:root{--ivory:#f3e9d2;--ivory-2:#e7d9b8;--porcelain:#fff8ea;--gold:#e2b34a;--gold-bright:#f4cc72;--gold-shadow:#8a6319;--gold-highlight:#ffe7a3;--sapphire:#3d7bff;--obsidian-1:#1b1424;--obsidian-2:#2a1f38;--obsidian-3:#0f0916;--obsidian-deep:#090510;--magenta:#ff2e88;--magenta-glow:#ff2e8880;--ember:#ff7a3d;--crimson:#d23b4e;--bg-deep:#0d0814;--panel-ivory-bg:linear-gradient(160deg, var(--porcelain) 0%, var(--ivory) 45%, var(--ivory-2) 100%);--panel-obsidian-bg:radial-gradient(130% 150% at 25% -10%, var(--obsidian-2) 0%, var(--obsidian-1) 55%, var(--obsidian-3) 100%);--panel-border:#e2b34a66;--text-ink:#241631;--text-bright:var(--porcelain);--text-dim:#c9bfd9;--ivory-text:var(--ivory);--danger:#ff3b4e;--safe-green:#6be3a1;--action-gold:var(--gold-bright);--threat:#ff3b4e;--enemy:var(--magenta);--shard-ink:#b0145a;--safe:#1f5a3a;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--hit-min:44px;--dur-press:90ms;--dur-pop:.22s;--dur-panel:.28s;--dur-banner:.32s;--ease-out:cubic-bezier(.2, .9, .25, 1);--ease-overshoot:cubic-bezier(.3, 1.45, .45, 1);--font-display:"Cinzel", "Cinzel Decorative", Georgia, serif;--font-ui:"Baloo 2", "Nunito", system-ui, sans-serif;--radius-lg:20px;--radius-md:14px;--radius-sm:9px;--radius-tile:16px;--shadow-deep:0 10px 28px #00000080;--safe-top:max(env(safe-area-inset-top,0px), 8px);--safe-bottom:max(env(safe-area-inset-bottom,0px), 10px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-deep);overscroll-behavior:none;touch-action:none;width:100%;height:100%;font-family:var(--font-ui);color:var(--text-bright);-webkit-user-select:none;user-select:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.num-tabular{font-variant-numeric:tabular-nums}.engraved{text-shadow:0 1px #ffffff2e,0 -1px 1px #0000008c}#app{background:var(--bg-deep);width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app:before{content:"";filter:blur(18px)saturate(.8);background-image:radial-gradient(120% 100% at 50% 40%,#0d08148c 0%,#07040aeb 100%),url(/art/title.webp);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}#stage{height:var(--app-h,100svh);width:min(var(--app-w,100vw), calc(var(--app-h,100svh) * .6184));background:var(--bg-deep);position:relative;overflow:clip;box-shadow:0 0 0 1px #e2b34a40,0 20px 80px #000c;container:stage/size}@media (pointer:coarse) and (max-aspect-ratio:3/4){#stage{width:var(--app-w,100vw);box-shadow:none}}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#vignette{pointer-events:none;background:radial-gradient(120% 75% at 50% 38%,#0000 45%,#0502098c 100%),linear-gradient(#05020959 0%,#05020900 16% 78%,#05020966 100%);width:100%;height:100%;position:absolute;inset:0}#ui-root{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#ui-root img{max-width:100%;max-height:100%;display:block}:where(#ui-root)>*{pointer-events:auto}.hidden{display:none!important}button{font-family:var(--font-ui);cursor:pointer;appearance:none;background:0 0;border:none}@property --iris{syntax:"<length>";inherits:false;initial-value:4000px}.screen-anim{-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 var(--iris), transparent calc(var(--iris) + 2px));-webkit-mask-image:radial-gradient(circle at 50% 45%, #000 var(--iris), transparent calc(var(--iris) + 2px));mask-image:radial-gradient(circle at 50% 45%, #000 var(--iris), transparent calc(var(--iris) + 2px));animation:.5s cubic-bezier(.2,.8,.2,1) backwards screen-iris-in}@keyframes screen-iris-in{0%{opacity:0;--iris:0px}30%{opacity:1}to{opacity:1;--iris:110vmax}}:root[data-reduce-motion=true] .screen-anim{animation:.25s both screen-fade-in}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}.gbtn{font-family:var(--font-ui);letter-spacing:.02em;isolation:isolate;transition:transform var(--dur-press) var(--ease-out), filter var(--dur-press) ease;font-weight:800;position:relative}.gbtn-face{z-index:1;justify-content:center;align-items:center;gap:8px;padding:14px 22px;display:flex;position:relative}.gbtn-rim{border-radius:var(--radius-md);pointer-events:none;opacity:.6;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff80}.gbtn-frame{pointer-events:none;z-index:0;border:0 solid #0000;border-image-repeat:stretch;position:absolute;inset:0}.gbtn-primary:after,.gbtn-secondary:after,.gbtn-icon:after{content:"";z-index:2;pointer-events:none;opacity:0;transition:opacity var(--dur-press) ease;background:linear-gradient(#00000052,#0000 45%);position:absolute;inset:0}.gbtn-primary:active:after,.gbtn-primary.is-pressed:after,.gbtn-secondary:active:after,.gbtn-secondary.is-pressed:after,.gbtn-icon:active:after,.gbtn-icon.is-pressed:after{opacity:1}.gbtn-primary:active,.gbtn-primary.is-pressed,.gbtn-secondary:active,.gbtn-secondary.is-pressed,.gbtn-icon:active,.gbtn-icon.is-pressed{filter:brightness(.86)saturate(1.05);transform:translateY(2px)}.gbtn-primary .gbtn-rim,.gbtn-secondary .gbtn-rim,.gbtn-icon .gbtn-rim{display:none}.gbtn-primary .gbtn-frame{border-width:0 34px;border-image-source:url(/ui/frames/btn_gold.webp);border-image-slice:0 166 fill;border-image-width:0 34px}.gbtn-secondary .gbtn-frame,.gbtn-icon .gbtn-frame{border-width:14px;border-image-source:url(/ui/frames/tile_obsidian.webp);border-image-slice:69 fill;border-image-width:14px}.gbtn-icon-slot{width:20px;height:20px;color:inherit;filter:drop-shadow(0 1px 1px #0000004d);flex-shrink:0;display:flex}.gbtn-icon-slot img{object-fit:contain;width:100%;height:100%}.gbtn-label{text-shadow:0 1px #00000026;white-space:nowrap;font-size:15.5px}.gbtn-primary{box-shadow:none;color:#3a2306;background:0 0}.gbtn-primary .gbtn-label{text-shadow:0 1px #ffffff8c}.gbtn-primary .gbtn-face{padding:14px 38px}.gbtn-secondary{box-shadow:none;color:var(--ivory);text-shadow:0 1px 2px #000000b3;background:0 0}.gbtn-icon{width:48px;height:48px}.gbtn-icon .gbtn-face{width:100%;height:100%;padding:0}.gbtn-icon .gbtn-icon-slot{width:22px;height:22px}.gbtn-icon.gbtn-primary,.gbtn-icon.gbtn-secondary{color:var(--gold-bright)}.gbtn-ghost{box-shadow:none;color:var(--text-dim);background:0 0}.gbtn-ghost .gbtn-face{padding:8px 12px}.gbtn-ghost .gbtn-rim{display:none}.gbtn-sm{min-width:88px;min-height:var(--hit-min);color:#2a1a06}.gbtn-sm .gbtn-frame{border-width:0 18px;filter:drop-shadow(0 2px 3px #00000073);border-image-source:url(/ui/frames/pill_gold.webp);border-image-slice:0 89 fill;border-image-width:0 18px;inset:4px 0}.gbtn-sm:after{border-radius:999px;inset:4px 0}.gbtn-sm .gbtn-face{min-height:var(--hit-min);padding:0 18px}.gbtn-sm .gbtn-label{letter-spacing:.01em;text-shadow:0 1px #fff0be99;font-size:14px;font-weight:900}:root.frames-missing .gbtn-sm .gbtn-frame{background:linear-gradient(180deg, var(--gold-highlight), var(--gold) 55%, var(--gold-shadow));border-width:0;border-image:;border-radius:999px;box-shadow:inset 0 0 0 1.5px #5a3a0a}@media (min-width:1200px) and (hover:hover){.gbtn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-2px)}.gbtn:not(:disabled):active{transform:translateY(2px)}}.gbtn:disabled,.gbtn[disabled]{filter:grayscale(.6)brightness(.8);pointer-events:none}.gbtn:disabled .gbtn-face,.gbtn[disabled] .gbtn-face{opacity:.5}.cost-chip{color:var(--magenta);align-items:center;gap:3px;margin-left:4px;font-size:12px;font-weight:800;display:inline-flex}.cost-chip svg{width:13px;height:13px}.cost-chip-gain{color:var(--safe-green)}.panel{position:relative}.panel-ivory{filter:drop-shadow(0 10px 24px #00000080);color:var(--text-ink);border:26px solid #0000;background:0 0;border-image-source:url(/ui/frames/ivory_panel.webp);border-image-slice:77 63 110 61 fill;border-image-repeat:stretch}:root.frames-missing .panel-ivory{background:var(--panel-ivory-bg);box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 8px #785a2840, 0 0 0 2px var(--gold), 0 0 0 3px var(--gold-shadow), var(--shadow-deep)}.panel-obsidian{filter:drop-shadow(0 10px 24px #0000008c)drop-shadow(0 0 18px #ff2e8840);color:var(--text-bright);border:26px solid #0000;background:0 0;border-image-source:url(/ui/frames/obsidian_panel.webp);border-image-slice:70 61 113 fill;border-image-repeat:stretch}:root.frames-missing .panel-obsidian{background:var(--panel-obsidian-bg);box-shadow:inset 0 0 26px var(--magenta-glow), inset 0 2px 0 #ffffff0f, 0 0 0 1.5px var(--panel-border), var(--shadow-deep)}.gpill{filter:drop-shadow(0 3px 6px #00000073);color:var(--text-ink);white-space:nowrap;border:7px solid #0000;background:0 0;border-image-source:url(/ui/frames/hud_pill.webp);border-image-slice:84 155 79 fill;border-image-repeat:stretch;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:800;line-height:1;display:flex}:root.frames-missing .gpill{background:linear-gradient(#fff8ea,#e7d9b8);box-shadow:0 2px 6px #00000059}.ribbon{filter:drop-shadow(0 3px 7px #00000080);font-family:var(--font-display);letter-spacing:.03em;color:var(--text-ink);text-shadow:0 1px #ffffff80;border:14px solid #0000;border-width:14px 34px;background:0 0;border-image-source:url(/ui/frames/banner_ribbon.webp);border-image-slice:112 337 fill;border-image-width:14px 34px;border-image-repeat:stretch;justify-content:center;align-items:center;padding:2px 16px;font-weight:600;display:inline-flex;position:relative}:root.frames-missing .ribbon{background:linear-gradient(#fff8ea,#e7d9b8);box-shadow:0 2px 8px #0006}.ribbon-tail{display:none}.icon-badge{width:28px;height:28px;color:var(--gold-bright);filter:drop-shadow(0 1px 1px #0006);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-badge img{object-fit:contain;width:100%;height:100%}.icon-badge.tone-ivory{color:var(--ivory)}.icon-badge.tone-obsidian{color:var(--obsidian-2)}.icon-badge.tone-magenta{color:var(--magenta)}.icon-badge.tone-sapphire{color:var(--sapphire)}.card-frame{background:linear-gradient(160deg, #ffffff14, #0000004d), var(--panel-obsidian-bg);border:24px solid #0000;border-image-slice:61 46;border-image-repeat:stretch;position:relative}.card-frame.rarity-common{box-shadow:0 0 0 1px #0000004d, var(--shadow-deep);border-image-source:url(/ui/frames/card_frame_common.webp)}.card-frame.rarity-rare{box-shadow:0 0 14px #3d7bff73, var(--shadow-deep);border-image-source:url(/ui/frames/card_frame_rare.webp)}.card-frame.rarity-legendary{box-shadow:0 0 18px #e2b34a8c, var(--shadow-deep);border-image-source:url(/ui/frames/card_frame_legendary.webp)}.card-frame.rarity-cursed{box-shadow:0 0 18px #ff2e888c, var(--shadow-deep);border-image-source:url(/ui/frames/card_frame_cursed.webp)}.sheet{z-index:60;padding:calc(var(--safe-top) + var(--hud-top-h,0px) + 12px) 12px calc(var(--safe-bottom) + var(--hud-bottom-h,0px) + 12px);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sheet.open{pointer-events:auto}.sheet-backdrop{background:#05020900;transition:background .25s;position:absolute;inset:0}.sheet.open .sheet-backdrop{background:#050209ad}.sheet-card{width:min(420px,100%);max-height:100%;box-shadow:inset 0 0 30px var(--magenta-glow), inset 0 2px 0 #ffffff14, 0 0 0 1.5px var(--panel-border);opacity:0;pointer-events:auto;background-image:radial-gradient(130% 150% at 25% -10%,#2a1f38ed 0%,#1b1424f5 55%,#0f0916fa 100%),url(/ui/textures/marble_dark.webp);background-size:cover,420px 420px;border-radius:22px;flex-direction:column;min-height:0;padding:0;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .2s;display:flex;position:relative;transform:translateY(14px)scale(.97)}.sheet.open .sheet-card{opacity:1;transform:translateY(0)scale(1)}:root[data-reduce-motion=true] .sheet-card{transform:none}.sheet-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 8px;display:flex}.sheet-title{font-family:var(--font-display);color:var(--gold-bright);font-size:20px}.sheet-close.gbtn-icon{width:var(--hit-min);height:var(--hit-min);min-width:var(--hit-min);min-height:var(--hit-min);flex-shrink:0}.sheet-close .gbtn-icon-slot{width:18px;height:18px}.sheet-scroll{flex:auto;min-height:0;display:flex;position:relative}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;width:100%;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.sheet-fade{pointer-events:none;opacity:0;z-index:1;height:30px;transition:opacity .2s;position:absolute;left:0;right:0}.sheet-fade-top{background:linear-gradient(#090510eb,#09051000);top:0}.sheet-fade-bottom{background:linear-gradient(#09051000,#090510eb);bottom:0}.sheet-fade:after{content:"";filter:drop-shadow(0 0 4px #e2b34a8c);background:linear-gradient(90deg,#0000,#e2b34ad9 50%,#0000);height:2px;position:absolute;left:18px;right:18px}.sheet-fade-top:after{top:11px}.sheet-fade-bottom:after{bottom:11px}.sheet-scroll.can-scroll-up .sheet-fade-top,.sheet-scroll.can-scroll-down .sheet-fade-bottom{opacity:1}.settings-row{min-height:var(--hit-min);border-bottom:1px solid #e2b34a26;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px;display:flex}.settings-row:last-child{border-bottom:none}button.settings-row{text-align:left;width:100%}.settings-row-label{color:var(--ivory);align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}.settings-row-icon{width:20px;height:20px;color:var(--gold-bright);flex-shrink:0}.toggle-switch{width:48px;height:27px;box-shadow:inset 0 2px 4px #0009, 0 0 0 1.5px var(--panel-border);background:linear-gradient(#140c1d,#241831);border-radius:999px;flex-shrink:0;position:relative}.toggle-knob{background:linear-gradient(180deg, var(--ivory), #cbbf9e);width:21px;height:21px;transition:transform .18s var(--ease-overshoot);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000080}.toggle-switch.on{background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.toggle-switch.on .toggle-knob{background:linear-gradient(180deg, #fffbe9, var(--gold-highlight));transform:translate(21px)}.segmented{background:#140c1d;border-radius:999px;padding:3px;display:flex;box-shadow:inset 0 2px 4px #00000080}.segmented-opt{min-height:40px;color:var(--text-dim);border-radius:999px;align-items:center;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.segmented-opt:after{content:"";position:absolute;inset:-4px 0}.segmented-opt.active{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#2a1a06}.settings-credits{border-top:1px solid #e2b34a33;margin-top:6px;padding-top:10px}.settings-credits-head{font-family:var(--font-display);color:var(--gold-bright);margin-bottom:6px;font-size:13px}.settings-credits-row{min-height:var(--hit-min);flex-direction:column;justify-content:center;gap:1px;padding:6px 2px;display:flex}.settings-credits-title{color:var(--ivory);align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}a.settings-credits-title{text-underline-offset:2px;-webkit-text-decoration:underline #e2b34a80;text-decoration:underline #e2b34a80}.settings-credits-title-arrow{opacity:.7;font-size:11px;text-decoration:none}.settings-credits-meta{color:var(--text-dim);font-size:11px}.settings-row-stats .settings-row-label span:last-child{max-width:7.2em;font-size:13.5px;line-height:1.12}.settings-privacy-body{color:var(--text-dim);margin:0;padding:2px 2px 6px;font-size:11.5px;line-height:1.45}.hud-root{pointer-events:none;position:absolute;inset:0}.hud-root>*{pointer-events:auto}.hud-top{top:var(--safe-top);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);z-index:5;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.hud-top:before{content:"";inset:calc(-1 * var(--safe-top)) -10px auto;z-index:-1;pointer-events:none;background:linear-gradient(#0d0814b8 0%,#0d081473 65%,#0000 100%);height:calc(100% + 28px);position:absolute}.hud-row1{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.hud-row2{justify-content:center;width:100%;display:flex}.hud-row3{justify-content:center;align-items:center;gap:var(--s2);width:100%;margin-top:1px;display:flex}.hud-compact-line{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 1px 3px #000000b3;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:14px;font-size:12px;font-weight:700;line-height:1;display:none;overflow:hidden}@container stage (width<=410px){.tempo-pill-label{display:none}.tempo-pill{padding:2px 7px}.track-node{width:14px;height:14px}.track-node.tier-elite{width:16px;height:16px}.track-node.tier-boss{width:18px;height:18px}.hud-right-stack{gap:4px}.shard-pill{padding:2px 7px}}.board-title-row{gap:8px;min-width:0}.board-title-flourish{background:linear-gradient(90deg,#0000,#e2b34abf 50%,#0000);flex:auto;min-width:10px;max-width:34px;height:1px}.board-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(180deg, var(--porcelain) 0%, var(--gold-bright) 55%, var(--gold) 100%);color:#0000;filter:drop-shadow(0 0 1px #08040df2)drop-shadow(0 2px 4px #000000b3);letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;min-width:0;max-width:72%;font-size:15px;font-weight:700;line-height:1.15;overflow:hidden}.stat-chip{gap:4px;padding:2px 8px}.stat-chip-icon{width:13px;height:13px;color:var(--gold-shadow);flex-shrink:0}.stat-chip-icon img{object-fit:contain;width:100%;height:100%}.stat-chip-num{color:var(--text-ink);white-space:nowrap;letter-spacing:.01em;font-size:11px;font-weight:800}.stat-chip-num.at-par{color:var(--gold-shadow)}.stat-chip-num.past-par{color:var(--shard-ink)}.crown-medallion{background:radial-gradient(circle at 35% 25%, var(--porcelain), var(--ivory) 55%, var(--ivory-2) 100%);width:58px;height:58px;box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 6px #785a284d, 0 0 0 3px var(--gold), 0 0 0 4.5px var(--gold-shadow), var(--shadow-deep);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.crown-medallion-ring{pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.crown-medallion-icon{width:32px;height:32px;color:var(--gold);filter:drop-shadow(0 1px 1px #78501466)}.crown-medallion-icon img{object-fit:contain;width:100%;height:100%}.crown-medallion-label{font-family:var(--font-ui);letter-spacing:.06em;color:var(--text-ink);margin-top:1px;font-size:11px;font-weight:900}.crown-medallion.safe .crown-medallion-label{color:var(--safe)}.crown-medallion.check{background:radial-gradient(circle at 35% 25%, #4a1020, var(--obsidian-3) 70%);box-shadow:inset 0 2px 0 #ffffff14, inset 0 -3px 8px #0009, 0 0 0 3px var(--crimson), 0 0 0 4.5px #6c0e22, 0 0 22px #ff3b4e99, var(--shadow-deep);animation:.5s ease-in-out infinite crown-shake}.crown-medallion.check .crown-medallion-icon{color:#ff5a6e;filter:drop-shadow(0 0 6px #ff2e88cc)}.crown-medallion.check .crown-medallion-label{color:#ff8095}.crown-medallion.check .crown-medallion-ring{animation:.8s ease-in-out infinite crown-pulse;box-shadow:0 0 #ff3b4e8c}@keyframes crown-pulse{0%,to{box-shadow:0 0 #ff3b4e80}50%{box-shadow:0 0 0 8px #ff3b4e00}}@keyframes crown-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.hud-right-stack{flex-direction:row;flex-shrink:0;align-items:center;gap:5px;display:flex}.hud-pause-btn{width:var(--hit-min);height:var(--hit-min);flex-shrink:0}.hud-pause-btn .gbtn-icon-slot{width:18px;height:18px}.hud-pause-btn:before{content:"";position:absolute;inset:-9px}.tempo-pill{padding:2px 9px}.tempo-pill-icon{flex-shrink:0;width:16px;height:16px}.tempo-pill-icon img{object-fit:contain;width:100%;height:100%}.tempo-pill-label{letter-spacing:.08em;color:var(--text-ink);margin-right:1px;font-size:11px;font-weight:800}.tempo-row{align-items:center;gap:3px;display:flex}.tempo-gem{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);filter:drop-shadow(0 0 .5px #0009);background:linear-gradient(#3a2a4e,#1b1424);width:12px;height:12px;transition:transform .18s,opacity .18s}.tempo-gem.filled{background:linear-gradient(160deg, var(--gold-highlight), var(--gold) 70%);filter:drop-shadow(0 1px 1px #78500a99)drop-shadow(0 0 3px #e2b34ae6)}.shard-pill{padding:2px 10px}.shard-pill-icon{width:14px;height:14px}.shard-pill-count{color:var(--shard-ink);font-size:13px;font-weight:900}.hud-track-slot{align-items:center;min-width:0;display:flex;position:relative}.run-track{flex:1;align-items:center;gap:0;min-width:0;padding:0 4px;display:flex;overflow:hidden visible}.run-track.in-check{visibility:hidden}.track-node{color:#ffffffb3;background:linear-gradient(#241831,#140c1d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff14}.track-node img,.track-node svg{width:12px;height:12px}.track-node.done{background:linear-gradient(160deg, var(--gold-highlight), var(--gold));color:#4a2f08;box-shadow:0 0 6px #e2b34a99}.track-node.current{background:linear-gradient(160deg, #5fb8ff, var(--sapphire));color:#06203f;animation:1.1s ease-in-out infinite node-pulse;box-shadow:0 0 8px #3d7bffcc}.track-node.tier-elite{width:18px;height:18px;color:var(--gold-bright)}.track-node.tier-boss{width:22px;height:22px;color:var(--gold-bright)}@keyframes node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.track-link{background:#ffffff1f;border-radius:2px;flex:1 1 0;min-width:3px;height:4px;margin:0 1px}.track-node-counter{font-family:var(--font-ui);color:var(--text-dim);white-space:nowrap;margin-top:2px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.storm-warn-pill{filter:drop-shadow(0 3px 6px #00000073)drop-shadow(0 0 10px #ff7a3d8c);color:var(--ember);border:7px solid #0000;background:0 0;border-image-source:url(/ui/frames/hud_pill.webp);border-image-slice:84 155 79 fill;border-image-repeat:stretch;align-items:center;gap:5px;padding:3px 12px;font-size:11px;font-weight:800;animation:1.4s ease-in-out infinite storm-warn-pulse;display:flex}.storm-warn-icon{flex-shrink:0;width:14px;height:14px}@keyframes storm-warn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.intel-legend{justify-content:center;align-items:center;gap:var(--s3);pointer-events:none;filter:drop-shadow(0 3px 6px #0006);border:0 solid #0000;border-width:0 22px;background:0 0;border-image-source:url(/ui/frames/pill_plate.webp);border-image-slice:0 91 0 99 fill;border-image-repeat:stretch;width:-moz-fit-content;width:fit-content;height:26px;margin:2px 0 0;padding:0 2px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.intel-legend-row{align-items:center;gap:var(--s2);font-family:var(--font-ui);color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:800;display:flex}.intel-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.intel-swatch.danger{background:repeating-linear-gradient(45deg, var(--magenta) 0 2px, transparent 2px 5px);box-shadow:0 0 0 1px var(--magenta)}.intel-swatch.intent{background:var(--magenta);clip-path:polygon(0 50%,60% 0,60% 30%,100% 30%,100% 70%,60% 70%,60% 100%)}.intel-swatch.capture{box-shadow:0 0 0 2px var(--gold-bright);background:0 0;border-radius:50%}:root.frames-missing .intel-legend{background:#0d081499;border-width:0;border-image:;border-radius:999px;padding:2px 14px}.check-callout{font-family:var(--font-display);color:#ffd0d8;text-shadow:0 1px #4a1020,0 -1px #4a1020,1px 0 #4a1020,-1px 0 #4a1020,1px 1px #4a1020,-1px -1px #4a1020,1px -1px #4a1020,-1px 1px #4a1020,0 0 12px #ff3b4eb3;animation:check-callout-in var(--dur-pop) var(--ease-out) both;z-index:6;pointer-events:none;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;position:absolute;inset:0}@keyframes check-callout-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.check-hint-banner{z-index:25;position:absolute;left:50%;transform:translate(-50%)}.hud-bottom{bottom:var(--safe-bottom);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);z-index:5;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:44px;display:flex;position:absolute}.hud-bottom-row{justify-content:center;align-items:flex-end;gap:14px;width:100%;display:flex}:root .hud-root .hud-bottom.has-exile-hand{height:auto;padding-top:6px}.hud-bottom-group{flex:none;align-items:flex-end;gap:7px;display:flex}.hud-decree-row{flex:none;justify-content:center;align-items:flex-end;gap:10px;display:flex}.hud-decree-row:empty{display:none}.action-tile{width:44px;height:44px;box-shadow:none;transition:transform var(--dur-press) var(--ease-out), filter var(--dur-press) ease;background:0 0;flex:none;position:relative}.action-tile-frame{pointer-events:none;z-index:0;border:12px solid #0000;border-image-source:url(/ui/frames/tile_obsidian.webp);border-image-slice:69 fill;border-image-width:12px;border-image-repeat:stretch;position:absolute;inset:0}.action-tile:after{content:"";z-index:2;pointer-events:none;opacity:0;transition:opacity var(--dur-press) ease;background:linear-gradient(#00000052,#0000 45%);position:absolute;inset:0}.action-tile:active:after,.action-tile.is-pressed:after{opacity:1}.action-tile-face{z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:5px 2px 13px;display:flex;position:relative}.action-tile-icon{width:18px;height:18px;color:var(--gold-bright);filter:drop-shadow(0 1px 1px #0006);transition:transform var(--dur-press) ease;position:relative}.action-tile.is-blocked .action-tile-icon{opacity:.55}.action-tile.is-blocked .action-tile-icon:after{content:"";background:var(--threat);border-radius:2px;width:2px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 2px #000000b3}.action-tile-icon img{object-fit:contain;width:100%;height:100%}.action-tile-label{text-align:center;letter-spacing:.01em;text-transform:uppercase;color:#fff1d6;text-shadow:0 1px #1b1424,0 0 6px #0009;white-space:nowrap;font-size:11px;font-weight:800;position:absolute;bottom:4px;left:2px;right:2px;overflow:hidden}.action-tile-count{z-index:3;background:radial-gradient(circle at 35% 25%, var(--gold-highlight), var(--gold) 75%);color:#2a1a06;width:15px;height:15px;font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff80}.action-tile-count:empty{display:none}.action-tile:active,.action-tile.is-pressed{filter:brightness(.86)saturate(1.05);transform:translateY(2px)}.action-tile.active{filter:drop-shadow(0 0 10px #ffe7a399)}.action-tile.active .action-tile-icon{color:var(--gold-highlight);transform:scale(1.08)}.action-tile:disabled,.action-tile.is-disabled{pointer-events:none;filter:grayscale(.6)brightness(.8);transform:none}.action-tile:disabled .action-tile-icon,.action-tile.is-disabled .action-tile-icon,.action-tile:disabled .action-tile-label,.action-tile.is-disabled .action-tile-label{opacity:.5}.shard-fly-sprite{z-index:40;pointer-events:none;width:16px;height:16px;animation:.46s cubic-bezier(.2,.6,.3,1) forwards shard-fly-travel;position:absolute;transform:translate(-50%,-50%)}.shard-fly-sprite img,.shard-fly-sprite svg{filter:drop-shadow(0 0 4px #ff2e88cc)}@keyframes shard-fly-travel{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.4);opacity:.6}}.shard-fly-number{z-index:41;pointer-events:none;font-family:var(--font-ui);color:var(--magenta);-webkit-text-stroke:2px var(--obsidian-1);paint-order:stroke;font-size:20px;font-weight:900;animation:.8s forwards shard-fly-number-rise;position:absolute;transform:translate(-50%,-50%)}@keyframes shard-fly-number-rise{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-72%)scale(1)}}.hit-pop-number{color:var(--threat,#ff3b4e)}@media (max-height:700px){.hud-top{gap:0}.crown-medallion{width:28px;height:28px}.crown-medallion-icon{width:14px;height:14px}.crown-medallion-label{margin-top:0;font-size:11px;line-height:1}.board-title-row,.hud-row3{display:none}.hud-compact-line{display:block}.gpill{border-width:5px}.tempo-pill-label{display:none}.tempo-pill{padding:1px 7px}.tempo-pill-icon{width:14px;height:14px}.shard-pill{padding:1px 8px}.shard-pill-icon{width:12px;height:12px}.track-node{width:13px;height:13px}.track-node img,.track-node svg{width:10px;height:10px}.track-node.tier-elite{width:15px;height:15px}.track-node.tier-boss{width:17px;height:17px}.track-node-counter{display:none}.run-track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000 100%)}.hud-pause-btn{width:28px;height:28px}.hud-pause-btn .gbtn-icon-slot{width:16px;height:16px}}:root.compact-hud .hud-top{gap:0}:root.compact-hud .crown-medallion{width:28px;height:28px}:root.compact-hud .crown-medallion-icon{width:14px;height:14px}:root.compact-hud .crown-medallion-label{margin-top:0;font-size:11px}:root.compact-hud .board-title-row,:root.compact-hud .hud-row3{display:none}:root.compact-hud .hud-compact-line{display:block}:root.compact-hud .gpill{border-width:5px}:root.compact-hud .tempo-pill-label{display:none}:root.compact-hud .tempo-pill{padding:1px 7px}:root.compact-hud .tempo-pill-icon{width:14px;height:14px}:root.compact-hud .shard-pill{padding:1px 8px}:root.compact-hud .shard-pill-icon{width:12px;height:12px}:root.compact-hud .track-node{width:13px;height:13px}:root.compact-hud .track-node img,:root.compact-hud .track-node svg{width:10px;height:10px}:root.compact-hud .track-node.tier-elite{width:15px;height:15px}:root.compact-hud .track-node.tier-boss{width:17px;height:17px}:root.compact-hud .track-node-counter{display:none}:root.compact-hud .run-track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000 100%)}:root.compact-hud .hud-pause-btn{width:28px;height:28px}:root.compact-hud .hud-pause-btn .gbtn-icon-slot{width:16px;height:16px}.objective-banner-wrap{top:calc(var(--hud-top-bottom,calc(var(--hud-top-h,128px) + var(--safe-top))) + 6px);z-index:25;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:0;width:min(92%,360px);transition:opacity .4s,transform .4s cubic-bezier(.2,.9,.3,1),top .5s;display:flex;position:absolute;left:50%;transform:translate(-50%,-8px)}.objective-banner-wrap.show{opacity:1;transform:translate(-50%)}.objective-banner-wrap.shrink{opacity:0;transform:translate(-50%,-6px)}.objective-eyebrow{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ffe7a3;text-shadow:0 1px #1b1424,0 -1px #1b1424,1px 0 #1b1424,-1px 0 #1b1424,1px 1px #1b1424,-1px -1px #1b1424,1px -1px #1b1424,-1px 1px #1b1424,0 0 6px #000000b3;margin-right:-.18em;font-size:11px;font-weight:800;line-height:1;display:block}.objective-gem{z-index:1;filter:drop-shadow(0 2px 3px #00000073);background:url(/ui/frames/objective_gem.webp) 50%/contain no-repeat;width:58px;height:22px;margin:1px 0 -7px;position:relative}.objective-banner{--rib:.13;--band:25px;box-sizing:border-box;text-align:center;width:100%;height:calc(var(--band) + (50px + 125px) * var(--rib));filter:drop-shadow(0 6px 16px #0000008c);border-style:solid;border-color:#0000;border-width:calc(50px * var(--rib)) calc(337px * var(--rib)) calc(125px * var(--rib));background:0 0;border-image-source:url(/ui/frames/objective_ribbon.webp);border-image-slice:50 337 125 fill;border-image-repeat:stretch;flex-direction:column;justify-content:center;align-items:center;padding:0 4px;display:flex}.objective-banner.two-line{--band:48px}.objective-banner-text{font-family:var(--font-display);color:#2a1a06;white-space:nowrap;flex-shrink:0;max-width:100%;font-size:clamp(17px,4vw,19px);font-weight:800;line-height:1;display:block;overflow:visible;transform:translateY(1px)}.objective-banner-sub{font-family:var(--font-ui);color:#5a3d14;white-space:nowrap;max-width:100%;margin-top:4px;font-size:13px;font-style:italic;font-weight:700;line-height:1;display:block}.objective-banner.two-line .objective-banner-text{font-size:clamp(17px,4vw,18px);transform:translateY(1px)}.surge-banner{left:50%;top:calc(var(--hud-top-bottom,calc(var(--hud-top-h,128px) + var(--safe-top))) + 2px);aspect-ratio:1024/258;z-index:26;pointer-events:none;opacity:0;filter:drop-shadow(0 6px 12px #0000008c)drop-shadow(0 0 12px #8e6bff80);width:min(86%,330px);transition:opacity .18s ease-out, transform .42s var(--ease-overshoot);background:url(/ui/frames/surge_banner.webp) 50%/100% 100% no-repeat;position:absolute;transform:translate(-50%,-12px)scale(.8)}.surge-banner.has-boss{top:calc(var(--hud-top-bottom,calc(var(--hud-top-h,128px) + var(--safe-top))) + 92px)}.surge-banner.show{opacity:1;animation:.55s linear surge-banner-flicker;transform:translate(-50%)scale(1)}.surge-banner.out{opacity:0;transition:opacity .32s ease-in,transform .4s ease-in;transform:translate(-50%,-10px)scale(.94)}@keyframes surge-banner-flicker{0%{filter:brightness(2.1)drop-shadow(0 6px 12px #0000008c)drop-shadow(0 0 22px #b9a2fff2)}14%{filter:brightness()drop-shadow(0 6px 12px #0000008c)drop-shadow(0 0 12px #8e6bff80)}24%{filter:brightness(1.6)drop-shadow(0 6px 12px #0000008c)drop-shadow(0 0 20px #b9a2ffd9)}40%,to{filter:brightness()drop-shadow(0 6px 12px #0000008c)drop-shadow(0 0 12px #8e6bff80)}}.surge-banner-flash{opacity:0;mix-blend-mode:screen;background:linear-gradient(100deg,#0000 38%,#f1eaffb3 50%,#0000 62%) 120% 0/260% 100% no-repeat;position:absolute;inset:0;-webkit-mask:url(/ui/frames/surge_banner.webp) 50%/100% 100% no-repeat;mask:url(/ui/frames/surge_banner.webp) 50%/100% 100% no-repeat}.surge-banner.show .surge-banner-flash{animation:.85s ease-out .1s forwards surge-banner-sheen}@keyframes surge-banner-sheen{0%{opacity:0;background-position:120% 0}15%{opacity:1}to{opacity:0;background-position:-20% 0}}.surge-banner-text{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#f4eeff;white-space:nowrap;text-shadow:0 1px #1b1424,0 0 8px #b9a2ffd9,0 0 18px #8e6bff8c;justify-content:center;align-items:center;font-size:clamp(16px,4.8vw,19px);font-weight:800;line-height:1;display:flex;position:absolute;inset:48% 17% 26%}:root[data-reduce-motion=true] .surge-banner,:root[data-reduce-motion=true] .surge-banner.out{transition:opacity .2s linear;transform:translate(-50%)}:root[data-reduce-motion=true] .surge-banner.show{animation:none}:root[data-reduce-motion=true] .surge-banner-flash{display:none}:root.frames-missing .surge-banner{box-shadow:0 0 0 1.5px var(--gold), 0 6px 14px #00000080;aspect-ratio:auto;background:linear-gradient(#2a1d38,#160e22);border-radius:12px;height:44px}:root.frames-missing .surge-banner-text{inset:0}:root.frames-missing .surge-banner-flash{display:none}.coach-layer{z-index:24;pointer-events:none;position:absolute;inset:0}.coach-mark{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.coach-ring{width:56px;height:56px;box-shadow:0 0 0 3px var(--gold-bright);border-radius:50%;animation:1.3s ease-out infinite coach-ring-pulse;position:absolute}@keyframes coach-ring-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.coach-hand{width:40px;height:40px;color:var(--gold-bright);filter:drop-shadow(0 2px 5px #000000a6)drop-shadow(0 0 4px #00000080);animation:1.1s ease-in-out infinite coach-hand-tap}@keyframes coach-hand-tap{0%,to{transform:rotate(20deg)translateY(0)}40%{transform:rotate(20deg)translateY(6px)scale(.92)}}.coach-bubble{white-space:nowrap;text-align:center;background:var(--panel-ivory-bg);max-width:220px;color:var(--text-ink);box-shadow:0 0 0 2px var(--gold), var(--shadow-deep);border-radius:999px;margin-top:10px;padding:7px 14px;font-size:12px;font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%)}.coach-mark.flip-bubble .coach-bubble{margin-top:0;margin-bottom:10px;top:auto;bottom:100%}.coach-banner{background:var(--panel-obsidian-bg);color:var(--ivory);border-radius:var(--radius-md);max-width:80%;box-shadow:0 0 0 1.5px var(--magenta), var(--shadow-deep);align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:700;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%)}.coach-banner-icon{width:20px;height:20px;color:var(--magenta);flex-shrink:0}.tooltip-layer{z-index:27;pointer-events:none;position:absolute;inset:0}.tooltip-layer:not(:empty){pointer-events:auto}.piece-tooltip{background:var(--panel-ivory-bg);width:212px;color:var(--text-ink);box-shadow:inset 0 2px 0 #ffffffb3, 0 0 0 2px var(--gold), 0 0 0 3px var(--gold-shadow), var(--shadow-deep);border-radius:var(--radius-lg);opacity:0;padding:9px 11px;transition:opacity .16s,transform .16s cubic-bezier(.3,1.3,.4,1);position:absolute;transform:scale(.9)}.piece-tooltip.show{opacity:1;transform:scale(1)}.piece-tooltip.side-enemy{color:var(--ivory)}.piece-tooltip-head{align-items:center;gap:7px;margin-bottom:2px;display:flex}.piece-tooltip-thumb{object-fit:contain;filter:drop-shadow(0 2px 3px #0006);flex-shrink:0;width:26px;height:26px}.piece-tooltip-head-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.piece-tooltip-name{font-family:var(--font-display);font-size:16px;font-weight:600}.piece-tooltip-side{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.piece-tooltip-side.side-player{color:var(--safe)}.piece-tooltip-side.side-enemy{color:#ff8095}.piece-tooltip-royal{letter-spacing:.06em;color:var(--gold-shadow);background:#e2b34a40;border-radius:999px;margin-left:4px;padding:2px 6px;font-size:11px;font-weight:800}.piece-tooltip-hp{color:var(--crimson);flex-shrink:0;font-size:11px;font-weight:800}.piece-tooltip-rule{opacity:.85;margin-bottom:2px;font-size:11px;line-height:1.25}.piece-tooltip-diagram{justify-content:center;margin:3px 0 4px;display:flex}.diag-cell{fill:#0000000f;stroke:#0000001a;stroke-width:.6px}.side-enemy .diag-cell{fill:#ffffff0d;stroke:#ffffff1a}.diag-dot.diag-move{fill:var(--sapphire)}.diag-dot.diag-capture{fill:var(--magenta)}.diag-dot.diag-both{fill:var(--gold)}.diag-piece{fill:none;stroke:var(--text-ink);stroke-width:2px}.side-enemy .diag-piece{stroke:var(--ivory)}.diag-arrow{fill:var(--gold-shadow)}.side-enemy .diag-arrow{fill:var(--magenta)}.piece-tooltip-engravings{flex-direction:column;gap:4px;display:flex}:root .piece-tooltip.compact .piece-tooltip-engravings{max-height:none;overflow:visible}.piece-tooltip-tail{background:var(--ivory-2);width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:2px 2px #00000014}.side-enemy .piece-tooltip-tail{background:var(--obsidian-2);box-shadow:2px 2px #0000004d}.piece-tooltip-eng{align-items:flex-start;gap:7px;display:flex}.piece-tooltip-eng-badge .icon-badge{width:20px;height:20px}.piece-tooltip-eng-name{font-size:11.5px;font-weight:800}.piece-tooltip-eng-desc{opacity:.8;font-size:11px;line-height:1.25}.piece-tooltip-noeng{opacity:.6;font-size:11px;font-style:italic}.title-logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--ivory);text-shadow:0 1px 0 #08040d80, 0 -1px 0 #08040d80, 1px 0 0 #08040d80, -1px 0 0 #08040d80, 1px 1px 0 #08040d80, -1px -1px 0 #08040d80, 1px -1px 0 #08040d80, -1px 1px 0 #08040d80, 0 0 44px #ff2e888c, 0 2px 0 var(--obsidian-3), 0 6px 24px #000000bf;flex-direction:column;align-items:center;margin:0;font-size:clamp(40px,15cqw,60px);font-weight:800;line-height:.9;display:flex}.title-logo .storm-word{background:linear-gradient(180deg, var(--porcelain) 0%, var(--gold-bright) 45%, var(--gold) 100%);color:#0000;text-shadow:0 1.5px 0 #08040dbf, 0 -1.5px 0 #08040dbf, 1.5px 0 0 #08040dbf, -1.5px 0 0 #08040dbf, 1.5px 1.5px 0 #08040dbf, -1.5px -1.5px 0 #08040dbf, 1.5px -1.5px 0 #08040dbf, -1.5px 1.5px 0 #08040dbf, 0 0 44px #ff2e888c, 0 2px 0 var(--obsidian-3), 0 6px 24px #000000bf;filter:drop-shadow(0 0 10px #ffffff8c)drop-shadow(0 0 22px #ff2e88b3)drop-shadow(0 3px 10px #000c);-webkit-background-clip:text;background-clip:text}.title-sub{font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:#cfe7ea;text-shadow:0 2px 8px #000c;top:calc(var(--safe-top) + 156px);z-index:1;opacity:.92;font-size:12px;font-weight:700;position:absolute;left:0;right:0}.screen-commander{padding:calc(var(--safe-top) + 20px) 18px calc(var(--safe-bottom) + 18px);background-image:radial-gradient(120% 90% at 50% 0,#241536f0 0%,#0d0814f7 70%),url(/ui/textures/marble_dark.webp);background-position:50%,50%;background-size:cover,480px 480px;flex-direction:column;display:flex;position:absolute;inset:0}.screen-title-bar{font-family:var(--font-display);color:var(--gold-bright);text-align:center;text-shadow:0 2px 8px #0009;margin:4px 0 2px;font-size:26px;font-weight:700}.screen-subtitle{text-align:center;color:var(--text-dim);margin-bottom:14px;font-size:13px}.commander-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-bottom:8px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 20px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 20px),#0000 100%)}.commander-card{filter:drop-shadow(0 8px 18px #00000073);color:var(--text-ink);border:16px solid #0000;background:0 0;border-image-source:url(/ui/frames/ivory_panel.webp);border-image-slice:77 63 110 61 fill;border-image-repeat:stretch;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:2px 2px 8px;transition:transform .12s,filter .12s;display:flex;position:relative}.commander-card.selected{filter:drop-shadow(0 0 16px #e2b34abf)drop-shadow(0 8px 18px #00000073);transform:translateY(-2px)}:root.frames-missing .commander-card{background:var(--panel-ivory-bg);box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 8px #785a2840, 0 0 0 1px #00000040, var(--shadow-deep)}:root.frames-missing .commander-card.selected{box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 8px #785a2840, 0 0 0 3px var(--gold-highlight), 0 0 22px #e2b34aa6, var(--shadow-deep)}.commander-portrait{aspect-ratio:3/4;border-radius:var(--radius-md);background:radial-gradient(circle at 40% 30%,#e2b34a40,#00000026);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1.5px #e2b34a66}.commander-portrait img{object-fit:cover;width:100%;height:100%}.commander-portrait.fallback{aspect-ratio:1}.commander-portrait.fallback img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000059);width:72%;height:72%}.commander-royal-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--gold-shadow);font-size:11px;font-weight:800}.commander-name{font-family:var(--font-display);text-align:center;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance;padding:0 2px;font-size:14.5px;font-weight:600;line-height:1.15}.commander-card.locked .commander-name{color:var(--ivory-text);text-shadow:0 1px 3px #0009}.commander-desc{color:#5a4a3a;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.commander-army{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:auto;padding-top:6px;display:flex}.commander-army-thumb{background:#00000014;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.commander-army-thumb.royal{box-shadow:inset 0 0 0 1.5px var(--gold), 0 0 6px #e2b34a99}.commander-army-thumb img{object-fit:contain;width:100%;height:100%}.commander-footer{gap:10px;padding-top:12px;display:flex}.commander-footer .gbtn{flex:1}.screen-draft{padding:calc(var(--safe-top) + 16px) 18px calc(var(--safe-bottom) + 12px);touch-action:pan-y;background-image:radial-gradient(120% 90% at 50% 10%,#0d081459 0%,#0d0814e0 72%),url(/art/storm.webp);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.draft-inner{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:100%;margin-block:auto;display:flex}.draft-title{font-family:var(--font-display);color:var(--gold-bright);text-align:center;text-shadow:0 3px 12px #000000b3;white-space:nowrap;font-size:23px;font-weight:700}.draft-sub{color:var(--text-dim);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.draft-sub-shard{width:12px;height:12px;display:inline-flex}.draft-brilliancy-chip{background:linear-gradient(180deg, var(--gold-highlight), var(--gold));color:#3a2408;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 0 10px #e2b34a99}.draft-brilliancy-chip svg,.draft-brilliancy-chip img{width:11px;height:11px}.draft-cards{flex-direction:row;align-items:stretch;gap:10px;width:min(360px,94cqw);display:flex}.draft-card{text-align:center;opacity:0;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:6px;min-width:0;min-height:168px;padding:10px 6px 8px;transition:transform .12s;animation:.46s cubic-bezier(.2,.8,.3,1) forwards draft-card-in;display:flex;transform:translateY(18px)rotateX(-8deg)}@keyframes draft-card-in{to{opacity:1;transform:translateY(0)rotateX(0)}}.draft-card:active,.draft-card.is-pressed{transform:scale(.97)translateY(-2px)}.draft-icon{width:52px;height:52px;color:var(--gold-bright);background:radial-gradient(circle at 35% 25%,#ffffff24,#ffffff05),#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.draft-icon img{object-fit:contain;filter:drop-shadow(0 3px 4px #00000080);width:42px;height:42px}.draft-icon svg{width:30px;height:30px}.draft-icon.tone-common{color:var(--ivory-2)}.draft-icon.tone-rare{color:var(--sapphire)}.draft-icon.tone-legendary{color:var(--gold-bright)}.draft-icon.tone-cursed{color:var(--magenta)}.draft-title2{font-family:var(--font-display);color:var(--ivory);font-size:13px;font-weight:600;line-height:1.2}.draft-desc{color:var(--text-dim);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.draft-type{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-top:auto;padding:2px 8px;font-size:11px;font-weight:900;display:inline-block}.draft-type.rarity-text-common{color:#332817;background:var(--ivory-2)}.draft-type.rarity-text-rare{color:#fff;background:#2f5fd0}.draft-type.rarity-text-legendary{color:#3a2408;background:var(--gold-bright)}.draft-type.rarity-text-cursed{color:#fff;background:var(--magenta)}.draft-footer{background:linear-gradient(#0000 0%,#0d0814d9 32%,#0d0814f7 100%);flex-shrink:0;gap:10px;width:min(360px,94cqw);margin-top:4px;padding-top:22px;display:flex;position:sticky;bottom:0}.draft-footer .gbtn{flex:1}.draft-footer .gbtn-face{gap:6px;padding:11px 15px}.draft-footer .gbtn-label{font-size:12.5px}.draft-footer .cost-chip{margin-left:0;font-size:11px}.draft-footer .gbtn:disabled .gbtn-face{opacity:.9}.draft-footer .gbtn:disabled .gbtn-label{color:#d8ccb2}.draft-footer .cost-chip-need{color:#e7d9b8;font-weight:800}.draft-take-btn .gbtn-label{color:#2a1a06;text-shadow:0 1px #fff0c899;font-weight:900}@media (max-height:700px){.draft-title{font-size:19px}.draft-card{min-height:148px}.draft-icon{width:48px;height:48px}.draft-icon img{width:38px;height:38px}}.screen-end{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.screen-end.defeat{filter:saturate(.75)}.end-stats{flex-wrap:wrap;justify-content:center;gap:18px;margin:4px 0;display:flex}.end-stat{flex-direction:column;align-items:center;display:flex}.end-stat .num{font-family:var(--font-display);color:var(--ivory);text-shadow:0 0 14px #e2b34a4d;font-size:25px;font-weight:700}.end-stat .label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.brilliancy-stars{gap:6px;display:flex}.brilliancy-star{width:26px;height:26px;color:var(--gold-bright);opacity:0;filter:drop-shadow(0 0 8px #e2b34ab3);animation:.5s cubic-bezier(.3,1.6,.4,1) forwards star-pop;transform:scale(0)rotate(-40deg)}@keyframes star-pop{to{opacity:1;transform:scale(1)rotate(0)}}.end-actions{gap:10px;margin-top:10px;display:flex}.kit-head{font-family:var(--font-display);color:var(--gold-bright);margin:14px 0 8px;font-size:16px}.kit-head:first-child{margin-top:0}.kit-piece-row{border-bottom:1px solid #e2b34a1f;align-items:center;gap:12px;min-height:64px;padding:7px 0;display:flex}.kit-piece-row.royal{background:linear-gradient(90deg,#e2b34a1a,#0000)}.kit-piece-thumb-wrap{background:radial-gradient(circle at 35% 25%, var(--porcelain), var(--ivory) 65%, var(--ivory-2) 100%);width:48px;height:48px;box-shadow:inset 0 1px 0 #fff9, 0 0 0 2px var(--gold), 0 2px 5px #0006;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kit-piece-thumb-wrap.royal{box-shadow:inset 0 1px 0 #fff9, 0 0 0 2px var(--gold-bright), 0 0 10px #e2b34ab3}.kit-piece-thumb{object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);width:78%;height:78%}.kit-piece-text{flex:1;min-width:0}.kit-piece-name{font-family:var(--font-display);color:var(--ivory);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.kit-royal-tag{letter-spacing:.06em;text-transform:uppercase;color:#2a1a06;background:var(--gold);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:800}.kit-engraving-sockets{gap:6px;margin-top:5px;display:flex}.kit-eng-socket{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.kit-eng-socket.filled{box-shadow:inset 0 0 0 1.5px var(--gold), 0 0 5px #e2b34a66;background:linear-gradient(#4a3763,#241831)}.kit-eng-socket.filled img,.kit-eng-socket.filled svg{width:24px;height:24px}.kit-eng-socket.empty{background:#00000040;border:1px solid #e2b34a59;box-shadow:inset 0 2px 4px #0009}.kit-openings{flex-direction:column;gap:8px;display:flex}.kit-opening-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;font-size:12px;display:flex}.kit-opening-empty-icon{width:40px;height:40px;color:var(--gold);opacity:.4}.kit-opening-row{border-bottom:1px solid #e2b34a1a;flex-direction:column;gap:2px;padding:6px 0;display:flex}.kit-opening-name{font-size:12.5px;font-weight:800}.kit-opening-desc{color:var(--text-dim);font-size:11px}.toast-layer{pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:34%;left:0;right:0}.toast{font-family:var(--font-display);color:var(--ivory);text-shadow:0 3px 10px #0009,0 0 18px #e2b34a66;opacity:0;font-size:25px;font-style:italic;font-weight:700;animation:1.5s forwards toast-pop;transform:translateY(10px)scale(.9)}.toast.check{color:#ff8095}.toast.brilliant{color:var(--gold-bright)}.toast.regicide{color:var(--magenta);font-size:31px}@keyframes toast-pop{0%{opacity:0;transform:translateY(14px)scale(.85)}12%{opacity:1;transform:translateY(0)scale(1.08)}22%{transform:translateY(0)scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-16px)scale(.96)}}.shard-fly{font-family:var(--font-ui);color:var(--magenta);pointer-events:none;z-index:21;font-size:15px;font-weight:900;animation:.8s forwards shard-fly-up;position:absolute}@keyframes shard-fly-up{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-8px)scale(1.1)}to{opacity:0;transform:translateY(-46px)scale(1)}}.debug-toggle{bottom:calc(var(--safe-bottom) + 78px);left:calc(var(--safe-left) + 8px);width:26px;height:26px;box-shadow:0 0 0 1px var(--panel-border);color:var(--text-dim);opacity:.75;z-index:30;background:#150d2099;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute}.debug-panel{width:min(320px,86cqw);box-shadow:inset 0 0 0 1px var(--panel-border);padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);z-index:29;background:#150d20ee;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.debug-panel h3{font-family:var(--font-display);color:var(--gold-bright);margin:14px 0 8px;font-size:15px}.debug-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;margin:7px 0;font-size:12px;display:flex}.debug-row select,.debug-row input[type=number]{color:var(--ivory);border:1px solid var(--panel-border);background:#241831;border-radius:6px;padding:4px 6px;font-size:12px}.debug-row input[type=checkbox]{width:16px;height:16px}.debug-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.debug-actions .btn{background:var(--obsidian-2);color:var(--ivory);border-radius:8px;padding:8px;font-size:12px}.loading-veil{background:var(--bg-deep);font-family:var(--font-display);color:var(--text-dim);letter-spacing:.1em;z-index:50;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.gl-restore-veil{z-index:60;pointer-events:auto;background:#090510d1;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.gl-restore-msg{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.02em;font-size:20px}.gl-restore-note{color:var(--ivory-2);font-size:13px}.gl-restore-reload{font:inherit;color:#2a1a06;background:linear-gradient(180deg, var(--gold-bright), var(--gold));border:0;border-radius:10px;padding:10px 22px;font-weight:700}.pk-kind-badge{font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:900;line-height:1.4;display:inline-flex}.pk-kind-icon{flex-shrink:0;width:10px;height:10px;display:inline-flex}.pk-kind-icon svg,.pk-kind-icon img{width:100%;height:100%;display:block}.pk-kind-cost{opacity:.92;font-weight:900}.pk-kind-spell{color:var(--gold-highlight);background:linear-gradient(#2c1f44 0%,#140c20 100%);box-shadow:inset 0 0 0 1px #f4cc72d9,inset 0 1px 0 1.5px #ffe7a32e,0 1px 2px #00000080}.pk-kind-spell .pk-kind-icon{color:var(--gold-bright)}.pk-kind-passive{color:#3a2408;background:linear-gradient(180deg, var(--gold-highlight), var(--gold))}.pk-kind-recruit{color:#332817;background:var(--ivory-2)}.pk-kind-fusion{color:var(--gold-highlight);background:linear-gradient(#5b2d72 0%,#36173f 100%);box-shadow:inset 0 0 0 1px #f4cc72d9,0 1px 2px #00000080}