@font-face{font-family:EmberSans;src:url('assets/fonts/NotoSansKR.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:EmberSerif;src:url('assets/fonts/NotoSerifKR.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--ink:#0b1015;--ivory:#eee5d3;--gold:#caa36a;--muted:#b8b09d;--line:#b99a633e}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080c10;color:var(--ivory);font-family:EmberSans,'Malgun Gothic',sans-serif}body{display:grid;place-items:center}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.57}button:focus-visible,input:focus-visible{outline:2px solid #fff0bb;outline-offset:3px}[hidden]{display:none!important}button{color:inherit}#stage{position:relative;width:min(100vw,177.7778vh);height:min(56.25vw,100vh);overflow:hidden;container-type:inline-size;background:#0c131b}#game{position:absolute;inset:0;width:100%;height:100%;display:block}
h1,h2,h3{font-family:EmberSerif,serif;font-weight:700}.edition{font-size:.72cqw;font-weight:600;letter-spacing:.22em;color:var(--gold);margin:0 0 .75cqw}.edition span{font-size:.52cqw;letter-spacing:.14em;margin-left:1cqw;color:#c8bc9d}.primary{min-height:3.85cqw;border:1px solid #efc78870;border-radius:2px;padding:.8cqw 1.4cqw;background:#b98c48 url('assets/v5/ui_button.png') center/100% 100% no-repeat;color:#fff2d1;font-weight:700;font-size:1.08cqw;text-shadow:0 2px 3px #241503;box-shadow:0 6px 28px #0006;transition:filter .15s,transform .15s}.primary:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px)}.secondary{padding:.75cqw 1cqw;border:1px solid #b69a664f;background:#171e23;color:#e4d6b8;font-size:.91cqw}.secondary:hover{border-color:var(--gold)}.text-button{border:0;background:none;font-size:.75cqw;color:#ad9f89;text-decoration:underline;text-underline-offset:3px;padding:.6cqw}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:5;background:#080d13d9}#overlay[data-mode=title]{background:linear-gradient(180deg,#0a0d1285 0%,#0a0d1210 35%,#0a0d1260 67%,#0a0d12eb),url('assets/v5/title_v5.webp') center/cover!important}
/* The selection scene keeps three full figures on one ground line. */
.title-panel{position:absolute;inset:0;isolation:isolate}.title-heading{position:absolute;left:4.6%;top:4.6%;width:58%;z-index:2}.title-heading h1{font-size:4.1cqw;line-height:1.08;letter-spacing:.16em;margin:0;color:#f4e9d3;text-shadow:0 2px 22px #0008}.title-heading h1 small{font-size:1.06cqw;letter-spacing:.33em;vertical-align:middle;margin-left:1.2cqw;color:#dbbe8c}.title-heading .edition{font-size:.58cqw;margin:0 0 .65cqw}#premise{font-size:.83cqw;line-height:1.6;margin:.8cqw 0 0;color:#d6d0bf;max-width:39cqw;text-shadow:0 2px 4px #000}.progression-toggle{position:absolute;right:4.7%;top:16%;width:20.5%;padding:.8cqw 1.2cqw;text-align:left;border:1px solid var(--line);background:linear-gradient(110deg,#101a23ec,#182028c7);z-index:3}.progression-toggle span{font-family:EmberSerif,serif;font-size:1.05cqw;color:#efdbad}.progression-toggle small{display:block;margin-top:.3cqw;font-size:.70cqw;color:#bcb3a0}.progression-toggle b{position:absolute;right:1cqw;top:.7cqw;color:var(--gold);font-size:1.3cqw}.roster-label{position:absolute;top:26%;left:4.8%;margin:0;font-size:.7cqw;letter-spacing:.07em;color:#c2b9a8;z-index:2}
#class-select{position:absolute;left:8%;right:8%;top:25%;bottom:28%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;align-items:stretch}.class-card{position:relative;border:0;background:none;min-width:0;padding:0;isolation:isolate;overflow:visible;text-align:center}.class-card:before{content:'';position:absolute;inset:4% -6% 10%;z-index:-1;background:radial-gradient(ellipse at 50% 72%,#d8b07520,transparent 68%);opacity:0;transition:opacity .3s}.class-card:after{content:'';position:absolute;left:12%;right:12%;bottom:18%;height:1px;background:linear-gradient(90deg,transparent,#cfad7770,transparent)}.hero-art{position:absolute;left:0;right:0;bottom:19%;height:95%;pointer-events:none}.class-card img{position:absolute;bottom:0;left:50%;height:var(--portrait-height,100%);width:auto;max-width:none;transform:translateX(-50%);transform-origin:50% 100%;filter:brightness(.76) saturate(.65) drop-shadow(0 10px 12px #000a);transition:filter .2s,transform .25s}.class-card.selected img,.class-card:hover img{filter:brightness(1.03) saturate(1) drop-shadow(0 0 16px #e0b9701f) drop-shadow(0 10px 10px #000b)}.class-card.selected:before,.class-card:hover:before{opacity:1}.class-card.selected:after{height:2px;background:linear-gradient(90deg,transparent,#f0cb86,transparent)}.class-card figcaption{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto auto;justify-content:center;gap:.22cqw .65cqw;align-items:center;text-shadow:0 2px 6px #000}.class-card strong{font-family:EmberSerif,serif;font-size:1.45cqw;font-weight:700;color:#dfd1b7}.class-card.selected strong{color:#ffdf9f}.class-card small{font-size:.8cqw;color:#cbbfa5}.class-card figcaption>span{grid-column:1/-1;font-size:.72cqw;color:#b8b09f}.selection-mark{position:absolute;top:9%;right:7%;font-size:.66cqw;color:#f0ca87;border:1px solid #c9a3675c;padding:.24cqw .6cqw;background:#131b20bb}.class-card:not(.selected) .selection-mark{visibility:hidden}
.departure{position:absolute;bottom:3%;left:4.7%;right:4.7%;display:grid;grid-template-columns:1.03fr 1fr;gap:6cqw;align-items:end;border-top:1px solid #c5a87526;padding-top:1.15cqw;background:linear-gradient(180deg,#0b111800,#0b111884)}#class-summary{min-width:0;padding-bottom:.5cqw}#class-summary .edition{font-size:.53cqw;margin-bottom:.5cqw}#selected-title{font-family:EmberSerif,serif;font-size:1.33cqw;color:#f1dab1}#class-reason{font-size:.89cqw;line-height:1.55;margin:.55cqw 0;color:#cec6b4}#class-combo{display:block;font-size:.78cqw;line-height:1.6;color:#d9bb84}#contract-select{display:flex;gap:.9cqw;border-bottom:1px solid var(--line);padding-bottom:.35cqw}#contract-select button{border:0;border-bottom:2px solid transparent;background:none;padding:.4cqw .15cqw;font-size:.83cqw;color:#c4bca8;white-space:nowrap}#contract-select button.selected{border-bottom-color:var(--gold);color:#f3dca9}#contract-select button:disabled{opacity:.55}#contract-detail{font-size:.75cqw;line-height:1.5;margin:.45cqw 0 .55cqw;color:#b8b5ab;min-height:1.1cqw}.departure-actions .primary{width:100%;letter-spacing:.08em}#asset-status{font-size:.64cqw;line-height:1.55;margin:.4cqw 0 0;color:#b8b19f;min-height:.95cqw}
/* An optional drawer holds persistent progression; the three heroes remain the focus. */
.subdialog{position:absolute;inset:0;z-index:18;display:flex;justify-content:center;align-items:center;padding:2.5cqw;background:#05090ddd;backdrop-filter:blur(5px)}.progression-dialog{justify-content:flex-end;background:linear-gradient(90deg,#05090d55,#05090dc7);padding:2.5cqw}.modal,.title-right{position:relative;background:#101820 url('assets/v5/ui_panel.png') center/100% 100% no-repeat;border:1px solid #ac8b524f;box-shadow:0 24px 100px #000b;padding:2.1cqw 2.7cqw;width:56%;max-height:92%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#897147 #172027}.modal h2{font-size:2.2cqw;line-height:1.4;margin:.35cqw 0 1cqw;color:#f1dfbd}.modal p:not(.edition){font-size:.95cqw;line-height:1.75;color:#c7c5b8}.modal .primary{width:100%;margin-top:.8cqw}.modal .secondary{width:100%;margin-top:.65cqw}.dialog-close{position:absolute;right:.9cqw;top:.7cqw;width:2.7cqw;height:2.7cqw;border:0;background:none;color:#e0c58f;font-size:2.1cqw}.title-right{width:38cqw;margin:0;max-height:100%;padding:2.3cqw 2.5cqw 1.3cqw}.title-right .edition{font-size:.68cqw;margin-bottom:.6cqw}.title-right h2{font-size:1.8cqw;margin:.3cqw 0 .75cqw}.title-right h3{font-size:1.12cqw;margin:1.2cqw 0 .65cqw}.title-right h3 small{float:right;font-family:EmberSans,sans-serif;font-size:.7cqw;color:#af9c7b}.title-right p:not(.edition){font-size:.79cqw;line-height:1.6;margin:.65cqw 0}.mastery-track{height:4px;background:#2b302e}.mastery-track i{display:block;width:100%;height:100%;background:#c7a35e;transform-origin:left}#next-mastery{color:#e1c798}.memory-wallet{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:.65cqw 0;margin:.8cqw 0;font-size:.9cqw;color:#c8bda9}.memory-wallet strong{font-family:EmberSerif,serif;font-size:1.6cqw;color:#e4d4a6}#memory-shop{display:grid;gap:.45cqw}.memory-item{position:relative;text-align:left;display:grid;gap:.25cqw;padding:.65cqw .8cqw .65cqw 4.35cqw;border:1px solid #98804f45;background:linear-gradient(90deg,#36352366,#10182066)}.memory-item .memory-art{position:absolute;width:3.15cqw;height:3.15cqw;left:.6cqw;top:50%;transform:translateY(-50%);object-fit:contain}.memory-item strong{font-size:.88cqw;color:#e0d0aa}.memory-item>span{font-size:.75cqw;color:#c6bdad;line-height:1.5}.memory-item small{font-size:.71cqw;color:#d4b475}.memory-item.equipped{border-color:#dcc38b;background:#9e86402a}.memory-item:disabled{opacity:.69}#campaign-goal{border-top:1px solid var(--line);padding-top:.8cqw}.title-right .text-button{display:block;margin:.45cqw auto 0}
/* Battle information is grouped at the perimeter and does not cover the feet. */
#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 2px 5px #000b}.vitals{position:absolute;left:2.8%;top:3.3%;width:24%;padding:.8cqw 1.05cqw;background:linear-gradient(110deg,#0b1117eb,#0b111790);border-top:1px solid #bca26c55}.identity{display:flex;align-items:center;gap:.65cqw;margin-bottom:.6cqw}.identity img{width:2.5cqw;height:2.9cqw;object-fit:cover;object-position:50% 20%;border:1px solid var(--gold);border-radius:50%;background:#161e24}.identity strong{display:block;font-family:EmberSerif,serif;font-size:1.05cqw}.identity span{display:block;font-size:.65cqw;color:#c3ad82}.identity>b{margin-left:auto;color:#edd39c;font-size:.98cqw}.health-track{position:relative;height:1.1cqw;background:#321e21;overflow:hidden;border:1px solid #b6a37b66}.health-track>div{position:absolute;inset:0;transform-origin:left;transition:transform .13s linear;background:linear-gradient(#bd8464,#74413e)}#health-lag{background:#e6b8a1;transition:transform .4s linear}.health-track span{position:absolute;right:.4cqw;top:0;font-size:.73cqw;color:#fff1dc;line-height:1cqw}.xp-track{height:2px;background:#273036;margin-top:.4cqw}.xp-track i,.resource-track i{display:block;width:100%;height:100%;transform-origin:left;background:#a6b6af}.xp-caption,.gauge-caption{display:flex;align-items:center;justify-content:space-between;gap:.4cqw;font-size:.68cqw;margin:.25cqw 0;color:#c3c8bb}.gauge-track{height:.35cqw;background:#2d2a23}.gauge-track>div{height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#936934,#f1d9a4)}.gauge-caption{font-size:.66cqw;color:#d0bf9f}.gauge-caption b{color:#efdbab}.resource-track{height:2px;background:#303944}.resource-track i{background:#89b4bd}#relic-bar{display:flex;gap:.4cqw;margin-top:.5cqw}#relic-bar span{color:var(--relic);font-size:1cqw}.room-hud{position:absolute;left:34%;top:4%;width:32%;text-align:center}#room-dots{font-size:.65cqw;letter-spacing:.3cqw;color:#dbc18d}#room-title{font-family:EmberSerif,serif;font-size:1.3cqw;margin:.35cqw 0;color:#eddfbe}#objective{font-size:.83cqw;line-height:1.55;color:#d2ccb9}#travel-bar{height:2px;margin:.6cqw 3cqw;background:#78847144}#travel-bar i{display:block;height:100%;width:100%;transform-origin:left;background:#e0c897}#settings{position:absolute;right:2.5%;top:3.8%;display:flex;gap:.4cqw;align-items:center;z-index:8;font-size:.68cqw;color:#bcb7a6}#settings button{background:#0d151cc9;border:1px solid #ad965b36;border-radius:2px;color:#d2c8af;padding:.4cqw .5cqw}#settings label{display:flex;align-items:center;gap:.35cqw}#volume{width:3.8cqw;height:.7cqw;accent-color:#c9a362}
#combo{position:absolute;right:4%;top:25%;opacity:0;text-align:right;transition:opacity .15s}#combo.on{opacity:1}#combo>b{display:block;font-family:EmberSerif,serif;font-style:italic;font-size:4.7cqw;line-height:1;color:#ffe0a2}#combo-number{display:block;font-size:.79cqw;letter-spacing:.17em;color:#edd3a5}#combo-style{display:block;font-size:.74cqw;color:#d8cfb9;margin-top:.4cqw}#combo-bar{height:2px;margin-top:.6cqw;background:#dbc388;transform-origin:right}#boss-hud{position:absolute;top:18%;left:34%;width:33%}#boss-hud>div:first-child{display:flex;justify-content:space-between;font-family:EmberSerif,serif;font-size:1.1cqw;color:#ead3aa}#boss-phase{font-family:EmberSans,sans-serif;font-size:.65cqw;align-self:center;color:#bc9e84}.boss-track{height:.6cqw;background:#27171c;border:1px solid #ae8e625c;margin:.4cqw 0}.boss-track i,.break-track i{display:block;width:100%;height:100%;transform-origin:left;background:#a0514d}.break-track{height:3px;background:#332d24}.break-track i{background:#d2b676}#boss-state{display:block;text-align:center;font-size:.67cqw;color:#e5d7b7;margin-top:.35cqw}
/* Icon, fixed key and changing cooldown are separate layers. */
.skillbar{position:absolute;left:18%;right:18%;bottom:2.4%;display:flex;gap:1cqw;justify-content:center;align-items:end}.skill{position:relative;width:7.9cqw;min-width:0;text-align:center;filter:drop-shadow(0 3px 6px #000a)}.skill-orb{position:relative;width:4.6cqw;height:4.6cqw;margin:0 auto .4cqw;background:radial-gradient(#55422c,#161a1e 65%);border-radius:50%;isolation:isolate}.skill-orb:after{content:'';position:absolute;inset:-8%;background:url('assets/v5/ui_skill_frame.png') center/contain no-repeat;pointer-events:none;z-index:3}.skill-art{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;border-radius:50%}.skill-cd{position:absolute;inset:8%;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;font-size:1.32cqw;font-weight:700;color:#fff1d6;text-shadow:0 2px 5px #000}.skill-cd:not(:empty){background:#070c13b3}.skill kbd{position:absolute;left:50%;top:-.5cqw;transform:translateX(-50%);z-index:4;background:#191d1b;border:1px solid #d3ba80;border-radius:2px;padding:.05cqw .35cqw;min-width:1.35cqw;font-family:EmberSans,sans-serif;font-size:.76cqw;line-height:1.1cqw;color:#f4e1b7}.skill[data-skill=dodge] kbd{font-size:.51cqw}.skill strong{display:block;white-space:nowrap;font-size:.74cqw;font-weight:600;line-height:1.3;color:#e8ddc6}.skill small{display:block;font-size:.58cqw;line-height:1.4;color:#c2bda9;margin-top:.12cqw;white-space:nowrap}.skill i{display:block;height:2px;width:66%;margin:.35cqw auto 0;background:#d9bc7d;transform-origin:left}.skill.locked .skill-art{filter:grayscale(1) brightness(.5)}.skill.locked small{color:#d0b580}.skill.locked .skill-orb:after{filter:grayscale(.7) brightness(.7)}.skill.ready .skill-orb{box-shadow:0 0 18px #f8c46a88}.skill.cooling .skill-art{filter:brightness(.65)}#hint{position:absolute;left:20%;right:20%;bottom:16.8%;font-size:.78cqw;line-height:1.5;text-align:center;color:#e1d6be}#toast{position:absolute;left:24%;right:24%;top:29%;text-align:center;font-family:EmberSerif,serif;font-size:1.45cqw;color:#ffe0a1;transition:opacity .2s}#counter-prompt{position:absolute;left:40%;right:40%;top:40%;text-align:center;color:#ffe8b0;font-size:1.35cqw;font-weight:700}#counter-prompt kbd{border:1px solid #edcb86;padding:.15cqw .5cqw;margin-right:.5cqw}#story-caption{position:absolute;left:3%;top:34%;width:24%;padding:.75cqw 1cqw;background:linear-gradient(90deg,#0b121bdd,#0b121b44);border-left:1px solid #b99a64}#story-caption small{font-size:.62cqw;color:#cdb583;letter-spacing:.08em}#story-caption p{font-size:.85cqw;line-height:1.8;margin:.4cqw 0 0;color:#e0d6c0}
/* Illustrated rewards use one quiet text field inside the painted frame. */
.choice-panel{width:86%;max-height:92%;overflow-y:auto;padding:1cqw .5cqw 1.5cqw;text-align:center;scrollbar-width:thin}.choice-panel .edition{justify-content:center;margin:.25cqw 0 .5cqw;font-size:.65cqw}.choice-panel h2{font-size:2.35cqw;line-height:1.3;margin:.3cqw 0 .75cqw;color:#f2e3c5}.choice-panel>p:not(.edition){font-size:.9cqw;line-height:1.7;color:#c8c5b5;max-width:64cqw;margin:.5cqw auto 0}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2cqw;margin:1.45cqw 3cqw 0}.choice{position:relative;min-width:0;min-height:29.2cqw;padding:2.0cqw 1.7cqw 1.7cqw;border:0;background:#15202a url('assets/v5/ui_card.png') center/100% 100% no-repeat;box-shadow:0 12px 35px #0006;text-align:center;display:flex;flex-direction:column;align-items:center;color:#e9dfc8;transition:filter .2s,transform .2s}.choice:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-.35cqw)}.choice-icon{width:7.4cqw;height:7.4cqw;margin:.3cqw 0 .5cqw;display:block;position:relative;filter:drop-shadow(0 2px 18px #d2b37426)}.choice-icon img{width:100%;height:100%;object-fit:contain}.choice small{font-size:.68cqw;letter-spacing:.1em;color:#cdb788;line-height:1.5}.choice h3{font-size:1.45cqw;line-height:1.45;margin:.8cqw 0 .5cqw;color:#f0dab0}.choice p{font-size:.88cqw;line-height:1.8;margin:.3cqw 0 .65cqw;color:#ded8c9}.choice-detail{font-size:.72cqw;line-height:1.7;color:#bfb7a6;min-height:2.4cqw}.choose-label{margin-top:auto;width:100%;padding-top:.85cqw;border-top:1px solid #b9a16b42;font-size:.81cqw;line-height:1.4;color:#efce96}
#pause-panel{width:54%;max-height:90%}#pause-skills{display:grid;grid-template-columns:1fr 1fr;gap:.55cqw;margin-top:1cqw;font-size:.85cqw}#pause-skills span{padding:.55cqw .7cqw;background:#3440312b;border-bottom:1px solid var(--line);color:#d3c6a9}#pause-skills kbd{color:#efcf8e;font-size:.78cqw;margin-right:.25cqw}#pause-relics{display:flex;gap:.6cqw;flex-wrap:wrap;margin-top:.7cqw}#pause-relics p{font-size:.74cqw!important;line-height:1.6!important;margin:.2cqw 0}#result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7cqw;margin:1.1cqw 0}#result-stats div{border-bottom:1px solid var(--line);padding:.4cqw 0 .6cqw;color:#c0b59f;font-size:.78cqw}#result-stats strong{display:block;font-family:EmberSerif,serif;font-size:1.6cqw;color:#ecd3a0;margin-top:.25cqw}#run-reward{display:flex;flex-wrap:wrap;gap:.6cqw 1.4cqw;padding:.8cqw 0;border-block:1px solid #c2a16a45;font-size:.95cqw;color:#e5c690}#run-reward span{color:#bcc8b6;font-size:.8cqw}#next-run{color:#e3cf9d!important}#result-relics{display:flex;flex-wrap:wrap;gap:.5cqw;font-size:.7cqw;color:#c4bea9}.result-buttons{display:flex;gap:.8cqw}.result-buttons button{flex:1;min-width:0;white-space:normal;line-height:1.5}.result-buttons .secondary{margin-top:.8cqw}#journal-dialog,#reset-dialog{z-index:22}#journal-pages article{padding:.75cqw 1cqw;border-left:1px solid #bf9e64;background:#1c27277a;margin:.8cqw 0}#journal-pages h3{font-size:1.1cqw;color:#e5cea2;margin:.2cqw 0}#journal-pages p{font-size:.87cqw;line-height:1.7;margin:.3cqw 0}#boot-error{position:absolute;inset:20%;z-index:30;background:#3b2029;padding:2.5cqw;color:#ffe6dc;white-space:pre-wrap;font-size:1cqw;overflow:auto}
@container(max-width:900px){.title-heading{top:4%}#premise{font-size:.94cqw}.departure{gap:3cqw}.title-right{width:46cqw}.title-right p:not(.edition),.memory-item>span{font-size:.87cqw}.modal{width:68%}.choice-panel{width:92%}.choices{margin-inline:1cqw;gap:1.5cqw}.choice p{font-size:1cqw}.choice-detail{font-size:.84cqw}.skillbar{left:13%;right:13%}.skill{width:9cqw}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.choice{min-height:31.2cqw}.choice p{font-size:.98cqw}.choice-detail{font-size:.80cqw}.skill-cd{font-size:1.05cqw}.skill.locked .skill-cd{font-size:.79cqw}.title-heading h1,.class-card strong,.choice h3,.modal h2{font-synthesis:none}
/* Final readability pass: physical minimums are intentional at 1280 × 720. */
.edition{font-size:max(11px,.72cqw)}.title-heading .edition{font-size:max(10px,.58cqw)}.edition span{font-size:max(9px,.52cqw)}.title-heading h1 small{font-size:max(14px,1.06cqw)}
#premise{font-size:max(12px,.88cqw);max-width:48cqw;line-height:1.65}.progression-toggle{top:9%;width:22%;padding:.5cqw 1.05cqw}.progression-toggle span{font-size:max(14px,1.05cqw)}.progression-toggle small{font-size:max(12px,.72cqw);margin-top:2px}.progression-toggle b{top:.55cqw}
.roster-label{top:auto;bottom:24.2%;left:0;right:0;text-align:center;font-size:max(12px,.75cqw);color:#d8d1bf}.selection-mark{display:none}.class-card.selected strong:before{content:'◆';display:inline-block;font-family:EmberSans,sans-serif;font-size:10px;margin-right:.5cqw;vertical-align:middle;color:#eac27e}.class-card small{font-size:max(13px,.8cqw)}.class-card figcaption>span{font-size:max(12px,.75cqw);line-height:1.5}.class-card strong{font-size:max(20px,1.45cqw)}
#class-summary .edition{font-size:max(10px,.58cqw)}#selected-title{font-size:max(18px,1.33cqw)}#class-reason{font-size:max(13px,.95cqw)}#class-combo{font-size:max(12px,.82cqw)}#contract-select button{font-size:max(13px,.9cqw)}#contract-detail{font-size:max(12px,.8cqw)}#asset-status{font-size:max(11px,.7cqw)}.primary{font-size:max(14px,1.08cqw)}.secondary{font-size:max(13px,.91cqw)}.text-button{font-size:max(12px,.75cqw)}
.identity strong{font-size:max(15px,1.08cqw)}.identity span{font-size:max(12px,.72cqw)}.identity>b{font-size:max(14px,1.03cqw)}.identity img{width:3cqw;height:3.2cqw}.health-track{height:max(17px,1.15cqw)}.health-track span{font-size:max(12px,.8cqw);line-height:max(15px,1.03cqw)}.xp-caption,.gauge-caption{font-size:max(12px,.77cqw);line-height:1.55}.vitals{width:25%;padding:.65cqw .9cqw}.gauge-track{height:max(5px,.35cqw)}#room-dots{font-size:max(11px,.7cqw)}#room-title{font-size:max(18px,1.3cqw)}#objective{font-size:max(12px,.86cqw)}#settings{font-size:max(11px,.72cqw)}#settings button{padding:max(4px,.4cqw) max(6px,.5cqw)}#volume{width:3.8cqw;min-width:42px}
.skill-orb:after{z-index:0}.skill-art{z-index:1;inset:14%;width:72%;height:72%}.skill-cd{z-index:2;font-size:max(18px,1.15cqw)}.skill.locked .skill-cd{font-size:max(12px,.79cqw)}.skill kbd{font-size:max(12px,.82cqw);line-height:1.35;min-width:20px;padding:0 4px;top:-.7cqw}.skill[data-skill=dodge] kbd{font-size:max(11px,.64cqw)}.skill strong{font-size:max(12px,.80cqw);line-height:1.45}.skill small{font-size:max(11px,.67cqw);line-height:1.4}.skillbar{left:15%;right:15%;bottom:1.8%;gap:1cqw}.skill{width:8.4cqw}.skill i{margin-top:4px}.skill-orb{margin-bottom:.55cqw}#hint{font-size:max(12px,.84cqw);bottom:17.8%;color:#f0e2c4}#combo-number{font-size:max(12px,.79cqw)}#combo-style{font-size:max(12px,.78cqw)}#boss-name{font-size:max(15px,1.1cqw)}#boss-phase,#boss-state{font-size:max(11px,.72cqw)}#story-caption small{font-size:max(11px,.68cqw)}#story-caption p{font-size:max(12px,.88cqw)}#story-caption{width:27%;background:linear-gradient(90deg,#09111aef,#09111a9c)}
.title-right .edition{font-size:max(11px,.7cqw)}.title-right h2{font-size:max(23px,1.8cqw)}.title-right h3{font-size:max(16px,1.12cqw)}.title-right h3 small{font-size:max(12px,.72cqw)}.title-right p:not(.edition){font-size:max(12px,.85cqw)}.memory-wallet{font-size:max(13px,.9cqw)}.memory-item strong{font-size:max(13px,.92cqw)}.memory-item>span{font-size:max(12px,.8cqw)}.memory-item small{font-size:max(12px,.76cqw)}.title-right{width:40cqw}.dialog-close{font-size:max(26px,2.1cqw);width:32px;height:32px}
.modal p:not(.edition){font-size:max(13px,.98cqw)}.choice-panel>.edition{font-size:max(11px,.7cqw)}.choice-panel>p:not(.edition){font-size:max(13px,.95cqw)}.choice p{font-size:max(13px,1.02cqw)}.choice-detail{font-size:max(12px,.85cqw)}.choice small{font-size:max(12px,.76cqw)}.choice h3{font-size:max(20px,1.5cqw)}.choose-label{font-size:max(13px,.88cqw)}#pause-skills{font-size:max(13px,.9cqw)}#pause-skills kbd{font-size:max(12px,.82cqw)}#pause-relics p{font-size:max(12px,.8cqw)!important}#result-stats div{font-size:max(12px,.85cqw)}#run-reward{font-size:max(14px,1cqw)}#run-reward span{font-size:max(12px,.86cqw)}#result-relics{font-size:max(12px,.78cqw)}#journal-pages h3{font-size:max(16px,1.14cqw)}#journal-pages p{font-size:max(13px,.9cqw)}
.progression-dialog{padding:1.2cqw 2.5cqw}.title-right{padding-top:1.8cqw;padding-bottom:.7cqw}.title-right .memory-item{padding-top:.45cqw;padding-bottom:.45cqw}.title-right .text-button{margin:.1cqw auto 0;padding:.35cqw}
.primary{background-color:transparent;border-color:transparent;box-shadow:none}.vitals{background:linear-gradient(110deg,#0b1117d4,#0b11176b);border-top-color:#bca26c44}
/* Keep all reward text inside the painted frame's dark inset. */
.choice{min-height:34cqw;padding:max(40px,3.125cqw) max(42px,3.3cqw);box-sizing:border-box}
.choice-icon{flex-shrink:0;width:6.4cqw;height:6.4cqw;margin:0 0 .4cqw}
.choice>small,.choice>h3,.choice>p,.choice-detail,.choose-label{width:100%;min-width:0;box-sizing:border-box;word-break:keep-all;overflow-wrap:anywhere}
.choice h3{margin:.55cqw 0 .4cqw}.choice p{line-height:1.7}.choice-detail{min-height:0;margin-bottom:1cqw}.choose-label{flex-shrink:0;padding-top:.85cqw}

/* A small window scales the complete 1280 × 720 composition, not its layout. */
#stage{position:absolute;left:50%;top:50%;width:var(--stage-width,1280px);height:var(--stage-height,720px);transform:translate(-50%,-50%) scale(var(--stage-scale,1));transform-origin:center}

.audio-mix{display:flex;gap:2cqw;border-top:1px solid var(--line);padding-top:.7cqw;margin-top:.7cqw;font-size:max(12px,.86cqw)}.audio-mix label{display:flex;align-items:center;gap:.7cqw;flex:1}.audio-mix input{width:8cqw;accent-color:#d9b574}