:root{--bg: #1b3a5c;--bg-deep: #102941;--panel: rgba(12, 32, 51, .86);--panel-solid: #0d2237;--brass: #c9964a;--gold: #e8b855;--aether: #7fe8e0;--alarm: #ff6b35;--ink: #eef5fa;--ink-dim: #9db4c6;--line: rgba(201, 150, 74, .4);--fs: 14px;--gap: 6px;--pad: 8px;--tap: 44px;--card-h: 64px;--draw-h: 18px;--hand-h: 104px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink)}.btn{pointer-events:auto;min-height:var(--tap);min-width:var(--tap);padding:0 12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:600 var(--fs) / 1.1 inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background .12s,border-color .12s,transform .06s}.btn[hidden]{display:none}.btn small{font-size:var(--fs);font-weight:500;color:var(--gold)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--aether);outline-offset:2px}.btn-summon:not(:disabled){border-color:var(--gold);box-shadow:0 0 10px #e8b85547}.btn-primary{background:var(--gold);border-color:var(--gold);color:var(--bg-deep)}.btn-primary small{color:var(--bg-deep)}.btn-ghost{background:transparent;color:var(--ink-dim)}.hud{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;font-size:var(--fs)}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap);flex-wrap:wrap;padding:calc(var(--pad) + var(--safe-t)) var(--pad) var(--pad);background:linear-gradient(180deg,#091826cc,#09182600)}.hud-cap{display:block;font-size:var(--fs);color:var(--ink-dim);letter-spacing:.04em}.hud-ark{min-width:84px}.ark-segs{display:flex;gap:3px;margin-top:3px}.ark-seg{width:14px;height:10px;border-radius:2px;background:var(--aether);box-shadow:0 0 6px #7fe8e08c;transition:background .2s,box-shadow .2s}.ark-seg.is-lost{background:#9db4c638;box-shadow:none}.hud-ark.is-hit{animation:ark-hit .4s steps(1,end) 2}.hud-ark.is-hit .ark-seg:not(.is-lost){background:var(--alarm);box-shadow:0 0 10px var(--alarm)}@keyframes ark-hit{0%,49%{filter:brightness(1.9) saturate(1.4)}50%,to{filter:none}}.hud-wave{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:92px}.wave-num{font-weight:700;color:var(--gold)}.wave-left{color:var(--ink-dim)}.hud-debug{display:flex;flex-direction:column;align-items:flex-end;min-width:62px;font-variant-numeric:tabular-nums;color:var(--ink-dim);opacity:.75}.hud-bottom{display:flex;align-items:center;gap:var(--gap);padding:var(--pad);margin-bottom:calc(var(--hand-h) + var(--safe-b))}.energy{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--gap)}.energy-bar{flex:1 1 auto;min-width:40px;height:12px;border:1px solid var(--line);border-radius:7px;background:#091826bf;overflow:hidden}.energy-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--brass),var(--gold));transition:width .12s linear}.energy-fill.is-ready{background:linear-gradient(90deg,var(--gold),var(--aether))}.energy-num{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.hand{position:fixed;left:0;right:0;bottom:0;z-index:11;height:calc(var(--hand-h) + var(--safe-b));box-sizing:border-box;padding:var(--pad) var(--pad) calc(var(--pad) + var(--safe-b));display:flex;flex-direction:column;gap:4px;pointer-events:none;background:linear-gradient(0deg,#091826eb,#09182600);font-size:var(--fs)}.hand-cards{flex:0 0 var(--card-h);height:var(--card-h);min-height:0;display:flex;gap:var(--gap);max-width:520px;width:100%;margin:0 auto}.slot{pointer-events:auto;flex:1 1 0;min-width:0;height:100%;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-sizing:border-box;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden;transition:transform .08s,border-color .12s,box-shadow .12s}.slot.is-empty{pointer-events:none;border-style:dashed;border-color:#9db4c647;background:#09182659;cursor:default}.slot.is-dragging{transform:translateY(-4px);border-color:var(--aether);box-shadow:0 0 12px #7fe8e080;cursor:grabbing}.card-glyph{font-size:20px;line-height:1}.card-name{font-size:var(--fs);line-height:1.1;font-weight:600;letter-spacing:.02em}.card-tier{font-size:var(--fs);line-height:1.1;font-weight:700;color:var(--gold)}.slot[data-type=gunner] .card-glyph{color:var(--gold)}.slot[data-type=bulwark] .card-glyph{color:var(--brass)}.slot[data-type=resonator] .card-glyph{color:var(--aether)}.slot[data-tier="3"]{border-color:var(--brass)}.slot[data-tier="4"]{border-color:var(--gold)}.slot[data-tier="5"]{border-color:var(--gold);box-shadow:0 0 12px #e8b85573}.hand-draw{flex:0 0 var(--draw-h);height:var(--draw-h);line-height:var(--draw-h);display:flex;align-items:center;gap:var(--gap);max-width:520px;width:100%;margin:0 auto;color:var(--ink-dim)}.draw-bar{flex:1 1 auto;min-width:40px;height:4px;border-radius:3px;background:#9db4c633;overflow:hidden}.draw-fill{display:block;height:100%;width:0%;background:var(--aether);transition:width .12s linear}.hand.is-full .draw-fill{background:var(--brass)}.draw-text{flex:0 0 auto;font-variant-numeric:tabular-nums}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;background:#06121ec7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:var(--fs)}.overlay[hidden]{display:none}.overlay-panel{width:100%;max-width:360px;box-sizing:border-box;padding:20px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);box-shadow:0 12px 40px #00000080;text-align:center}.ov-title{margin:0 0 4px;font-size:26px;line-height:1.15;letter-spacing:.02em}.overlay.is-victory .ov-title{color:var(--aether)}.overlay.is-defeat .ov-title{color:var(--alarm)}.ov-sub{margin:0 0 16px;color:var(--ink-dim)}.ov-stats{margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.ov-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:5px;border-bottom:1px solid rgba(157,180,198,.16)}.ov-stats dt{color:var(--ink-dim)}.ov-stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold)}.ov-actions{display:flex;flex-direction:column;gap:var(--gap)}.ov-actions .btn{width:100%}@media(min-width:480px){:root{--gap: 8px;--pad: 12px;--card-h: 68px;--hand-h: 116px}.card-glyph{font-size:24px}.ov-actions{flex-direction:row}}@media(max-height:480px)and (orientation:landscape){:root{--card-h: 48px;--hand-h: 88px}.card-glyph{font-size:18px}.card-name{display:none}}@media(prefers-reduced-motion:reduce){.hud-ark.is-hit{animation:none}.btn,.slot,.ark-seg,.energy-fill,.draw-fill{transition:none}}.nv,.nv-ark{width:100%;height:100%}.nv-screen{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}.nv-screen[hidden]{display:none}.nv-top{display:flex;align-items:center;gap:12px;padding:calc(8px + var(--safe-t)) 12px 8px;border-bottom:1px solid rgb(255 255 255 / 8%);background:var(--bg-deep)}.nv-back{flex:0 0 auto;white-space:nowrap}.nv-title{margin:0;font-size:16px;font-weight:600;letter-spacing:.02em}.nv-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:var(--safe-b)}.ark{position:fixed;inset:0;z-index:5;font-size:var(--fs);overflow:hidden}.ark[hidden],.ark-battle[hidden]{display:none}.ark-battle{position:fixed;inset:0;z-index:6}.ak-stage{position:absolute;inset:0;z-index:0}.ak-stage canvas{display:block}.ak-top{position:absolute;left:0;right:0;top:0;z-index:2;box-sizing:border-box;padding:calc(var(--pad) + var(--safe-t)) var(--pad) var(--pad);display:flex;align-items:flex-start;gap:var(--gap);background:linear-gradient(180deg,#091826eb,#09182600)}.ak-bars{flex:1 1 auto;min-width:0;display:flex;gap:var(--gap)}.ak-bar{flex:1 1 0;min-width:0;min-height:var(--tap);box-sizing:border-box;padding:3px 6px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:500 var(--fs) / 1.1 inherit;text-align:left;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:border-color .12s,box-shadow .12s}.ak-bar:focus-visible{outline:2px solid var(--aether);outline-offset:2px}.ak-bar-cap{color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ak-bar-val{grid-column:1 / -1;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold)}.ak-bar-track{grid-column:1 / -1;height:4px;border-radius:3px;background:#9db4c633;overflow:hidden}.ak-bar-fill{display:block;height:100%;width:0%;background:var(--aether);transition:width .2s linear}.ak-bar-add{justify-self:end;font-weight:700;font-variant-numeric:tabular-nums;color:var(--aether);white-space:nowrap}.ak-bar-add[hidden]{display:none}.ak-bar[data-ready=true]{border-color:var(--aether);box-shadow:0 0 10px #7fe8e04d}.ak-bar[data-full=true]{border-color:var(--alarm);box-shadow:0 0 10px #ff6b3559}.ak-bar[data-full=true] .ak-bar-fill{background:var(--alarm)}.ak-hard{flex:0 0 auto;min-height:var(--tap);box-sizing:border-box;padding:3px 8px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.ak-hard-cap{color:var(--ink-dim)}.ak-hard-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--aether)}.ak-chips{position:absolute;inset:0;z-index:1;pointer-events:none}.ak-chip{position:absolute;left:0;top:0;pointer-events:auto;min-width:88px;min-height:var(--tap);max-width:96px;box-sizing:border-box;padding:4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--line);border-radius:8px;background:#0c2033e6;color:var(--ink);font:600 var(--fs) / 1.1 inherit;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:border-color .12s,box-shadow .12s,background .12s}.ak-chip:active{background:#183854fa;border-color:var(--gold)}.ak-chip:focus-visible{outline:2px solid var(--aether);outline-offset:2px}.ak-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ak-chip-lvl{font-weight:500;color:var(--ink-dim);font-variant-numeric:tabular-nums}.ak-chip-note{font-weight:700;font-variant-numeric:tabular-nums;color:var(--aether)}.ak-chip[data-mode=ready]{border-color:var(--aether);box-shadow:0 0 12px #7fe8e059}.ak-chip[data-mode=busy]{border-color:var(--gold);box-shadow:0 0 12px #e8b85559}.ak-chip[data-mode=busy] .ak-chip-note{color:var(--gold)}.ak-chip[data-blocked=true]{opacity:.72}.ak-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;box-sizing:border-box;padding:var(--pad) var(--pad) calc(var(--pad) + var(--safe-b));display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;background:linear-gradient(0deg,#091826f0,#09182600)}.ak-ident{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ak-ident-name{font-size:16px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ak-ident-power{color:var(--ink-dim);font-variant-numeric:tabular-nums}.ak-nav{display:flex;gap:var(--gap)}.ak-fight{flex:0 0 auto;min-width:108px;font-size:16px}.ak-fight small{font-size:var(--fs);font-variant-numeric:tabular-nums}.ak-fight small[hidden]{display:none}.ak-daily-open{position:absolute;left:var(--pad);top:60px;z-index:3;flex-direction:row;gap:6px;border-color:var(--gold);background:#0c2033eb;box-shadow:0 0 12px #e8b8554d}.ak-daily-open[hidden]{display:none}.ak-daily-open small{color:var(--gold)}.ak-daily-rule{margin:0 0 10px;color:var(--ink-dim)}.ak-leave{position:fixed;z-index:30;right:var(--pad);top:calc(var(--pad) + var(--safe-t));background:var(--panel-solid);color:var(--ink)}.ak-modal{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:var(--pad);padding-bottom:calc(var(--pad) + var(--safe-b));background:#06121eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ak-modal[hidden]{display:none}.ak-sheet{width:100%;max-width:420px;box-sizing:border-box;padding:14px 16px calc(14px + var(--safe-b));border:1px solid var(--line);border-radius:14px;background:var(--panel-solid);box-shadow:0 12px 40px #00000080}.ak-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap)}.ak-sheet-title{margin:0 0 2px;font-size:18px;line-height:1.2}.ak-sheet-x{flex:0 0 auto;padding:0;border-color:transparent}.ak-sheet-effect{margin:0 0 10px;color:var(--aether)}.ak-sheet-effect[hidden]{display:none}.ak-sheet-rows{margin:0 0 10px;display:flex;flex-direction:column;gap:4px}.ak-sheet-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:4px;border-bottom:1px solid rgba(157,180,198,.16)}.ak-sheet-rows>div[hidden]{display:none}.ak-sheet-rows dt{color:var(--ink-dim)}.ak-sheet-rows dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.ak-cost{margin:0 0 10px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--gap)}.ak-cost[hidden]{display:none}.ak-cost-item{flex:1 1 30%;min-width:96px;box-sizing:border-box;padding:4px 8px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:#0918268c;color:var(--ink-dim)}.ak-cost-item[hidden]{display:none}.ak-cost-item b{font-variant-numeric:tabular-nums;color:var(--ink)}.ak-cost-item[data-short=true]{border-color:var(--alarm)}.ak-cost-item[data-short=true] b{color:var(--alarm)}.ak-sheet-msg{margin:0 0 10px;color:var(--alarm)}.ak-sheet-msg[hidden]{display:none}.ak-sheet-actions{display:flex;flex-wrap:wrap;gap:var(--gap)}.ak-sheet-actions .btn{flex:1 1 128px}.ak-speed[data-short=true]{opacity:.55;border-color:var(--alarm)}.ak-speed[data-free=true]{border-color:var(--aether);color:var(--aether)}.ak-confirm{z-index:22}[data-result][data-victory=true] .ak-sheet-title{color:var(--aether)}[data-result][data-victory=false] .ak-sheet-title{color:var(--alarm)}.ak-result-sheet{max-height:84vh;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.ak-res-cap{margin:0 0 6px;color:var(--ink-dim);letter-spacing:.04em}.ak-res-cap[hidden],.ak-break[hidden]{display:none}.ak-break dd{color:var(--gold)}.ak-break>div[data-total=true]{border-bottom:none}.ak-break>div[data-total=true] dt{color:var(--ink);font-weight:700}.ak-break>div[data-total=true] dd{color:var(--aether)}.ak-toast{position:absolute;left:50%;top:calc(46% + var(--safe-t));z-index:15;transform:translate(-50%,-50%);max-width:min(92%,420px);box-sizing:border-box;text-align:center;padding:8px 14px;border:1px solid var(--gold);border-radius:20px;background:#0c2033f0;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;animation:ak-toast-in .18s ease-out}.ak-toast[hidden]{display:none}@keyframes ak-toast-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:400px){.ak-chip{min-width:80px;padding:3px 5px}}@media(min-width:560px){.ak-modal{align-items:center}}@media(prefers-reduced-motion:reduce){.ak-bar,.ak-bar-fill,.ak-chip{transition:none}.ak-toast{animation:none}}