:root{--bg:#0a0c10c7;--bg2:#12161cdb;--line:#a0bed238;--line2:#a0bed273;--txt:#d8dee4;--dim:#8c96a0;--blue:#39c8ff;--red:#ff4a36;--gold:#e6b450;--green:#7be08a;--font:"Chakra Petch", "Noto Sans KR", system-ui, sans-serif;--kr:"Noto Sans KR", "Chakra Petch", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--txt);font-family:var(--kr);-webkit-user-select:none;user-select:none;background:#07080a;margin:0;overflow:hidden}#app canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui button{font-family:var(--font)}#ui .interactive,#ui button,#ui .card,#ui .dialogue,#ui .screen,#ui .unit-panel,#ui .execute-btn{pointer-events:auto}.loading{z-index:50;background:#07080a;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading h1{font-family:var(--font);letter-spacing:.3em;color:#e8ecef;margin:0 0 18px;font-size:28px;font-weight:700}.loading .bar{background:#ffffff14;width:320px;height:3px}.loading .bar i{background:var(--gold);width:0;height:100%;transition:width .2s;display:block}.loading p{color:var(--dim);letter-spacing:.08em;margin-top:12px;font-size:12px}.loading.done{opacity:0;pointer-events:none}.hud{font-family:var(--kr);position:absolute;inset:0}.hud-top{background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:flex-start;height:64px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.stage-tag{flex-direction:column;gap:2px;min-width:260px;display:flex}.stage-tag .code{font-family:var(--font);letter-spacing:.25em;color:var(--gold);font-size:11px}.stage-tag .title{font-size:15px;font-weight:700}.phase{flex-direction:column;align-items:center;gap:4px;display:flex}.phase .round{font-family:var(--font);letter-spacing:.3em;color:var(--dim);font-size:12px}.phase .round b{color:#fff;font-size:16px}.phase-label{font-family:var(--font);letter-spacing:.2em;color:var(--blue);font-size:14px;font-weight:700}.executing .phase-label{color:var(--gold)}.phase-bar{background:#ffffff1a;width:280px;height:3px}.phase-bar i{background:var(--gold);width:0;height:100%;display:block}.bosses{flex-direction:column;align-items:flex-end;gap:6px;min-width:260px;display:flex}.boss{width:260px}.boss-name{color:#ffb3a8;text-align:right;letter-spacing:.04em;margin-bottom:3px;font-size:12px;font-weight:700}.boss.dead{opacity:.35}.hpbar{background:#ffffff14;border:1px solid #ffffff14;height:6px;position:relative}.hpbar i{background:linear-gradient(90deg,#2c9fd0,#5fd8ff);width:100%;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.hpbar.enemy i{background:linear-gradient(90deg,#b8281c,#ff5a44)}.hpbar span{font-family:var(--font);color:var(--dim);font-size:10px;position:absolute;top:-15px;right:0}.squad{flex-direction:column;gap:8px;width:250px;display:flex;position:absolute;top:84px;left:14px}.card{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--blue);cursor:pointer;padding:8px 10px 9px;transition:border-color .15s,transform .15s,background .15s}.card:hover{border-color:var(--line2)}.card.selected{border-color:var(--blue);background:#142c3ae0;transform:translate(4px)}.card.dead{opacity:.4;cursor:default;border-left-color:#555}.card.hurt{animation:.35s hurt}@keyframes hurt{0%{background:#a01e14d9}to{}}.card-head{justify-content:space-between;align-items:baseline;display:flex}.card-head b{font-size:14px}.card-head span{font-family:var(--font);color:var(--dim);letter-spacing:.08em;font-size:10px}.card-sub{font-family:var(--font);color:#a9b4be;margin:2px 0 14px;font-size:11px}.card-sub em{color:var(--gold);font-size:10px;font-style:normal}.card-orders{flex-wrap:wrap;gap:4px;min-height:16px;margin-top:7px;display:flex}.t{border:1px solid var(--line);color:#b8c4cc;padding:1px 5px;font-size:10px;font-style:normal}.t.move{color:#9fe0ff;border-color:#39c8ff80}.t.tgt{color:#ffab9e;border-color:#ff4a3680}.t.hold{color:var(--gold);border-color:#e6b45099}.t.sk{color:#ffd98a;background:#ffc8501f;border-color:#ffc850cc}.t.cd{color:var(--dim)}.t.dead{color:#888}.unit-panel{opacity:0;background:var(--bg2);border:1px solid var(--line);align-items:stretch;gap:16px;min-width:700px;padding:12px 14px;transition:all .2s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,20px)}.unit-panel.show{opacity:1;transform:translate(-50%)}.up-left{flex-direction:column;flex:1;gap:3px;display:flex}.up-name{font-size:16px;font-weight:700}.up-name small{color:var(--gold);margin-left:6px;font-size:11px;font-weight:500}.up-mech,.up-weapon,.up-perk{color:#aab5bf;font-size:12px}.up-weapon b{color:#e8ecef;font-family:var(--font)}.up-perk{color:#8fd49a}.up-actions{gap:6px;display:flex}.up-actions button{border:1px solid var(--line2);color:var(--txt);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;min-width:96px;padding:8px 12px 20px;font-size:12px;font-weight:600;position:relative}.up-actions button:hover{background:#39c8ff1f}.up-actions button.on{border-color:var(--gold);color:#ffe2a6;background:#e6b4502e}.up-actions button:disabled{opacity:.4;cursor:default}.up-actions kbd{font-family:var(--font);color:var(--dim);font-size:9px;position:absolute;bottom:4px;left:0;right:0}.execute-btn{color:#140e04;cursor:pointer;clip-path:polygon(10% 0,100% 0,100% 75%,90% 100%,0 100%,0 25%);background:linear-gradient(135deg,#e6b450f2,#be7828f2);border:none;flex-direction:column;justify-content:center;align-items:center;width:200px;height:74px;transition:all .15s;display:flex;position:absolute;bottom:18px;right:18px}.execute-btn span{letter-spacing:.25em;font-size:22px;font-weight:700}.execute-btn small{font-family:var(--kr);opacity:.75;font-size:11px;font-weight:600}.execute-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.executing .execute-btn,.hud:not(.planning) .execute-btn{opacity:.25;pointer-events:none}.log{flex-direction:column;align-items:flex-end;gap:3px;width:300px;display:flex;position:absolute;bottom:290px;right:18px}.log .line{border-right:2px solid var(--line2);background:#00000080;padding:3px 8px;font-size:12px;transition:opacity 1s}.log .line.good{border-right-color:var(--blue)}.log .line.bad{border-right-color:var(--red)}.log .line.old{opacity:.4}.log b.p{color:#9fe0ff}.log b.e{color:#ffab9e}.plates{position:absolute;inset:0}.plate{transform-origin:0 0;pointer-events:none;flex-direction:column;align-items:center;width:68px;margin-left:-34px;display:flex;position:absolute;top:0;left:0}.plate .nm{font-family:var(--font);letter-spacing:.08em;color:#dbe7ee;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:10px}.plate.enemy .nm{color:#ffc2b8}.plate.boss .nm{color:#ff8a70;font-weight:700}.plate .hp{background:#0009;border:1px solid #ffffff26;width:56px;height:4px;margin-top:2px}.plate .hp i{background:var(--blue);height:100%;display:block}.plate.enemy .hp i{background:var(--red)}.plate .st{color:var(--gold);height:10px;font-size:10px}.plate.sel .nm{color:#fff}.plate.sel .hp{border-color:var(--blue)}.floaters{position:absolute;inset:0;overflow:hidden}.float{font-family:var(--font);pointer-events:none;text-shadow:0 2px 4px #000000e6;white-space:nowrap;font-weight:700;animation:1.3s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.float.dmg{color:#fff;font-size:20px}.float.dmg.player{color:#ff9a8c}.float.dmg.crit{color:#ffd060;font-size:28px}.float.dmg small{letter-spacing:.1em;margin-left:3px;font-size:11px}.float.txt{letter-spacing:.15em;color:#cfd8de;font-size:13px}.float.txt.miss{color:#9aa4ad}.float.txt.skill{color:#ffd98a;font-size:15px}.float.txt.heal{color:#6dffb8;letter-spacing:.05em;font-size:22px}@keyframes floatUp{0%{opacity:0;margin-top:10px}12%{opacity:1;margin-top:0}to{opacity:0;margin-top:-60px}}.tooltip{background:var(--bg2);border:1px solid var(--line2);opacity:0;width:280px;padding:9px 11px;font-size:12px;transition:opacity .1s;position:absolute}.tooltip.show{opacity:1}.tt-name{margin-bottom:3px;font-size:13px;font-weight:700}.tt-name.enemy{color:#ffab9e}.tt-name.player{color:#9fe0ff}.tt-row{color:#a9b4be;font-size:11px}.tt-hit{border-top:1px solid var(--line);align-items:baseline;gap:8px;margin-top:7px;padding-top:6px;display:flex}.tt-hit b{font-family:var(--font);color:#fff;font-size:26px}.tt-hit.no b{color:var(--dim);font-size:15px}.tt-hit span{color:var(--dim);font-size:11px}.tt-mods{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tt-mods span{border:1px solid var(--line);color:#b8c4cc;padding:1px 5px;font-size:10px}.tt-foot{color:var(--gold);margin-top:6px;font-size:10px}.banner{text-align:center;opacity:0;transition:all .35s;position:absolute;top:34%;left:0;right:0;transform:scale(1.06)}.banner.show{opacity:1;transform:scale(1)}.banner h1{letter-spacing:.1em;text-shadow:0 4px 24px #000000e6;margin:0;font-size:40px;font-weight:700}.banner h2{color:var(--gold);letter-spacing:.2em;margin:6px 0 0;font-size:15px;font-weight:500}.banner:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#000000a6,#0000);position:absolute;inset:-18px 0}.dialogue{border:1px solid var(--line2);border-left:4px solid var(--gold);opacity:0;pointer-events:none;cursor:pointer;background:#080a0eeb;width:min(760px,90vw);padding:14px 18px 26px;transition:opacity .2s;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.dialogue.show{opacity:1;pointer-events:auto}.dialogue.player{border-left-color:var(--blue)}.dialogue.enemy{border-left-color:var(--red);background:#180606eb}.dialogue .who{letter-spacing:.06em;color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:700}.dialogue.player .who{color:#9fe0ff}.dialogue.enemy .who{color:#ff8a70}.dialogue .text{min-height:2.2em;font-size:16px;line-height:1.6}.dialogue .next{font-family:var(--font);color:var(--dim);letter-spacing:.1em;font-size:10px;position:absolute;bottom:7px;right:14px}.help{color:#c8d2dc73;white-space:nowrap;font-size:10px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.executing .unit-panel{opacity:0}.screen{opacity:0;transition:opacity .5s;display:flex;position:absolute;inset:0}.screen.show{opacity:1}.btn{border:1px solid var(--line2);color:var(--txt);letter-spacing:.12em;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background:#ffffff0d;padding:11px 26px;transition:all .15s}.btn:hover{border-color:var(--gold);color:#fff;background:#e6b45029}.btn.primary{color:#140e04;background:linear-gradient(135deg,#e6b450f2,#be7828f2);border:none;font-weight:700}.btn.primary:hover{filter:brightness(1.1)}.btn:disabled{opacity:.35;cursor:default}.title-screen{background:linear-gradient(90deg,#040508d9 0%,#0405088c 40%,#04050800 70%);flex-direction:column;justify-content:center;padding-left:8vw}.title-screen .era{font-family:var(--font);letter-spacing:.4em;color:var(--gold);font-size:12px}.title-screen h1{font-family:var(--font);letter-spacing:.06em;margin:10px 0 6px;font-size:76px;font-weight:700;line-height:.95}.title-screen h2{color:#c9d2da;letter-spacing:.3em;margin:0 0 28px;font-size:18px;font-weight:500}.title-screen .lore{color:#aeb8c1;max-width:680px;margin-bottom:30px;font-size:13px;line-height:1.9}.title-screen .lore p{opacity:0;white-space:nowrap;margin:0 0 6px;animation:1s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.title-screen .menu{gap:10px;display:flex}.title-screen .credit{color:#c8d2dc66;font-size:10px;position:absolute;bottom:16px;left:8vw}.brief-screen{background:#040508b8;gap:22px;padding:32px 36px;overflow:auto}.brief-col{flex-direction:column;min-width:0;display:flex}.brief-left{width:30%;min-width:250px;max-width:380px}.brief-left .code{font-family:var(--font);color:var(--gold);letter-spacing:.3em;font-size:12px}.brief-left h1{margin:6px 0 2px;font-size:34px}.brief-left h3{font-family:var(--font);color:var(--dim);letter-spacing:.25em;margin:0 0 20px;font-size:13px;font-weight:500}.brief-lines{flex-direction:column;gap:10px;display:flex;overflow:auto}.brief-line{border-left:3px solid var(--gold);background:#ffffff08;padding:9px 12px;font-size:13px;line-height:1.7}.brief-line.player{border-left-color:var(--blue)}.brief-line .who{color:var(--gold);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.brief-line.player .who{color:#9fe0ff}.enemy-intel{color:#ffb3a8;margin-top:16px;font-size:12px}.enemy-intel div{border-bottom:1px solid #ff5a4626;padding:3px 0}.brief-mid{flex:1;align-items:stretch}.preview{border:1px solid var(--line);background:radial-gradient(at 50% 70%,#3c465059,#0003);flex:1;min-height:280px;position:relative}.preview canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.preview .pv-label{font-family:var(--font);letter-spacing:.2em;color:var(--dim);font-size:12px;position:absolute;top:10px;left:12px}.stats-grid{grid-template-columns:90px 1fr 40px;align-items:center;gap:5px 10px;margin-top:12px;font-size:12px;display:grid}.stats-grid .sb{background:#ffffff14;height:5px}.stats-grid .sb i{background:var(--blue);height:100%;display:block}.stats-grid span:nth-child(3n){font-family:var(--font);color:var(--dim);text-align:right}.brief-right{gap:10px;width:34%;min-width:300px;max-width:440px;overflow:auto}.roster{flex-direction:column;gap:6px;display:flex}.pilot{border:1px solid var(--line);cursor:pointer;background:#ffffff08;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.pilot.active{border-color:var(--blue);background:#39c8ff14}.pilot input{accent-color:var(--blue);width:16px;height:16px}.pilot .pn{font-size:14px;font-weight:700}.pilot .pn small{color:var(--dim);margin-left:6px;font-size:11px;font-weight:500}.pilot .pl{color:#a9b4be;font-size:11px;font-family:var(--font)}.loadout h4{letter-spacing:.2em;color:var(--dim);font-size:11px;font-family:var(--font);margin:12px 0 6px;font-weight:600}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{font-family:var(--font);border:1px solid var(--line);cursor:pointer;color:#c6d0d8;background:#ffffff08;padding:6px 9px;font-size:11px}.chip:hover{border-color:var(--line2)}.chip.on{border-color:var(--gold);color:#ffe2a6;background:#e6b4501f}.chip em{color:var(--gold);margin-left:4px;font-size:9px;font-style:normal}.swatch{cursor:pointer;border:2px solid #0000;width:26px;height:26px}.swatch.on{border-color:#fff}.desc{color:#a9b4be;min-height:38px;margin-top:6px;font-size:12px;line-height:1.6}.brief-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.deploy-note{color:var(--gold);margin:4px 0 2px;font-size:12px}.result-screen{text-align:center;background:#040508c7;flex-direction:column;justify-content:center;align-items:center}.result-screen h1{font-family:var(--font);letter-spacing:.2em;margin:0;font-size:64px}.result-screen.victory h1{color:var(--gold)}.result-screen.defeat h1{color:var(--red)}.result-screen h2{color:#c9d2da;margin:6px 0 26px;font-size:16px;font-weight:500}.result-table{grid-template-columns:repeat(4,150px);gap:10px;margin-bottom:22px;display:grid}.result-table div{border:1px solid var(--line);background:#ffffff0a;padding:10px}.result-table b{font-family:var(--font);font-size:26px;display:block}.result-table span{color:var(--dim);font-size:11px}.result-lines{max-width:640px;margin-bottom:24px}.result-lines .brief-line{text-align:left;margin-bottom:8px}.ticker{font-family:var(--font);color:var(--green);letter-spacing:.08em;margin-bottom:20px;font-size:13px}.result-screen .menu{gap:10px;display:flex}.ending-screen{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center}.ending-screen .era{font-family:var(--font);letter-spacing:.4em;color:var(--gold);margin-bottom:30px;font-size:12px}.ending-screen p{color:#d6dde3;opacity:0;max-width:720px;margin:0 0 14px;font-size:17px;line-height:2;animation:1.6s forwards fadeIn}.ending-screen h1{font-family:var(--font);letter-spacing:.3em;opacity:0;margin-top:40px;font-size:44px;animation:2s forwards fadeIn}@media (width<=1100px){.brief-screen{gap:14px;padding:20px}.brief-left h1{font-size:24px}.brief-line{padding:7px 9px;font-size:12px}.preview{min-height:200px}.squad{width:210px}.unit-panel{flex-direction:column;gap:8px;width:calc(100vw - 480px);min-width:0}.log,.help{display:none}}@media (width<=860px){.brief-screen{flex-wrap:wrap}.brief-left,.brief-right{width:100%;max-width:none}.brief-mid{min-width:100%}}.fixed-mech{border:1px solid var(--line2);font-family:var(--font);background:#ffffff08;align-items:center;gap:8px;padding:8px 10px;display:flex}.fixed-mech b{letter-spacing:.08em;font-size:16px}.fixed-mech em{color:var(--gold);font-size:10px;font-style:normal}.fixed-mech small{font-family:var(--kr);color:var(--dim);font-size:11px}.paint-dot{border:1px solid #fff6;width:14px;height:14px;margin-left:auto}.desc.lock{color:#ffb3a8;font-size:11px}.lockico{font-size:10px}.execute-btn.ready{animation:1.2s infinite readyPulse}@keyframes readyPulse{0%,to{filter:brightness()}50%{filter:brightness(1.35);box-shadow:0 0 30px #e6b45099}}.card.pending .card-head b:after{content:" ·";color:var(--gold)}.card.done{border-left-color:var(--gold)}.up-mech b.on{color:#9fe0ff;font-weight:600}.up-mech b.off{color:var(--dim);font-weight:500}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#app canvas{touch-action:none}button,.card,.chip,.swatch,.pilot{touch-action:manipulation}.touchbar{display:none}.hud.touch .touchbar{pointer-events:auto;grid-template-columns:repeat(2,56px);gap:6px;display:grid;position:absolute;bottom:100px;right:18px}.touchbar button{background:var(--bg2);border:1px solid var(--line2);height:42px;color:var(--txt);font-size:13px;font-weight:600}.touchbar button[data-t^=rot]{font-size:20px}.touchbar button:active{background:#39c8ff33}.hint{color:#140e04;opacity:0;pointer-events:none;white-space:nowrap;background:#e6b450f0;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:700;transition:opacity .15s;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.hud.touch .help{color:#e1e8f0bf;text-shadow:0 1px 3px #000;font-size:11px;transition:opacity 1.2s;display:block;top:58px;bottom:auto}.help.fade{opacity:0}.executing .hint,.executing .touchbar{opacity:0;pointer-events:none}.rotate-hint{display:none}@media (orientation:portrait) and (width<=600px){body.touch .rotate-hint{z-index:100;text-align:center;background:#07080a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.rotate-hint .ico{color:var(--gold);font-size:44px;animation:2s ease-in-out infinite tilt}.rotate-hint b{color:#e8ecef;font-size:16px}.rotate-hint span{color:var(--dim);font-size:12px}}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (width<=900px),(height<=540px){.hud-top{height:40px;padding:6px calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left))}.stage-tag{min-width:0}.stage-tag .code{letter-spacing:.2em;font-size:9px}.stage-tag .title{font-size:11px}.phase{gap:1px}.phase .round{letter-spacing:.2em;font-size:10px}.phase .round b{font-size:13px}.phase-label{letter-spacing:.12em;font-size:10px}.bosses{gap:3px;min-width:0}.boss{width:130px}.boss-name{margin-bottom:1px;font-size:10px}.squad{left:calc(6px + env(safe-area-inset-left));gap:4px;width:124px;top:46px}.card{border-left-width:2px;padding:4px 6px 5px}.card.selected{transform:translate(2px)}.card-head b{font-size:11px}.card-head span,.card-sub,.hpbar span{display:none}.card .hpbar{height:4px;margin-top:3px}.card-orders{gap:2px;min-height:0;margin-top:3px}.t{padding:0 3px;font-size:9px}.unit-panel{left:calc(138px + env(safe-area-inset-left));right:calc(134px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;gap:8px;width:auto;min-width:0;padding:6px 8px;transform:translateY(20px)}.unit-panel.show{transform:translate(0)}.up-left{gap:1px;min-width:0}.up-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.up-name small{font-size:9px}.up-mech,.up-weapon{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.up-perk{display:none}.up-actions{flex-shrink:0;gap:4px}.up-actions button{letter-spacing:0;min-width:62px;min-height:44px;padding:5px 5px 15px;font-size:10px}.up-actions kbd{font-size:8px;bottom:2px}.execute-btn{right:calc(8px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));width:120px;height:54px}.execute-btn span{letter-spacing:.15em;font-size:14px}.execute-btn small{font-size:9px}.hud.touch .touchbar{right:calc(8px + env(safe-area-inset-right));bottom:calc(66px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,57px);gap:5px}.touchbar button{height:38px}.hint{bottom:calc(76px + env(safe-area-inset-bottom));padding:5px 12px;font-size:11px}.hud.touch .help{font-size:9px;top:44px}.dialogue{bottom:calc(70px + env(safe-area-inset-bottom));width:min(640px,92vw);padding:9px 12px 20px}.dialogue .who{margin-bottom:3px;font-size:11px}.dialogue .text{font-size:13px;line-height:1.5}.banner{top:28%}.banner h1{font-size:26px}.banner h2{font-size:12px}.tooltip{width:250px;padding:7px 9px}.tt-hit b{font-size:20px}.plate{width:50px;margin-left:-25px}.plate .nm{font-size:8px}.plate .hp{width:40px;height:3px}.float.dmg{font-size:15px}.float.dmg.crit{font-size:20px}.float.txt{font-size:10px}.float.txt.skill{font-size:11px}.float.txt.heal{font-size:16px}.btn{padding:10px 16px;font-size:12px}.title-screen{padding:0 6vw 0 calc(6vw + env(safe-area-inset-left));background:linear-gradient(90deg,#040508e6 0%,#040508a6 55%,#0405081a 100%)}.title-screen .era{letter-spacing:.3em;font-size:9px}.title-screen h1{margin:4px 0;font-size:40px}.title-screen h2{margin-bottom:12px;font-size:13px}.title-screen .lore{max-width:540px;margin-bottom:14px;font-size:11px;line-height:1.6}.title-screen .lore p{white-space:normal;margin-bottom:3px}.title-screen .menu{flex-wrap:wrap;gap:8px}.title-screen .credit{font-size:8px;bottom:6px}.brief-screen{padding:12px calc(12px + env(safe-area-inset-right)) 80px calc(12px + env(safe-area-inset-left));touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:12px}.brief-left,.brief-right{width:100%;min-width:0;max-width:none}.brief-mid{min-width:100%}.brief-left h1{font-size:22px}.brief-left h3{margin-bottom:10px}.brief-lines{gap:6px;overflow:visible}.brief-line{padding:6px 9px;font-size:12px}.preview{min-height:220px}.brief-actions{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;margin:0;position:fixed}.pilot{padding:8px}.swatch{width:32px;height:32px}.chip{padding:9px 11px}.result-screen{touch-action:pan-y;justify-content:flex-start;padding:16px;overflow:auto}.result-screen h1{font-size:36px}.result-screen h2{margin-bottom:14px}.result-table{grid-template-columns:repeat(2,130px)}.result-table b{font-size:20px}.ending-screen{touch-action:pan-y;padding:16px;overflow:auto}.ending-screen p{font-size:13px;line-height:1.8}.ending-screen h1{margin-top:16px;font-size:28px}}.hud:not(.planning) .touchbar,.hud:not(.planning) .hint{opacity:0;pointer-events:none}