:root{color-scheme:dark;--ink:#111a22;--panel:rgba(17,24,31,.94);--gold:#c7a56d;--cream:#f0e6cb;--muted:#aaa899;--teal:#82cbb8;--red:#d87970;font-family:'Malgun Gothic','Segoe UI',sans-serif;color:var(--cream);font-size:14px}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#0b1017;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:disabled{opacity:.38;cursor:default}button{border:1px solid #655a45;background:linear-gradient(135deg,#34322c,#20252a);padding:12px 19px;transition:background .15s,transform .15s,border-color .15s;letter-spacing:.02em}button:hover:not(:disabled){background:#39443f;border-color:var(--gold);transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,#345c54,#23473f);border-color:#94b39b;box-shadow:inset 0 0 0 3px #233c36,0 7px 24px #0004;font-weight:bold}button.primary:hover{background:#3e6e60}button.quiet{background:#151d25b0;border-color:#48504c}button.small{font-size:12px;padding:8px 11px}a{color:var(--teal);text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:'Batang','Georgia',serif}h2{font-size:28px;line-height:1.4}p{line-height:1.8}small{font-size:11px;color:var(--muted)}kbd{font:11px 'Segoe UI',sans-serif;border:1px solid #706952;background:#131c24;min-width:22px;display:inline-block;text-align:center;padding:3px 5px;color:#e4dac3;border-radius:3px;box-shadow:0 2px 0 #080b0e}#app{width:min(100vw,160vh);height:min(100vh,62.5vw);aspect-ratio:8/5;position:absolute;inset:0;margin:auto;overflow:hidden;background:#141b26}#game{position:absolute;inset:0}#game canvas{display:block;width:100%!important;height:100%!important}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 14px #070b16a0;z-index:2}#ui{position:absolute;inset:0;z-index:3;pointer-events:none}#ui button,#ui a,#ui input{pointer-events:auto}#modal-root{position:absolute;inset:0;z-index:8;pointer-events:none}#toast{position:absolute;bottom:19%;left:50%;transform:translate(-50%,10px);background:#17272bed;border:1px solid #628c7f;padding:12px 24px;z-index:12;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;max-width:75%;text-align:center;box-shadow:0 8px 30px #0005}#toast.show{opacity:1;transform:translate(-50%,0)}
.eyebrow{font-size:10px;letter-spacing:.29em;color:var(--gold);text-transform:uppercase}.muted{color:var(--muted)}.gold{color:var(--gold)}.teal{color:var(--teal)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.rule{height:1px;background:linear-gradient(90deg,transparent,#8f7951,transparent);margin:17px 0}.corner{position:relative}.corner:before,.corner:after{content:'◆';position:absolute;color:var(--gold);font-size:8px;top:-5px}.corner:before{left:-4px}.corner:after{right:-4px}.panel{background:var(--panel);border:1px solid #766044;box-shadow:0 12px 60px #0007,inset 0 0 0 4px #191f24;padding:26px}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111924f7 0%,#141d28e0 34%,#121b2450 68%,#11182450)}.title-content{position:absolute;top:14%;left:6%;width:43%;max-width:500px}.title-content h1{font-size:clamp(38px,5.8vw,80px);font-weight:400;letter-spacing:-.04em;line-height:1.3;margin:14px 0 9px;text-shadow:0 3px 30px #000}.title-content .subtitle{font-size:clamp(13px,1.35vw,18px);letter-spacing:.18em;color:#c4c5b4;margin-bottom:21px}.title-content .intro{font-size:13px;color:#babdb5;line-height:2}.title-actions{display:flex;gap:10px;margin-top:27px;flex-wrap:wrap}.title-actions .primary{padding:16px 31px;font-size:16px}.title-footer{position:absolute;bottom:5%;left:6%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#a9aeac;font-size:11px}.title-stamp{position:absolute;right:6%;top:8%;text-align:right;font-size:11px;line-height:1.8;letter-spacing:.12em;color:#b9b6a4}.title-quote{position:absolute;right:7%;bottom:17%;font-family:Batang,serif;font-size:17px;color:#e4d7b5;text-shadow:0 2px 8px #000;line-height:2}.title-quote span{display:block;text-align:right;font-size:11px;color:#bcad90;margin-top:7px}
.hud-top{position:absolute;top:3%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:flex-start}.vitals{background:linear-gradient(90deg,#101a22f0,#111b239c);padding:13px 18px;border-left:2px solid var(--gold);min-width:240px}.vitals .healthline{display:flex;gap:9px;align-items:center}.heart{color:#e38778;font-size:21px}.health-track{width:168px;height:9px;background:#20252b;border:1px solid #8b7560;padding:1px}.health-fill{height:100%;background:linear-gradient(90deg,#97433f,#d98875);width:100%;transition:width .16s}.health-number{font-size:12px;color:#ead8bb;min-width:54px}.vitals .sub{margin-top:8px;display:flex;gap:18px;font-size:11px;color:#adb6b3}.stage-info{background:#101a23df;padding:13px 19px;border-right:2px solid var(--gold);text-align:right;min-width:193px}.stage-info h3{font-family:Batang,serif;font-size:19px;margin-bottom:8px}.rooms{display:flex;gap:5px;justify-content:flex-end;margin:9px 0}.rooms i{width:11px;height:6px;background:#49504d}.rooms i.done{background:#8f9980}.rooms i.current{background:#e0c088;box-shadow:0 0 7px #d4b97277}.stage-info .timer{font-size:12px;letter-spacing:.06em;color:#d2ceb8}.hud-bottom{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:18px}.inventory-bar{display:flex;gap:5px;padding:7px;background:#171d24e8;border:1px solid #8f7551;box-shadow:inset 0 0 0 3px #1a232a,0 7px 30px #0006}.slot{width:58px;height:60px;position:relative;border:1px solid #514b3d;background:#1c242e;padding:2px;display:flex;align-items:center;justify-content:center}.slot img{width:46px;height:46px;image-rendering:pixelated}.slot.empty{opacity:.4}.slot .lv{position:absolute;bottom:1px;right:4px;font-size:9px;color:#d9be81;letter-spacing:2px}.slot .num{position:absolute;top:2px;left:4px;font-size:8px;color:#a49a80}.slot:hover{border-color:#ddc38e}.ability{position:relative;min-width:70px;padding:8px;text-align:center;background:#13232be8;border:1px solid #688b7c;box-shadow:inset 0 0 0 3px #17232c}.ability strong{display:block;color:#bbe4cf;font-size:16px;margin:4px 0}.ability small{font-size:9px}.controls-hint{position:absolute;bottom:4%;left:3%;font-size:10px;line-height:2.2;color:#acb4ae}.hud-tools{position:absolute;bottom:4%;right:3%;display:flex;gap:6px}.synergy-line{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);display:flex;gap:8px;font-size:10px;white-space:nowrap}.synergy-line span{padding:5px 9px;background:#152d2aaf;border:1px solid #507b68;color:#b6d9c1}.boss-hud{position:absolute;top:14%;left:28%;right:28%;text-align:center}.boss-hud h3{font-family:Batang,serif;font-size:20px;color:#e9d2a6;text-shadow:0 2px 4px #000;margin-bottom:9px}.boss-track{height:9px;border:1px solid #a48458;background:#151b24;box-shadow:0 3px 8px #000}.boss-track i{display:block;height:100%;background:linear-gradient(90deg,#864147,#cb7c65);transition:width .12s}.room-banner{position:absolute;top:40%;left:25%;right:25%;text-align:center;animation:banner 3.4s both;pointer-events:none;color:#efe0bc}.room-banner h2{font-size:34px;letter-spacing:.12em;text-shadow:0 2px 12px #000}.room-banner p{font-size:12px;color:#c1c3b2;margin-top:9px}@keyframes banner{0%{opacity:0;transform:translateY(8px)}20%,65%{opacity:1;transform:translateY(0)}100%{opacity:0}}.exit-note{position:absolute;top:17%;left:50%;transform:translateX(-50%);text-align:center;background:#17241fe8;border:1px solid #8f9569;padding:12px 27px}.exit-note strong{display:block;color:#dcdbb9;margin-bottom:6px}.exit-note button{margin-top:8px}
.scrim{position:absolute;inset:0;background:#08111bba;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:3%;pointer-events:auto}.dialog{width:min(880px,94%);max-height:94%;overflow:auto;scrollbar-color:#837252 #19212a;padding:26px 30px;background:linear-gradient(150deg,#1d2730f5,#131b23fc);border:1px solid #9c8158;box-shadow:0 22px 100px #0009,inset 0 0 0 5px #15212a;position:relative}.dialog.compact{width:500px}.dialog h2{margin:5px 0 8px}.dialog .lede{color:#b7beb3;font-size:12px;line-height:1.9}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.close{background:transparent;border:1px solid #596153;padding:5px 11px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.relic-card{position:relative;text-align:left;min-height:280px;padding:18px 18px 15px;background:linear-gradient(140deg,#ddd0ad,#b8a47d);border:2px solid #9a7e52;color:#252d30;box-shadow:inset 0 0 0 4px #b49e72,0 8px 25px #0004;display:flex;flex-direction:column;gap:7px}.relic-card:hover:not(:disabled){background:linear-gradient(140deg,#f1e6c8,#c7b68d);border-color:#88c9b4;transform:translateY(-5px)}.relic-card .art{width:100%;height:95px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#fff8d54d,transparent 68%)}.relic-card img{width:88px;height:88px;image-rendering:pixelated;filter:drop-shadow(3px 5px 2px #44351d55)}.relic-card h3{font-family:Batang,serif;font-size:21px;margin:4px 0}.relic-card p{font-size:12px;line-height:1.7;flex:1}.relic-card .tag{font-size:10px;letter-spacing:.04em;color:#5a5c4c}.relic-card .badge{font-size:10px;position:absolute;top:12px;right:12px;border:1px solid #8d7548;padding:3px 6px;background:#eadab7}.relic-card .combo{font-size:11px;margin-top:8px;padding-top:8px;border-top:1px solid #937c50;color:#255d52;font-weight:bold}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#aaa998;font-size:11px}.starter-options{display:flex;gap:9px;margin:13px 0}.starter{display:flex;align-items:center;gap:9px;flex:1;padding:10px;background:#1a2730}.starter img{width:42px;height:42px;image-rendering:pixelated}.starter.selected{border-color:var(--teal);background:#29413b}.starter strong{font-size:12px}.starter small{display:block;margin-top:3px}.region-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.region{padding:17px;text-align:left;background:#1d2c35}.region.selected{border-color:#c9ae76;background:#313a37}.region h3{font-family:Batang,serif;font-size:20px;margin:3px 0 9px}.region p{font-size:11px;color:#b7bcad}.setting{display:grid;grid-template-columns:1fr 1.3fr 42px;gap:12px;align-items:center;margin:19px 0;font-size:13px}.setting input{accent-color:#94c5ad;width:100%}.setting output{text-align:right;color:#c7b88f}.check{display:flex;gap:10px;align-items:center;margin:14px 0;font-size:12px;color:#c3c9bf}.check input{accent-color:#91bda7}.collection-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:19px 0}.collection-item{text-align:center;padding:10px 4px;background:#202d35;min-height:100px;border-color:#526055}.collection-item img{width:48px;height:48px;image-rendering:pixelated}.collection-item strong{display:block;font-size:10px;margin:4px 0}.collection-item.locked img{filter:brightness(.15);opacity:.5}.collection-item.locked{opacity:.7}.collection-item small{font-size:9px}.collection-item.tracked{border-color:var(--gold);background:#3c3d30}.set-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #394239;font-size:12px;align-items:center}.set-row .progress{width:90px;height:4px;background:#333c3d}.set-row .progress i{height:100%;display:block;background:#bda56e}.set-row span{flex:1}.shop-top{position:absolute;top:4%;left:4%;right:4%;display:flex;justify-content:space-between}.shop-brand{background:#151f26d9;padding:13px 20px;border-left:2px solid var(--gold)}.shop-brand h2{font-size:24px}.shop-brand p{font-size:11px;color:#b6b9ab;margin-top:7px}.shop-journal{position:absolute;right:4%;bottom:8%;width:252px;background:#18242bea;border:1px solid #998057;padding:21px}.shop-journal h3{font-family:Batang,serif;font-size:19px;margin:9px 0}.shop-journal p{font-size:11px;color:#bdc1b3}.shop-journal .primary{width:100%;margin-top:17px}.shop-nav{position:absolute;bottom:5%;left:4%;display:flex;gap:8px}.shop-caption{position:absolute;left:5%;top:25%;font-size:11px;color:#d4c5a4;background:#1a242cd9;padding:10px 14px;border-left:1px solid #9d875e}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;margin:20px 0}.result-stats div{background:#101a21;padding:14px;border:1px solid #445044}.result-stats strong{display:block;font-family:Georgia,serif;font-size:28px;color:#e4c992;margin-bottom:4px}.samples{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.sample{padding:7px 11px;background:#26362f;border:1px solid #5b7564;font-size:11px;display:flex;align-items:center;gap:6px}.sample img{width:30px;height:30px;image-rendering:pixelated}.sample.lost{opacity:.4;filter:grayscale(1)}.empty-note{padding:24px;text-align:center;color:#aeb4a8;font-size:12px}.item-detail{display:flex;gap:20px;align-items:center;margin:20px 0}.item-detail img{width:105px;image-rendering:pixelated}.item-detail p{font-size:13px}.lab-link{font-size:11px;opacity:.8}#loader{position:absolute;inset:0;background:#101922;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;gap:17px}#loader .loader-mark{font-size:36px;color:var(--gold);animation:pulse 1.6s infinite}#loader p{font-size:12px;color:#aebbb4}#loader>div{width:230px;height:2px;background:#39423d;margin-top:10px}#loadbar{display:block;width:0;height:100%;background:#bca16c}@keyframes pulse{50%{opacity:.3;transform:rotate(45deg)}}
@media(max-width:1000px){:root{font-size:12px}.title-content{top:10%}.title-content .intro{font-size:11px}.title-content .subtitle{margin-bottom:10px}.title-actions{margin-top:15px}.title-actions .primary{font-size:13px;padding:11px 20px}.title-footer{bottom:3%}.title-quote{font-size:13px}.vitals{min-width:195px;padding:8px 10px}.health-track{width:115px}.stage-info{padding:8px 11px;min-width:155px}.stage-info h3{font-size:15px}.slot{width:44px;height:47px}.slot img{width:36px;height:36px}.ability{min-width:57px;padding:4px}.hud-bottom{gap:8px}.controls-hint{font-size:8px}.hud-tools button{padding:6px 8px;font-size:10px}.dialog{padding:19px 22px}.dialog h2{font-size:23px}.cards{gap:10px;margin:14px 0}.relic-card{min-height:235px;padding:13px}.relic-card .art{height:67px}.relic-card img{width:65px;height:65px}.relic-card h3{font-size:17px}.relic-card p{font-size:11px}.shop-journal{width:210px;padding:15px}.collection-grid{grid-template-columns:repeat(6,1fr);gap:6px}.collection-item{min-height:83px;padding:6px 2px}.collection-item img{width:38px;height:38px}}
@media(max-width:650px){.title-content{top:9%;width:60%}.title-content h1{font-size:37px}.title-content .intro,.title-quote,.title-stamp{display:none}.title-footer{font-size:8px}.title-actions{gap:6px}.title-actions button{font-size:10px;padding:9px 12px}.title-actions .primary{font-size:12px}.hud-top{top:2%}.vitals{min-width:135px;padding:5px}.health-track{width:68px}.health-number{font-size:9px;min-width:40px}.heart{font-size:13px}.vitals .sub{font-size:8px;gap:8px;margin-top:3px}.stage-info{padding:5px;min-width:100px}.stage-info h3{font-size:12px;margin:0}.stage-info .timer{font-size:9px}.rooms{margin:4px 0;gap:3px}.rooms i{width:7px;height:4px}.controls-hint{display:none}.slot{width:31px;height:34px}.slot img{width:27px;height:27px}.inventory-bar{gap:2px;padding:3px}.ability{min-width:40px;padding:2px}.ability strong{font-size:11px}.ability small{font-size:7px}.ability kbd{font-size:8px;min-width:15px;padding:1px 3px}.hud-bottom{gap:5px;bottom:2%}.hud-tools{bottom:3%;right:2%;gap:3px}.hud-tools button{font-size:8px;padding:4px}.dialog{padding:13px;max-height:95%}.dialog h2{font-size:17px}.dialog .lede{font-size:9px}.dialog-head{margin-bottom:8px}.cards{gap:6px;margin:10px 0}.relic-card{min-height:170px;padding:8px}.relic-card .art{height:41px}.relic-card img{width:42px;height:42px}.relic-card h3{font-size:12px}.relic-card p,.relic-card .tag,.relic-card .combo{font-size:8px}.relic-card .badge{font-size:7px;top:5px;right:5px;padding:1px 3px}.dialog-foot{font-size:8px}.dialog-foot button{padding:7px;font-size:9px}.starter{padding:6px;gap:3px}.starter img{width:26px;height:26px}.starter strong{font-size:9px}.starter small{font-size:7px}.region{padding:8px}.region h3{font-size:13px}.region p{font-size:8px}.collection-grid{grid-template-columns:repeat(4,1fr)}.shop-journal{width:166px;padding:11px;bottom:6%}.shop-journal p{font-size:9px}.shop-journal h3{font-size:13px}.shop-journal .primary{font-size:10px;padding:8px;margin-top:8px}.shop-brand{padding:8px}.shop-brand h2{font-size:16px}.shop-brand p{font-size:8px}.shop-nav button{font-size:9px;padding:7px}.shop-caption{font-size:8px}.synergy-line{font-size:7px;bottom:15%}.boss-hud h3{font-size:14px}.result-stats{margin:10px 0;gap:6px}.result-stats div{padding:8px}.result-stats strong{font-size:18px}.sample{font-size:8px;padding:4px}.sample img{width:22px}.setting{margin:12px 0;font-size:11px}.set-row{font-size:9px}.item-detail img{width:65px}.item-detail p{font-size:10px}.dialog h3{font-size:13px}}