:root{--bg: #2c3e50;--panel: #0c1e38;--panel-2: #162540;--panel-3: #22355a;--panel-shade: #0c1a32;--well: #091629;--panel-shadow: #050d1c;--edge: #35455f;--hull-edge: #35455f;--panel-line: #24365a;--primary: #4d9bff;--primary-bright: #8fc4ff;--recall: #ff5a6e;--recall-glow: #ff8a5a;--accent: #ffe46b;--amber: #ffb054;--chips: #4d9bff;--mult: #ff6b8b;--target: #ff5a6e;--seal-spatial: #43d17a;--seal-engine: #b06bff;--panel-stroke: #2b3d58;--stroke-w: 2px;--radius: 14px;--text: #eef3f8;--muted: #9fb2c4;--cyan: var(--primary);--cyan-bright: var(--primary-bright);--font-display: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "Inter", ui-monospace, "Cascadia Mono", "Consolas", monospace;font-family:Inter,Segoe UI,Arial,sans-serif;--dock-w: clamp(228px, 20vw, 320px);--railcol-w: clamp(94px, 8.5vw, 138px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(90% 60% at 50% -10%,rgba(77,155,255,.12) 0%,transparent 55%),radial-gradient(100% 80% at 85% 110%,rgba(176,107,255,.08) 0%,transparent 55%),linear-gradient(180deg,#12294c,#0a1a34);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;gap:clamp(8px,1.2vh,16px);padding:clamp(8px,1.4vw,22px);padding-top:max(clamp(8px,1.4vw,22px),env(safe-area-inset-top));padding-bottom:max(clamp(8px,1.4vw,22px),env(safe-area-inset-bottom));padding-left:max(clamp(8px,1.4vw,22px),env(safe-area-inset-left));padding-right:max(clamp(8px,1.4vw,22px),env(safe-area-inset-right))}.ui-panel.mission{display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);padding:10px 18px}.ui-panel.mission-readout{flex:1 1 auto;min-width:0}.mission-body{flex:1;min-width:60px}.mission-gauge{height:14px}.mission-figs{display:flex;gap:clamp(10px,1.4vw,22px);flex:none}.mission-progress{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.mission-fig-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.mission-scoreline{display:flex;align-items:baseline;gap:clamp(6px,.6vw,12px);font-weight:900;line-height:.9;font-variant-numeric:tabular-nums}.mission-slash{font-size:clamp(22px,2.4vw,36px);color:var(--hull-edge);font-weight:800}.mission-score{font-family:var(--font-display);font-size:clamp(30px,3.6vw,54px);color:var(--cyan-bright);text-shadow:0 0 18px rgba(77,155,255,.55),0 2px 6px rgba(0,0,0,.6)}.mission-target{font-size:clamp(22px,2.4vw,38px);color:var(--target);text-shadow:0 0 14px rgba(255,90,110,.4)}.mission-score.slam{animation:slam .32s cubic-bezier(.2,1.5,.4,1)}.readout-counters{display:flex;align-items:stretch;gap:clamp(8px,.9vw,14px)}.readout-counters .ui-counter{min-width:clamp(96px,7.5vw,140px)}.readout-counters .ui-counter.mult{animation:mult-breathe 2.6s ease-in-out infinite}.readout-counters .ui-counter.mult .ui-counter-val{font-size:clamp(34px,3vw,52px);text-shadow:0 0 16px rgba(255,107,139,.5)}.readout-counters .ui-counter.chips .ui-counter-val{font-size:clamp(30px,2.7vw,46px);text-shadow:0 0 14px rgba(77,155,255,.4)}.readout-x{align-self:center;font-size:clamp(24px,2.2vw,34px);font-weight:900;color:var(--mult);text-shadow:0 0 12px rgba(255,107,139,.4)}@keyframes mult-breathe{0%,to{box-shadow:0 0 16px #ff6b8b33,inset 0 0 14px #ff6b8b14}50%{box-shadow:0 0 28px #ff6b8b6b,inset 0 0 18px #ff6b8b29}}@media(prefers-reduced-motion:reduce){.readout-counters .ui-counter.mult{animation:none}}#stage-row{flex:1;min-height:0;min-width:0;display:flex;gap:clamp(8px,1.2vw,22px)}#railcol{display:none;width:var(--railcol-w);flex:0 0 var(--railcol-w);min-height:0;flex-direction:column;gap:clamp(8px,1vh,14px)}#railcol.hidden{display:none}#railcol .ui-panel.mission-readout{flex:1 1 auto;min-height:0;flex-direction:column;align-items:stretch;gap:clamp(8px,1.4vh,16px);padding:14px 10px}#railcol .mission-figs{flex:0 0 auto;justify-content:center}#railcol .mission-progress{align-items:center;width:100%}#railcol .mission-fig-label{text-align:center}#railcol .mission-scoreline{flex-direction:column;align-items:center;gap:0;line-height:1}#railcol .mission-slash{display:none}#railcol .mission-score{font-size:clamp(20px,1.7vw,30px)}#railcol .mission-target{font-size:clamp(15px,1.3vw,22px)}#railcol .mission-target:before{content:"/ ";color:var(--hull-edge)}#railcol .mission-body{flex:1 1 auto;min-height:0;display:flex;justify-content:center}#railcol .mission-gauge{height:100%}#railcol .ui-panel.mission-readout{border-radius:10px;border:1px solid var(--panel-shade);border-top:2px solid var(--rail-soft, #2f5f52);background:radial-gradient(circle at 15px 15px,#030d0a 0 3px,rgba(150,200,185,.32) 3px 4.4px,transparent 6px),radial-gradient(circle at calc(100% - 15px) 15px,#030d0a 0 3px,rgba(150,200,185,.32) 3px 4.4px,transparent 6px),radial-gradient(circle at 15px calc(100% - 15px),#030d0a 0 3px,rgba(150,200,185,.32) 3px 4.4px,transparent 6px),radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),#030d0a 0 3px,rgba(150,200,185,.32) 3px 4.4px,transparent 6px),radial-gradient(85% 26% at 50% 0%,rgba(77,155,255,.09),transparent 62%),radial-gradient(100% 42% at 50% 100%,rgba(0,0,0,.5),transparent 72%),var(--metal-hull, linear-gradient(158deg, var(--panel-2), var(--bg)));box-shadow:inset 0 2px 12px #0000008c,inset 0 0 0 1px #00000073,inset 0 0 28px #4d9bff0d,0 1px #5a8c781f}#railcol .mission-body{border-radius:9px;padding:6px;background:linear-gradient(115deg,rgba(138,255,208,.1),transparent 40%),#030d0a80;box-shadow:inset 0 0 16px #000000a6,inset 0 1px #8affd014,0 0 0 1px #0006}#railcol .mission-fig-label{font-family:monospace;letter-spacing:2px;color:color-mix(in srgb,#4d9bff 68%,#a8bcb2);opacity:.85}.ui-panel.combat-computer{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:none}.combat-computer .readout-counters{display:flex;align-items:stretch;gap:8px}.combat-computer .readout-counters .ui-counter{min-width:0;flex:1 1 0}.combat-computer .readout-counters .ui-counter.mult{animation:none}.combat-computer .readout-x{align-self:center;flex:0 0 auto;font-size:clamp(18px,1.8vw,26px);font-weight:900;color:var(--mult);text-shadow:0 0 10px rgba(255,107,139,.35)}.combat-computer .readout-counters .ui-counter.chips .ui-counter-val,.combat-computer .readout-counters .ui-counter.mult .ui-counter-val{font-size:clamp(24px,2.2vw,34px)}.cc-objective{display:flex;flex-direction:column;gap:7px}.cc-obj-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cc-obj-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.cc-obj-figs{gap:6px;line-height:1}.combat-computer .mission-score{font-size:clamp(20px,1.9vw,28px);color:var(--chips);text-shadow:none}.combat-computer .mission-slash{font-size:16px;color:var(--muted)}.combat-computer .mission-target{font-size:clamp(15px,1.4vw,20px);color:var(--amber);text-shadow:none}.combat-computer .ui-gauge{height:16px}#dock{order:-1;width:var(--dock-w);flex-shrink:0;display:flex;flex-direction:column;gap:clamp(8px,1vh,14px);overflow-x:hidden;overflow-y:auto}.dock-actions{display:flex;flex-direction:column;gap:clamp(8px,1vh,14px)}.dock-freeswap{display:flex;flex-direction:column;gap:8px}.dock-nav{display:flex;gap:8px}.dock-nav .ui-btn{flex:1;min-width:0;gap:6px;font-size:12px;letter-spacing:.04em;padding-inline:8px}.dock-nav .ui-btn .ui-btn-label{overflow:hidden;text-overflow:ellipsis}.dock-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dock-stats.map-mode .stat-moves,.dock-stats.map-mode .stat-swaps{display:none}.dock-footer{display:flex;justify-content:center;gap:12px;margin-top:auto;padding-top:4px}.dock-round{width:48px;height:48px;display:grid;place-items:center;padding:0;border:var(--stroke-w) solid var(--panel-line);border-radius:50%;background:var(--panel-2);color:var(--muted);cursor:pointer;box-shadow:inset 0 2px #ffffff1a,inset 0 -6px 0 var(--panel-shade);transition:transform .12s ease,color .12s ease,background .12s ease,border-color .12s ease}.dock-round:hover{color:var(--accent);background:var(--panel-3);border-color:color-mix(in srgb,var(--accent) 40%,var(--panel-line))}.dock-round:active{transform:scale(.96)}.dock-round svg{width:24px;height:24px}.ui-panel.dock-seals{flex:1;min-height:0;display:flex;flex-direction:column}.dock-seals-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dock-seals-count{font-variant-numeric:tabular-nums;letter-spacing:.5px;color:var(--text);opacity:.85}.dock-seals-count.full{color:var(--amber);opacity:1}.dock-seals-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.dock-seals-empty{background:var(--panel);border-radius:12px;padding:14px;text-align:center;font-size:13px;color:var(--muted)}.ui-btn.armed{--btn-face: #ffce56;--btn-edge: #b8841f;animation:freeswap-pulse 1.1s ease-in-out infinite}.coin-ico{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.16em;fill:#ffce3a;filter:drop-shadow(0 1px 0 #00000040);flex:none}@keyframes freeswap-pulse{0%,to{box-shadow:0 0 #ffe46b80}50%{box-shadow:0 0 0 6px #ffe46b00}}.hidden{display:none!important}.dock-seals-list .seal-card{cursor:default;min-height:108px}.dock-seals-list .seal-card:hover{transform:none;filter:none}.dock-seals-list.sellable .seal-card{padding-bottom:40px}.ui-panel.dock-mods{display:flex;flex-direction:column;box-shadow:none;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke)}.dock-mods-list{display:flex;flex-direction:column;gap:12px}.mod-item{padding-left:10px;border-left:2px solid var(--amber)}.mod-name{font-weight:800;font-size:13px;letter-spacing:.2px;color:var(--amber)}.mod-desc{font-size:11px;color:var(--muted);line-height:1.35;margin-top:3px}.seal-sell{position:absolute;right:8px;bottom:8px;z-index:3;display:none;align-items:center;justify-content:center;gap:5px;border:none;border-radius:8px;padding:5px 9px;font-weight:900;font-size:12px;letter-spacing:.5px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#d54a4a,#a83232);box-shadow:0 2px 8px #00000073;transition:transform .08s,filter .15s}.dock-seals-list.sellable .seal-sell{display:inline-flex}.seal-sell:hover{filter:brightness(1.12)}.seal-sell:active{transform:scale(.95)}.seal-sell .sell-ico{width:15px;height:15px}.seal-sell span{display:inline-flex;align-items:center}#board-area{flex:1;min-height:0;min-width:0;position:relative;--slot: 48px;background:url(/sprites/backgrounds/background_1.png) center / cover no-repeat,var(--bg, #2c3e50);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);overflow:hidden;touch-action:none}#seals-corner{position:absolute;width:63px;height:63px;border-radius:50%;border:2px solid color-mix(in srgb,var(--edge) 45%,transparent);background:var(--well);color:var(--edge);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transform:translate(-50%,-50%);transition:transform .15s,color .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 5px var(--panel-shadow),0 2px 4px var(--panel-shadow)}#seals-corner:hover{transform:translate(-50%,-50%) scale(1.1);color:var(--primary);border-color:var(--primary);box-shadow:inset 0 2px 5px var(--panel-shadow),0 4px 8px var(--panel-shadow)}#seals-corner:active{transform:translate(-50%,-50%) scale(.95)}#board-host,#seals-top,#seals-left{position:absolute;top:0;right:0;bottom:0;left:0}#seals-top,#seals-left{pointer-events:none}#board-host canvas{display:block;width:100%;height:100%;touch-action:none}#board-area.scene-active #board-host,#board-area.scene-active #seals-top,#board-area.scene-active #seals-left{visibility:hidden;pointer-events:none}#board-area.scene-active{border-width:0}@keyframes scene-in{0%{transform:scale(.985);opacity:0}to{transform:scale(1);opacity:1}}.seal-slot{position:absolute;width:var(--slot);height:var(--slot);border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--edge) 45%,transparent);background:var(--well);box-shadow:inset 0 2px 5px var(--panel-shadow),inset 0 0 0 1px #ffffff08;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.seal-slot:before{content:"";display:block;position:absolute;top:50%;left:50%;width:24%;height:24%;border:solid color-mix(in srgb,var(--edge) 65%,transparent);border-width:0 2px 2px 0;pointer-events:none;opacity:.6;transition:opacity .15s ease,border-color .15s ease}.seal-slot[data-axis=row]:before{transform:translate(-64%,-50%) rotate(-45deg)}.seal-slot[data-axis=col]:before{transform:translate(-50%,-64%) rotate(45deg)}.seal-slot:has(.seal-token):before{opacity:0}#board-area.seals-editable .seal-slot:before{border-color:color-mix(in srgb,var(--primary) 60%,transparent);opacity:.8}.seal-slot.drop-hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--well));box-shadow:inset 0 0 12px color-mix(in srgb,var(--primary) 30%,transparent),0 0 14px var(--glow-primary)}#board-area.seals-editable .seal-slot{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:inset 0 2px 5px var(--panel-shadow),0 0 10px color-mix(in srgb,var(--primary) 22%,transparent)}#board-area.seals-editable .seal-token{animation:seal-idle 1.4s ease-in-out infinite}@keyframes seal-idle{0%,to{box-shadow:0 0 0 1px var(--panel-stroke),0 3px 7px var(--panel-shadow),0 0 14px 2px color-mix(in srgb,var(--tint, var(--edge)) 45%,transparent)}50%{box-shadow:0 0 0 1px var(--panel-stroke),0 3px 7px var(--panel-shadow),0 0 22px 6px color-mix(in srgb,var(--tint, var(--edge)) 75%,transparent)}}.seal-token{position:relative;width:78%;height:78%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tint, var(--edge)) 30%,var(--panel-shade)),var(--panel-shade) 82%);box-shadow:0 0 0 1px var(--panel-stroke),0 3px 8px var(--panel-shadow),0 0 14px 2px color-mix(in srgb,var(--tint, var(--edge)) 45%,transparent);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s}.seal-token .seal-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.seal-token:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 2.5px var(--tint, var(--edge)),inset 0 0 8px color-mix(in srgb,var(--tint, var(--edge)) 40%,transparent);pointer-events:none}.seal-token:hover{transform:scale(1.08)}.seal-token.dragging{opacity:.4;cursor:grabbing}#board-area.frozen .seal-token{cursor:default}.seal-token.triggered{animation:seal-trigger .5s cubic-bezier(.2,1.4,.4,1);z-index:5}@keyframes seal-trigger{0%{transform:scale(1);box-shadow:0 2px 6px #0008,0 0 14px 2px color-mix(in srgb,var(--tint, var(--edge)) 45%,transparent)}30%{transform:scale(1.55) rotate(-7deg);box-shadow:0 0 0 4px var(--tint, var(--amber)),0 0 28px 7px var(--tint, var(--amber)),inset 0 0 0 2px #fff;filter:brightness(1.8) saturate(1.3)}60%{transform:scale(1.18) rotate(5deg);filter:brightness(1.3)}to{transform:scale(1);box-shadow:0 2px 6px #0008,0 0 14px 2px color-mix(in srgb,var(--tint, var(--edge)) 45%,transparent);filter:brightness(1)}}.seal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--tint, var(--amber));pointer-events:none;animation:seal-ring .55s ease-out forwards}@keyframes seal-ring{0%{transform:scale(.8);opacity:.95}to{transform:scale(2.5);opacity:0}}.seal-float{position:absolute;left:50%;top:-6px;font-weight:900;font-size:14px;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #000,0 0 6px #000;animation:seal-float .85s ease-out forwards}.seal-float.chips{color:var(--chips)}.seal-float.mult{color:var(--mult)}@keyframes seal-float{0%{transform:translate(-50%,6px) scale(.6);opacity:0}25%{transform:translate(-50%,-6px) scale(1.1);opacity:1}to{transform:translate(-50%,-36px) scale(1);opacity:0}}.flash{animation:flash .22s ease-out}@keyframes flash{0%{transform:scale(1.3);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}.slam{animation:slam .3s cubic-bezier(.2,1.6,.4,1)}@keyframes slam{0%{transform:scale(1.5)}60%{transform:scale(.93)}to{transform:scale(1)}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a0616c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}#overlay.visible{display:flex}.overlay-card{position:relative;background:var(--metal-tex),var(--panel-grad, linear-gradient(160deg, var(--panel), var(--bg)));border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:36px 48px;text-align:center;box-shadow:var(--metal-bevel),0 20px 60px #0009;animation:pop .3s cubic-bezier(.2,1.5,.4,1)}.overlay-card h1{margin:0 0 8px;font-family:var(--font-display);font-size:34px;color:var(--cyan-bright);letter-spacing:1px}.overlay-card p{margin:0 0 24px;color:var(--muted);font-size:16px}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}#deck-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#06040ec7;z-index:60;padding:20px}#deck-overlay.visible{display:flex}.dk-felt{position:relative;width:min(960px,96vw);max-height:92vh;max-height:92dvh;overflow-y:auto;padding:26px clamp(20px,3vw,40px) 30px;border-radius:var(--radius);background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);animation:scene-in .24s cubic-bezier(.2,1.4,.4,1)}.dk-close,.cst-close{position:absolute;top:16px;right:16px;width:40px;height:40px;font-family:var(--font-display);font-size:18px;font-weight:900;color:#fff;background:#ff6b7a;border:var(--stroke-w) solid var(--panel-stroke);border-radius:12px;cursor:pointer;transition:transform .08s,filter .12s}.dk-close:hover,.cst-close:hover{filter:brightness(1.15)}.dk-close:active,.cst-close:active{transform:translate(3px,3px);box-shadow:0 0 #0000008c}.dk-titlebar{text-align:center;margin-bottom:22px}.dk-title{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(32px,5vw,50px);letter-spacing:3px;color:var(--text)}.dk-sub{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:700}.dk-tiles{display:flex;flex-direction:column;gap:clamp(10px,1.8vh,22px);align-items:stretch}.dk-row{--pw: 64px;--ml: -18px;--spread: 22px;display:flex;justify-content:center;align-items:center;min-height:var(--pw)}.dk-row>.tile{margin-left:var(--ml)}.dk-row>.tile:first-child{margin-left:0}.tile{--pw: 64px;container-type:size;position:relative;flex:0 0 auto;width:var(--pw);height:var(--pw);border-radius:26%;display:grid;place-items:center;cursor:default;background:var(--pc);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--pd) 58%,#000),0 3px 7px #00000038;transition:transform .16s cubic-bezier(.2,1.3,.4,1)}.tile.tile-in{animation:dk-pop .32s cubic-bezier(.2,1.6,.4,1) backwards}.dk-row>.tile:hover{transform:translateY(-12px) scale(1.16);z-index:20}.dk-row>.tile:hover~.tile{transform:translate(var(--spread))}.dk-row>.tile:has(~.tile:hover){transform:translate(calc(-1 * var(--spread)))}.tile.is-played{filter:brightness(.42) saturate(.8)}.tile.is-played:hover{filter:brightness(.7) saturate(.95)}.tile-num{position:relative;z-index:2;font-family:var(--font-display);font-weight:900;font-size:46cqmin;color:#fff;-webkit-text-stroke:2px color-mix(in srgb,var(--pd) 75%,#000);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.28)}.tile-badge{position:absolute;z-index:3;bottom:-6px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.3px;color:#fff;background:#555;padding:1px 5px;border-radius:5px;border:1px solid var(--panel-shade);white-space:nowrap;box-shadow:1px 1px #00000080}.tile.enh-gold,.tile.enh-steel,.tile.enh-glass,.tile.enh-lucky{box-shadow:inset 0 2px 1px color-mix(in srgb,var(--pl) 55%,transparent),inset 0 -3px 4px #00000080,0 0 0 3px var(--ring),0 0 12px 1px color-mix(in srgb,var(--ring) 55%,transparent),0 3px 6px #00000080}.tile.enh-wild:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:26%;padding:3px;background:conic-gradient(from 0deg,#ff8a95,#ffca85,#86f0b6,#9ac6ff,#d6a6ff,#ff8a95);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}@keyframes dk-pop{0%{transform:scale(0) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes dk-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes dk-sheen{0%{background-position:-150% 0}to{background-position:250% 0}}#deck-tooltip,#booster-tooltip,#seal-tooltip,#map-tooltip,#board-tooltip,#kw-tooltip{position:fixed;z-index:9999;max-width:240px;padding:10px 12px;border-radius:var(--radius);background:var(--panel);color:var(--text);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:0 10px 26px var(--panel-shadow),inset 0 1px #ffffff0f;pointer-events:none;opacity:0;transform:translateY(4px) scale(.96);transition:opacity .1s ease,transform .1s ease}#deck-tooltip.visible,#booster-tooltip.visible,#seal-tooltip.visible,#map-tooltip.visible,#board-tooltip.visible,#kw-tooltip.visible{opacity:1;transform:translateY(0) scale(1)}#deck-tooltip:after,#booster-tooltip:after,#seal-tooltip:after,#map-tooltip:after,#board-tooltip:after,#kw-tooltip:after{content:"";position:absolute;left:var(--arrow, 50%);bottom:-7px;width:12px;height:12px;margin-left:-6px;background:var(--panel);border-right:2px solid var(--panel-stroke);border-bottom:2px solid var(--panel-stroke);transform:rotate(45deg)}#deck-tooltip.below:after,#booster-tooltip.below:after,#seal-tooltip.below:after,#map-tooltip.below:after,#board-tooltip.below:after,#kw-tooltip.below:after{bottom:auto;top:-7px;background:var(--panel);border:none;border-left:2px solid var(--panel-stroke);border-top:2px solid var(--panel-stroke)}.tip-head{font-family:var(--font-display);font-weight:700;font-size:15px;margin-bottom:6px;color:var(--primary-bright)}.tip-row{display:flex;align-items:baseline;gap:7px;margin-top:5px;font-size:12px;line-height:1.3}.tip-tag{flex-shrink:0;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.3px;color:#fff;padding:1px 7px;border-radius:999px;border:1px solid rgba(0,0,0,.4)}.tip-tag-ed{background:linear-gradient(135deg,#6c4bd0,#4a2f9c)}.tip-tag-enh{background:linear-gradient(135deg,#d29a2a,#a8741a)}.tip-tag-target{background:linear-gradient(135deg,#4d9bff,#2b6fd0)}.tip-tag-mod{background:linear-gradient(135deg,#d54a4a,#9c2f2f)}.tip-blurb{margin-bottom:2px}.tip-eff{color:var(--muted);font-weight:600}.tip-plain{color:var(--muted);font-style:italic;font-weight:600}.tip-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.tip-head-row .tip-head{margin-bottom:0}.seal-tip-chip{flex-shrink:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2px;color:#fff;padding:2px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.4);background:linear-gradient(135deg,var(--seal-spatial),#2e9c63)}.seal-tip-rarity{display:inline-block;margin-top:8px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2px;color:#fff;padding:2px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.4);background:var(--rc, var(--seal-spatial))}.kw-value{font-weight:800;color:#ff7a93}.kw-value-chips{color:#4d9bff}.kw-value-mult{color:#ff6470}.kw-value-plain{color:#fff}.kw-pattern{font-weight:800;color:#fff}.kw-prob{font-weight:800;color:#16a085}.kw-mat{font-weight:800;color:#ffb054;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:help}.kw-color{font-weight:700}.kw-c-red{color:#ff6470}.kw-c-blue{color:#4d9bff}.kw-c-green{color:#4fdd86}.kw-c-orange{color:#ffb24d}.kw-c-purple{color:#bd82ff}.kw-c-gold{color:#ffd24a}.kw-c-wild{color:#ff7ef0}@media(max-aspect-ratio:4/5),(max-width:760px)and (orientation:portrait){#app{gap:8px;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#stage-row{flex-direction:column;gap:8px}#dock{display:contents}.ui-panel.combat-computer{order:-3;flex-direction:row;align-items:stretch;gap:10px;padding:8px 10px;border-radius:12px}.combat-computer .readout-counters{flex:1.15 1 0;min-width:0;gap:6px}.combat-computer .readout-counters .ui-counter{padding:5px 4px;border-radius:10px}.combat-computer .readout-counters .ui-counter.chips .ui-counter-val,.combat-computer .readout-counters .ui-counter.mult .ui-counter-val{font-size:clamp(18px,5.6vw,26px)}.combat-computer .ui-counter-label{font-size:8px;letter-spacing:.6px;margin-top:2px}.combat-computer .readout-x{font-size:15px}.cc-objective{flex:1 1 0;min-width:0;justify-content:center;gap:6px}.cc-obj-label{font-size:8px;letter-spacing:1px}.combat-computer .mission-score{font-size:clamp(16px,4.8vw,22px)}.combat-computer .mission-slash{font-size:12px}.combat-computer .mission-target{font-size:clamp(12px,3.6vw,16px)}.combat-computer .ui-gauge{height:10px}.dock-stats{order:-2;grid-template-columns:repeat(4,1fr);gap:6px}.dock-stats.map-mode{grid-template-columns:1fr 1fr}.dock-stats .stat-moves{order:-2}.dock-stats .stat-swaps{order:-1}.dock-stats .ui-stat{padding:4px 2px;gap:1px;border-radius:10px}.dock-stats .ui-stat-label{font-size:8px;letter-spacing:.4px}.dock-stats .ui-stat-val{font-size:15px}.ui-panel.dock-mods{order:-1;padding:6px 10px}.dock-mods .ui-panel-title{font-size:9px;margin-bottom:4px}.dock-mods-list{gap:6px}.mod-name{font-size:11px}.mod-desc{font-size:10px;margin-top:1px}.dock-actions{order:1;flex-direction:row;align-items:stretch;gap:8px;padding-right:52px}.dock-actions:has(.ui-btn.armed) .dock-nav{display:none}.dock-freeswap{flex:1 1 auto;min-width:0;flex-direction:row;gap:8px}.dock-freeswap .ui-btn{flex:1;min-width:0}.dock-freeswap .ui-btn.armed{flex:1.7}.dock-nav{flex:0 0 auto;gap:8px}.dock-actions .ui-btn{--btn-edge-h: 6px;padding:8px 10px 15px;font-size:12px;letter-spacing:.03em;border-radius:12px}.dock-actions .ui-btn .ui-btn-label{overflow:hidden;text-overflow:ellipsis}.dock-nav .ui-btn{flex-direction:column;gap:1px;padding:5px 8px 12px;font-size:8px;letter-spacing:.02em}.dock-nav .ui-btn .ui-btn-ico{font-size:15px}.ui-panel.dock-seals,.dock-footer{display:none}}@media(orientation:landscape)and (max-height:560px){#app{gap:6px;padding:6px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}#dock{width:clamp(180px,27vw,230px);gap:6px;overflow:visible}.ui-panel.combat-computer{gap:8px;padding:8px;border-radius:12px}.combat-computer .readout-counters{gap:6px}.combat-computer .readout-counters .ui-counter{padding:5px 4px;border-radius:10px}.combat-computer .readout-counters .ui-counter.chips .ui-counter-val,.combat-computer .readout-counters .ui-counter.mult .ui-counter-val{font-size:20px}.combat-computer .ui-counter-label{font-size:8px;letter-spacing:.6px;margin-top:2px}.combat-computer .readout-x{font-size:14px}.cc-objective{gap:4px}.cc-obj-label{font-size:8px}.combat-computer .mission-score{font-size:17px}.combat-computer .mission-slash{font-size:12px}.combat-computer .mission-target{font-size:13px}.combat-computer .ui-gauge{height:10px}.dock-stats{gap:6px}.dock-stats .ui-stat{padding:4px 2px;gap:1px;border-radius:10px}.dock-stats .ui-stat-label{font-size:8px;letter-spacing:.4px}.dock-stats .ui-stat-val{font-size:15px}.dock-actions,.dock-freeswap{gap:6px}.dock-actions .ui-btn{--btn-edge-h: 6px;padding:7px 8px 13px;font-size:11px;letter-spacing:.03em;border-radius:12px}.dock-nav{gap:6px}.dock-nav .ui-btn{flex-direction:column;gap:1px;padding:5px 6px 11px;font-size:8px}.dock-nav .ui-btn .ui-btn-ico{font-size:14px}.ui-panel.dock-mods{padding:6px 10px}.dock-mods .ui-panel-title{font-size:9px;margin-bottom:4px}.dock-mods-list{gap:6px}.mod-name{font-size:11px}.mod-desc{font-size:10px;margin-top:1px}.dock-footer{display:none}.ui-panel.dock-seals{padding:8px}}@media(max-width:760px),(max-aspect-ratio:4/5),(orientation:landscape)and (max-height:560px){#app:has(#board-area.scene-active) #dock{display:none}#shop-overlay .shop-card,#blind-select .bs-card{padding:clamp(12px,2.4vw,24px) clamp(12px,2.6vw,26px)}.shop-slot{min-height:0}#shop-overlay .shop-card{overflow:hidden}#shop-overlay .shop-rack{min-height:0;overflow-y:auto;justify-content:flex-start;padding-bottom:4px}}@media(max-aspect-ratio:4/5),(max-width:760px)and (orientation:portrait){#sector-map .map-field{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}#sector-map .map-scroll{width:max(100%,calc(var(--map-cols, 6) * 7.5rem))}#board-area:has(#sector-map.visible){touch-action:pan-x}#sector-map .beacon{width:56px;height:56px}#sector-map .beacon[data-type=boss]{width:84px;height:84px}#sector-map .beacon-icon .tabler-ico{width:28px;height:28px}#sector-map .beacon-label{font-size:11px}#sector-map .beacon-sub{font-size:10px}#sector-map .map-card{padding:12px}#sector-map .map-head{margin-bottom:6px}#sector-map .map-head h2{font-size:19px}}@media(orientation:landscape)and (max-height:560px){#app:has(#sector-map.visible) #dock{display:flex}#sector-map .map-field{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}#sector-map .map-scroll{width:max(100%,calc(var(--map-cols, 6) * 8.5rem))}#board-area:has(#sector-map.visible){touch-action:pan-x}#sector-map .beacon{width:clamp(60px,12vh,75px);height:clamp(60px,12vh,75px)}#sector-map .beacon[data-type=boss]{width:clamp(90px,18vh,113px);height:clamp(90px,18vh,113px)}#sector-map .beacon-icon .tabler-ico{width:clamp(30px,6vh,39px);height:clamp(30px,6vh,39px)}#sector-map .beacon-label{font-size:12px}#sector-map .beacon-sub{font-size:11px}#sector-map .map-head{margin-bottom:6px}#sector-map .map-head h2{font-size:clamp(15px,4.5vh,22px)}#app:has(#shop-overlay.visible) #dock{display:flex}#shop-overlay .shop-card{gap:8px;padding:10px 12px;border-radius:14px}#shop-overlay .shop-topbar{padding-bottom:8px}#shop-overlay .shop-ident-mark{font-size:clamp(18px,5.5vh,28px)}#shop-overlay .shop-ident-sub{display:none}#shop-overlay .shop-balance{padding:5px 12px}#shop-overlay .shop-rack{justify-content:flex-start;gap:10px}#shop-overlay .shop-panel{padding:8px 10px 10px;gap:8px}#shop-overlay .shop-panel-head{min-height:0}#shop-overlay .shop-slot{min-height:108px;padding:10px 8px 8px}#shop-overlay .shop-dockbar{padding-top:8px}}#blind-select{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:20}#blind-select.visible{display:flex}.bs-card{flex:1;display:flex;flex-direction:column;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:clamp(16px,2.2vh,30px) clamp(18px,2vw,34px);overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 50px #00000080;animation:scene-in .26s cubic-bezier(.2,1.3,.4,1)}.bs-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(14px,2.4vh,28px)}.bs-head h2{margin:0;font-family:var(--font-display);font-size:clamp(22px,2.6vw,38px);letter-spacing:1px;color:var(--accent);text-shadow:2px 2px 0 #b8921f,4px 4px 0 rgba(0,0,0,.45)}.bs-ante{color:var(--muted);font-weight:800;font-size:14px}.bs-columns{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,22px);align-items:stretch}.bs-col{--bs-accent: #5a4f80;background:linear-gradient(160deg,var(--panel-2),var(--panel-2));border:2px solid var(--panel-3);border-radius:16px;padding:clamp(14px,2vh,24px) clamp(12px,1.4vw,22px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vh,16px)}.bs-col[data-blind=small]{--bs-accent: #3a7bd5}.bs-col[data-blind=big]{--bs-accent: #e0a83a}.bs-col[data-blind=boss]{--bs-accent: #d54a4a}.bs-col[data-state=current]{border-color:var(--bs-accent);box-shadow:0 0 0 1px var(--bs-accent),0 10px 30px #0006}.bs-col[data-state=upcoming],.bs-col[data-state=cleared]{opacity:.62}.bs-state-btn{width:100%;background:linear-gradient(135deg,var(--accent),#ffb347);color:#2a1d00;border:none;border-radius:10px;padding:9px 12px;font-weight:900;font-size:15px;cursor:pointer;transition:transform .08s,filter .15s}.bs-state-btn:hover{filter:brightness(1.08)}.bs-state-btn:active{transform:scale(.96)}.bs-state{width:100%;border-radius:10px;padding:9px 12px;font-weight:800;font-size:14px;color:var(--muted);background:var(--panel-3)}.bs-name{font-weight:800;font-size:16px;color:var(--bs-accent)}.bs-token{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;letter-spacing:.5px;color:#1a1430;background:radial-gradient(circle at 35% 30%,#fff,var(--bs-accent) 70%);box-shadow:inset 0 -3px 6px #0000004d}.bs-goal{color:var(--muted);font-size:12px}.bs-target{font-size:26px;font-weight:900;color:var(--target);display:flex;align-items:center;gap:6px}.bs-reward{color:var(--muted);font-size:12px}.bs-reward-val{color:var(--accent);font-weight:800}.bs-or{color:var(--muted);font-weight:800;font-size:12px;margin-top:2px}.bs-or-muted{opacity:.5}.bs-skip-btn{width:100%;background:var(--panel-3);color:var(--text);border:none;border-radius:10px;padding:8px 10px;font-weight:800;font-size:13px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:transform .08s,filter .15s}.bs-skip-btn:hover{filter:brightness(1.12)}.bs-skip-btn:active{transform:scale(.96)}.bs-tag-name{color:var(--accent);font-weight:900;font-size:13px}.bs-tag-text{color:var(--text);font-weight:600;font-size:11px}.bs-skip-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.bs-skip-disabled{cursor:default;opacity:.5;align-items:center}.bs-skip-disabled:hover{filter:none}.bs-skip-note{color:var(--muted);font-size:11px;font-style:italic;margin-top:2px}@media(max-width:720px){.bs-columns{grid-template-columns:1fr}}#shop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:20}#shop-overlay.visible{display:flex}.shop-card{position:relative;flex:1;display:flex;flex-direction:column;gap:clamp(12px,2vh,22px);background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:clamp(16px,2.4vh,30px) clamp(18px,2vw,34px);overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff08;animation:scene-in .26s cubic-bezier(.2,1.3,.4,1)}.shop-topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(10px,1.6vh,18px);border-bottom:1px solid color-mix(in srgb,var(--amber) 28%,transparent)}.shop-ident{display:flex;flex-direction:column;gap:3px;min-width:0}.shop-ident-mark{font-family:var(--font-display);font-size:clamp(22px,2.8vw,38px);letter-spacing:2px;color:var(--accent);text-shadow:0 0 20px rgba(255,211,74,.3),2px 2px 0 rgba(0,0,0,.45)}.shop-ident-sub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.shop-balance{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 18px;border-radius:var(--radius);background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:inset 0 0 18px #ffb24d12}.shop-balance-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.shop-balance-val{font-family:var(--font-display);font-size:clamp(20px,2.2vw,30px);color:var(--accent);text-shadow:0 0 14px rgba(255,211,74,.3)}.shop-balance-val .coin-ico{width:.9em;height:.9em;vertical-align:-.05em}.shop-rack{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vh,24px)}.shop-panel{position:relative;display:flex;flex-direction:column;gap:clamp(9px,1.3vh,14px);padding:clamp(10px,1.5vh,16px) clamp(12px,1.5vw,18px) clamp(12px,1.6vh,18px);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-accent) 7%,var(--panel));border:var(--stroke-w) solid var(--panel-stroke);box-shadow:inset 0 1px #ffffff0a;animation:shop-panel-in .4s both cubic-bezier(.2,1.2,.35,1)}.shop-panel--cards{animation-delay:.05s}.shop-panel--stock{animation-delay:.14s}@keyframes shop-panel-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.shop-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.shop-panel-title{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:clamp(14px,1.5vw,18px);font-weight:900;letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,var(--panel-accent) 55%,#fff 45%);text-shadow:0 1px 2px rgba(0,0,0,.4)}.shop-panel-dot{width:10px;height:10px;border-radius:50%;background:var(--panel-accent);box-shadow:0 0 10px var(--panel-accent),inset 0 -2px 3px #00000059;animation:shop-dot-pulse 2.4s ease-in-out infinite}@keyframes shop-dot-pulse{0%,to{box-shadow:0 0 8px var(--panel-accent),inset 0 -2px 3px #00000059}50%{box-shadow:0 0 16px var(--panel-accent),inset 0 -2px 3px #00000059}}.shop-panel-note{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:3px 10px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--panel-accent) 40%,var(--panel-3));background:color-mix(in srgb,var(--panel-accent) 8%,transparent)}.shop-dockbar{flex:none;display:flex;align-items:stretch;gap:12px;padding-top:clamp(10px,1.6vh,18px);border-top:1px solid color-mix(in srgb,var(--amber) 24%,transparent)}.shop-reroll-btn,.shop-leave-btn{border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);cursor:pointer;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .08s,filter .15s,box-shadow .15s}.shop-reroll-btn{flex:0 0 auto;padding:9px 16px;font-size:14px;background:#3a6fbf;color:#eaf3ff;box-shadow:inset 0 3px #ffffff47,inset 0 -6px #23538f}.srr-ico{font-size:17px;line-height:1;transition:transform .4s cubic-bezier(.3,1.4,.4,1)}.shop-reroll-btn:not(.disabled):hover .srr-ico{transform:rotate(180deg)}.shop-reroll-btn:not(.disabled):active .srr-ico{transform:rotate(360deg)}.srr-price{color:var(--accent);font-size:15px}.shop-reroll-btn.disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.shop-leave-btn{flex:1;padding:15px 26px;font-size:clamp(15px,1.5vw,19px);letter-spacing:.5px;background:var(--amber);color:#241500;box-shadow:inset 0 3px #ffffff52,inset 0 -8px #c9862f}.slb-arrow{font-size:20px;line-height:1;transition:transform .15s}.shop-reroll-btn:not(.disabled):hover{filter:brightness(1.12)}.shop-leave-btn:hover{filter:brightness(1.1)}.shop-leave-btn:hover .slb-arrow{transform:translate(4px)}.shop-reroll-btn:not(.disabled):active,.shop-leave-btn:active{transform:scale(.97)}.shop-row{display:grid;gap:12px}.shop-cards{grid-template-columns:repeat(2,1fr)}.shop-bottom{grid-template-columns:1.2fr 1fr 1fr}.shop-slot{position:relative;background:var(--metal-tex),var(--metal-hull);border:2px solid var(--panel-3);border-top:2px solid var(--rail-soft);border-radius:var(--radius);padding:14px 12px 12px;min-height:150px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;box-shadow:inset 0 1px #ffffff0f;transition:transform .1s,box-shadow .15s,filter .15s}.shop-slot.empty{cursor:default;opacity:.35;border-style:dashed}.shop-slot:not(.empty):not(.unafford):hover{transform:translateY(-3px);filter:brightness(1.08)}.shop-slot.unafford{cursor:not-allowed;filter:grayscale(.6) brightness(.75)}.card-slot{border-color:color-mix(in srgb,var(--rar) 60%,var(--panel-3))}.price-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),#ffb347);color:#2a1d00;font-weight:900;font-size:14px;padding:3px 12px;border-radius:8px;border:2px solid #2a2038}.price-tag.unafford{background:linear-gradient(135deg,#8a8694,#6a6678);color:#1a1430}.price-tag .coin-ico{fill:currentColor;filter:none}.seal-card,.consumable-card{flex-direction:row;align-items:stretch;text-align:left;gap:12px;padding:12px;min-height:128px}.sc-art,.cn-art{position:relative;flex:0 0 86px;align-self:stretch;border-radius:12px;display:grid;place-items:center;overflow:hidden}.sc-body,.cn-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px}.sc-head,.cn-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-name,.cn-name{font-family:var(--font-display);font-weight:900;font-size:16px;color:var(--text);line-height:1.1}.sc-text,.cn-text{font-size:11.5px;color:var(--muted);line-height:1.4}.sc-rarity,.sc-fam,.cn-kind{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:999px;white-space:nowrap}.sc-rarity{color:#fff;background:linear-gradient(135deg,var(--rar),color-mix(in srgb,var(--rar) 50%,#000));box-shadow:0 1px 3px #0006}.sc-fam,.cn-kind{align-self:flex-start;display:inline-flex;align-items:center;gap:5px}.sc-fam{color:color-mix(in srgb,var(--fam) 70%,#fff 30%);background:color-mix(in srgb,var(--fam) 16%,transparent);border:1px solid color-mix(in srgb,var(--fam) 42%,transparent)}.cn-kind{color:color-mix(in srgb,var(--tint) 68%,#fff 32%);background:color-mix(in srgb,var(--tint) 16%,transparent);border:1px solid color-mix(in srgb,var(--tint) 42%,transparent)}.sc-fam:before,.cn-kind:before{content:"";width:6px;height:6px;border-radius:50%}.sc-fam:before{background:var(--fam);box-shadow:0 0 6px var(--fam)}.cn-kind:before{background:var(--tint);box-shadow:0 0 6px var(--tint)}.seal-card{border:2px solid color-mix(in srgb,var(--fam) 58%,var(--panel-3));border-top-color:color-mix(in srgb,var(--fam) 70%,#fff 14%);background:color-mix(in srgb,var(--fam) 9%,var(--panel));box-shadow:inset 0 1px #ffffff0f}.seal-card:not(.unafford):hover{border-color:color-mix(in srgb,var(--fam) 85%,#fff 12%);box-shadow:inset 0 0 28px color-mix(in srgb,var(--fam) 18%,transparent)}.sc-art{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--fam) 28%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--fam) 16%,#1c2836),#1c2836);border:1px solid color-mix(in srgb,var(--fam) 40%,transparent);box-shadow:inset 0 0 18px #00000080}.sc-wax{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--fam) 58%,#fff 28%) 0%,var(--fam) 40%,color-mix(in srgb,var(--fam) 52%,#000) 100%);border:2px solid color-mix(in srgb,var(--fam) 50%,#fff 32%);box-shadow:inset 0 2px 5px #fff6,inset 0 -6px 10px #00000073,0 3px 12px color-mix(in srgb,var(--fam) 45%,transparent)}.sc-wax:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.42)}.sc-wax-sprite{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%}.sc-wax-sheen{position:absolute;top:-40%;left:-70%;width:45%;height:180%;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(22deg);transition:left .55s ease}.seal-card:not(.unafford):hover .sc-wax-sheen{left:120%}.consumable-card{border:2px solid color-mix(in srgb,var(--tint) 52%,var(--panel-3));border-top-color:color-mix(in srgb,var(--tint) 64%,#fff 14%);background:color-mix(in srgb,var(--tint) 8%,var(--panel));box-shadow:inset 0 1px #ffffff0f}.consumable-card:not(.unafford):hover{border-color:color-mix(in srgb,var(--tint) 80%,#fff 10%);filter:brightness(1.06)}.cn-art{background:radial-gradient(120% 90% at 50% 20%,color-mix(in srgb,var(--tint) 30%,#1c2836),#1c2836);border:1px solid color-mix(in srgb,var(--tint) 40%,transparent);box-shadow:inset 0 0 18px #00000080}.cn-emblem{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--tint) 46%,#000 6%),color-mix(in srgb,var(--tint) 22%,#000 42%));border:2px solid color-mix(in srgb,var(--tint) 52%,#fff 20%);box-shadow:inset 0 1px #fff3,inset 0 -6px 12px #00000073}.cn-ico{width:26px;height:26px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.cn-motif{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85;pointer-events:none}.kind-arcana .cn-motif{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.12) 0deg 5deg,transparent 5deg 16deg);-webkit-mask:radial-gradient(circle at 50% 50%,#000 22%,transparent 75%);mask:radial-gradient(circle at 50% 50%,#000 22%,transparent 75%)}.kind-combinaison .cn-motif{background:radial-gradient(1.4px 1.4px at 24% 24%,#fff 50%,transparent 55%),radial-gradient(1.4px 1.4px at 74% 20%,#fff 50%,transparent 55%),radial-gradient(1.2px 1.2px at 62% 60%,#fff 50%,transparent 55%),radial-gradient(1px 1px at 32% 70%,rgba(255,255,255,.85) 50%,transparent 55%),radial-gradient(1.6px 1.6px at 84% 76%,#fff 50%,transparent 55%),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,.8) 50%,transparent 55%)}.kind-spectral .cn-motif{background:radial-gradient(60% 45% at 28% 28%,rgba(255,255,255,.18),transparent 70%),radial-gradient(55% 55% at 76% 72%,rgba(255,255,255,.13),transparent 70%)}.voucher-slot{flex-direction:row;align-items:stretch;gap:10px;padding-left:8px}.vs-rail{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-weight:900;letter-spacing:2px;color:var(--muted);font-size:12px;padding:4px 0}.vs-card{flex:1;background:var(--panel-2);border:1px solid var(--panel-3);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;justify-content:center;gap:6px}.vs-name{font-weight:900;font-size:14px;color:var(--primary-bright)}.vs-text{font-size:11px;color:var(--muted);line-height:1.3}.booster-slot{justify-content:flex-start;border-color:color-mix(in srgb,var(--tint) 55%,var(--panel-3));border-top-color:color-mix(in srgb,var(--tint) 66%,#fff 14%)}.booster-slot:not(.empty):not(.unafford):hover .bp-sheen{transform:translate(120px) rotate(20deg)}.bp-art{position:relative;margin-top:14px;width:86px;height:116px}.bp-foil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(118deg,#ffffff17 0,#ffffff17 7px,#0000 7px,#0000 15px),linear-gradient(158deg,color-mix(in srgb,var(--tint) 88%,#fff 8%),color-mix(in srgb,var(--tint) 40%,#000) 65%,color-mix(in srgb,var(--tint) 22%,#000));border:2px solid color-mix(in srgb,var(--tint) 70%,#fff 22%);box-shadow:inset 0 2px #ffffff59,inset 0 -14px 22px #00000080}.bp-crimp{position:absolute;left:0;right:0;height:16px;background:color-mix(in srgb,var(--tint) 55%,#fff 35%);-webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 8px);mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 8px);opacity:.85}.bp-crimp.top{top:0}.bp-crimp.bottom{bottom:0}.bp-sheen{position:absolute;top:-20%;left:-60px;width:40px;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(20deg);transition:transform .5s ease}.bp-emblem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#00000052;border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 0 10px #00000073,0 2px 6px #0006;color:#fff}.bp-emblem-ico{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.bp-name{margin-top:12px;font-weight:800;font-size:12px;color:var(--text);line-height:1.2}.bp-meta{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.shop-panel--seals{display:none}.shop-seals .seal-card.owned{cursor:default;padding-bottom:44px}.shop-seals .seal-card.owned:hover{transform:none;filter:none}.shop-seals .seal-sell{display:inline-flex}.shop-seals-empty{background:var(--panel-2);border-radius:12px;padding:12px;text-align:center;font-size:12px;color:var(--muted)}@media(max-width:760px){.shop-topbar{flex-wrap:wrap;gap:8px}.shop-balance{padding:6px 14px}.shop-bottom{grid-template-columns:1fr 1fr}.shop-bottom .voucher-slot{grid-column:1 / -1}}@media(max-aspect-ratio:4/5),(max-width:760px)and (orientation:portrait){#shop-overlay .shop-card{gap:10px;padding:12px;border-radius:14px}#shop-overlay .shop-topbar{flex-wrap:nowrap;padding-bottom:8px}#shop-overlay .shop-ident-mark{font-size:22px}#shop-overlay .shop-ident-sub{display:none}#shop-overlay .shop-balance{flex-direction:row;align-items:center;gap:8px;padding:5px 12px}#shop-overlay .shop-rack{gap:10px}#shop-overlay .shop-panel{padding:8px 10px 10px;gap:8px}#shop-overlay .shop-panel-head{min-height:0}#shop-overlay .shop-cards{grid-template-columns:1fr}#shop-overlay .seal-card,#shop-overlay .consumable-card{gap:10px;padding:10px;min-height:0}#shop-overlay .sc-art,#shop-overlay .cn-art{flex-basis:64px}#shop-overlay .sc-wax{width:50px;height:50px}#shop-overlay .cn-emblem{width:44px;height:44px}#shop-overlay .sc-name,#shop-overlay .cn-name{font-size:14px}#shop-overlay .sc-text,#shop-overlay .cn-text{font-size:11px}#shop-overlay .bp-art{width:72px;height:96px;margin-top:10px}#shop-overlay .price-tag{font-size:12px;padding:2px 10px}#shop-overlay .shop-panel--seals{display:flex}#shop-overlay .shop-seals{grid-template-columns:1fr}#shop-overlay .shop-seals .seal-card.owned{padding-bottom:44px}#shop-overlay .shop-dockbar{padding-top:8px;padding-right:52px}#shop-overlay .shop-leave-btn{padding:12px 20px}}@media(orientation:landscape)and (max-height:560px){#shop-overlay .shop-dockbar{padding-right:112px}}#booster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#080512bd;border-radius:var(--radius);z-index:30;padding:20px}#booster-overlay.visible{display:flex}.bp-card{position:relative;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:24px 28px 28px;max-width:min(860px,96%);max-height:100%;overflow-y:auto;animation:pop .28s cubic-bezier(.2,1.5,.4,1);text-align:center}.bp-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.bp-head h2{margin:0;font-size:clamp(20px,2.2vw,28px);color:var(--text)}.bp-remaining{color:var(--accent);font-weight:800;font-size:13px}.bp-options{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:20px}.bp-option{position:relative;width:150px;background:var(--panel-2);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rar) 45%,transparent);transition:transform .1s,box-shadow .15s,opacity .2s}.bp-option.pickable{cursor:pointer}.bp-option.pickable:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rar) 60%,transparent)}.bp-option.taken{opacity:.3;filter:grayscale(.8)}.bp-opt-kind{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.bp-opt-name{font-weight:900;font-size:14px;color:var(--text)}.bp-opt-text{font-size:11px;color:var(--muted);line-height:1.3;flex:1}.bp-opt-sprite{display:block;width:84px;height:84px;margin:4px auto 6px;object-fit:cover;border-radius:50%;border:2px solid color-mix(in srgb,var(--rar) 60%,#1c2836)}.bp-option>.tile{margin:2px auto}.bp-close-btn{min-width:160px}.bp-card.bp-arcana{max-width:min(620px,96%)}.bp-consigne{color:var(--text);font-size:13px;font-weight:700;min-height:18px;margin-bottom:12px}.bp-miniboard{display:grid;grid-template-columns:repeat(var(--cols, 6),1fr);gap:7px;max-width:396px;margin:0 auto 18px}.bp-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;transition:transform .1s,opacity .2s,filter .2s}.bp-cell>.tile{width:100%;height:100%}.bp-cell-x{color:#6a8f83;font-weight:900;font-size:18px}.bp-miniboard.targeting .bp-cell.invalid{opacity:.22;filter:grayscale(.7)}.bp-miniboard.targeting .bp-cell.valid{cursor:pointer}.bp-miniboard.targeting .bp-cell.valid:hover{transform:translateY(-3px) scale(1.05)}.bp-cell.selected{transform:translateY(-3px) scale(1.07);z-index:2}.bp-cell.selected>.tile{box-shadow:0 0 0 3px #ffd24a}.bp-cell.locked:not(.destroyed){opacity:.5}.bp-cell.destroyed{opacity:.5}.bp-arcana-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.bp-arcana-opt{width:150px;background:var(--panel-2);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:10px;transition:transform .1s,box-shadow .15s,border-color .15s,opacity .2s}.bp-arcana-opt.selectable{cursor:pointer}.bp-arcana-opt.selectable:hover{transform:translateY(-3px)}.bp-arcana-opt.active{border-color:#ffd24a}.bp-arcana-opt.taken{opacity:.3;filter:grayscale(.8)}.bp-arcana-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.bp-fx-back,.bp-content,.bp-fx-front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px}.bp-fx-back{z-index:1}.bp-content{z-index:2}.bp-fx-front{z-index:3}.bp-fx-back,.bp-fx-front{pointer-events:none;overflow:hidden}.bp-rays{width:540px;height:540px;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tint) 75%,#fff) 0deg 5deg,transparent 5deg 16deg);-webkit-mask:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 28%,transparent 68%);mask:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 28%,transparent 68%);opacity:0}.bp-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tint) 80%,#fff) 0%,color-mix(in srgb,var(--tint) 50%,transparent) 34%,color-mix(in srgb,var(--tint) 20%,transparent) 58%,transparent 78%);opacity:0}.bp-pack{position:relative;width:150px;height:200px;will-change:transform}.bp-pack-inner{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity}.bp-pack-inner .bp-foil{box-shadow:inset 0 3px #fff6,inset 0 -22px 34px #0000008c,0 0 36px color-mix(in srgb,var(--tint) 55%,transparent),0 14px 30px #0000008c}.bp-pack-inner .bp-emblem{width:64px;height:64px}.bp-pack-inner .bp-emblem-ico{width:38px;height:38px}.bp-pack-inner .bp-sheen{width:56px;animation:bp-sheen-sweep 1.1s ease-in-out infinite}@keyframes bp-sheen-sweep{0%{transform:translate(0) rotate(20deg)}to{transform:translate(260px) rotate(20deg)}}.bp-flash{position:absolute;width:150%;height:150%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.85) 26%,transparent 64%);opacity:0}.bp-shock{position:absolute;width:80px;height:80px;border-radius:50%;border:5px solid color-mix(in srgb,var(--tint) 55%,#fff);box-shadow:0 0 30px color-mix(in srgb,var(--tint) 70%,#fff),inset 0 0 20px color-mix(in srgb,var(--tint) 60%,#fff)}.bp-confetti{position:absolute;width:8px;height:12px;border-radius:2px;box-shadow:0 0 6px #ffffff73}.bp-spark{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;pointer-events:none;box-shadow:0 0 7px currentColor;z-index:6}.bp-option--special{box-shadow:inset 0 0 0 3px #ffd24ad9}@media(prefers-reduced-motion:reduce){.bp-pack-inner .bp-sheen,.bp-rays{animation:none}}#combinaison-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a0616c7;z-index:60;padding:20px}#combinaison-overlay.visible{display:flex}.cst-felt{position:relative;width:min(960px,96vw);max-height:92vh;max-height:92dvh;overflow-y:auto;padding:26px clamp(20px,3vw,40px) 30px;border-radius:var(--radius);background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);animation:scene-in .24s cubic-bezier(.2,1.4,.4,1)}.cst-titlebar{text-align:center;margin-bottom:22px}.cst-title{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(30px,4.6vw,46px);letter-spacing:2px;color:var(--text)}.cst-list{display:flex;flex-direction:column;gap:9px;max-width:720px;margin:0 auto;padding:4px 2px}.cst-row{position:relative;display:flex;align-items:center;gap:16px;padding:12px 16px 12px 20px;border-radius:var(--radius);background:var(--panel-2);border:var(--stroke-w) solid var(--panel-stroke);overflow:hidden;transition:transform .12s ease,filter .12s}.cst-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tint)}.cst-row:hover{transform:translateY(-2px);filter:brightness(1.06)}.cst-row.leveled:before{background:var(--accent)}.cst-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.cst-rank{flex:0 0 auto;display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-weight:900;font-size:18px;color:var(--text);background:var(--well);border:2px solid var(--panel-stroke);border-radius:12px;padding:4px 12px}.cst-rank b{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--muted)}.cst-rank.up{color:#241500;background:var(--accent);border-color:var(--panel-stroke)}.cst-rank.up b{color:#6a4e00}.cst-shape{flex:0 0 auto;width:74px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:2px solid var(--panel-stroke);background:var(--well)}.shape-grid{display:grid}.shape-cell{border-radius:2px;background:transparent}.shape-cell.on{border-radius:3px;background:var(--tint)}.cst-name{font-family:var(--font-display);font-weight:900;font-size:16px;line-height:1.05;text-align:left;color:var(--text);letter-spacing:.4px}.cst-readout{flex:0 0 auto;display:flex;align-items:center;gap:6px}.cst-chipblock,.cst-multblock{min-width:40px;padding:5px 9px;border-radius:10px;color:#fff;font-family:var(--font-display);font-weight:900;font-size:20px;text-align:center;border:2px solid var(--panel-stroke);-webkit-text-stroke:1.5px rgba(0,0,0,.55);paint-order:stroke fill}.cst-chipblock{background:var(--chips)}.cst-multblock{background:var(--mult)}.cst-times{color:var(--muted);font-size:15px;font-weight:700}.cst-scaling{flex:0 0 auto;width:104px;display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:11px;font-weight:700;color:var(--muted)}.cst-dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:-1px;margin-left:1px}.cst-dot.chips{background:var(--chips)}.cst-dot.mult{background:var(--mult)}.cst-fam{display:flex;align-items:center;gap:5px;margin-top:1px;font-size:10px;font-weight:700}.cst-fam-tag{font-size:8px;letter-spacing:.5px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--tint) 22%,transparent);border:1px solid color-mix(in srgb,var(--tint) 42%,transparent);color:color-mix(in srgb,var(--tint) 45%,#ffffff)}@media(max-width:560px){.cst-row{flex-wrap:wrap;gap:10px 12px}.cst-scaling{width:auto;justify-content:flex-start}}#music-toggle,#fullscreen-toggle{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));z-index:1000;width:48px;height:48px;display:grid;place-items:center;padding:0;border:var(--stroke-w) solid var(--panel-stroke);border-radius:50%;background:var(--panel-2);color:var(--text);cursor:pointer;box-shadow:inset 0 2px #ffffff2e,inset 0 -6px 0 var(--panel-shade);transition:transform .12s ease,background .12s ease,color .12s ease}#music-toggle{right:max(16px,env(safe-area-inset-right))}#fullscreen-toggle{right:calc(max(16px,env(safe-area-inset-right)) + 58px)}#music-toggle:hover,#fullscreen-toggle:hover{transform:scale(1.08);background:var(--panel-3);color:var(--accent)}#music-toggle:active,#fullscreen-toggle:active{transform:scale(.96)}#music-toggle.is-muted{color:var(--muted)}#fullscreen-toggle.is-active{color:var(--accent)}#music-toggle svg,#fullscreen-toggle svg{width:26px;height:26px}@media(max-aspect-ratio:4/5),(max-width:760px)and (orientation:portrait){#music-toggle,#fullscreen-toggle{width:42px;height:42px;right:max(8px,env(safe-area-inset-right))}#music-toggle{bottom:max(10px,env(safe-area-inset-bottom))}#fullscreen-toggle{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 48px)}#music-toggle svg,#fullscreen-toggle svg{width:22px;height:22px}}@media(orientation:landscape)and (max-height:560px){#music-toggle,#fullscreen-toggle{width:42px;height:42px}#fullscreen-toggle{right:calc(max(16px,env(safe-area-inset-right)) + 52px)}#music-toggle svg,#fullscreen-toggle svg{width:22px;height:22px}}#sector-map{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:20}#sector-map.visible{display:flex}.map-card{flex:1;display:flex;flex-direction:column;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:clamp(14px,2vh,26px) clamp(16px,2vw,30px);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 50px #00000080;animation:scene-in .26s cubic-bezier(.2,1.3,.4,1)}.map-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(8px,1.4vh,16px);flex-wrap:wrap}.map-head h2{margin:0;font-family:var(--font-display);font-size:clamp(18px,2.2vw,32px);letter-spacing:1px;color:var(--cyan-bright);text-shadow:2px 2px 0 #22384e,4px 4px 0 rgba(0,0,0,.45),0 0 26px rgba(77,155,255,.4)}.map-boss-preview{display:inline-flex;align-items:center;gap:4px;color:#e08a8a;font-weight:800;font-size:clamp(11px,1.2vw,14px)}.map-boss-preview .preview-ico{width:1.1em;height:1.1em}.map-field{position:relative;flex:1;min-height:0;border-radius:14px;overflow:hidden;background:url(/sprites/backgrounds/background_1.png) center / cover no-repeat,linear-gradient(160deg,#223141,#1c2836 80%)}.map-scroll{position:relative;width:100%;height:100%}.map-stars{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:0;pointer-events:none;animation:star-drift 46s linear infinite alternate,star-twinkle 6s ease-in-out infinite;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.5) 50%,transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.6) 50%,transparent),radial-gradient(1px 1px at 85% 65%,rgba(255,255,255,.45) 50%,transparent),radial-gradient(1.5px 1.5px at 55% 45%,rgba(255,255,255,.55) 50%,transparent),radial-gradient(1px 1px at 12% 80%,rgba(255,255,255,.4) 50%,transparent),radial-gradient(1px 1px at 92% 18%,rgba(255,255,255,.5) 50%,transparent),radial-gradient(1px 1px at 33% 12%,rgba(255,255,255,.45) 50%,transparent);opacity:.35}.map-edges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease}.map-edges.lit{opacity:1}.map-edges .edge{stroke:#4d9bff2e;stroke-width:3;stroke-dasharray:4 7}.map-edges .edge-done{stroke:#78ffbe80;stroke-width:3.5;filter:drop-shadow(0 0 3px rgba(120,255,190,.45))}.map-edges .edge-current{stroke:#78ffbe99;stroke-width:4;stroke-dasharray:6 6;filter:drop-shadow(0 0 3px rgba(120,255,190,.6));animation:jump-flow .9s linear infinite}.map-edges .edge-live{stroke:#c8c8c866;stroke-width:4;stroke-dasharray:6 6;filter:drop-shadow(0 0 3px rgba(200,200,200,.3));animation:jump-flow .9s linear infinite}@keyframes jump-flow{to{stroke-dashoffset:-20}}.beacon{--accent: #8a7fb8;position:absolute;z-index:3;transform:translate(-50%,-50%);width:clamp(51px,5.1vw,69px);height:clamp(51px,5.1vw,69px);padding:0;border:0;background:none;color:#e7e0ff;font:inherit;cursor:default}.beacon[data-type=boss]{width:clamp(77px,7.65vw,104px);height:clamp(77px,7.65vw,104px)}.beacon-gem{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:8px;border:2px solid color-mix(in srgb,var(--accent) 70%,#000 30%);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 55%,#1a1430),var(--panel-shade) 80%);transform:rotate(45deg);box-shadow:inset 0 0 8px #00000080;transition:box-shadow .18s ease,border-color .18s ease}.beacon-icon{display:flex;transform:rotate(-45deg);color:color-mix(in srgb,var(--accent) 40%,#ffffff)}.beacon-icon .tabler-ico{width:clamp(25px,2.85vw,34px);height:clamp(25px,2.85vw,34px);display:block}.beacon.sprite .beacon-gem{background:none;border:0;box-shadow:none;transform:none;overflow:visible}.beacon.sprite .beacon-gem:before{content:none}.beacon-sprite{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));transition:transform .18s ease,filter .18s ease}.beacon.sprite.current .beacon-gem{box-shadow:none}.beacon.sprite.current .beacon-sprite{filter:drop-shadow(0 0 7px var(--accent)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}.beacon.sprite.available .beacon-gem{animation:none;box-shadow:none;border:0}.beacon.sprite.available .beacon-sprite{animation:beacon-sprite-pulse 1.6s ease-in-out infinite}@keyframes beacon-sprite-pulse{0%,to{filter:drop-shadow(0 0 7px rgba(205,232,255,.95)) drop-shadow(0 0 15px rgba(120,180,255,.6)) drop-shadow(0 3px 4px rgba(0,0,0,.55));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 24px rgba(120,180,255,.9)) drop-shadow(0 3px 4px rgba(0,0,0,.55));transform:scale(1.08)}}.beacon.sprite.available:hover .beacon-gem{transform:none;box-shadow:none}.beacon.sprite.available:hover .beacon-sprite{animation:none;transform:scale(1.16);filter:drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 24px rgba(120,180,255,.9)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}.beacon.sprite.visited .beacon-sprite{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 75%,transparent)) drop-shadow(0 3px 4px rgba(0,0,0,.55))}.beacon.sprite.picked .beacon-gem{animation:beacon-sprite-pick .32s ease-out forwards}@keyframes beacon-sprite-pick{0%{transform:scale(1);opacity:1}35%{transform:scale(1.5);filter:drop-shadow(0 0 22px var(--accent));opacity:1}to{transform:scale(2.4);opacity:0}}.beacon.sprite.engaged .beacon-gem{animation:beacon-sprite-engage .3s ease-out}@keyframes beacon-sprite-engage{0%{transform:scale(1)}45%{transform:scale(1.32);filter:drop-shadow(0 0 20px var(--accent))}to{transform:scale(1)}}.beacon-meta{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:0;white-space:nowrap;pointer-events:none}.beacon-label{font-size:clamp(9px,.85vw,11px);font-weight:800;letter-spacing:.3px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 -2px 0 #000,0 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 1px 3px rgba(0,0,0,.8)}.beacon-sub{font-size:clamp(8px,.8vw,10px);font-weight:800;color:var(--accent);text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 -2px 0 #000,0 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 1px 3px rgba(0,0,0,.8)}.beacon-mod{position:absolute;z-index:3;top:-6px;right:-6px;background:var(--accent);color:#14101e;font-size:9px;font-weight:900;padding:0 4px;border-radius:7px}.beacon.locked{filter:saturate(.7) brightness(.7)}.beacon.current .beacon-gem{border-color:var(--accent);box-shadow:inset 0 0 8px #00000080,0 0 10px -2px var(--accent)}.beacon.available{cursor:pointer}.beacon.available .beacon-gem{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 16px 2px var(--accent);animation:beacon-pulse 1.6s ease-in-out infinite}.beacon.available:hover{z-index:4}.beacon.available:hover .beacon-gem{animation:none;transform:rotate(45deg) scale(1.16);box-shadow:0 0 0 2px var(--accent),0 0 32px 6px var(--accent)}@keyframes beacon-pulse{0%,to{box-shadow:0 0 0 2px var(--accent),0 0 16px 2px var(--accent);transform:rotate(45deg) scale(1)}50%{box-shadow:0 0 0 3px var(--accent),0 0 32px 6px var(--accent);transform:rotate(45deg) scale(1.08)}}.map-field.awaiting-reveal .beacon{opacity:0;pointer-events:none}.map-field.revealing .beacon{animation:beacon-reveal .5s cubic-bezier(.2,1.5,.4,1) var(--reveal-delay, 0ms) both}@keyframes beacon-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.22)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.beacon-gem:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:10px;border:2px solid var(--accent);opacity:0;pointer-events:none}.map-field.revealing .beacon.available .beacon-gem:before{animation:beacon-ring .7s ease-out var(--reveal-delay, 0ms) both}@keyframes beacon-ring{0%{opacity:0;transform:scale(.5)}35%{opacity:.9}to{opacity:0;transform:scale(2)}}.beacon.picked{z-index:6}.beacon.picked .beacon-gem{animation:beacon-pick .32s ease-out forwards}.beacon.engaged{z-index:6}.beacon.engaged .beacon-gem{animation:beacon-engage .3s ease-out}@keyframes beacon-engage{0%{transform:rotate(45deg) scale(1)}45%{transform:rotate(45deg) scale(1.32);box-shadow:0 0 0 2px var(--accent),0 0 28px 6px var(--accent)}to{transform:rotate(45deg) scale(1)}}@keyframes beacon-pick{0%{transform:rotate(45deg) scale(1)}35%{transform:rotate(45deg) scale(1.5);box-shadow:0 0 0 2px var(--accent),0 0 34px 6px var(--accent);opacity:1}to{transform:rotate(45deg) scale(2.4);box-shadow:0 0 0 2px var(--accent),0 0 60px 24px var(--accent);opacity:0}}.map-field.warp{animation:map-warp .32s ease-in forwards}@keyframes map-warp{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.45) saturate(1.25);transform:scale(1.05)}}.map-field.warp .beacon:not(.picked){opacity:.2;transition:opacity .22s ease}@keyframes star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-16px,10px,0)}}@keyframes star-twinkle{0%,to{opacity:.55}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.map-field.revealing .beacon,.map-field.revealing .beacon.available .beacon-gem:before,.map-stars,.map-field.warp{animation:none}.map-field.revealing .beacon{opacity:1}}#site-view{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#080610b8;z-index:60}#site-view.visible{display:flex}.site-card{position:relative;width:min(440px,90vw);background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:clamp(20px,3vh,32px);text-align:center;box-shadow:var(--metal-bevel),0 20px 60px #0000008c;animation:scene-in .22s cubic-bezier(.2,1.3,.4,1)}.site-icon{font-size:40px;line-height:1}.site-title{margin:8px 0 4px;font-family:var(--font-display);color:var(--cyan-bright);letter-spacing:1px;text-shadow:0 0 24px rgba(77,155,255,.4)}.site-text{margin:0 0 18px;color:var(--muted)}.site-choices{display:flex;flex-direction:column;gap:10px}.site-choice{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:2px solid var(--panel-3);border-radius:12px;background:linear-gradient(160deg,var(--panel-2),var(--panel-2));color:#e9e3ff;font:inherit;cursor:pointer;transition:transform .12s ease,border-color .18s ease}.site-choice:hover{transform:translateY(-2px);border-color:var(--accent)}.site-choice-label{font-weight:800}.site-choice-hint{font-size:12px;color:var(--muted)}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg, #2c3e50);transition:opacity .4s ease,visibility .4s ease}.start-sky{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:0;pointer-events:none;background:url(/sprites/backgrounds/background_1.png) center / cover no-repeat,var(--bg, #2c3e50);animation:start-drift 32s ease-in-out infinite alternate}.start-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(6,12,28,.55) 100%),linear-gradient(to bottom,#060c1c26,#060c1c73)}@keyframes start-drift{0%{transform:scale(1.06) translate3d(-1.5%,-1%,0)}to{transform:scale(1.14) translate3d(1.5%,1.5%,0)}}.start-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.6;filter:blur(70px);mix-blend-mode:screen;animation:start-blobs 14s ease-in-out infinite alternate;background:radial-gradient(36% 30% at 32% 40%,rgba(77,155,255,.55),transparent 70%),radial-gradient(32% 28% at 70% 58%,rgba(176,107,255,.45),transparent 70%),radial-gradient(30% 26% at 52% 76%,rgba(255,107,139,.32),transparent 70%)}@keyframes start-blobs{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.1)}}.start-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.start-spark{position:absolute;left:var(--x);bottom:-10px;width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 6px 1px #ffffffe6,0 0 12px 2px #8fc4ff99;opacity:0;animation:start-rise var(--dur) linear var(--delay) infinite}@keyframes start-rise{0%{transform:translateZ(0) scale(.6);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate3d(var(--drift),-105vh,0) scale(1);opacity:0}}#start-screen.closing{opacity:0;visibility:hidden;pointer-events:none}.start-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:clamp(28px,5vh,52px) clamp(28px,6vw,64px);border-radius:28px;background:#0914288c;border:var(--stroke-w) solid rgba(120,150,200,.25);box-shadow:inset 0 1px #ffffff14,0 24px 60px #0409168c;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);animation:scene-in .5s cubic-bezier(.2,1.3,.4,1)}.start-title{margin:0;display:flex;gap:clamp(1px,.4vw,6px);font-family:var(--font-display);font-weight:900;font-size:clamp(52px,13vw,132px);letter-spacing:2px;line-height:1}.start-letter{display:inline-block;color:#f4f9ff;text-shadow:0 2px 0 #2b3d58,0 4px 0 #1a2740,0 6px 0 rgba(0,0,0,.45),0 0 26px rgba(77,155,255,.65),0 0 52px rgba(176,107,255,.45);animation:start-letter-in .6s cubic-bezier(.2,1.6,.35,1) backwards,start-wave 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * .08s),calc(.6s + var(--i) * .12s);will-change:transform}@keyframes start-letter-in{0%{transform:translateY(-90px) rotate(-14deg) scale(.4);opacity:0}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes start-wave{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}.start-subtitle{margin:clamp(10px,1.6vh,18px) 0 clamp(18px,3vh,32px);color:var(--text);opacity:.82;font-size:clamp(13px,1.8vw,18px);letter-spacing:1px;animation:scene-in .6s .25s cubic-bezier(.2,1.2,.4,1) backwards}.ui-btn.start-play-btn{position:relative;overflow:hidden;font-family:var(--font-display);font-size:clamp(20px,3vw,30px);letter-spacing:2px;padding:clamp(14px,1.8vh,20px) clamp(40px,8vw,80px) clamp(18px,2.4vh,26px);border-radius:var(--radius);animation:play-pulse 1.8s ease-in-out infinite}.ui-btn.start-play-btn:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none}.ui-btn.start-play-btn:hover{animation-play-state:paused;filter:brightness(1.1) drop-shadow(0 0 30px rgba(77,155,255,.8))}.ui-btn.start-play-btn:hover:after{animation:play-shine .7s ease-out}@keyframes play-shine{0%{left:-60%}to{left:130%}}@keyframes play-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(77,155,255,.4))}50%{filter:brightness(1.08) drop-shadow(0 0 26px rgba(77,155,255,.7))}}.start-sliders{display:flex;flex-direction:column;gap:14px;width:min(340px,80vw);margin-top:clamp(18px,3vh,30px)}.start-slider{display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px;border-radius:16px;background:#09142899;border:var(--stroke-w) solid var(--panel-stroke);box-shadow:inset 0 2px 5px #0000004d}.start-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.start-slider-label{color:var(--text);font-weight:800;font-size:clamp(13px,1.6vw,15px);letter-spacing:.5px;cursor:pointer}.start-slider-value{color:var(--cyan-bright);font-family:var(--font-mono, monospace);font-weight:900;font-size:clamp(13px,1.6vw,15px);min-width:46px;text-align:right}.start-slider-hint{color:var(--muted);font-size:clamp(10px,1.3vw,12px);letter-spacing:.3px}.start-slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:var(--well);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:inset 0 2px 4px #0006;cursor:pointer;outline:none}.start-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);border:2px solid #08121f;box-shadow:inset 0 2px #fff6,0 2px 6px #00000080;transition:transform .12s ease}.start-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.start-slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--primary);border:2px solid #08121f;box-shadow:inset 0 2px #fff6,0 2px 6px #00000080}.start-slider-input:focus-visible{border-color:var(--primary-bright);box-shadow:inset 0 2px 4px #0006,0 0 0 2px var(--primary-bright)}.start-tut{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(14px,2.4vh,24px);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);font-size:clamp(13px,1.6vw,16px);letter-spacing:.5px;transition:color .15s ease}.start-tut:hover{color:var(--text)}.start-tut-input{position:absolute;opacity:0;width:0;height:0}.start-tut-box{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--well);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:inset 0 2px 4px #00000059;color:transparent;font-size:15px;font-weight:900;line-height:1;transition:background .15s ease,color .15s ease}.start-tut-input:checked+.start-tut-box{background:var(--primary);color:#08121f;box-shadow:inset 0 1px #ffffff59,0 0 16px #4d9bff80}.start-tut-input:focus-visible+.start-tut-box{outline:2px solid var(--primary-bright);outline-offset:2px}.start-version{position:fixed;right:clamp(12px,2vw,22px);bottom:clamp(10px,2vh,18px);z-index:1;font-family:var(--font-mono, monospace);font-size:clamp(11px,1.3vw,13px);letter-spacing:1px;color:var(--muted);opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none}@media(prefers-reduced-motion:reduce){.start-sky,.start-glow,.start-spark,.start-letter,.start-subtitle,.ui-btn.start-play-btn{animation:none}.start-letter{opacity:1;transform:none}}.map-recall{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(9px,1vw,12px);color:var(--recall);padding:4px 10px;border-radius:var(--radius);border:var(--stroke-w) solid var(--panel-stroke);background:#1a0806b8}.map-recall-label{font-weight:700;color:var(--recall-glow)}.map-recall-gauge{position:relative;width:clamp(70px,9vw,130px);height:8px;border-radius:5px;overflow:hidden;background:#0006;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--recall) 22%,transparent)}.map-recall-fill{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--recall) 55%,transparent),var(--recall));box-shadow:0 0 10px #ff3b2f80;transition:width .4s cubic-bezier(.2,1,.4,1)}.map-recall-status{color:var(--muted)}.map-recall.near{color:var(--recall);border-color:color-mix(in srgb,var(--recall) 70%,transparent);box-shadow:0 0 16px #ff3b2f4d,inset 0 0 10px #ff3b2f1f;animation:recall-strobe 1.1s steps(2,end) infinite}.map-recall.near .map-recall-status{color:var(--recall);font-weight:700}@keyframes recall-strobe{0%{opacity:1}50%{opacity:.62}to{opacity:1}}@media(prefers-reduced-motion:reduce){.map-recall.near{animation:none}}#reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a101acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;cursor:pointer}#reward-overlay.visible{display:flex}.rw-skip-hint{margin-top:10px;font-weight:700;font-size:12px;letter-spacing:.4px;color:var(--muted);opacity:.7;pointer-events:none}.rw-fx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.rw-confetti{position:absolute;border-radius:2px;will-change:transform,opacity}.rw-card{position:relative;z-index:1;width:min(440px,92vw);padding:28px 32px 26px;text-align:center;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:calc(var(--radius) + 8px);box-shadow:0 22px 60px var(--panel-shadow),inset 0 2px #ffffff0f}.rw-badge{width:62px;height:62px;margin:-52px auto 10px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffe46b,#ffb054);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:0 8px 20px #ffb05466,inset 0 2px 3px #fff9}.rw-badge-ico{width:32px;height:32px;color:#3a2708;stroke-width:2.4}.rw-card.rw-boss .rw-badge{background:radial-gradient(circle at 50% 35%,#ffe46b,#ff6b8b);box-shadow:0 8px 24px #ff6b8b80,inset 0 2px 3px #fff9}.rw-title{margin:0 0 18px;font-family:var(--font-display);font-weight:900;font-size:26px;letter-spacing:.5px;color:var(--accent);text-shadow:0 2px 0 var(--panel-stroke)}.rw-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rw-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--well);border:2px solid var(--panel-stroke);border-radius:var(--radius);will-change:transform,opacity}.rw-ico{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--panel-2);box-shadow:inset 0 1px #ffffff14}.rw-tabler{width:20px;height:20px;color:var(--accent)}.rw-label{flex:1;text-align:left;font-weight:800;font-size:14px;color:var(--text)}.rw-note{display:block;margin-top:1px;font-weight:600;font-size:11px;color:var(--muted)}.rw-note .coin-ico{width:11px;height:11px;vertical-align:-1px}.rw-val{position:relative;flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-family:var(--font-display);font-weight:900;font-size:18px;color:#ffe46b;will-change:transform}.rw-val .coin-ico{width:16px;height:16px}.rw-avarice{margin:10px 0 18px;padding:14px;font-weight:700;color:var(--muted);font-style:italic;background:var(--well);border:2px solid var(--panel-stroke);border-radius:var(--radius)}.rw-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:14px 18px;background:linear-gradient(160deg,#3a2f16,#2c2410);border:var(--stroke-w) solid #7a5a1e;border-radius:var(--radius);box-shadow:inset 0 2px 8px #0006}.rw-total-label{font-family:var(--font-display);font-weight:900;font-size:15px;letter-spacing:.5px;color:#ffd98a;text-transform:uppercase}.rw-total-val{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:900;font-size:34px;color:#ffe46b;text-shadow:0 2px 0 rgba(0,0,0,.5);will-change:transform}.rw-total-val .coin-ico{width:30px;height:30px}.rw-continue{width:100%}.rw-spark{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;will-change:transform,opacity}.tut-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;pointer-events:none;opacity:0;transition:opacity .28s ease}.tut-root.active{opacity:1}.tut-root.closing{opacity:0}.tut-block{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto}.tut-root.interactive .tut-block,.tut-root.silent .tut-block{pointer-events:none}.tut-ring{position:fixed;pointer-events:none;border-radius:14px;opacity:0;box-shadow:0 0 0 100vmax #0a1018bd,0 0 0 3px var(--primary),0 0 26px 5px #4d9bff80;transition:opacity .2s ease}.tut-ring.visible{opacity:1}.tut-bubble{position:fixed;pointer-events:auto;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:18px 20px 16px;background:var(--panel);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);box-shadow:0 12px 28px var(--panel-shadow),inset 0 1px #ffffff0f;opacity:0;transform:scale(.96);transition:opacity .2s ease,transform .2s cubic-bezier(.2,1.3,.4,1)}.tut-bubble.visible{opacity:1;transform:scale(1)}.tut-title{font-family:var(--font-display);font-weight:900;font-size:17px;letter-spacing:.5px;color:var(--primary-bright);margin-bottom:8px}.tut-body{color:var(--text);font-size:14px;line-height:1.5}.tut-body b{color:var(--accent);font-weight:800}.tut-ico{height:1.5em;width:auto;vertical-align:-.42em;margin:0 1px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.tut-cta .tut-ico{height:1.35em;vertical-align:-.34em}.tut-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.ui-btn.tut-skip{font-size:12px;padding:6px 10px;opacity:.7}.ui-btn.tut-skip:hover{opacity:1}.ui-btn.tut-next{font-size:14px;padding:8px 18px}.tut-cta{margin-left:auto;padding:7px 14px;border-radius:999px;background:#4d9bff29;border:2px solid var(--primary);color:var(--primary-bright);font-weight:800;font-size:13px;animation:tut-cta-pulse 1.5s ease-in-out infinite}@keyframes tut-cta-pulse{0%,to{box-shadow:0 0 #4d9bff00}50%{box-shadow:0 0 14px 2px #4d9bff80}}.tut-arrow{position:absolute;width:0;height:0;display:none}.tut-arrow[data-side=bottom]{top:calc(-1 * var(--stroke-w));transform:translate(-50%,-100%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:10px solid var(--panel-stroke)}.tut-arrow[data-side=top]{bottom:calc(-1 * var(--stroke-w));transform:translate(-50%,100%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid var(--panel-stroke)}.tut-arrow[data-side=right]{left:calc(-1 * var(--stroke-w));transform:translate(-100%,-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:10px solid var(--panel-stroke)}.tut-arrow[data-side=left]{right:calc(-1 * var(--stroke-w));transform:translate(100%,-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid var(--panel-stroke)}@media(prefers-reduced-motion:reduce){.tut-cta{animation:none}}.draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none;z-index:3}.draw-canvas.is-drawing{cursor:crosshair}.draw-canvas.is-erasing{cursor:cell}#board-area.scene-active .draw-canvas,#board-area.scene-active .draw-toolbar{visibility:hidden;pointer-events:none}.draw-toolbar{position:absolute;right:10px;top:10px;z-index:6;display:flex;gap:8px;padding:6px;border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb,var(--panel) 88%,transparent);border:var(--stroke-w) solid var(--panel-stroke);box-shadow:0 6px 16px var(--panel-shadow)}.draw-tool{width:40px;height:40px;display:grid;place-items:center;padding:0;border:2px solid var(--panel-stroke);border-radius:12px;background:var(--panel-2);color:var(--text);cursor:pointer;box-shadow:inset 0 2px #ffffff29,inset 0 -5px 0 var(--panel-shade);transition:transform .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.draw-tool svg{width:22px;height:22px}.draw-tool:hover{transform:translateY(-1px);background:var(--panel-3)}.draw-tool:active{transform:scale(.95)}.draw-tool.is-active{color:#1c130a;background:var(--amber);border-color:var(--panel-stroke);box-shadow:inset 0 2px #fff6,0 0 12px color-mix(in srgb,var(--amber) 55%,transparent)}.draw-tool.draw-tool-clear:hover{color:#fff;background:var(--recall)}@media(max-aspect-ratio:4/5),(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:560px){.draw-toolbar{top:8px;right:8px;gap:5px;padding:4px}.draw-tool{width:34px;height:34px;border-radius:10px}.draw-tool svg{width:18px;height:18px}}.score-fly{position:fixed;left:0;top:0;z-index:900;pointer-events:none;font-family:var(--font-display);font-weight:900;font-size:34px;line-height:1;-webkit-text-stroke:2px #061227;will-change:transform}.score-fly.chips{color:var(--chips);text-shadow:0 0 18px color-mix(in srgb,var(--chips) 70%,transparent)}.score-fly.mult{color:var(--mult);text-shadow:0 0 18px color-mix(in srgb,var(--mult) 70%,transparent)}.ui-counter.arming{animation:counter-arming-glow .45s ease-in-out infinite}.ui-counter.arming .ui-counter-val{animation:counter-arming-val .45s ease-in-out infinite}@keyframes counter-arming-glow{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--ctr) 30%,transparent),inset 0 0 14px color-mix(in srgb,var(--ctr) 8%,transparent)}50%{box-shadow:0 0 24px color-mix(in srgb,var(--ctr) 85%,transparent),inset 0 0 16px color-mix(in srgb,var(--ctr) 20%,transparent)}}@keyframes counter-arming-val{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.35)}}.readout-x{transition:transform .2s ease,text-shadow .2s ease}.readout-x.arming{transform:scale(1.25);text-shadow:0 0 16px color-mix(in srgb,var(--mult) 80%,transparent)}.score-gain{font-size:28px;font-weight:900;padding:6px 16px;border-radius:16px;border:2.5px solid;white-space:nowrap;letter-spacing:.3px;background:var(--panel);-webkit-text-stroke:0;text-shadow:none}.score-gain.chips{color:var(--chips);border-color:var(--chips);box-shadow:0 4px 14px #0000008c,0 0 22px color-mix(in srgb,var(--chips) 55%,transparent)}.score-gain.mult{color:var(--mult);border-color:var(--mult);box-shadow:0 4px 14px #0000008c,0 0 22px color-mix(in srgb,var(--mult) 55%,transparent)}.ui-counter.gain{animation:counter-gain .4s ease}.ui-counter.gain .ui-counter-val{animation:counter-gain-val .4s ease}@keyframes counter-gain{0%{box-shadow:0 0 30px color-mix(in srgb,var(--ctr) 90%,transparent),inset 0 0 18px color-mix(in srgb,var(--ctr) 28%,transparent)}to{box-shadow:0 0 16px color-mix(in srgb,var(--ctr) 20%,transparent),inset 0 0 14px color-mix(in srgb,var(--ctr) 8%,transparent)}}@keyframes counter-gain-val{0%{transform:scale(1.18);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.readout-counters .ui-counter{transition:box-shadow .25s ease}.readout-counters.resolving .ui-counter{box-shadow:0 0 22px color-mix(in srgb,var(--ctr) 48%,transparent),inset 0 0 15px color-mix(in srgb,var(--ctr) 13%,transparent)}.readout-counters.resolving .readout-x{transform:scale(1.12);text-shadow:0 0 14px color-mix(in srgb,var(--mult) 80%,transparent)}@media(prefers-reduced-motion:reduce){.ui-counter.arming,.ui-counter.arming .ui-counter-val,.ui-counter.gain,.ui-counter.gain .ui-counter-val{animation:none}.readout-x.arming,.readout-counters.resolving .readout-x{transform:none}}:root{--panel-grad: var(--panel);--panel-grad-2: var(--panel-2);--rail-strong: color-mix(in srgb, var(--primary) 55%, transparent);--rail-soft: color-mix(in srgb, var(--edge) 55%, transparent);--glow-primary: rgba(77, 155, 255, .5);--btn-radius: var(--radius);--btn-stroke: #061227;--metal-rivets: none;--metal-sweat: none;--metal-brushed: none;--metal-hull: var(--panel);--metal-tex: none;--metal-bevel: 0 10px 26px var(--panel-shadow), inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 0 0 1px rgba(255, 255, 255, .02)}.metal-plate{background:var(--panel-grad);box-shadow:var(--metal-bevel)}.ui-panel{position:relative;background:var(--panel-grad);border:var(--stroke-w) solid var(--panel-stroke);border-radius:var(--radius);padding:14px 16px;box-shadow:0 10px 26px var(--panel-shadow),inset 0 1px #ffffff0f}.ui-panel[data-variant=soft]{background:var(--panel-grad-2)}.ui-panel[data-variant=flush]{background:var(--well);box-shadow:inset 0 1px 3px var(--panel-shadow)}.ui-panel[data-variant=commerce]{border-color:var(--panel-stroke);box-shadow:0 10px 26px var(--panel-shadow),inset 0 1px #ffffff0f,inset 0 0 0 1px color-mix(in srgb,var(--amber) 16%,transparent)}.ui-panel[data-tinted=true]{border-left:3px solid var(--tint)}.ui-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.ui-btn{--btn-face: var(--panel-2);--btn-edge: var(--panel-shade);--btn-inner: rgba(255, 255, 255, .22);--btn-fg: var(--text);--btn-glow: transparent;--btn-edge-h: 8px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn-edge);color:var(--btn-fg);border:var(--stroke-w) solid var(--btn-stroke);border-radius:var(--btn-radius);padding:14px 20px 22px;font-family:inherit;font-weight:900;font-size:16px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.3);white-space:nowrap;cursor:pointer;transition:transform .08s ease,filter .15s ease}.ui-btn:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:var(--btn-edge-h);background:var(--btn-face);border-radius:calc(var(--btn-radius) - var(--stroke-w));box-shadow:inset 0 0 0 1.5px var(--btn-inner);transition:bottom .08s ease}.ui-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.ui-btn:active{--btn-edge-h: 3px;transform:translateY(4px)}.ui-btn:disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed;transform:none}.ui-btn.block{width:100%}.ui-btn-ico{display:inline-flex;align-items:center;font-size:1.05em}.ui-btn-ico svg{width:1.1em;height:1.1em}.ui-btn[data-variant=primary]{--btn-face: #5aa6ff;--btn-edge: #2f6bc2;--btn-inner: #8fc4ff;--btn-fg: var(--text);--btn-glow: rgba(77, 155, 255, .5)}.ui-btn[data-variant=action]{--btn-face: #fdb936;--btn-edge: #d38207;--btn-inner: #ffe655;--btn-fg: #191c2c;--btn-glow: rgba(255, 176, 84, .45);text-shadow:0 1px 0 rgba(255,230,85,.5)}.ui-btn[data-variant=neutral]{--btn-face: #162540;--btn-edge: #0c1a32;--btn-inner: #35455f;--btn-fg: #fcf9fe;text-shadow:0 1px 0 rgba(0,0,0,.4)}.ui-btn[data-variant=nebula]{--btn-face: #6e2ecd;--btn-edge: #321f6b;--btn-inner: #9151eb;--btn-fg: #fcf9fe;--btn-glow: rgba(176, 107, 255, .45)}.ui-btn[data-variant=commerce]{--btn-face: #ffbe6b;--btn-edge: #cf8a1e;--btn-inner: #ffe0a8;--btn-fg: #191c2c;--btn-glow: rgba(255, 176, 84, .45)}.ui-btn[data-variant=danger]{--btn-face: #ff6b7a;--btn-edge: #c23346;--btn-inner: #ff9aa6;--btn-fg: var(--text);--btn-glow: rgba(255, 90, 110, .4)}.ui-btn[data-variant=ghost]{--btn-face: #16254055;--btn-edge: #0c1a32;--btn-inner: rgba(53, 69, 95, .6);--btn-fg: var(--text);text-shadow:0 1px 0 rgba(0,0,0,.4)}.ui-gauge{--g-a: #4d9bff;--g-b: #6fb2ff;position:relative;height:14px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--edge) 30%,var(--well));box-shadow:inset 0 1px 3px var(--panel-shadow)}.ui-gauge-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--g-a),var(--g-b));transition:width .35s cubic-bezier(.2,1.4,.4,1)}.ui-gauge.complete .ui-gauge-fill{background:linear-gradient(90deg,var(--amber),#ffd24a)}.ui-gauge.vertical{width:14px;height:100%}.ui-gauge.vertical .ui-gauge-fill{position:absolute;left:0;bottom:0;width:100%;height:0%;background:linear-gradient(0deg,var(--g-a),var(--g-b));transition:height .35s cubic-bezier(.2,1.4,.4,1)}.ui-gauge.vertical.complete .ui-gauge-fill{background:linear-gradient(0deg,var(--amber),#ffd24a)}@media(prefers-reduced-motion:reduce){.ui-gauge-fill{transition:none}}.ui-stat{background:var(--panel-2);border:var(--stroke-w) solid var(--panel-line);border-radius:var(--radius);padding:9px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.ui-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);display:flex;align-items:center;justify-content:center}.ui-stat-val{font-size:clamp(19px,1.7vw,26px);font-weight:900;line-height:1}.ui-stat-val.has-prefix{display:inline-flex;align-items:center;gap:5px}.ui-stat.gold .ui-stat-val{color:var(--accent)}.ui-stat .ui-stat-val.low{color:var(--target)}.ui-stat .ui-stat-label .coin-ico{width:16px;height:16px;vertical-align:0}.ui-counter{--ctr: var(--chips);flex:1;border-radius:var(--radius);padding:10px 6px;text-align:center;background:var(--well);border:var(--stroke-w) solid color-mix(in srgb,var(--ctr) 72%,var(--panel-stroke));box-shadow:0 0 16px color-mix(in srgb,var(--ctr) 20%,transparent),inset 0 0 14px color-mix(in srgb,var(--ctr) 8%,transparent)}.ui-counter.mult{--ctr: var(--mult)}.ui-counter-val{font-size:clamp(26px,2.4vw,40px);font-weight:900;line-height:1;color:var(--ctr)}.ui-counter-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:color-mix(in srgb,var(--ctr) 78%,var(--text));margin-top:4px}.ui-counter-val.flash,.ui-stat-val.flash{animation:ui-flash .28s ease}@keyframes ui-flash{0%{transform:scale(1)}40%{transform:scale(1.16);filter:brightness(1.4)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ui-counter-val.flash,.ui-stat-val.flash{animation:none}.ui-gauge-fill{transition:none}}
