:root{--app-cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxOCAxMCAxMCkiPjxwYXRoIGQ9Ik0xMi41MDY4IDEwLjYzNzhDMTIuNTM4NyAxMC41NTE3IDEyLjU5MzcgMTAuNDc2IDEyLjY2NTggMTAuNDE5TDE2LjYzMTkgNy4yODcxNkMxNy4yMzggNi44MDg1NyAxNy4wOTE2IDUuODc0MTUgMTYuMzU2MSA1LjYzODgxQzEzLjk5ODcgNC44ODQ1OSA5LjMwMzc4IDMuNTkxNzMgMy41NzAwMSAzLjEwOTQxQzIuODQwMjQgMy4wNDgwMyAyLjMxNjc0IDMuNzc5MTEgMi42MTQyMSA0LjQ0ODMyQzQuNzQ5NCA5LjI1MTc4IDcuNTc2MDQgMTMuNDY0OCA5LjA4ODYxIDE1LjU3MTRDOS41NDM4NyAxNi4yMDU0IDEwLjQ5OSAxNi4wNjE1IDEwLjc2OTkgMTUuMzI5NUwxMi41MDY4IDEwLjYzNzhaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjwvc3ZnPg==) 7 3, auto;--void: #04070e;--void-2: #070d18;--surface: #0c1322;--surface-elev: #131d2f;--surface-hot: #1a2840;--border: rgba(91, 154, 186, .2);--border-strong: rgba(91, 154, 186, .38);--ink: #ecf2f9;--ink-soft: #a3b1c2;--ink-mute: #6a7787;--ink-faded: #4a5563;--cyan: #5b9aba;--cyan-bright: #8acdef;--cyan-dim: #2a5874;--cyan-deep: #103048;--red: #c4483a;--red-bright: #e85a4a;--red-dim: #6a2820;--gold: #d4a04a;--gold-bright: #ffd86b;--gold-deep: #6b4a14;--orange: #e07b2e;--orange-bright: #ff9d4d;--order-severed: #d4a04a;--order-severed-bright: #ffd86b;--order-severed-deep: #6b4a14;--order-bound: #c4483a;--order-bound-bright: #ff7a5a;--order-bound-deep: #4a0810;--order-choir: #b8a3c4;--order-choir-bright: #d4b8e8;--order-choir-deep: #4a3a5e;--order-lattice: #7ac0e0;--order-lattice-bright: #b0e0f0;--order-lattice-deep: #1f3a5e;--order-neutral: #8a7e6a;--order-neutral-bright: #c8baa0;--order-neutral-deep: #2a2418;--color-red: #ff5a4d;--color-red-deep: #3a0f0b;--color-blue: #4fb8f0;--color-blue-deep: #0a2a3e;--color-green: #54d68a;--color-green-deep: #0d3320;--color-yellow: #ffce4f;--color-yellow-deep: #3a2c08;--color-purple: #b07bff;--color-purple-deep: #271240;--color-generic: #9aa6b2;--color-generic-deep: #1a2128;--hull: #e85a4a;--shield: #7ac0e0;--energy: #ffd86b;--focus: #d4b8e8;--focus-deep: #4a3a5e;--ready: #6a9358;--hand-h: 178px;--hand-h-sm: 164px;--hand-h-xs: 150px;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse 115% 95% at 50% 48%,#04070ea3,#04070e80 78%),url(/art/backgrounds/space-background.png) center center / cover no-repeat fixed,#050b18;color:var(--ink-soft);font-family:var(--body);font-size:13px;line-height:1.4;cursor:var(--app-cursor)}*,*:before,*:after{cursor:var(--app-cursor)!important}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background-image:repeating-linear-gradient(0deg,rgba(122,192,224,.014) 0px,rgba(122,192,224,.014) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}button{font-family:var(--body);cursor:pointer;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-soft);padding:4px 10px;font-size:.78rem;letter-spacing:.04em;border-radius:2px;transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){background:var(--surface-hot);color:var(--ink);border-color:var(--cyan)}button:disabled{opacity:.35;cursor:not-allowed}.app{position:relative;height:100vh;width:100vw;overflow:hidden}.boot,.boot-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:var(--display);color:var(--ink)}.boot h1,.boot-error h1{font-size:3rem;letter-spacing:.3em;margin:0 0 12px;color:var(--cyan-bright);text-shadow:0 0 24px rgba(122,192,224,.4)}.playfield{position:absolute;top:var(--hand-h);bottom:var(--hand-h);left:0;right:0;display:grid;grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(100%,max-content)}.playfield-seam{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,154,186,.18) 18%,rgba(91,154,186,.42) 50%,rgba(91,154,186,.18) 82%,transparent 100%);position:relative}.playfield-seam:after{content:"";position:absolute;left:50%;top:50%;width:23px;height:23px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(91,154,186,.42);background:var(--void);box-shadow:0 0 9px #5b9aba2e;z-index:1}.playfield-seam:before{content:"VS";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-family:var(--display);font-size:.46rem;letter-spacing:.16em;color:var(--cyan);text-shadow:0 0 6px rgba(91,154,186,.6)}.player-board{position:relative;overflow:visible;padding:clamp(8px,1.4vh,16px) 0;display:flex;align-items:flex-end;justify-content:safe center;min-width:min-content;transition:filter .2s ease,opacity .2s ease}.player-board.is-opponent{align-items:flex-start}.player-board.is-active,.player-board.is-waiting{filter:none}.board-glow{position:fixed;left:0;right:0;height:62vh;pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease,background .3s ease}.player-board.is-you .board-glow{bottom:0}.player-board.is-opponent .board-glow{top:0}.player-board.is-active.is-you .board-glow{opacity:1;background:linear-gradient(0deg,rgba(91,154,186,.22),transparent 12%)}.player-board.is-active.is-opponent .board-glow{opacity:1;background:linear-gradient(180deg,rgba(196,72,58,.22),transparent 12%)}.board-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,1.2vw,18px);min-height:0;width:100%;max-width:none;min-width:min-content;margin:0 auto;padding:0 16px}:root{--card-aspect: 104 / 138;--bay-w: 116px;--bay-h: calc(var(--bay-w) * 138 / 104)}.combat-row{position:relative;display:grid;grid-template-columns:minmax(min-content,1fr) auto minmax(min-content,1fr);align-items:center;gap:clamp(12px,1.4vw,18px);min-width:min-content}.ship-stack{--hud-h: clamp(44px, 6vh, 58px);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(13px,1.7vh,18px)}.player-board.is-opponent .ship-stack{flex-direction:column-reverse}.ship-combat{position:relative;width:var(--bay-h);height:var(--bay-h)}.player-board.is-you .ship-combat{margin-top:var(--hud-h)}.player-board.is-opponent .ship-combat{margin-bottom:var(--hud-h)}.ship-float{position:absolute;top:0;right:0;bottom:0;left:0;animation:ship-drift-x 7s ease-in-out infinite;will-change:transform}.ship-combat .tile-ship{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;max-height:none;border-radius:11px;animation:ship-drift-y 5s ease-in-out infinite;will-change:transform}.player-board.is-opponent .ship-float{animation-delay:-3.1s}.player-board.is-opponent .ship-combat .tile-ship{animation-delay:-1.7s}@keyframes ship-drift-x{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes ship-drift-y{0%,to{transform:translateY(0) rotate(-.6deg);box-shadow:inset 0 0 0 1px #0006,0 7px 16px #00000080}50%{transform:translateY(-5px) rotate(.6deg);box-shadow:inset 0 0 0 1px #0006,0 15px 24px #0000006b}}.hull-readout{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-family:var(--display);font-size:clamp(2.3rem,3.8vh,3.1rem);font-weight:800;line-height:1;color:#fff;z-index:6;pointer-events:none;text-shadow:0 0 10px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.9),0 0 22px rgba(0,0,0,.6)}.player-board.is-you .hull-readout{bottom:100%;margin-bottom:6px}.player-board.is-opponent .hull-readout{top:100%;margin-top:6px}.stat-anim{position:relative;display:inline-flex;justify-content:center}@keyframes stat-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}@keyframes stat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.stat-flash--hull-down{color:#ff4438;text-shadow:0 0 16px rgba(255,68,56,.9),0 0 6px rgba(255,68,56,.6);animation:stat-shake .09s linear infinite}.stat-flash--hull-up{color:#fff;text-shadow:0 0 16px rgba(255,255,255,.85),0 0 6px rgba(255,255,255,.6);animation:stat-pulse .3s ease-in-out infinite}.stat-flash--shield-down{color:var(--cyan-bright);text-shadow:0 0 16px rgba(138,205,239,.95),0 0 6px rgba(138,205,239,.7);animation:stat-shake .09s linear infinite}.stat-flash--shield-up{color:var(--cyan-bright);text-shadow:0 0 16px rgba(138,205,239,.95),0 0 6px rgba(138,205,239,.7);animation:stat-pulse .3s ease-in-out infinite}.stat-float{position:absolute;left:50%;top:0;font-size:.5em;font-weight:800;pointer-events:none;will-change:transform,opacity;animation:stat-float-rise .65s cubic-bezier(.2,.7,.3,1) forwards}.stat-float--hull-down{color:#ff4438;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(255,68,56,.55)}.stat-float--hull-up{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.55)}.stat-float--shield-down,.stat-float--shield-up{color:var(--cyan-bright);text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(138,205,239,.6)}@keyframes stat-float-rise{0%{opacity:0;transform:translate(-50%,6px) scale(.5)}18%{opacity:1;transform:translate(-50%,-8px) scale(1.4)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),-48px) scale(.85) rotate(var(--rot, 0deg))}}.shield-dome{position:absolute;left:50%;transform:translate(-50%);width:118%;height:clamp(62px,8.2vh,82px);z-index:4;overflow:visible}.player-board.is-you .shield-dome{bottom:100%;margin-bottom:12px}.player-board.is-opponent .shield-dome{top:100%;margin-top:12px;transform:translate(-50%) scaleY(-1)}.shield-dome-arc{width:100%;height:100%;display:block}.shield-dome-arc path{fill:none;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .18s ease,opacity .18s ease}.shield-dome.is-active .shield-dome-arc path{stroke:#d4eefb;fill:none;filter:drop-shadow(0 0 1.5px var(--shield, #7ac0e0)) drop-shadow(0 0 4px var(--shield, #7ac0e0));animation:shield-dome-pulse 2.6s ease-in-out infinite}.shield-dome.is-empty .shield-dome-arc path{stroke:#7ac0e047;stroke-dasharray:4 6;opacity:.5}.shield-dome.is-empty:hover .shield-dome-arc path{opacity:.9;stroke:#7ac0e099}@keyframes shield-dome-pulse{0%,to{opacity:.9}50%{opacity:1}}.shield-dome .shield-stat{position:absolute;left:50%;top:-20%;transform:translate(-50%);z-index:5}.shield-dome-count{font-family:var(--display);font-size:clamp(1.05rem,1.9vh,1.4rem);font-weight:800;line-height:1;color:var(--shield, #7ac0e0);pointer-events:none;text-shadow:0 0 6px rgba(8,14,26,.95),0 0 12px rgba(122,192,224,.7)}.player-board.is-opponent .shield-dome .shield-stat{transform:translate(-50%) scaleY(-1)}.core-bank-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.float-badge{display:flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-elev, rgba(10, 14, 22, .7));position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);white-space:nowrap;z-index:30}.player-board.is-opponent .float-badge{top:auto;bottom:calc(100% + 14px)}.float-badge-label{font-family:var(--display);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faded)}.float-badge-pip{width:13px;height:13px;border-radius:50%;background:var(--core-color);flex:0 0 auto;box-shadow:0 0 6px color-mix(in srgb,var(--core-color) 60%,transparent)}.float-badge-undo{font-family:var(--display);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;margin-left:2px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--ink-faded);cursor:pointer}.float-badge-undo:hover{color:var(--ink);border-color:var(--cyan, #5b9aba)}.core-bank{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(7px,.9vw,12px);flex-wrap:nowrap}.float-pool{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 8px #ffffff1f}.float-pool-label{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;margin-right:2px}.float-pip{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #ffffff80,0 0 4px color-mix(in srgb,currentColor 40%,transparent)}.core-orb.is-readonly{cursor:default}.core-orb{position:relative;flex:0 0 auto;width:clamp(26px,3vh,36px);height:clamp(26px,3vh,36px);padding:0;border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--core-color) 60%,#000);--orb-bg: radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--core-color) 92%, #fff) 0%, var(--core-color) 38%, color-mix(in srgb, var(--core-color) 55%, #05080f) 100%);background:var(--orb-bg);box-shadow:0 0 10px color-mix(in srgb,var(--core-color) 65%,transparent),inset 0 1px 2px #ffffff73,inset 0 -2px 4px #00000073;transition:box-shadow .12s ease}.core-orb:hover:not(.is-used){background:var(--orb-bg);animation:core-orb-glow 1.1s ease-in-out infinite}@keyframes core-orb-glow{0%,to{box-shadow:0 0 13px color-mix(in srgb,var(--core-color) 75%,transparent),inset 0 1px 2px #ffffff73,inset 0 -2px 4px #00000073}50%{box-shadow:0 0 24px color-mix(in srgb,var(--core-color) 98%,transparent),inset 0 1px 2px #ffffff73,inset 0 -2px 4px #00000073}}.core-orb.is-used{border-color:#0009;--orb-bg: radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--core-color) 30%, #0a0d12) 0%, color-mix(in srgb, var(--core-color) 14%, #07090d) 55%, #05070b 100%);background:var(--orb-bg);box-shadow:inset 0 1px 2px #ffffff0f,inset 0 -2px 5px #000000b3;filter:saturate(.5)}.core-orb.is-used:hover{background:var(--orb-bg);box-shadow:0 0 9px color-mix(in srgb,var(--core-color) 38%,transparent),inset 0 1px 2px #ffffff0f,inset 0 -2px 5px #000000b3}.core-orb.is-floated,.core-orb.is-floated:hover{--orb-bg: radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--core-color) 28%, #0a0d12) 0%, color-mix(in srgb, var(--core-color) 13%, #07090d) 55%, #05070b 100%);background:var(--orb-bg);border-color:#0009;opacity:.6;transform:none;outline:none;animation:none}.tile{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elev) 100%);border:0;border-radius:5px;display:flex;flex-direction:column;position:relative;font-size:.72rem;box-shadow:inset 0 0 0 1px #0006,0 6px 18px #00000073;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:clamp(118px,16vh,170px);max-height:clamp(140px,20vh,200px);transform-origin:center center;transition:transform .25s cubic-bezier(.4,0,.2,1),filter .2s ease,box-shadow .2s ease}.tile.has-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 56%,rgba(4,7,14,.5) 78%,rgba(4,7,14,.92) 100%);pointer-events:none}.player-board.is-opponent .tile-ship:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 56%,rgba(4,7,14,.5) 78%,rgba(4,7,14,.92) 100%);pointer-events:none}.tile-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;padding:8px 10px;height:100%}.tile-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid var(--border)}.tile-kind{color:var(--cyan-bright);font-weight:700;letter-spacing:.28em}.tile-state{color:var(--ink-mute)}.tile-name{font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.02em;line-height:1.05;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile.has-art .tile-name{text-shadow:0 1px 6px #000,0 0 10px rgba(0,0,0,.95)}.tile.has-art .tile-head{text-shadow:0 1px 3px #000}.tile-pip{align-self:flex-start;font-family:var(--mono);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;padding:2px 8px;border-radius:2px}.tile-spacer{flex:1;min-height:4px}.tile-pilot{cursor:pointer;background:transparent;box-shadow:none;overflow:visible;min-height:0;max-height:none;padding:0}.tile-pilot.has-art:before{display:none}.tile-pilot .hs-card{width:100%}.tile-pilot:not(.is-tapped):hover{border-color:var(--cyan-bright);box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e047,0 8px 22px #5b9aba57}.tile.is-tapped{transform:rotate(8deg);filter:saturate(.7) brightness(.82)}.tile-ship.is-clickable{cursor:pointer}.tile-ship.is-clickable:hover{border-color:var(--cyan-bright);box-shadow:inset 0 0 0 2px #7ac0e047,0 8px 22px #5b9aba57}.ship-stack.is-tapped:not(.is-destructing) .ship-float{animation:none}.ship-stack.is-tapped:not(.is-destructing) .ship-combat .tile-ship{animation:none;transform:rotate(8deg);filter:saturate(.62) brightness(.82);transition:transform .28s cubic-bezier(.4,0,.2,1),filter .2s ease}.tile.is-passed{border-color:var(--red-dim)}.tile-pilot .tile-pip{background:#5b9aba1a;color:var(--cyan-bright)}.tile-pilot .tile-inner{padding:8px 9px}.tile-pilot .ship-card-name{font-size:.78rem;line-height:1.1}.tile-pilot .ship-card-type{font-size:.55rem}.pilot-focus-corner{position:absolute;bottom:4px;right:5px;font-family:var(--display);font-size:.95rem;line-height:1;z-index:2;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.8)}.pilot-focus-corner .hs-eye-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.hs-focus-token{color:var(--focus);white-space:nowrap;font-weight:700}.hs-eye-icon{display:inline-block;vertical-align:-.22em;margin-left:.08em;color:var(--focus)}.tile-ship .tile-inner{padding:8px 9px;gap:6px}.player-board.is-you .tile-ship .tile-inner,.player-board.is-opponent .tile-ship .tile-inner{justify-content:flex-end}.player-board.is-you .ship-card-top,.player-board.is-opponent .ship-card-top{text-align:center}.ship-card-top{display:flex;flex-direction:column;gap:2px;min-width:0}.ship-card-name{font-family:var(--display);font-size:.96rem;font-weight:700;letter-spacing:.02em;color:var(--ink);line-height:1.05;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ship-card-type{font-family:var(--mono);font-size:.54rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-bright);text-shadow:0 1px 4px rgba(0,0,0,.95)}.ship-card-bars{display:flex;flex-direction:column;gap:4px;margin-top:auto}.ship-card-ability{align-self:center;background:#060a12bd;border:1px solid var(--border);border-radius:5px;padding:3px 8px}.ship-ability-name{font-family:var(--display);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--cyan-bright);line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.9)}.bays{display:flex;flex-direction:row;align-items:center;gap:clamp(10px,1vw,16px);min-width:0;flex:0 1 auto}.bays.bays-left{justify-content:flex-end}.bays.bays-right{justify-content:flex-start}.bay-slot.bay-empty{flex:0 0 auto;width:var(--bay-w);height:var(--bay-h);border:1px dashed var(--border);border-radius:6px;color:var(--ink-mute);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#080e1a59}.bay-card{position:relative;flex:0 0 auto;cursor:default;transform-origin:center center;transition:transform .25s cubic-bezier(.4,0,.2,1),filter .2s ease}.bay-card.is-clickable{cursor:pointer}.bay-card.is-entering{animation:bay-enter .5s cubic-bezier(.22,.68,.18,1) both}@keyframes bay-enter{0%{opacity:0;transform:translateY(-16px) scale(.8);filter:brightness(1.8)}60%{opacity:1;filter:brightness(1.25)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}.bay-host{position:relative;flex:0 0 auto}.bay-host>.bay-card{position:relative;z-index:50}.upgrade-peek{position:absolute;top:0;left:0;border-radius:8px;box-shadow:0 4px 12px #0009;cursor:help}.upgrade-peek .hs-cost-cluster{display:none}.bay-host.is-tapped{transform:rotate(8deg)}.bay-host.is-tapped>.bay-card.bay-tapped{transform:none}.bay-host.is-tapped .upgrade-peek{filter:saturate(.7) brightness(.82)}.bay-host.is-attach-target{cursor:pointer}.bay-host.is-attach-target>.bay-card .hs-card{outline:2px solid var(--gold-bright);outline-offset:1px;box-shadow:0 0 16px #ffd86b8c}.attach-hint{position:fixed;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:6px 12px;border:1px solid var(--gold-bright);border-radius:8px;background:color-mix(in srgb,var(--gold-bright) 18%,#15110a);box-shadow:0 4px 18px #0009;font-family:var(--mono);font-size:.7rem;color:var(--ink);white-space:nowrap}.player-board.is-you .attach-hint{bottom:calc(var(--hand-h, 150px) + 14px)}.player-board.is-opponent .attach-hint{top:calc(var(--hand-h, 150px) + 14px)}.attach-hint strong{color:var(--gold-bright)}.attach-cancel{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:transparent;border:1px solid var(--border-strong);border-radius:5px;padding:3px 8px;cursor:pointer}.attach-cancel:hover{color:var(--ink);border-color:var(--ink-soft)}.bay-card .hs-card{transition:border-color .18s ease,box-shadow .18s ease}.bay-card.is-clickable:hover .hs-card{border-color:var(--cyan-bright);box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e052,0 6px 18px #5b9aba4d}.bay-card .hs-cost{display:none}.bay-card .hs-head{padding-bottom:4px}.bay-card.bay-tapped{transform:rotate(8deg);filter:saturate(.7) brightness(.82)}.tint-severed{box-shadow:inset 0 0 0 1px #0006,inset 0 0 28px #d4a04a14,0 6px 18px #00000073}.tint-severed .tile-name,.tint-severed .bay-name{color:var(--order-severed-bright)}.tint-severed .tile-pip{background:var(--order-severed-deep);color:var(--order-severed-bright)}.tint-bound{box-shadow:inset 0 0 0 1px #0006,inset 0 0 28px #c4483a14,0 6px 18px #00000073}.tint-bound .tile-name,.tint-bound .bay-name{color:var(--order-bound-bright)}.tint-bound .tile-pip{background:var(--order-bound-deep);color:var(--order-bound-bright)}.tint-choir{box-shadow:inset 0 0 0 1px #0006,inset 0 0 28px #b8a3c414,0 6px 18px #00000073}.tint-choir .tile-name,.tint-choir .bay-name{color:var(--order-choir-bright)}.tint-choir .tile-pip{background:var(--order-choir-deep);color:var(--order-choir-bright)}.tint-lattice{box-shadow:inset 0 0 0 1px #0006,inset 0 0 28px #7ac0e014,0 6px 18px #00000073}.tint-lattice .tile-name,.tint-lattice .bay-name{color:var(--order-lattice-bright)}.tint-lattice .tile-pip{background:var(--order-lattice-deep);color:var(--order-lattice-bright)}.tint-neutral .tile-pip{background:var(--order-neutral-deep);color:var(--order-neutral-bright)}.hand-strip{position:fixed;left:0;right:0;height:var(--hand-h);z-index:30;pointer-events:none}.hand-top{top:0}.hand-bottom{bottom:0}.hand-strip-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(10px,1.4vw,18px);align-items:center;height:100%;padding:0 clamp(12px,1.8vw,22px)}.hand-strip-piles,.hand-strip-cards,.hand-strip-shell>*{pointer-events:auto}.hand-strip-piles{display:flex;gap:18px;flex-shrink:0}.hand-strip-piles,.hand-strip .player-panel{position:relative;z-index:40}.hand-top .player-panel{align-self:start;margin-top:18px}.hand-bottom .player-panel{align-self:flex-end;margin-bottom:18px}.hand-bottom .player-panel .panel-player{order:2}.hand-bottom .hand-strip-piles{transform:translateY(-16px)}.hand-top .hand-strip-piles{transform:translateY(16px)}.hand-strip-cards{display:flex;justify-content:center;height:100%;overflow:visible;min-width:0;pointer-events:none;position:relative;z-index:50}.hand-bottom .hand-strip-cards{align-items:flex-end}.hand-top .hand-strip-cards{align-items:flex-start}.hand-strip-empty{font-family:var(--body);font-style:italic;font-size:.78rem;color:var(--ink-faded);padding:16px;pointer-events:none}.hand-card{position:relative;flex:0 0 auto;cursor:pointer;pointer-events:auto;margin:0 -30px;transform-origin:center bottom;transform:var(--fan-tf);transition:transform .16s ease}.hand-card .hs-card-hand{width:140px}.hand-top .hand-card .hs-card{transform:rotate(180deg)}.hand-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background-image:url(/art/card-back.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--surface);box-shadow:inset 0 0 0 1px #7ac0e02e,0 4px 14px #0000008c;opacity:0;pointer-events:none;z-index:5;transition:opacity .18s ease}.hand-strip.is-mulligan .hand-card-back{opacity:0}.hand-card.is-concealed{pointer-events:none;width:140px;aspect-ratio:5 / 7}.hand-card-back.is-permanent,.hand-strip.is-mulligan .hand-card-back.is-permanent,.hand-strip.is-waiting .hand-strip-cards:hover .hand-card-back.is-permanent{opacity:1}.hand-top .hand-card{transform-origin:center top}.hand-bottom .hand-card:hover{transform:translateY(-22px) var(--fan-tf);z-index:100}.hand-top .hand-card:hover{transform:translateY(22px) var(--fan-tf);z-index:100}.hand-card:hover .hs-card{border-color:var(--cyan-bright);box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e052,0 6px 20px #5b9aba4d}.hand-card.is-reaction-ready{border-radius:6px;animation:reaction-ready-pulse 1.6s ease-in-out infinite}.hand-card.is-reaction-idle{filter:grayscale(.7)}@keyframes reaction-ready-pulse{0%,to{box-shadow:0 0 0 1px #ffffff73,0 0 7px 1px #ffffff40}50%{box-shadow:0 0 0 1px #ffffffb3,0 0 12px 2px #ffffff73}}.hand-strip-cards.is-dealing .hand-card{animation:hand-deal-up .52s cubic-bezier(.22,.68,.18,1) both;animation-delay:var(--deal-delay, 0ms)}.hand-top .hand-strip-cards.is-dealing .hand-card{animation-name:hand-deal-down}@keyframes hand-deal-up{0%{transform:translateY(460px) var(--fan-tf);opacity:0}to{transform:translateY(0) var(--fan-tf);opacity:1}}@keyframes hand-deal-down{0%{transform:translateY(-460px) var(--fan-tf);opacity:0}to{transform:translateY(0) var(--fan-tf);opacity:1}}.hand-strip-cards.is-drawing .hand-card:last-child{animation:hand-draw-up .3s cubic-bezier(.22,.68,.18,1) both}.hand-top .hand-strip-cards.is-drawing .hand-card:last-child{animation-name:hand-draw-down}@keyframes hand-draw-up{0%{transform:translateY(240px) var(--fan-tf);opacity:0}to{transform:translateY(0) var(--fan-tf);opacity:1}}@keyframes hand-draw-down{0%{transform:translateY(-240px) var(--fan-tf);opacity:0}to{transform:translateY(0) var(--fan-tf);opacity:1}}.card-menu{position:fixed;z-index:11000;min-width:168px;background:linear-gradient(180deg,var(--surface-elev) 0%,var(--surface) 100%);border:1px solid var(--cyan);border-radius:4px;padding:6px 0;box-shadow:0 18px 40px #000000bf,0 0 22px #5b9aba2e}.card-menu-title{font-family:var(--display);font-size:.78rem;font-weight:700;color:var(--ink);letter-spacing:.04em;padding:4px 12px 8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.card-menu-tag{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.18em;color:var(--ink-mute);opacity:.85}.card-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;background:transparent;border:none;border-radius:0;color:var(--ink-soft);font-family:var(--body);font-size:.82rem;text-align:left;letter-spacing:.04em}.card-menu-item:hover:not(:disabled){background:#5b9aba29;color:var(--ink)}.card-menu-play{color:var(--cyan-bright)}.card-menu-discard{color:var(--ink-soft)}.card-menu-cancel{font-size:.74rem;color:var(--ink-mute);margin-top:2px;border-top:1px solid var(--border);padding-top:8px}.card-menu-icon{font-size:.95rem;width:14px;text-align:center;flex-shrink:0}.card-menu-kbd{margin-left:auto;font-family:var(--mono);font-size:.6rem;padding:1px 5px;background:var(--void);border:1px solid var(--border-strong);color:var(--ink-mute);border-radius:2px;letter-spacing:.04em}.deck-menu{min-width:240px}.card-menu-stepper-row{display:flex;align-items:center;gap:8px;padding:5px 12px;font-family:var(--body);font-size:.82rem;color:var(--ink-soft)}.card-menu-stepper-row.is-disabled{opacity:.45}.card-menu-stepper-label{flex-shrink:0;letter-spacing:.04em}.card-menu-stepper-btns{display:flex;flex:1;gap:5px;flex-wrap:wrap;justify-content:flex-end}.card-menu-stepper-btn{width:22px;height:22px;padding:0;font-family:var(--display);font-size:.78rem;line-height:1;border-radius:2px;background:#5b9aba1a;border:1px solid var(--cyan-dim);color:var(--cyan-bright)}.card-menu-stepper-btn:hover:not(:disabled){background:#5b9aba47;border-color:var(--cyan);color:var(--ink)}.card-menu-stepper-btn:disabled{opacity:.5;cursor:not-allowed}.modal-panel.modal-peek{width:min(960px,88vw)}.modal-sub{font-family:var(--body);font-size:.78rem;color:var(--ink-mute);margin:6px 0 0;line-height:1.4}.modal-grid-peek{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 10px;align-items:start}.peek-entry{display:flex;flex-direction:column;gap:6px;align-items:stretch}.peek-card{position:relative;width:100%}.peek-card .hs-card{width:100%}.peek-pos{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:var(--surface-elev);border:1px solid var(--cyan);color:var(--cyan-bright);font-family:var(--display);font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 10px #5b9aba52}.peek-actions{display:flex;gap:3px;width:100%;justify-content:center;flex-wrap:wrap}.peek-action{flex:1 1 0;min-width:48px;padding:4px 6px;font-family:var(--display);font-size:.66rem;letter-spacing:.04em;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-soft);border-radius:3px}.peek-action:hover{background:var(--surface-hot);border-color:var(--cyan);color:var(--ink)}.peek-action-top{color:var(--cyan-bright);border-color:var(--cyan-dim);background:#5b9aba1a}.peek-action-top:hover{background:#5b9aba3d;border-color:var(--cyan)}.peek-action-bottom{color:var(--ink-soft)}.peek-action-hand{color:var(--energy);border-color:var(--gold-deep);background:#ffd86b14}.peek-action-hand:hover{background:#ffd86b33;border-color:var(--gold);color:var(--ink)}.modal-panel.modal-search{width:min(1100px,92vw)}.modal-head-main{flex:1;min-width:0}.modal-head-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.modal-close-primary{background:linear-gradient(180deg,#5b9aba38,#5b9aba14);border-color:var(--cyan);color:var(--cyan-bright)}.modal-close-primary:hover{background:linear-gradient(180deg,#5b9aba61,#5b9aba2e);color:var(--ink)}.modal-search-input{width:100%;max-width:420px;margin-top:10px;padding:8px 12px;background:var(--void);border:1px solid var(--border-strong);border-radius:3px;color:var(--ink);font-family:var(--body);font-size:.86rem;letter-spacing:.02em;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.modal-search-input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 16px #5b9aba38}.modal-search-input::placeholder{color:var(--ink-faded)}.modal-entry-clickable{cursor:pointer;background:transparent;border:0;padding:0;display:flex;justify-content:center;transition:transform .12s ease}.modal-entry-clickable:hover{transform:translateY(-2px)}.modal-entry-clickable:hover .hs-card{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e073,0 12px 28px #0009,0 0 22px #5b9aba57}.pile{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.pile-label{position:absolute;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:5px;font-family:var(--mono);font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan-bright)}.hand-top .pile-label{bottom:calc(100% + 12px)}.hand-bottom .pile-label{top:calc(100% + 12px)}.pile-stack{position:relative;width:104px;height:138px;flex-shrink:0}.pile-layer,.pile-top{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/art/card-back.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--surface);border:none;border-radius:5px;box-sizing:border-box}.pile-layer{pointer-events:none;box-shadow:1px 1.5px 2px #00000073}.pile-layer-deck{background-image:none;background-color:#1b2840;border:1px solid rgba(150,182,220,.34);box-shadow:0 1.5px 3px #0000008c}.pile-layer-3{transform:translate(4px,5px);opacity:.7;z-index:0}.pile-layer-2{transform:translate(2px,3px);opacity:.88;z-index:1}.pile-top{z-index:20;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--cyan-bright);text-align:left;box-shadow:inset 0 0 0 1px #7ac0e02e,0 4px 14px #0000008c;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.pile-top:hover:not(:disabled){background-image:url(/art/card-back.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--surface);border-color:var(--cyan-bright);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #7ac0e04d,0 8px 22px #000000a6,0 0 18px #5b9aba73}.pile-top:disabled{cursor:default;opacity:.6}.pile.is-empty .pile-top{border:1px dashed var(--cyan-dim);background-image:none;background-color:#0b07108c}.pile-back{width:56%;height:56%;opacity:.9;color:var(--cyan-bright)}.pile.is-faceup .pile-stack{background:#000;border-radius:5px}.pile.is-faceup .pile-top{padding:0;overflow:hidden;background:transparent;border:none;opacity:.62;filter:saturate(.7) brightness(.86)}.pile.is-faceup .pile-top:hover:not(:disabled){opacity:.96;filter:none}.pile.is-faceup .pile-top .hs-card{width:100%;height:100%}.pile-count{font-family:var(--mono);font-size:.58rem;font-weight:700;color:var(--cyan-bright);letter-spacing:.04em;line-height:1;text-shadow:0 0 6px rgba(91,154,186,.5)}.pile-count:before{content:"[";opacity:.55;margin-right:1px}.pile-count:after{content:"]";opacity:.55;margin-left:1px}.pile.is-empty .pile-count{color:var(--ink-faded);text-shadow:none}.card-hover-preview{filter:drop-shadow(0 12px 32px rgba(0,0,0,.75)) drop-shadow(0 0 24px rgba(91,154,186,.22))}.player-panel{width:clamp(180px,16vw,216px);flex-shrink:0;padding:6px 8px;display:flex;flex-direction:column;gap:4px;transition:filter .2s ease}.player-panel.is-active{filter:drop-shadow(0 0 12px rgba(122,192,224,.3))}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}.panel-id-block{display:flex;align-items:baseline;gap:6px;min-width:0}.panel-id{font-family:var(--display);font-size:.84rem;font-weight:700;letter-spacing:.16em;color:var(--ink)}.panel-p1.is-active .panel-id,.panel-p2.is-active .panel-id{color:var(--cyan-bright);text-shadow:0 0 8px rgba(91,154,186,.5)}.panel-deck{font-family:var(--mono);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.panel-head-right{display:flex;align-items:center;gap:3px;flex-shrink:0}.panel-status{font-family:var(--mono);font-size:.48rem;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase;white-space:nowrap;margin-left:3px}.panel-p1.is-active .panel-status,.panel-p2.is-active .panel-status{color:var(--cyan-bright)}.player-panel.is-passed .panel-status{color:var(--ink-mute)}.stat-bar{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px}.stat-bar-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.2em;color:var(--ink-soft);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.85)}.stat-bar-track{position:relative;height:12px;background:#04070ec7;border:1px solid rgba(91,154,186,.5);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 4px #0009}.stat-bar-fill{height:100%;transition:width .25s ease,background .25s ease;box-shadow:0 0 8px currentColor}.stat-bar-hull .stat-bar-fill{background:linear-gradient(90deg,#e85a4a,#c4483a);color:#e85a4aa6}.stat-bar-energy .stat-bar-fill{background:linear-gradient(90deg,#ffd86b,#d8a541);color:#ffd86b8c}.stat-bar-focus .stat-bar-fill{background:linear-gradient(90deg,#d4b8e8,#9a83b4);color:#d4b8e88c}.stat-bar-value{font-family:var(--display);font-size:.84rem;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.95)}.stat-bar-hull .stat-bar-value{color:var(--hull)}.stat-bar-energy .stat-bar-value{color:var(--energy)}.stat-bar-focus .stat-bar-value{color:var(--focus)}.stat-bar-max{font-size:.66em;color:var(--ink-faded);font-weight:500;margin-left:1px;text-shadow:none}.hud-stat{position:relative;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center}.hull-stat,.shield-stat{width:clamp(6rem,10vh,7.8rem);height:clamp(2.6rem,4.4vh,3.5rem)}.stat-half{position:absolute;top:0;bottom:0;width:50%;display:flex;align-items:center;background:transparent;border:none;border-radius:5px;padding:0;cursor:pointer;z-index:4;transition:background .12s ease}.stat-dec{left:0;justify-content:flex-start}.stat-inc{right:0;justify-content:flex-end}.hud-stat .stat-half:hover{background:#ffffff1f;border-color:transparent}.stat-glyph{font-family:var(--display);font-weight:800;line-height:1;color:#fff0;padding:0 .12em;text-shadow:0 0 8px rgba(0,0,0,.95),0 2px 4px rgba(0,0,0,.85);transition:color .12s ease}.stat-glyph{font-size:1.5rem}.hull-stat:hover .stat-glyph,.shield-dome:hover .shield-stat .stat-glyph{color:#fff6}.hud-stat .stat-half:hover .stat-glyph{color:#fffffff2}.ship-ctrl-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.ship-ctrl-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.95);padding:0 6px}.ship-ctrl-hull .ship-ctrl-label{color:var(--hull)}.ship-ctrl-energy .ship-ctrl-label{color:var(--energy)}.ship-ctrl-focus .ship-ctrl-label{color:var(--focus)}.ship-ctrl-shield .ship-ctrl-label{color:var(--shield)}.ship-ctrl-btn{height:30px;padding:0;font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1;border-radius:4px;background:#04070eeb;border:1px solid var(--cyan-dim);color:var(--cyan-bright);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0009,inset 0 0 0 1px #5b9aba2e}.ship-ctrl-btn:hover{background:#5b9aba57;border-color:var(--cyan-bright);color:var(--ink);box-shadow:0 6px 18px #000000b3,0 0 14px #5b9aba66,inset 0 0 0 1px #7ac0e059}.ship-ctrl-hull .ship-ctrl-btn:hover{border-color:var(--red-bright);color:var(--red-bright);box-shadow:0 6px 18px #000000b3,0 0 14px #e85a4a6b,inset 0 0 0 1px #e85a4a59;background:#c4483a38}.ship-ctrl-energy .ship-ctrl-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 6px 18px #000000b3,0 0 14px #ffd86b6b,inset 0 0 0 1px #ffd86b59;background:#d4a04a38}.ship-ctrl-shield .ship-ctrl-btn:hover{border-color:var(--shield);color:var(--shield);box-shadow:0 6px 18px #000000b3,0 0 14px #7ac0e06b,inset 0 0 0 1px #7ac0e059;background:#5b9aba38}.ship-ctrl-focus .ship-ctrl-btn:hover{border-color:var(--focus);color:var(--focus);box-shadow:0 6px 18px #000000b3,0 0 14px #d4b8e86b,inset 0 0 0 1px #d4b8e859;background:#b8a3c438}.panel-actions{display:flex;flex-direction:column;gap:5px}.panel-await{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.06em;border-radius:3px;border:1px dashed var(--cyan-dim);background:#5b9aba14;color:var(--cyan);text-align:center}.panel-await .panel-btn-icon{color:var(--cyan-bright)}.panel-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;font-family:var(--display);font-size:.82rem;font-weight:600;letter-spacing:.08em;border-radius:3px;background:linear-gradient(180deg,#5b9aba33,#5b9aba14);border:1px solid var(--cyan);color:var(--cyan-bright);text-shadow:0 1px 2px rgba(0,0,0,.6)}.panel-btn:hover:not(:disabled){background:linear-gradient(180deg,#5b9aba61,#5b9aba2e);border-color:var(--cyan-bright);color:var(--ink);box-shadow:0 0 14px #5b9aba59}.panel-btn:disabled{opacity:.45;cursor:not-allowed}.panel-btn-icon{font-size:.95rem;color:var(--cyan-bright);line-height:1}.panel-btn-primary{background:linear-gradient(180deg,#e85a4a52,#c4483a29);border-color:var(--red);color:var(--red-bright)}.panel-btn-primary .panel-btn-icon{color:var(--red-bright)}.panel-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#e85a4a80,#c4483a47);border-color:var(--red-bright);color:var(--ink);box-shadow:0 0 14px #e85a4a6b}.panel-btn-keep{background:linear-gradient(180deg,#54d68a4d,#2d8c5a29);border-color:var(--color-green);color:#9ff0c2}.panel-btn-keep .panel-btn-icon{color:var(--color-green)}.panel-btn-keep:hover:not(:disabled){background:linear-gradient(180deg,#54d68a75,#2d8c5a42);border-color:#7fe6ab;color:#eafff3;box-shadow:0 0 14px #54d68a6b}.panel-btn.is-pulse{animation:pulse-end-turn 1.6s ease-in-out infinite}@keyframes pulse-end-turn{0%,to{box-shadow:0 0 #e85a4a00}50%{box-shadow:0 0 22px #e85a4a8c}}.panel-btn-mulligan{background:linear-gradient(180deg,#b07bff38,#b07bff14);border-color:var(--color-purple);color:var(--color-purple)}.panel-btn-mulligan .panel-btn-icon{color:var(--color-purple)}.panel-btn-mulligan:hover:not(:disabled){background:linear-gradient(180deg,#b07bff66,#b07bff33);border-color:var(--color-purple);color:var(--ink);box-shadow:0 0 14px #b07bff66}.panel-meta{display:flex;gap:6px;margin:6px 0}.panel-meta-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 4px;border-radius:3px;background:#080e1a73;border:1px solid var(--border)}.panel-meta-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.panel-meta-value{font-family:var(--display);font-size:.82rem;font-weight:800;line-height:1;color:var(--ink-soft)}.panel-meta-value.is-mine{color:var(--cyan-bright)}.panel-meta-item.is-over{border-color:var(--red)}.panel-meta-item.is-over .panel-meta-value{color:var(--red-bright)}.panel-discard-hint{margin-bottom:6px;padding:5px 8px;border-radius:3px;font-size:.7rem;line-height:1.3;color:var(--red-bright);background:#c4483a1f;border:1px solid var(--red-dim)}.undo-bar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:4px;padding:4px;background:#070d18eb;border:1px solid var(--border-strong);border-radius:4px;box-shadow:0 8px 22px #0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:22}.undo-bar-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--display);font-size:.7rem;letter-spacing:.08em;color:var(--ink-mute);background:transparent;border:1px solid transparent;border-radius:2px}.undo-bar-btn:not(:disabled){color:var(--cyan-bright)}.undo-bar-btn:hover:not(:disabled){background:#5b9aba29;color:var(--ink);border-color:var(--cyan-dim)}.undo-bar-label{font-size:.7rem}.menu-toggle{position:fixed;bottom:16px;left:16px;z-index:40;display:flex;flex-direction:row;align-items:center;gap:7px;padding:8px 13px;background:linear-gradient(180deg,var(--surface-elev),var(--surface));border:1px solid var(--border-strong);border-radius:8px;color:var(--cyan-bright);font-family:var(--display);font-size:.72rem;letter-spacing:.18em;box-shadow:0 4px 16px #00000080;transition:background .18s ease,border-color .18s ease}.menu-toggle:hover,.menu-toggle.is-open{background:linear-gradient(180deg,var(--surface-hot),var(--surface-elev));border-color:var(--cyan);color:var(--ink)}.menu-toggle-icon{font-size:1.05rem;letter-spacing:0;writing-mode:horizontal-tb}.menu-toggle-label{writing-mode:horizontal-tb}.modal-panel.game-menu-panel{width:min(520px,92vw);max-height:84vh;padding:18px 22px 20px}.game-menu-head{align-items:flex-start;margin-bottom:14px;padding-bottom:12px}.game-menu-brand{display:flex;flex-direction:column;gap:2px}.game-menu-title{font-family:var(--display);font-size:2rem;font-weight:700;letter-spacing:.24em;color:var(--ink);margin:4px 0 2px;text-shadow:0 0 18px rgba(91,154,186,.32)}.game-menu-sub{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;color:var(--ink-mute);text-transform:uppercase}.game-menu-options{display:flex;flex-direction:column;gap:8px}.game-menu-option{display:flex;align-items:center;gap:14px;padding:12px 14px;background:linear-gradient(180deg,#5b9aba1a,#5b9aba0a);border:1px solid var(--border-strong);border-radius:4px;color:var(--ink);font-family:var(--display);text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}.game-menu-option:hover{background:linear-gradient(180deg,#5b9aba38,#5b9aba1a);border-color:var(--cyan)}.game-menu-option-danger{background:linear-gradient(180deg,#d645451f,#d645450a);border-color:#d645458c}.game-menu-option-danger:hover{background:linear-gradient(180deg,#d645453d,#d645451a);border-color:#e86060e6}.game-menu-option-danger .game-menu-option-title{color:#ff7a7a}.game-menu-icon{font-size:1.4rem;flex-shrink:0;width:36px;text-align:center}.game-menu-option-body{display:flex;flex-direction:column;gap:3px;min-width:0}.game-menu-option-title{font-size:.96rem;font-weight:700;letter-spacing:.06em;color:var(--cyan-bright)}.game-menu-option-desc{font-family:var(--body);font-size:.78rem;letter-spacing:.01em;color:var(--ink-soft);line-height:1.35}.browser-head{align-items:flex-start;gap:14px}.browser-head-main{flex:1;min-width:0}.browser-filters{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}.browser-select{padding:7px 28px 7px 12px;background:var(--void);border:1px solid var(--border-strong);border-radius:3px;color:var(--ink);font-family:var(--body);font-size:.82rem;letter-spacing:.02em;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 8px) 50%;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.browser-select:focus,.browser-select:hover{border-color:var(--cyan);outline:none;box-shadow:0 0 0 1px var(--cyan)}.browser-select option{background:var(--surface);color:var(--ink)}.card-filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%}.card-filter-bar .browser-select{padding-top:7px;padding-bottom:7px}.card-filter-bar .modal-search-input{flex:0 1 200px;min-width:120px;max-width:260px;width:auto;margin-top:0}.card-filter-bar .dbx-pool-bar-right{margin-left:auto}.browser-reset{padding:7px 14px;background:var(--void);border:1px solid var(--border-strong);border-radius:3px;color:var(--ink);font-family:var(--body);font-size:.82rem;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,box-shadow .12s ease,color .12s ease}.browser-reset:focus,.browser-reset:hover{border-color:var(--cyan);color:var(--cyan);outline:none;box-shadow:0 0 0 1px var(--cyan)}.new-game-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;flex:1;min-height:0;overflow:hidden}.new-game-col{display:flex;flex-direction:column;gap:10px;min-height:0}.new-game-col-head{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--void);border:1px solid var(--border-strong);border-radius:3px}.new-game-col-tag{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.18em;padding:3px 7px;border-radius:2px}.new-game-col-tag.tag-p1{background:#5b9aba2e;color:var(--cyan-bright);border:1px solid var(--cyan)}.new-game-col-tag.tag-p2{background:#e85a4a2e;color:var(--red-bright);border:1px solid var(--red)}.new-game-col-name{flex:1;font-family:var(--display);font-size:.92rem;font-weight:600;color:var(--ink);letter-spacing:.04em}.deck-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:2px 4px 4px 0;min-height:0}.builder-head{align-items:flex-end}.builder-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 360px;gap:14px;flex:1;min-height:0}.builder-decks{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.builder-new-btn{width:100%;padding:9px 12px;background:linear-gradient(180deg,#5b9aba38,#5b9aba14);border:1px solid var(--cyan);border-radius:4px;color:var(--cyan-bright);font-family:var(--display);font-size:.86rem;letter-spacing:.08em}.builder-new-btn:hover{background:linear-gradient(180deg,#5b9aba61,#5b9aba2e);color:var(--ink);border-color:var(--cyan-bright)}.builder-deck-section{display:flex;flex-direction:column;gap:4px}.builder-section-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);padding:4px 2px}.builder-empty{font-family:var(--body);font-style:italic;font-size:.74rem;color:var(--ink-faded);padding:6px 4px}.builder-deck-row{display:flex;align-items:stretch;gap:4px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);overflow:hidden;transition:border-color .12s ease,background .12s ease}.builder-deck-row.is-selected{border-color:var(--cyan);background:#5b9aba1f;box-shadow:0 0 12px #5b9aba38}.builder-deck-row:hover{border-color:var(--cyan-dim)}.builder-deck-row-main{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left;background:transparent;border:0;color:var(--ink);cursor:pointer;min-width:0}.builder-deck-row-name{font-family:var(--display);font-size:.84rem;font-weight:600;letter-spacing:.04em;color:var(--ink);line-height:1.15}.builder-deck-row-meta{font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase}.builder-deck-row-icon{width:28px;padding:0;font-size:1rem;border:0;border-left:1px solid var(--border);border-radius:0;background:transparent;color:var(--cyan)}.builder-deck-row-icon:hover{background:#5b9aba2e;color:var(--ink)}.builder-picker{display:flex;flex-direction:column;gap:8px;min-height:0}.builder-filters{display:flex;align-items:center;gap:8px;flex-shrink:0}.builder-filters .modal-search-input{flex:1;margin-top:0}.builder-filters .browser-select{padding-top:6px;padding-bottom:6px}.builder-card-count{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--ink-mute);white-space:nowrap}.builder-picker-rows{flex:1;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:4px;background:#04070e66}.builder-row{display:grid;grid-template-columns:minmax(0,1fr) 32px 56px 32px;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid rgba(91,154,186,.08);border-left:3px solid transparent;font-family:var(--body);color:var(--ink);cursor:default;transition:background .1s ease}.builder-row:last-child{border-bottom:none}.builder-row:hover{background:#5b9aba14}.builder-row.is-in-deck{background:#5b9aba21}.builder-row-name{font-family:var(--display);font-size:.86rem;font-weight:500;letter-spacing:.02em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-row-meta{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);grid-column:1;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-row>.builder-row-name{grid-row:1}.builder-row>.builder-row-meta{grid-row:2}.builder-row>.builder-row-btn:first-of-type,.builder-row>.builder-row-count,.builder-row>.builder-row-btn:last-of-type,.builder-row>.builder-row-select{grid-row:1 / span 2;align-self:center}.builder-row-btn{width:28px;height:28px;padding:0;font-family:var(--display);font-size:1.1rem;line-height:1;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-soft);border-radius:3px}.builder-row-btn:hover:not(:disabled){background:var(--surface-hot);border-color:var(--cyan);color:var(--ink)}.builder-row-btn:disabled{opacity:.35;cursor:not-allowed}.builder-row-count{text-align:center;font-family:var(--mono);font-size:.76rem;color:var(--ink-soft)}.builder-row-select{grid-column:2 / span 3;padding:4px 10px;font-family:var(--display);font-size:.72rem;letter-spacing:.06em;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-soft);border-radius:3px}.builder-row-select.is-selected{background:#5b9aba38;border-color:var(--cyan);color:var(--cyan-bright)}.builder-row-select:hover:not(:disabled){background:#5b9aba52;color:var(--ink)}.builder-row.tint-edge-red{border-left-color:var(--color-red)}.builder-row.tint-edge-blue{border-left-color:var(--color-blue)}.builder-row.tint-edge-green{border-left-color:var(--color-green)}.builder-row.tint-edge-yellow{border-left-color:var(--color-yellow)}.builder-row.tint-edge-purple{border-left-color:var(--color-purple)}.builder-row.tint-edge-generic{border-left-color:var(--color-generic)}.builder-row.tint-edge-token{border-left-color:#fff}.builder-row.tint-edge-multi{position:relative;border-left-color:transparent}.builder-row.tint-edge-multi:before{content:"";position:absolute;left:-3px;top:0;bottom:-1px;width:3px;background:linear-gradient(to bottom,var(--edge-c1, var(--color-generic)),var(--edge-c2, var(--color-generic)))}.builder-deck{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.builder-deck-head{flex-shrink:0}.builder-name-input{width:100%;padding:8px 12px;background:var(--void);border:1px solid var(--border-strong);border-radius:3px;color:var(--ink);font-family:var(--display);font-size:1rem;letter-spacing:.04em}.builder-name-input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 1px var(--cyan)}.builder-name-input:disabled{color:var(--ink-mute);background:#04070e99;cursor:not-allowed}.builder-hero-block{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-shrink:0}.builder-hero-slot{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--void);border:1px solid var(--border);border-radius:3px}.builder-hero-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.24em;color:var(--ink-mute);text-transform:uppercase}.builder-hero-name{font-family:var(--display);font-size:.84rem;font-weight:600;color:var(--ink);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-hero-name em{font-style:italic;color:var(--ink-faded);font-weight:400}.builder-hero-pip{font-family:var(--mono);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-bright);align-self:flex-start;padding:1px 5px;background:#5b9aba1f;border-radius:2px}.builder-stats{display:flex;justify-content:space-between;gap:8px;flex-shrink:0}.builder-stat{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;background:var(--void);border:1px solid var(--border);border-radius:3px;flex:1}.builder-stat-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase}.builder-stat-value{font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--ink);letter-spacing:.04em}.builder-stat-max{font-size:.7em;color:var(--ink-faded)}.builder-stat-value.tint-severed{color:var(--order-severed-bright)}.builder-stat-value.tint-bound{color:var(--order-bound-bright)}.builder-stat-value.tint-choir{color:var(--order-choir-bright)}.builder-stat-value.tint-lattice{color:var(--order-lattice-bright)}.builder-stat-focus .builder-stat-value{color:var(--focus, #d4a85a)}.builder-stat-focus.is-over{border-color:#d4a85a8c;background:#d4a85a14}.builder-stat-focus.is-over .builder-stat-value{color:#e8b665}.builder-stat-charge .builder-stat-value{color:var(--shield)}.builder-progress{height:4px;background:var(--void);border-radius:2px;overflow:hidden;flex-shrink:0}.builder-progress-bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--cyan-bright));transition:width .18s ease}.builder-deck-cards{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0;padding-right:4px}.builder-deck-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto 24px;align-items:center;gap:6px;padding:4px 8px;background:#5b9aba0f;border:1px solid transparent;border-radius:3px;color:var(--ink);font-family:var(--body);font-size:.78rem}.builder-deck-card-costs{display:inline-flex;gap:4px;align-items:center}.builder-deck-card-cost{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--mono);font-size:.7rem;font-weight:700;line-height:1;border-radius:2px}.builder-deck-card-cost-energy{background:#5b9aba38;color:var(--cyan-bright)}.builder-deck-card-cost-focus{background:#d4b8e82e;color:var(--focus)}.builder-deck-card-cost-charge{background:#7ac0e02e;color:var(--shield)}.builder-deck-card:hover{background:#5b9aba29;border-color:var(--cyan-dim)}.builder-deck-card-count{font-family:var(--display);font-weight:700;color:var(--cyan-bright);letter-spacing:.04em}.builder-deck-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-deck-card-remove{width:22px;height:22px;padding:0;font-size:1rem;line-height:1;border-radius:2px;background:transparent;border:1px solid transparent;color:var(--ink-mute)}.builder-deck-card-remove:hover{background:#c4483a2e;border-color:var(--red-dim);color:var(--red-bright)}.builder-actions{display:flex;gap:6px;flex-shrink:0}.builder-action{flex:1;padding:9px 12px;font-family:var(--display);font-size:.84rem;letter-spacing:.06em;border-radius:3px;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-soft)}.builder-action:hover:not(:disabled){background:var(--surface-hot);border-color:var(--cyan);color:var(--ink)}.builder-action:disabled{opacity:.55;cursor:not-allowed}.builder-action-primary{background:linear-gradient(180deg,#5b9aba52,#5b9aba1f);border-color:var(--cyan);color:var(--cyan-bright)}.builder-action-primary:hover:not(:disabled){background:linear-gradient(180deg,#5b9aba80,#5b9aba38);color:var(--ink);box-shadow:0 0 16px #5b9aba59}.builder-action-danger{flex:0 0 auto;color:var(--red);border-color:var(--red-dim)}.builder-action-danger:hover{background:#c4483a2e;color:var(--red-bright);border-color:var(--red)}.log-toggle{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;background:linear-gradient(180deg,var(--surface-elev),var(--surface));border:1px solid var(--border-strong);border-right:none;border-radius:6px 0 0 6px;color:var(--cyan-bright);font-family:var(--display);font-size:.72rem;letter-spacing:.22em;writing-mode:vertical-rl;box-shadow:-4px 0 16px #00000080;transition:background .18s ease,border-color .18s ease,padding .18s ease}.log-toggle:hover{background:linear-gradient(180deg,var(--surface-hot),var(--surface-elev));border-color:var(--cyan);color:var(--ink)}.log-toggle.is-open{right:360px;transition:right .25s ease,background .18s ease,border-color .18s ease}.log-toggle-icon{font-size:1.1rem;letter-spacing:0;writing-mode:horizontal-tb}.log-toggle-label{writing-mode:vertical-rl}.log-toggle-count{writing-mode:horizontal-tb;font-family:var(--mono);font-size:.6rem;padding:1px 5px;background:var(--void);border-radius:2px;color:var(--cyan);letter-spacing:.04em}.log-panel{position:fixed;top:calc(var(--hand-h) + 8px);bottom:calc(var(--hand-h) + 8px);right:0;width:360px;background:linear-gradient(180deg,#0c1322f5,#070d18fa);border:1px solid var(--cyan);border-right:none;border-radius:6px 0 0 6px;z-index:38;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;box-shadow:-14px 0 38px #000000b3,inset 0 0 0 1px #5b9aba1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.log-panel.is-open{transform:translate(0)}.log-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--border-strong)}.log-panel-eyebrow{font-family:var(--mono);font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan-dim)}.log-panel-title{font-family:var(--display);font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:var(--ink);margin:2px 0 0}.log-panel-close{font-family:var(--mono);font-size:.9rem;padding:4px 10px;letter-spacing:0}.log-panel-scroll{flex:1;overflow-y:auto;padding:8px 14px 14px;font-family:var(--mono);font-size:.72rem;line-height:1.4}.log-panel-scroll::-webkit-scrollbar{width:6px}.log-panel-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.log-panel-empty{color:var(--ink-mute);font-style:italic;font-family:var(--body);padding:12px 0}.log-row{display:grid;grid-template-columns:32px 32px 1fr;gap:6px;padding:4px 0;border-bottom:1px dotted rgba(45,61,82,.4)}.log-row:last-child{border-bottom:none}.log-row-round{color:var(--ink-faded);font-size:.62rem}.log-row-actor{font-weight:700;letter-spacing:.06em;font-size:.64rem}.log-by-p1 .log-row-actor{color:var(--cyan-bright)}.log-by-p2 .log-row-actor{color:var(--red-bright)}.log-row-actor-system{color:var(--ink-mute)}.log-kind-system .log-row-text{color:var(--ink-mute);font-style:italic}.log-kind-round .log-row-text{color:var(--cyan);font-weight:600}.log-kind-damage .log-row-text{color:var(--red-bright)}.log-kind-action .log-row-text{color:var(--ink)}.log-kind-info .log-row-text{color:var(--ink-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elev) 100%);border:1px solid var(--cyan);border-radius:8px;width:min(1700px,96vw);max-height:94vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #000c,0 0 32px #5b9aba38;padding:14px 18px 16px}.modal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border-strong)}.modal-eyebrow{font-family:var(--mono);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}.modal-title{font-family:var(--display);font-size:1.15rem;font-weight:700;letter-spacing:.06em;color:var(--ink);margin:2px 0 0}.modal-close{font-family:var(--display);font-size:.78rem;padding:6px 12px;letter-spacing:.08em;border-color:var(--cyan);color:var(--cyan-bright)}.modal-close:hover{background:#5b9aba26;color:var(--ink)}.modal-empty{font-style:italic;color:var(--ink-mute);text-align:center;padding:60px 20px}.modal-panel.browser-panel{width:min(1700px,96vw);height:94vh;max-height:94vh}.modal-panel.browser-panel .modal-empty{flex:1;display:flex;align-items:center;justify-content:center}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-items:start;align-content:start;overflow-y:auto;overflow-x:hidden;padding:8px 4px;flex:1;min-height:0}.modal-grid::-webkit-scrollbar{width:10px}.modal-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.modal-entry{position:relative;display:block;width:100%;text-align:left}.modal-entry .hs-card{width:100%}.modal-entry.is-most-recent:after{content:"NEW";position:absolute;top:3px;right:3px;font-family:var(--display);font-size:.5rem;letter-spacing:.16em;color:var(--cyan-bright);background:#050a14d9;border:1px solid var(--cyan);padding:1px 5px;border-radius:2px;text-transform:uppercase;z-index:1}.modal-panel.card-browser-full{width:min(1700px,96vw);height:94vh;max-height:94vh}.modal-panel.card-browser-full .modal-empty{flex:1;display:flex;align-items:center;justify-content:center}.modal-panel.card-browser-fit{width:auto;max-width:96vw;height:auto}.card-browser-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 4px}.card-browser-fit .card-browser-row .modal-entry{width:clamp(140px,16vw,190px)}.browse-badge{position:absolute;top:3px;left:3px;font-family:var(--display);font-size:.5rem;letter-spacing:.16em;color:var(--cyan-bright);background:#050a14d9;border:1px solid var(--cyan);padding:1px 5px;border-radius:2px;text-transform:uppercase;z-index:2}.modal-entry.is-selected .hs-card{outline:2px solid var(--cyan-bright);outline-offset:2px;border-radius:6px}.modal-entry.is-selected{filter:drop-shadow(0 0 10px rgba(91,154,186,.5))}.browse-check{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cyan-bright);color:#04121c;font-size:.9rem;font-weight:800;z-index:2;box-shadow:0 0 8px #5b9abab3}.browse-order{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cyan-bright);color:#04121c;font-family:var(--display);font-size:.82rem;font-weight:800;z-index:2;box-shadow:0 0 8px #5b9abab3}.card-browser-confirm-row{display:flex;justify-content:center;padding-top:10px;margin-top:4px;border-top:1px solid var(--border-strong)}.hs-card{container-type:inline-size;width:140px;aspect-ratio:var(--card-aspect);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-elev) 100%);border:0;border-radius:5px;overflow:hidden;color:var(--ink);font-family:var(--body);position:relative;box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #5b9aba1a,0 4px 14px #00000073}.hs-card-body{display:flex;flex-direction:column;height:100%;padding:4.5cqw;gap:2.4cqw;font-size:5cqw}.hs-hero .hs-card-body{padding:0;gap:0}.hs-card[class*=frame-]{background-color:transparent;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;box-shadow:0 4px 14px #00000073;border-radius:12px;aspect-ratio:822 / 1105;height:auto;container-type:inline-size}.hs-card-hand[class*=frame-],.hs-card-bay[class*=frame-],.hs-card-browse[class*=frame-]{height:auto}.hs-card-bay[class*=frame-]{width:124px;overflow:visible}.hs-card[class*=frame-]{padding:0;gap:0}.hs-card[class*=frame-] .hs-head{height:13%;flex:none;padding:5cqw 8% 0}.hs-card[class*=frame-] .hs-art{height:42%;flex:none;margin:0 12%;background-size:cover;background-position:center;background-repeat:no-repeat;border:none}.hs-card[class*=frame-] .hs-subhead{height:8%;flex:none;padding:0 11% 0 13%;display:flex;align-items:center;justify-content:space-between;font-size:3.4cqw;letter-spacing:.06em}.hs-card[class*=frame-] .hs-text{flex:1;min-height:0;margin:0 10%;overflow:hidden}.hs-card[class*=frame-] .hs-flavor{flex:none;margin:0 10% 6%}.hs-card[class*=frame-].type-system .hs-charge-pips,.hs-card[class*=frame-].type-system .hs-attack{display:none}.hs-bay-charge{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;margin-top:6px;font-size:16px;color:#fff;pointer-events:none;z-index:4;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) drop-shadow(0 0 4px rgba(255,255,255,.3));white-space:nowrap}.hs-bay-charge .hs-charge-icon{margin:0;vertical-align:baseline}.hs-bay-charge.is-overdrive{pointer-events:auto}.hs-charge-pip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;display:inline-flex;align-items:center;cursor:pointer;color:inherit;line-height:0;opacity:.5;border-radius:3px;transition:opacity .12s ease,transform .1s ease,filter .12s ease}.hs-charge-pip-btn:hover{opacity:.85;transform:translateY(-1px)}.hs-charge-pip-btn.is-staged{opacity:1;color:#ffce4f;filter:drop-shadow(0 0 5px rgba(255,206,79,.9))}.hs-charge-pip-btn.is-staged:hover{transform:translateY(-1px)}.hs-card.hs-pilot-placeholder{position:relative;width:100%;aspect-ratio:821 / 1104;height:auto;padding:0;gap:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;border-radius:12px;box-shadow:0 4px 14px #00000080;container-type:inline-size;overflow:hidden;font-family:var(--display);color:#f5d9a2}.hs-card-hand.hs-pilot-placeholder,.hs-card-bay.hs-pilot-placeholder{width:124px;height:auto}.hs-card-sm.hs-pilot-placeholder{width:100px}.hs-card-lg.hs-pilot-placeholder{width:320px}.hs-pp-name{position:absolute;top:5%;left:50%;transform:translate(-50%);width:70%;text-align:center;font-size:5.2cqw;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-pp-type{position:absolute;top:11.5%;left:50%;transform:translate(-50%);width:50%;text-align:center;font-family:var(--mono);font-size:3.4cqw;letter-spacing:.22em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.hs-pp-focus,.hs-pp-order{position:absolute;width:9cqw;height:9cqw;display:flex;align-items:center;justify-content:center;font-size:5cqw;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hs-pp-focus{left:7%;top:6%}.hs-pp-order{right:7.5%;top:6%}.hs-pp-text{position:absolute;height:25%;left:15%;right:15%;bottom:9%;display:flex;flex-direction:column;gap:1.2cqw;font-family:var(--body);font-size:4cqw;line-height:1.22;color:#fff;text-shadow:0 1px 1.5px rgba(0,0,0,.85)}.hs-pp-line{margin:0}.hs-pp-tag{font-family:var(--display);font-size:4.2cqw;font-weight:700;color:#fff;margin-right:2px}.hs-pp-text .hs-tap-icon,.hs-pp-text .hs-charge-icon,.hs-pp-text .hs-bolt-icon,.hs-pp-text .hs-energy-token{color:inherit}.hs-card.frame-system .hs-head{padding:8.5cqw 4.5cqw 0 10.5cqw}.hs-card.frame-system .hs-cost{min-width:7cqw;height:7cqw;font-size:4.5cqw}.hs-card.frame-system .hs-name{font-size:4cqw}.hs-card.frame-system .hs-art{-webkit-mask-image:radial-gradient(circle 8cqw at calc(100% - 6cqw) 0,transparent 99%,#000 100%),radial-gradient(circle 8cqw at 6cqw 0,transparent 99%,#000 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle 8cqw at calc(100% - 6cqw) 0,transparent 99%,#000 100%),radial-gradient(circle 8cqw at 6cqw 0,transparent 99%,#000 100%);mask-composite:intersect}.hs-card.frame-choir{background-image:url(/art/frames/choir.png)}.hs-card.frame-lattice{background-image:url(/art/frames/lattice.png)}.hs-card.frame-neutral{background-image:url(/art/frames/neutral.png)}.hs-card.frame-system{background-image:url(/art/frames/system.png)}.hs-card.hs-card-back{background-image:url(/art/card-back.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;aspect-ratio:822 / 1105;height:auto;border-radius:12px;box-shadow:0 4px 14px #00000073}.hs-card[class*=frame-] .hs-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;padding-bottom:0;border-bottom:none}.hs-cost-slot{display:flex;align-items:center;gap:4px;justify-self:start}.hs-card[class*=frame-] .hs-cost{background:none;box-shadow:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);min-width:9cqw;height:9cqw;font-size:6cqw;padding:0}.bay-card .hs-card[class*=frame-] .hs-cost{display:inline-flex}.hs-card[class*=frame-] .hs-cost.hs-cost-focus{background:none;box-shadow:none;color:#e8c8ff}.hs-card[class*=frame-] .hs-name{flex:none;justify-self:center;text-align:center;font-size:4.5cqw;line-height:1.05;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hs-card[class*=frame-] .hs-subhead{justify-content:flex-start;color:#d2d2d2d9}.hs-card[class*=frame-] .hs-type{color:inherit}.hs-card[class*=frame-] .hs-text,.hs-card[class*=frame-] .hs-tag,.hs-card[class*=frame-] .hs-flavor{font-size:4.1cqw;line-height:1.18}.hs-card[class*=frame-] .hs-text{background:transparent;border:none;color:#1f1410;padding:3cqw 4cqw}.hs-card[class*=frame-] .hs-tag{color:#000;margin-right:3px}.hs-card[class*=frame-] .hs-text .hs-damage-icon,.hs-card[class*=frame-] .hs-text .hs-damage-token,.hs-card[class*=frame-] .hs-text .hs-shield-icon,.hs-card[class*=frame-] .hs-text .hs-shield-token{color:#000}.hs-card[class*=frame-] .hs-flavor{color:#2a1a10;padding:0 4cqw 6.5cqw;font-size:3cqw}.hs-card-hand{width:124px}.hs-card-bay{width:var(--bay-w);height:var(--bay-h);aspect-ratio:auto}.hs-card-browse{width:100%}.hs-card-sm{width:100px}.hs-card-lg{width:290px}.hs-hero{padding:0;gap:0;overflow:hidden;aspect-ratio:var(--card-aspect);min-height:0}.hs-card-hand.hs-hero{width:124px}.hs-card-sm.hs-hero{width:100px}.hs-card-lg.hs-hero{width:290px}.hs-hero-art{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#0a1424}.hs-hero-art .hs-art-image{width:100%;height:100%;object-fit:cover;display:block}.hs-hero-art .hs-art-placeholder{width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center}.hs-hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:7cqw 6cqw 5cqw;background:linear-gradient(180deg,transparent 0%,rgba(5,10,20,.75) 50%,rgba(5,10,20,.95) 100%);display:flex;flex-direction:column;gap:1cqw}.hs-hero-name{font-family:var(--display);font-size:7cqw;font-weight:700;letter-spacing:.04em;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,.9);line-height:1.05}.hs-hero-sub{display:flex;gap:2.5cqw;align-items:center}.hs-hero-pip{font-family:var(--mono);font-size:3.6cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-bright);text-shadow:0 1px 4px rgba(0,0,0,.9)}.hs-hero.tint-severed .hs-hero-pip{color:var(--order-severed-bright)}.hs-hero.tint-bound .hs-hero-pip{color:var(--order-bound-bright)}.hs-hero.tint-choir .hs-hero-pip{color:var(--order-choir-bright)}.hs-hero.tint-lattice .hs-hero-pip{color:var(--order-lattice-bright)}.hs-hero-stats{display:flex;justify-content:space-around;padding:2.5cqw 4cqw;background:linear-gradient(180deg,#ffd86b1a,#ffd86b08);border-top:1px solid var(--border-strong)}.hs-hero-stat{display:flex;flex-direction:column;align-items:center;gap:.5cqw;line-height:1}.hs-hero-stat-label{font-family:var(--mono);font-size:2.8cqw;letter-spacing:.16em;color:var(--ink-mute);text-transform:uppercase}.hs-hero-stat-value{font-family:var(--display);font-size:5.6cqw;font-weight:700;color:var(--energy);text-shadow:0 0 6px rgba(255,216,107,.35)}.hs-hero-text{padding:4cqw;background:#f4e9d00a;border-top:1px solid var(--border-strong);font-size:4.4cqw;line-height:1.3;color:var(--ink-soft)}.hs-hero-ability{padding:4cqw;background:#ffd86b0d;border-top:1px solid var(--border-strong);font-size:4.4cqw;line-height:1.32;color:var(--ink-soft)}.hs-hero-ability .hs-line{margin:0}.hs-hero-ability .hs-line+.hs-line{margin-top:2.5cqw}.hs-hero-ability .hs-ability-name{font-style:italic;color:var(--ink)}.hs-hero-ability .hs-ability-cost{color:var(--ink)}.hs-hero .hs-flavor{padding:3cqw 6cqw;font-size:3.6cqw}.hs-card-sm.hs-hero .hs-flavor,.hs-card-hand.hs-hero .hs-flavor,.hs-card-md.hs-hero .hs-flavor,.hs-card-browse.hs-hero .hs-flavor{display:none}.hs-hero-stats,.hs-hero-ability{flex:0 0 auto}.hs-hero-ability{overflow:hidden}.hs-hero .hs-footer{padding:2.5cqw 6cqw;background:#050a1480;border-top:1px solid var(--border)}.hs-card-sm.hs-hero .hs-footer,.hs-card-hand.hs-hero .hs-footer{display:none}.hs-card.tint-severed{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #d4a04a2e,0 4px 14px #00000073}.hs-card.tint-bound{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #c4483a2e,0 4px 14px #00000073}.hs-card.tint-choir{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #b8a3c42e,0 4px 14px #00000073}.hs-card.tint-lattice{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e02e,0 4px 14px #00000073}.hs-card.hs-color-red{--card-accent: var(--color-red);--card-accent-deep: var(--color-red-deep)}.hs-card.hs-color-blue{--card-accent: var(--color-blue);--card-accent-deep: var(--color-blue-deep)}.hs-card.hs-color-green{--card-accent: var(--color-green);--card-accent-deep: var(--color-green-deep)}.hs-card.hs-color-yellow{--card-accent: var(--color-yellow);--card-accent-deep: var(--color-yellow-deep)}.hs-card.hs-color-purple{--card-accent: var(--color-purple);--card-accent-deep: var(--color-purple-deep)}.hs-card.hs-color-generic,.hs-card.hs-color-multi{--card-accent: var(--color-generic);--card-accent-deep: var(--color-generic-deep)}.hs-card.hs-color-token{--card-accent: #ffffff;--card-accent-deep: #2a2f36}.hs-card.hs-color-token:not([class*=frame-]){box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px color-mix(in srgb,var(--card-accent) 30%,transparent),0 4px 14px #00000073}.hs-card.hs-color-multi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,var(--edge-c1, var(--color-generic)),var(--edge-c2, var(--color-generic)));-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;z-index:3}.hs-card.hs-color-red:not([class*=frame-]),.hs-card.hs-color-blue:not([class*=frame-]),.hs-card.hs-color-green:not([class*=frame-]),.hs-card.hs-color-yellow:not([class*=frame-]),.hs-card.hs-color-purple:not([class*=frame-]),.hs-card.hs-color-generic:not([class*=frame-]){box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px color-mix(in srgb,var(--card-accent) 30%,transparent),0 4px 14px #00000073}.hs-card.hs-color-multi:not([class*=frame-]){box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #9aa6b247,0 4px 14px #00000073;background-image:linear-gradient(180deg,var(--surface) 0%,var(--surface-elev) 100%),linear-gradient(135deg,color-mix(in srgb,var(--color-red) 12%,transparent),color-mix(in srgb,var(--color-blue) 12%,transparent),color-mix(in srgb,var(--color-purple) 12%,transparent))}.hs-card.hs-color-red[class*=frame-],.hs-card.hs-color-blue[class*=frame-],.hs-card.hs-color-green[class*=frame-],.hs-card.hs-color-yellow[class*=frame-],.hs-card.hs-color-purple[class*=frame-]{box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 45%,transparent),0 0 14px color-mix(in srgb,var(--card-accent) 30%,transparent),0 4px 14px #00000073}.hs-card.hs-color-multi[class*=frame-]{box-shadow:0 0 0 1px #b07bff66,0 0 14px #4fb8f038,0 4px 14px #00000073}.hs-cost-cluster{display:inline-flex;align-items:center;gap:1.4cqw;flex-shrink:0}.hs-cost-generic{display:inline-flex;align-items:center;justify-content:center;min-width:9cqw;height:9cqw;padding:0 2cqw;border-radius:50%;background:radial-gradient(circle at 35% 28%,#eef2f6,#aeb8c2 45%,#6b7682 78%,#2c333a);color:#1a2128;font-family:var(--display);font-size:4.6cqw;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -2px 3px #00000059,0 1px 3px #00000080;text-shadow:0 1px 0 rgba(255,255,255,.35)}.hs-cost-pip{display:inline-block;width:9cqw;height:9cqw;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 -1px 2px #0006,0 1px 2px #00000080}.hs-card[class*=frame-] .hs-cost-cluster{gap:1.5cqw}.hs-card[class*=frame-] .hs-cost-generic{min-width:8cqw;height:8cqw;font-size:4.5cqw;padding:0 1cqw}.hs-card[class*=frame-] .hs-cost-pip{width:6cqw;height:6cqw}.bay-card .hs-cost-cluster{display:none}.bay-card .hs-card[class*=frame-] .hs-cost-cluster{display:inline-flex}.hs-head{display:flex;align-items:center;gap:4cqw}.hs-cost{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5cd5a,#c89a2e 75%,#5e4108);color:#fff;font-family:var(--display);font-size:.85rem;font-weight:800;line-height:1;letter-spacing:0;box-shadow:inset 0 0 0 1.5px #fff0c899,inset 0 -2px 4px #00000059,0 2px 5px #0000008c;text-shadow:0 1px 1px rgba(0,0,0,.6);flex-shrink:0}.hs-card-lg .hs-cost{min-width:30px;height:30px;font-size:1.1rem}.hs-card-sm .hs-cost{min-width:18px;height:18px;font-size:.7rem}.hs-card-hand .hs-cost{min-width:20px;height:20px;font-size:.78rem}.hs-card-browse .hs-cost{min-width:18px;height:18px;font-size:.7rem}.hs-cost.hs-cost-focus{background:radial-gradient(circle at 35% 30%,#d4b8e8,#7e6a98 75%,#3a2c50);box-shadow:inset 0 0 0 1.5px #e8d7f899,inset 0 -2px 4px #00000059,0 2px 5px #0000008c}.hs-signature-tag{display:inline-block;font-family:var(--display);font-size:.66em;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--focus);background:#b8a3c426;border:1px solid rgba(184,163,196,.55);padding:0 5px;margin-right:5px;border-radius:2px;vertical-align:baseline;text-shadow:0 0 6px rgba(212,184,232,.4)}.hs-card.is-signature{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #d4b8e840,0 4px 14px #00000073,0 0 18px #b8a3c426}.hs-name{font-family:var(--display);font-size:5.4cqw;font-weight:700;letter-spacing:.02em;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.6);flex:1;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hs-subhead{display:flex;justify-content:space-between;font-family:var(--mono);font-size:4cqw;letter-spacing:.16em;text-transform:uppercase}.hs-type{color:var(--ink-mute);font-size:.82em}.hs-charge-box{display:inline-flex;align-items:center;gap:.18em;flex:none;padding:.05em .42em;border:1px solid var(--gold-deep);border-radius:.5em;background:#d4a04a24;color:var(--gold-bright);line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.hs-charge-box-n{font-weight:700}.hs-art{flex:0 0 auto;height:50cqw;border-radius:3cqw;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hs-attack{position:absolute;bottom:3cqw;right:3cqw;font-family:var(--display);font-size:7cqw;line-height:1;z-index:2;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.8)}.hs-attack .hs-damage-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.hs-charge-pips{position:absolute;bottom:3cqw;left:3cqw;display:flex;gap:1cqw;align-items:center;z-index:2;pointer-events:none;font-size:9cqw;color:var(--shield);filter:drop-shadow(0 0 3px rgba(122,192,224,.4))}.hs-charge-pips .hs-charge-icon{margin:0;vertical-align:baseline}.hs-charge-pip-more{font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--shield);background:#080e1ad9;border:1px solid rgba(122,192,224,.5);padding:1px 3px;border-radius:2px;margin-left:2px;text-shadow:0 0 4px rgba(122,192,224,.4)}.hs-card-bay .hs-charge-pips{font-size:13px;bottom:3px;left:4px;gap:1px}.hs-card-lg .hs-charge-pips{font-size:20px;gap:3px;bottom:6px;left:6px}.hs-card-hand .hs-charge-pips{font-size:13px;gap:1px;bottom:3px;left:3px}.hs-card-sm .hs-charge-pips{font-size:12px;gap:1px;bottom:3px;left:3px}.hs-card-browse .hs-charge-pips{font-size:11px;gap:1px;bottom:3px;left:3px}.hs-card-bay .hs-attack{font-size:.95rem;bottom:3px;right:4px}.hs-card-lg .hs-art{height:130px}.hs-card-sm .hs-art,.hs-card-hand .hs-art,.hs-card-bay .hs-art{flex:1;height:auto;min-height:0;border:none;border-radius:3px}.hs-card-browse .hs-art{height:56px;border:none;border-radius:3px}.hs-art-image{width:100%;height:100%;object-fit:cover;display:block}.hs-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.hs-art-label{font-family:var(--mono);font-size:4.5cqw;letter-spacing:.32em;color:var(--ink-mute);font-weight:700}.hs-stats{display:flex;justify-content:space-around;background:#ffd86b14;border:1px solid rgba(255,216,107,.22);border-radius:3px;padding:6px 4px}.hs-stat{display:flex;flex-direction:column;align-items:center}.hs-stat-label{font-family:var(--display);font-size:.55rem;letter-spacing:.18em;color:var(--ink-faded);text-transform:uppercase}.hs-stat-value{font-family:var(--display);font-size:1.2rem;font-weight:700;color:var(--energy);line-height:1;margin-top:2px;text-shadow:0 0 6px rgba(255,216,107,.4)}.hs-card-lg .hs-stat-value{font-size:1.6rem}.hs-text{background:#f4e9d00a;border:1px solid var(--border);border-radius:2cqw;padding:3.5cqw 4cqw;font-size:4.4cqw;line-height:1.3;color:var(--ink-soft);flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2.6cqw}.hs-line{margin:0}.hs-tag{font-family:var(--display);font-size:1em;letter-spacing:.1em;color:var(--cyan-bright);text-transform:uppercase;margin-right:1.4cqw}.hs-tap-icon{display:inline-block;vertical-align:-.18em;margin:0 .05em}.hs-charge-icon{display:inline-block;vertical-align:-.22em;margin:0}.hs-charge-icon+.hs-charge-icon{margin-left:-.1em}.hs-damage-icon{display:inline-block;vertical-align:-.22em;margin-left:.08em;color:#d8584a}.hs-bolt-icon{display:inline-block;vertical-align:-.22em;margin-left:.08em}.hs-energy-token{white-space:nowrap;font-weight:700}.hs-pip-inline{display:inline-block;width:.66em;height:.66em;margin-left:.16em;border-radius:50%;vertical-align:-.04em;box-shadow:inset 0 0 0 1px #0000008c,0 0 3px #0006}.hs-damage-token{color:#d8584a;white-space:nowrap;font-weight:700}.hs-shield-icon{display:inline-block;vertical-align:-.22em;margin-left:.08em;color:var(--shield)}.hs-shield-token{color:var(--shield);white-space:nowrap;font-weight:700}.hs-card.tint-severed .hs-tag{color:var(--order-severed-bright)}.hs-card.tint-bound .hs-tag{color:var(--order-bound-bright)}.hs-card.tint-choir .hs-tag{color:var(--order-choir-bright)}.hs-card.tint-lattice .hs-tag{color:var(--order-lattice-bright)}.hs-card .hs-tag.hs-tag-cost,.hs-card.tint-severed .hs-tag.hs-tag-cost,.hs-card.tint-bound .hs-tag.hs-tag-cost,.hs-card.tint-choir .hs-tag.hs-tag-cost,.hs-card.tint-lattice .hs-tag.hs-tag-cost{color:var(--ink)}.hs-card[class*=frame-] .hs-tag.hs-tag-cost{color:#000}.hs-flavor{font-style:italic;font-size:3.6cqw;color:var(--ink-faded);text-align:center;line-height:1.35;padding:0 2cqw}.hs-footer{display:flex;justify-content:space-between;font-family:var(--mono);font-size:3.4cqw;letter-spacing:.16em;color:var(--ink-faded);text-transform:uppercase;padding-top:2cqw;border-top:1px solid var(--border)}.hs-rarity-common{color:var(--ink-mute)}.hs-rarity-uncommon{color:var(--cyan)}.hs-rarity-rare{color:var(--gold)}.hs-rarity-legendary{color:var(--gold-bright)}.toast-stack{position:fixed;left:clamp(8px,1.4vw,18px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:11500;pointer-events:none;max-width:min(340px,32vw)}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;background:linear-gradient(180deg,#0c1322f5,#070d18fa);border:1px solid var(--border-strong);border-left-width:3px;border-radius:4px;color:var(--ink);font-family:var(--body);font-size:.82rem;letter-spacing:.02em;line-height:1.35;box-shadow:0 8px 26px #0009,inset 0 0 0 1px #5b9aba0f;pointer-events:auto;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:toast-slide-in .18s cubic-bezier(.4,0,.2,1);transition:transform .12s ease,box-shadow .12s ease}.toast:hover{transform:translate(2px)}.toast-icon{font-size:1rem;line-height:1;flex-shrink:0}.toast-msg{flex:1}.toast-info{border-left-color:var(--cyan)}.toast-info .toast-icon{color:var(--cyan-bright)}.toast-warn{border-left-color:var(--energy)}.toast-warn .toast-icon{color:var(--energy)}.toast-error{border-left-color:var(--red)}.toast-error .toast-icon{color:var(--red-bright)}.toast-success{border-left-color:var(--ready)}.toast-success .toast-icon{color:var(--ready)}@keyframes toast-slide-in{0%{transform:translate(-28px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1240px){.player-panel{width:220px;padding:8px 10px;position:relative}.log-panel{width:320px}.log-toggle.is-open{right:320px}}@media (max-height: 860px){:root{--hand-h: var(--hand-h-sm)}.board-inner{max-width:clamp(700px,90vw,1180px);padding:0 12px}.tile-name{font-size:.82rem}.tile-inner{padding:5px 7px;gap:3px}}@media (max-height: 760px){:root{--hand-h: var(--hand-h-xs)}body{font-size:12px}.player-panel{padding:8px 10px;gap:6px}.tile-name{font-size:.74rem}}@media (max-width: 1000px){.player-panel{width:210px;padding:8px 10px}.board-inner{max-width:92vw}}.builder-crystals{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--void);border:1px solid var(--border);border-radius:3px;flex-shrink:0}.builder-crystals-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.builder-crystals-summary{font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.16em;color:var(--ink)}.builder-crystal-slots{display:flex;flex-wrap:wrap;gap:8px}.builder-crystal-slot{display:flex;flex-direction:column;align-items:center;gap:3px}.builder-crystal-index{font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;color:var(--ink-mute)}.builder-crystal-swatches{display:flex;gap:2px}.builder-crystal-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.4);cursor:pointer;padding:0;opacity:.35;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}.builder-crystal-swatch:hover:not(:disabled){opacity:.7}.builder-crystal-swatch.is-active{opacity:1;transform:scale(1.15);box-shadow:0 0 0 1px var(--void),0 0 0 2px currentColor}.builder-crystal-swatch:disabled{cursor:default}.deck-card-crystals{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.deck-card-crystal-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.4)}.builder-row.tint-edge-red{border-left-color:#ff5a4d}.builder-row.tint-edge-blue{border-left-color:#4fb8f0}.builder-row.tint-edge-green{border-left-color:#54d68a}.builder-row.tint-edge-yellow{border-left-color:#ffce4f}.builder-row.tint-edge-purple{border-left-color:#b07bff}.core-pip{position:relative}.core-pip:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;background:#04070e;-webkit-mask:var(--core-glyph) center / contain no-repeat;mask:var(--core-glyph) center / contain no-repeat;pointer-events:none}.core-red{--core-glyph: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='49 -55 167.8 155'><path d='m83.2 26.3-25.3-24.7 3-6.6 19.1 18.9 6.1-17.3 19.3 18.4-2.7 6.6-13.5-12.5c0.2-0.1-6 17.2-6 17.2zm46.6-30.7-15.3-18.1 17.9-5.9-8.4-20.1 5.9-2.4 10.7 26.1-14.7 5 8.7 10.3-4.8 4.1v1z'/><path d='m87 88.1-4-5.1 19.5-14.6 1.2-1-10.2-7.4-7.2-5.4 25.8-11.6 1-0.5 2.5 6.4-16.8 8 14.8 11.5-26.6 19.7zm70.9 8.5 1.8-25.3-18.6 5.1 4.9-27.7 6.4 1.2-2.8 17.7 17.7-4.8-2.4 33.1-7 0.7zm18.6-50.1-0.2-18.1-12.3 6.1-3-5.7 22.4-11v15.3l9.6-7 14.7 15.5-4.3 4.3-10.6-11.1zm-18.1-38.8-5.4-4.3 10.8-23.7 11.7 12.2 10.6-23.3 5.9 4.9-13.8 30.6-12.2-12.7-7.6 16.3zm-25.1 35.5c-10.3 0.2-19.5-7.3-19.8-18.3-0.2-10.2 8.3-19.9 18.8-19.9 10.5-0.1 18.9 7.9 19.4 18 0.4 10.2-7.3 19.5-18.4 20.2z'/></svg>")}.core-blue{--core-glyph: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144.6 155'><path d='m72 9.9c-7.2 0-14 1-19.4 2.9-7.6 2.5-14.4 6.1-20.9 10.9l-3.6 2.7 1.2-1 8 8v0.1l0.1-0.1c4.3-3.4 8.9-6.1 13.7-8.1 5.8-2.4 12.1-4.2 19.1-4.6h4.3c7.1 0.2 14.3 1.7 20.4 4.4 4.6 2 8.9 4.5 12.4 7.3v0.1h0.1l-0.1-0.1v0.1h0.1l-0.1-0.1v0.1l0.1 0.1v-0.1 0.1l0.1-0.1v0.2-0.2c0.2 0.2 0.6 0.5 0 0.2h0.1v0.1-0.1h-0.1l0.1-0.1 1.4 0.8 6.1-6.3v-0.1l-0.1 0.1 0.1-0.1h0.1l-0.1-0.1h0.1-0.1l0.1-0.1-0.1 0.1 0.1-0.2v0.2-0.1h0.1l-0.9-0.9c-8.9-6.9-17.6-11.5-27.7-14.1-4.5-1.1-9.4-1.8-14.5-1.8'/><path d='m19.9 35.1-2 2.4c-1.9 2.7-3.7 5.5-5.3 8.6-4.9 9-8.5 19.9-8.5 31.8 0 6.1 0.9 12.6 2.8 18.9l2.1 5.4c2.8 6.3 6.6 13 10.9 18.3l7.7-7.6c-6.1-7.3-9.6-16-11.4-26.8l-0.3-2.1-0.1-2c-0.1-2.9-0.6-7.9 1-16 2-8 5.6-15.4 10.8-23.1l-7.7-7.8z'/><path d='m124.9 35-8.1 7.4 2.2 2.8c3.5 5.2 6.5 10.6 8.5 17.9l0.1 0.3c1.6 6.5 2.4 13.5 1.5 20.7l-0.2 1.5c-1.6 10-5.5 18.9-12 27.2l8 7.7c7.9-9.2 12.8-19.5 14.8-32.2 2.2-14.3-0.1-26.5-5-38-2.8-5.7-6.3-11.5-9.6-15.2'/><path d='m37.2 122-7.9 7.7c5.7 4.8 12.3 8.3 18.3 10.6 7.1 2.8 14.8 4.5 25 4.8 4.9-0.1 9.8-0.6 14.3-1.5 4.1-0.8 8.5-2.3 11.7-3.5 5-2.1 10.3-4.9 14.6-8.2l1.9-1.6-0.2 0.1v-0.1l-0.1 0.1 0.2-0.2-0.1-0.1 0.1 0.1 0.1-0.1-0.2-0.1h0.2l-7.7-7.9c-3.6 2.7-7.9 5.2-12 6.9-4.4 2-8.6 3.5-14.9 4.6-13.4 2-26.1-0.7-36.8-7-2.5-1.5-4.5-2.8-6.5-4.5'/><path d='m72.2 51.6c-12.7 0-25.6 10.4-25.6 26.2 0 2.2 0.4 5.3 1.2 7.7 3.1 8.6 10.3 15.3 18.9 16.8 1.8 0.3 3.7 0.4 5.7 0.5v-0.1c7 0 12.4-2.4 16.5-5.8 5-4.3 8.7-10.9 9-18.3v-0.6c0-2.5-0.3-6-1.6-9.2-3.2-7.8-10.1-15.3-19.9-16.9-1.4-0.2-2.6-0.3-4.2-0.3'/></svg>")}.core-green{--core-glyph: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='4.5 11.9 88.6 77'><path d='m64.9 12c-5.3 0.1-9.9 1.6-14.9 5.3l-1.4 1.2c-4.2-3.8-9.6-6.5-16.2-6.5-7.4-0.2-14.3 3.5-18.7 9-1.7 2.1-3.1 4.4-4 7-0.7 2-1.3 4.6-1.3 7.8 0 7 2.7 12.9 5.8 16.1 2.2 2.5 5.5 5.1 10.1 6.7l0.9 0.3c-0.4 1.7-0.7 3.7-0.6 6.2 0.1 3.8 1 7.3 2.8 10.7 3.1 5.7 9.7 12 19.7 12.6 5.8 0.3 10.9-1 14.9-3.5 4.7-2.8 8.4-7.6 9.9-12.4 0.7-2 1.2-4.9 1.2-7.6 0-1.7-0.3-3.9-0.5-4.9 1.8-0.5 3.4-1.1 4.7-1.8 5.9-3 11.7-9.2 12.6-18.6 1-10.7-4.9-19.2-11.9-23.6-2.9-1.8-6.7-3.8-13.1-4zm-39.1 44.6c-8.6-2.8-15.3-10.1-15.4-20.6 0-10.3 7.8-19.4 17.2-21 7-1.4 13.1 0.7 17.4 3.7l1.9 1.5c-3.2 3.7-5.7 8.5-5.7 15.4 0 1.7 0.2 3.6 0.5 5.7-5.5 1.6-9.1 4.4-11.7 7.5-1.8 2.3-3.2 4.8-4.2 7.8zm27.6-15.6c-3-0.6-5.8-0.6-9.4 0-0.4-1.9-0.5-3.2-0.4-5.6 0.4-5.5 2.7-9.6 5-13 3 3.3 5.4 8.5 5.3 13.9-0.1 1.6-0.2 3.3-0.5 4.7zm-6.5 10.9c-3.3 2.9-8.5 5.7-14.8 5.7-1 0-2.9-0.1-4.2-0.4 2.1-6.2 7.2-11.4 14.4-13.6 1.1 3.3 2.7 6 4.6 8.3zm1.7 34.1c-11.1 0-21.9-8-21.9-22 0-1.3 0.2-3.2 0.5-4.6 1.5 0.3 3 0.4 4.9 0.4 5.6-0.1 11.5-1.9 16.4-6.2 3.5 3.1 8.9 6.2 16.4 6.2 1.6 0 3-0.1 4.8-0.4 0.3 1.4 0.5 3 0.5 5.2-0.4 11.3-8.9 21.2-21.6 21.4zm1.3-34.1c2-2.2 3.7-5 4.9-8.3 6.3 1.8 11.9 6.8 14.4 13.5-7 1.1-14-0.8-19.3-5.2zm21.8 4.8-0.6-1.5c-2.2-5.2-6.9-10.7-13.7-13.1l-1.9-0.6c0.4-1.8 0.6-4.3 0.4-7.3-0.4-4.4-2.3-9.3-5.9-13.5 2.7-2.3 6.2-4.7 11.1-5.6 7.9-1.5 13.6 0.9 17.3 3.5 2.1 1.6 3.8 3.4 5.3 5.6 1.5 2.5 3.3 6.3 3.4 11.2 0 5.4-1.7 10.3-5.4 14.5-2.2 2.4-5.3 5.3-10 6.8z'/><path d='m44.4 43c1.6-0.4 6.4-0.6 8.3 0-0.8 2.2-2.2 5.1-4.1 7.4-1.7-1.9-3.5-4.9-4.2-7.4z'/></svg>")}.core-yellow{--core-glyph: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='5.6 -14 77 58'><path d='m44.2-9 11.3 19h3l-14.3-25-14.3 25h3l11.3-19zm0 9 8.3 14.6 1.5-2.4-9.8-17-9.6 16.8 1.5 2.6 8.1-14.6z'/><path d='m65.7 21.2h-2.8l11.5 19.4h-22.4l1.4 2.4h25.3l-13-21.8zm-4.9 1.4h-3l7.8 13.2h-17.2l1.4 2.4h20.2l-9.2-15.6z'/><path d='m22.8 21.2-13.3 21.8h25.3l1.4-2.4h-22.4l11.7-19.4h-3zm4.6 1.4-9.2 15.6h20.1l1.4-2.4h-17.2l7.8-13.2h-2.9z'/><circle cx='44.1' cy='22.5' r='6.8'/></svg>")}.core-purple{--core-glyph: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='7.8 91 244.5 198'><path d='m162.8 130c-2.2-12-13.2-26.3-31.8-27-17.8-0.3-33.9 13.4-34 32.7 0.1 15.7 11.7 33.4 33.5 33.4 14.6 0 34.7-11.3 32.3-36.1'/><path d='m180.1 182.2v17.7c-0.2 29-21.8 52.7-50.6 52.7-27.5 0-49.2-21.9-49.2-51v-19.4h-59.7c-0.7 0-1.4 0.7-1.4 1.6v1c0 1.6 1.5 1.7 2.3 1.7 5.6 0.1 23.3 1.8 30.4 14.2 2.2 3.8 3 6.3 3.1 9 1.6 16.9 13.7 57.4 60.4 66 4.6 0.9 9.2 1.3 14.1 1.3 20.7 0 37-7.3 48.1-17 13-11.2 21.9-26.2 25-45 0.5-3.4 0.5-6.1 1.8-9 5.3-12.1 15.7-17.7 32.7-19.1 0.8 0 2.9 0.4 2.9-2.1v-0.5c0-0.8-0.5-1.7-1.4-1.7h-58.8'/></svg>")}.mulligan-panel{width:min(1040px,94vw);max-height:92vh;overflow-y:auto;padding-bottom:18px}.mulligan-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.mulligan-rule{font-size:.8rem;color:var(--ink-mute);max-width:340px;text-align:right}.mulligan-row{margin:14px 18px 0;padding:14px 16px;border:1px solid var(--border);background:var(--surface)}.mulligan-row.is-ready{opacity:.72}.mulligan-row-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.mulligan-player{font-family:var(--display);font-weight:700;color:var(--gold);letter-spacing:.08em}.mulligan-deck{color:var(--ink);font-weight:600}.mulligan-meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.mulligan-cards{display:flex;gap:8px;flex-wrap:wrap}.mulligan-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.mulligan-actions .panel-btn{flex:0 0 auto;min-width:130px}.mulligan-ready{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright)}.initiative-badge{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto}.panel-bottom .initiative-badge{bottom:calc(100% + 4px)}.panel-top .initiative-badge{top:calc(100% + 4px)}.initiative-img{width:75px;height:auto;display:block;flex-shrink:0;animation:init-medal-pop .28s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 10px rgba(170,205,235,.45)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.initiative-label{font-family:var(--mono);font-size:.54rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 1px 3px rgba(0,0,0,.8)}@keyframes init-medal-pop{0%{transform:scale(.4) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.boot-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,rgba(20,44,66,.45),transparent 60%),var(--void);animation:boot-fade-in .5s ease both}.boot-loader-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.8) 100%)}.boot-loader-brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.boot-loader-eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-mute)}.boot-loader-title{margin:0;font-family:var(--display);font-size:clamp(2.6rem,7vh,4.4rem);font-weight:800;letter-spacing:.34em;color:var(--cyan-bright);text-shadow:0 0 30px rgba(122,192,224,.45);animation:boot-title-pulse 2.6s ease-in-out infinite}.boot-loader-bar{position:relative;width:clamp(220px,26vw,300px);height:3px;border-radius:2px;background:#5b9aba29;overflow:hidden}.boot-loader-fill{position:absolute;top:0;left:0;height:100%;width:38%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cyan-bright),transparent);animation:boot-bar-slide 1.3s ease-in-out infinite}.boot-loader-status{font-family:var(--mono);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-mute);animation:boot-blink 1.6s ease-in-out infinite}@keyframes boot-fade-in{0%{opacity:0}to{opacity:1}}@keyframes boot-title-pulse{0%,to{text-shadow:0 0 24px rgba(122,192,224,.35)}50%{text-shadow:0 0 38px rgba(122,192,224,.6)}}@keyframes boot-bar-slide{0%{left:-40%}to{left:100%}}@keyframes boot-blink{0%,to{opacity:.5}50%{opacity:1}}.setup-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;padding:clamp(20px,4vh,44px) clamp(24px,4vw,64px);overflow:auto;background:radial-gradient(ellipse at 50% 22%,rgba(18,42,64,.3),transparent 60%),radial-gradient(ellipse 115% 95% at 50% 48%,#04070ea8,#04070e85 78%),url(/art/backgrounds/space-background.png) center center / cover no-repeat fixed,#050b18;animation:boot-fade-in .45s ease both}.setup-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.7) 100%)}.setup-loadouts{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:clamp(14px,2vw,36px)}.loadout{flex:1 1 0;max-width:600px;min-width:0;display:flex;flex-direction:column;gap:clamp(22px,3vh,36px);padding:clamp(16px,2vh,26px);border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#0c1322c7,#070d18db);box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #5b9aba0f}.loadout-p1{border-top:2px solid var(--cyan)}.loadout-p2{border-top:2px solid var(--gold)}.loadout-player{display:flex;align-items:center;gap:12px}.loadout-avatar{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:var(--void)}.loadout-avatar.avatar-p1{background:radial-gradient(circle at 35% 30%,var(--cyan-bright),var(--cyan-dim));border:2px solid var(--cyan-bright);box-shadow:0 0 18px #7ac0e073}.loadout-avatar.avatar-p2{background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold-deep));border:2px solid var(--gold-bright);box-shadow:0 0 18px #ffd86b66}.loadout-avatar-initials{line-height:1}.loadout-player-info{display:flex;flex-direction:column;gap:4px;min-width:0}.loadout-player-name{font-family:var(--display);font-size:1.02rem;font-weight:700;letter-spacing:.03em;color:var(--ink)}.loadout-player-meta{display:flex;align-items:center;gap:8px}.loadout-tag{font-family:var(--display);font-size:.72rem;font-weight:800;letter-spacing:.16em;padding:2px 8px;border-radius:3px}.loadout-tag.tag-p1{background:#5b9aba2e;color:var(--cyan-bright);border:1px solid var(--cyan)}.loadout-tag.tag-p2{background:#d4a04a2e;color:var(--gold-bright);border:1px solid var(--gold)}.loadout-player-rank{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.loadout-rank-star{color:var(--gold-bright);font-size:.7rem}.loadout-feature{display:flex;gap:clamp(12px,1.5vw,22px);align-items:flex-start}.loadout-info{flex:1;min-width:0;display:flex;flex-direction:column}.loadout-cores{display:flex;align-items:center;gap:5px;margin-top:6px}.loadout-core-dot{width:14px;height:14px;border-radius:50%}.loadout-deck-name{margin:0;font-family:var(--display);font-size:clamp(1.2rem,2.4vh,1.7rem);font-weight:800;letter-spacing:.03em;color:var(--ink)}.loadout-class-row{display:flex;align-items:center;gap:8px;margin-top:4px}.loadout-class{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.loadout-tier{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faded);border:1px solid var(--border);border-radius:2px;padding:1px 5px}.loadout-tagline{margin:10px 0 0;font-family:var(--body);font-size:.84rem;line-height:1.4;color:var(--ink-soft);font-style:italic}.loadout-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;padding-top:14px}.loadout-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px 5px;border-radius:5px;background:#04070e80;border:1px solid var(--border)}.loadout-stat-value{font-family:var(--display);font-size:1.28rem;font-weight:800;line-height:1;color:var(--ink)}.loadout-stat-label{font-family:var(--mono);font-size:.48rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.deck-stack{position:relative;flex:0 0 auto;width:clamp(150px,17vw,196px);align-self:flex-start}.deck-stack-card{position:relative;z-index:10}.deck-stack-card .hs-card{width:100%}.deck-stack-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--card-aspect);border:1px dashed var(--border);border-radius:6px;color:var(--ink-faded);font-family:var(--mono);font-size:.7rem}.loadout-group{display:flex;flex-direction:column;gap:8px}.loadout-group-picker{flex:1 1 auto;min-height:0}.loadout-section-head{flex:0 0 auto;padding-bottom:6px;border-bottom:1px solid var(--border);font-family:var(--display);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.loadout-picker-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.loadout-subhead{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.loadout-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:flex-start;gap:6px}.deck-chip{min-width:0;display:flex;flex-direction:column;gap:3px;padding:7px 10px;border-radius:5px;text-align:left;background:#04070e80;border:1px solid var(--border);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .1s ease}.deck-chip:hover{border-color:var(--cyan);background:#1a284099}.deck-chip.is-selected{border-color:var(--cyan-bright);background:#28405c8c;box-shadow:inset 0 0 0 1px #7ac0e04d}.deck-chip-name{font-family:var(--display);font-size:.82rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-chip-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.deck-chip-class{font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.deck-chip-cores{display:inline-flex;gap:3px}.deck-chip-core{width:9px;height:9px;border-radius:50%}.deck-chip-stats{display:flex;gap:8px;margin-top:1px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.deck-chip-stat{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--mono);font-size:.66rem;font-weight:700;color:var(--ink)}.deck-chip-stat .chip-stat-k{font-size:.5rem;font-weight:600;letter-spacing:.1em}.chip-stat-pow .chip-stat-k{color:#d68a5c}.chip-stat-def .chip-stat-k{color:#6fb0c9}.setup-versus{align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto}.setup-versus-line{width:1px;flex:1;background:linear-gradient(180deg,transparent,var(--border-strong),transparent)}.setup-versus-word{font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:.12em;color:var(--ink-mute);text-shadow:0 0 16px rgba(0,0,0,.8)}.ai-watch-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0c0e14db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px}.ai-watch-label{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #6cf)}.ai-watch-btn{padding:4px 10px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff0d;color:#fff;cursor:pointer}.ai-watch-btn:hover:not(:disabled){background:#ffffff1f}.ai-watch-btn:disabled{opacity:.4;cursor:default}.ai-watch-god{font-weight:700;letter-spacing:.08em;color:#f5c451}.setup-actions{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:clamp(16px,3vh,32px)}.setup-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.02rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:15px 30px;border-radius:7px;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.setup-btn-icon{font-size:1.1em;line-height:1}.setup-btn-launch{background:linear-gradient(180deg,var(--cyan-bright) 0%,var(--cyan) 100%);border:1px solid var(--cyan-bright);color:var(--void);padding:16px 44px;box-shadow:0 10px 30px #5b9aba59,0 0 24px #7ac0e04d}.setup-btn-launch:hover:not(:disabled){background:linear-gradient(180deg,#a6ddf7 0%,var(--cyan-bright) 100%);border-color:#fff;color:var(--void);box-shadow:0 16px 40px #5b9aba73,0 0 34px #7ac0e073}.setup-btn-launch:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media (max-width: 1080px){.setup-loadouts{flex-direction:column;align-items:stretch}.setup-versus{flex-direction:row;width:100%}.setup-versus-line{width:auto;height:1px}.loadout{max-width:none}}.loadout-view-btn{margin-top:12px;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border-radius:5px;background:#0c132299;border:1px solid var(--border-strong);color:var(--ink-soft);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.loadout-view-btn:hover{border-color:var(--cyan);color:var(--ink);background:#1a2840b3;box-shadow:0 0 16px #5b9aba40}.loadout-view-icon{font-size:.9rem;line-height:1}.dl-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vh,36px);background:#020408cc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:boot-fade-in .2s ease both}.dl-modal{display:flex;flex-direction:column;width:min(1600px,97vw);height:min(940px,95vh);border-radius:14px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#0d1424f7,#070c16fc);box-shadow:0 40px 110px #000000b8;overflow:hidden}.dl-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(91,154,186,.06),transparent)}.dl-eyebrow{font-family:var(--mono);font-size:.58rem;letter-spacing:.34em;text-transform:uppercase;color:var(--cyan)}.dl-name{margin:2px 0 0;font-family:var(--display);font-size:1.7rem;font-weight:800;letter-spacing:.02em;color:var(--ink)}.dl-sub{display:flex;align-items:center;gap:8px;margin-top:4px}.dl-class{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.dl-tier{font-family:var(--mono);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faded);border:1px solid var(--border);border-radius:2px;padding:1px 5px}.dl-sub-dot{color:var(--ink-faded)}.dl-sub-count{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--ink-mute)}.dl-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.dl-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:6px;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.dl-btn-edit{background:#5b9aba29;border:1px solid var(--cyan);color:var(--cyan-bright)}.dl-btn-edit:hover:not(:disabled){background:#5b9aba4d;border-color:var(--cyan-bright);color:var(--ink);box-shadow:0 0 18px #5b9aba59}.dl-btn-edit:disabled{opacity:.4;cursor:not-allowed}.dl-close{width:38px;height:38px;justify-content:center;padding:0;font-size:1rem;background:#04070eb3;border:1px solid var(--border-strong);color:var(--ink-soft)}.dl-close:hover{border-color:var(--cyan);color:var(--ink);background:#1a2840cc}.dl-body{flex:1;display:flex;min-height:0}.dl-info{flex:0 0 clamp(300px,24vw,360px);display:flex;flex-direction:column;gap:16px;padding:20px;border-right:1px solid var(--border);background:#04070e66;overflow-y:auto}.dl-info-ship{display:flex;gap:14px;align-items:center}.dl-info-ship .hs-card{flex:0 0 auto;width:116px}.dl-info-ship-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.dl-info-ship-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}.dl-info-ship-name{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--ink)}.dl-info-cores{display:flex;gap:5px;margin-top:2px}.dl-core-dot{width:15px;height:15px;border-radius:50%}.dl-info-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dl-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px 6px;border-radius:6px;background:#04070e8c;border:1px solid var(--border)}.dl-stat-value{font-family:var(--display);font-size:1.15rem;font-weight:800;line-height:1;color:var(--ink)}.dl-stat-label{font-family:var(--mono);font-size:.42rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.dl-chart{padding:12px 14px 14px;border-radius:8px;background:#070d1899;border:1px solid var(--border)}.dl-chart-title{font-family:var(--mono);font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}.dl-curve{display:flex;align-items:flex-end;gap:6px;height:92px}.dl-curve-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%}.dl-curve-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:0}.dl-curve-bar{width:72%;min-height:4px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--cyan-bright),var(--cyan-dim));position:relative;display:flex;justify-content:center}.dl-curve-n{position:absolute;top:-14px;font-family:var(--display);font-size:.66rem;font-weight:700;color:var(--ink-soft)}.dl-curve-x{font-family:var(--mono);font-size:.6rem;color:var(--ink-mute)}.dl-typebar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#0000004d}.dl-seg{display:block;min-width:3px}.seg-system{background:var(--cyan)}.seg-tactic{background:var(--gold)}.seg-reaction{background:var(--color-purple)}.seg-crew{background:#d98a7a}.dl-legend{display:flex;flex-direction:column;gap:5px;margin-top:10px}.dl-legend-item{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-soft)}.dl-legend-dot{width:9px;height:9px;border-radius:2px;flex:0 0 auto}.dl-legend-n{color:var(--ink);font-weight:700}.dl-legend-pct{margin-left:auto;color:var(--ink-mute)}.dl-colorbars{display:flex;flex-direction:column;gap:7px}.dl-colorbar-row{display:flex;align-items:center;gap:8px}.dl-colorbar-swatch{width:13px;height:13px;border-radius:50%;flex:0 0 auto}.dl-colorbar-track{flex:1;height:9px;border-radius:5px;background:#00000052;overflow:hidden}.dl-colorbar-fill{display:block;height:100%;border-radius:5px}.dl-colorbar-n{font-family:var(--mono);font-size:.62rem;color:var(--ink-soft);width:16px;text-align:right}.dl-columns{flex:1;display:flex;align-items:flex-start;gap:clamp(10px,1.2vw,22px);padding:24px 26px 30px;overflow:auto}.dl-column{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;width:148px}.dl-col-head{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px}.dl-col-cost{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#5b9aba24;border:1px solid var(--border-strong);font-family:var(--display);font-size:1.2rem;font-weight:800;line-height:1;color:var(--ink)}.dl-col-count{font-family:var(--mono);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.dl-stack{display:flex;flex-direction:column;align-items:center}.dl-card{position:relative;transition:transform .12s ease}.dl-card .hs-card{width:140px}.dl-card:not(:first-child){margin-top:-138px}.dl-card:hover{z-index:40}.dl-card:hover .hs-card{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e066,0 12px 30px #000000b8,0 0 22px #5b9aba73}.dl-view-toggle{display:inline-flex;padding:3px;border-radius:7px;background:#04070e99;border:1px solid var(--border)}.dl-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:5px;background:transparent;border:none;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;transition:background .14s ease,color .14s ease}.dl-view-btn:hover{color:var(--ink-soft)}.dl-view-btn.is-active{background:#5b9aba38;color:var(--cyan-bright)}.dl-grid{flex:1;overflow-y:auto;padding:22px 26px 30px;display:flex;flex-direction:column;gap:22px}.dl-grid-section{display:flex;flex-direction:column;gap:12px}.dl-grid-head{display:flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.dl-grid-head-label{font-family:var(--display);font-size:.92rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.dl-grid-head-count{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--ink-mute);padding:2px 8px;border-radius:10px;background:#5b9aba24}.dl-statblock{border-radius:12px;padding:14px 14px 12px}.dl-firepower{background:#d66e5c0f;border:1px solid rgba(214,110,92,.18)}.dl-defense{background:#5b9aba12;border:1px solid rgba(91,154,186,.2)}.dl-defense .dl-fp-sub,.dl-defense .dl-fp-plus{color:#6fb0c9}.dl-stat-toggle{display:flex;align-items:center;gap:6px;margin-top:10px;padding:0;background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);transition:color .12s ease}.dl-stat-toggle:hover{color:var(--ink)}.dl-stat-caret{font-size:.7rem;line-height:1}.dl-statblock .dl-fp-rows{margin-top:11px}.dl-fp-hero{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px}.dl-fp-total{font-family:var(--display);font-size:2.5rem;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.01em}.dl-fp-plus{font-size:1.4rem;color:#d66e5c;vertical-align:super;margin-left:1px}.dl-fp-total-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-top:4px}.dl-fp-sub{font-size:.74rem;font-weight:700;color:#d68a5c;margin-top:5px}.dl-fp-rows{display:flex;flex-direction:column;gap:7px}.dl-fp-row{display:flex;align-items:baseline;gap:9px}.dl-fp-row-val{font-family:var(--mono);font-size:.92rem;font-weight:700;color:var(--ink);min-width:30px;text-align:right}.dl-fp-row.is-negative .dl-fp-row-val{color:var(--ink-mute)}.dl-fp-row-label{display:flex;flex-direction:column;font-size:.74rem;font-weight:600;color:var(--ink)}.dl-fp-row-note{font-size:.6rem;font-weight:500;color:var(--ink-mute);letter-spacing:.02em}.dl-fp-foot{margin-top:11px;padding-top:9px;border-top:1px solid var(--border);font-size:.62rem;line-height:1.35;color:var(--ink-mute)}.dl-grid-subgroup{display:flex;flex-direction:column;gap:10px}.dl-grid-subhead{display:flex;align-items:center;gap:8px}.dl-grid-subhead-label{font-family:var(--display);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.dl-grid-subhead:after{content:"";order:2;flex:1;height:1px;background:var(--border);opacity:.5}.dl-grid-subhead-count{order:3;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--ink-mute)}.dl-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;justify-items:center}.dl-grid-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;align-self:start}.dl-grid-stack{position:relative;width:132px}.dl-grid-cardframe{position:relative;z-index:3}.dl-grid-cardframe .hs-card{overflow:hidden}.dl-grid-card .hs-card{width:132px}.dl-grid-card:hover{z-index:5}.dl-grid-card:hover .hs-card{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e066,0 10px 26px #000000b3,0 0 18px #5b9aba66}.dl-grid-count{font-family:var(--display);font-size:.82rem;font-weight:800;letter-spacing:.04em;color:var(--cyan-bright)}.hs-head{flex-direction:row-reverse}.hs-keyword-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2.4cqw}.hs-keyword{font-family:var(--display);font-weight:800;letter-spacing:.06em}.hs-keyword-helper{font-family:var(--body);font-weight:400;font-style:italic;letter-spacing:0;opacity:.72}.panel-player{display:flex;align-items:center;gap:8px}.panel-menu-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-strong);border-radius:7px;background:#ffffff08;color:var(--cyan-bright);font-family:var(--display);font-size:.64rem;letter-spacing:.16em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.panel-menu-btn:hover{background:#ffffff17;border-color:var(--cyan);color:var(--ink)}.panel-menu-icon{font-size:.9rem}.disengaged-label{display:inline-flex;align-items:flex-end;padding:2px 0;font-family:var(--display, sans-serif);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));-webkit-user-select:none;user-select:none;pointer-events:none}.disengaged-letter{display:inline-block;font-size:calc(1.9rem - var(--t) * .57rem);transform-origin:bottom left;transform:translateY(calc(var(--t) * -7px)) rotate(calc(var(--t) * 5deg));opacity:calc(1 - var(--t) * .22);animation:disengaged-in .4s cubic-bezier(.2,.85,.25,1) both;animation-delay:calc(var(--t) * .3s)}@keyframes disengaged-in{0%{opacity:0;transform:translateY(calc(var(--t) * -7px + 14px)) rotate(calc(var(--t) * 5deg - 6deg)) scale(.82)}to{opacity:calc(1 - var(--t) * .22);transform:translateY(calc(var(--t) * -7px)) rotate(calc(var(--t) * 5deg)) scale(1)}}@media (prefers-reduced-motion: reduce){.disengaged-letter{animation:none}}.panel-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:.66rem;letter-spacing:.02em;color:var(--void)}.panel-avatar.avatar-p1{background:radial-gradient(circle at 35% 30%,var(--cyan-bright),var(--cyan-dim));border:1.5px solid var(--cyan-bright);box-shadow:0 0 10px #7ac0e066}.panel-avatar.avatar-p2{background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold-deep));border:1.5px solid var(--gold-bright);box-shadow:0 0 10px #ffd86b59}.panel-avatar-initials{line-height:1}.panel-avatar,.loadout-avatar{overflow:hidden}.panel-avatar-img,.loadout-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.panel-player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.panel-player-name{font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-player-rank{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.panel-rank-star{color:var(--gold-bright);font-size:.6rem}.trigger-toggle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;background:linear-gradient(180deg,var(--surface-elev),var(--surface));border:1px solid var(--border-strong);border-left:none;border-radius:0 6px 6px 0;color:var(--gold-bright);font-family:var(--display);font-size:.72rem;letter-spacing:.22em;writing-mode:vertical-rl;box-shadow:4px 0 16px #00000080;transition:background .18s ease,border-color .18s ease,left .25s ease}.trigger-toggle:hover{background:linear-gradient(180deg,var(--surface-hot),var(--surface-elev));border-color:var(--gold-bright);color:var(--ink)}.trigger-toggle.has-items:not(.is-open){border-color:var(--gold-bright);animation:trigger-pulse 1.3s ease-in-out infinite}@keyframes trigger-pulse{0%,to{box-shadow:4px 0 16px #00000080,0 0 #ffd86b00}50%{box-shadow:4px 0 16px #00000080,0 0 14px 2px #ffd86b8c}}.trigger-toggle-icon{font-size:1.1rem;letter-spacing:0;writing-mode:horizontal-tb}.trigger-toggle-label{writing-mode:vertical-rl}.trigger-toggle-count{writing-mode:horizontal-tb;font-family:var(--mono);font-size:.6rem;padding:1px 5px;background:var(--void);border-radius:2px;color:var(--gold-bright);letter-spacing:.04em}.trigger-pile{position:fixed;left:52px;top:50%;transform:translateY(-50%);z-index:38;width:240px}.trigger-item.is-behind{position:absolute;top:0;left:0;transform:translate(calc(var(--depth) * 22px),calc(var(--depth) * 20px));transition:transform .18s ease}.trigger-veil{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(135deg,#00000080,#000000b8);box-shadow:inset 0 0 0 1px #00000080;transition:background .15s ease}.trigger-veil:hover{background:linear-gradient(135deg,#0000004d,#00000085)}.trigger-item.is-front{position:relative;background:linear-gradient(180deg,#120e07f5,#0a0804f7);box-shadow:0 16px 38px #000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.trigger-item.is-front.is-top{border-color:var(--gold-bright);box-shadow:0 16px 38px #000000b3,0 0 0 1px #ffd86b66}.trigger-pos-badge{margin-left:auto;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.trigger-top-tag{color:var(--gold-bright);font-weight:700}.trigger-item-actions-view{flex-direction:column;align-items:flex-start;gap:6px}.trigger-item-actions-ghost{min-height:30px}.trigger-view-note{font-family:var(--mono);font-size:.6rem;color:var(--ink-mute);line-height:1.35}.trigger-item{width:240px;border:1px solid var(--border-strong);border-radius:6px;padding:10px;background:#00000047;display:flex;flex-direction:column;gap:8px}.trigger-item.is-top{border-color:var(--gold-bright);box-shadow:0 0 0 1px #ffd86b59,0 6px 18px #00000073}.trigger-item.is-waiting{opacity:.72}.trigger-item.is-mine{border-color:var(--cyan)}.trigger-item.is-foe{border-color:var(--red)}.trigger-item.is-mine.is-top{border-color:var(--cyan-bright);box-shadow:0 0 0 1px #8acdef66,0 6px 18px #00000073}.trigger-item.is-foe.is-top{border-color:var(--red-bright);box-shadow:0 0 0 1px #e85a4a66,0 6px 18px #00000073}.trigger-item.is-front.is-mine{border-color:var(--cyan-bright);box-shadow:0 16px 38px #000000b3,0 0 0 1px #8acdef59;background:linear-gradient(180deg,#0a161ef5,#060d12f7)}.trigger-item.is-front.is-foe{border-color:var(--red-bright);box-shadow:0 16px 38px #000000b3,0 0 0 1px #e85a4a59;background:linear-gradient(180deg,#1c0c09f5,#100705f7)}.trigger-item.is-front.is-mine.is-top{border-color:var(--cyan-bright);box-shadow:0 16px 38px #000000b3,0 0 0 2px #8acdef8c}.trigger-item.is-front.is-foe.is-top{border-color:var(--red-bright);box-shadow:0 16px 38px #000000b3,0 0 0 2px #e85a4a8c}.trigger-item-head{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}.trigger-controller{padding:3px 10px;border-radius:3px;font-weight:800;font-size:.82rem;letter-spacing:.1em;color:var(--void)}.trigger-controller.is-mine{background:var(--cyan-bright)}.trigger-controller.is-foe{background:var(--red-bright)}.trigger-kind{color:var(--ink-soft)}.trigger-top-badge{margin-left:auto;color:var(--gold-bright)}.trigger-item-card{display:flex;justify-content:center}.trigger-item.is-front{animation:trigger-flash-in .42s cubic-bezier(.22,.68,.18,1) both}.trigger-item.is-front.is-resolving{animation:trigger-flash-out .42s cubic-bezier(.4,0,.7,.2) forwards;pointer-events:none}@keyframes trigger-flash-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes trigger-flash-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.trigger-timer-bar{position:absolute;top:0;left:0;height:8px;width:100%;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#ff8a3d,#ffc24d 60%,#ffe08a);box-shadow:0 0 12px 1px #ff963cbf,0 0 4px #ffc85ae6;transform-origin:left center;animation-name:trigger-timer-shrink;animation-timing-function:linear;animation-fill-mode:forwards;z-index:2}@keyframes trigger-timer-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.trigger-btn-dismiss:disabled{opacity:.5;cursor:default}.status-zone{justify-self:stretch;display:flex;flex-direction:row;align-items:center;gap:clamp(8px,.9vw,14px);min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 42px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 42px),transparent)}.status-zone::-webkit-scrollbar{display:none}.status-zone.is-empty{-webkit-mask-image:none;mask-image:none}.support-zone{justify-self:end;width:var(--bay-w);min-height:var(--bay-h)}.status-zone.effects-zone{justify-self:start;align-self:center;width:clamp(120px,11vw,152px);flex-direction:column;flex-wrap:nowrap;justify-content:safe center;align-items:stretch;gap:6px;overflow-x:hidden;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.status-zone.effects-zone.is-overflowing{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent)}.effect-bar{position:relative;display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:5px 9px 5px 5px;border:1px solid var(--gold-bright);border-radius:7px;background:linear-gradient(180deg,#161108f0,#0b0905f5);box-shadow:0 3px 10px #0006,0 0 10px #e7b8632e;transition:box-shadow .15s ease}.effect-bar:hover{box-shadow:0 6px 16px #0000008c,0 0 16px #e7b8635c}.effect-bar-art{flex:0 0 auto;width:30px;height:30px;border-radius:5px;background-color:#07060a;background-size:cover;background-position:center top;border:1px solid rgba(231,184,99,.45)}.effect-bar-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.effect-bar-source{font-family:var(--display);font-size:.58rem;font-weight:700;letter-spacing:.02em;color:var(--gold-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-bar-text{font-family:var(--body);font-size:.62rem;line-height:1.2;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.effect-bar.effect-note{border-color:var(--border-strong);background:linear-gradient(180deg,#161a22eb,#0b0d13f5)}.effect-bar.effect-note .effect-bar-source{color:var(--ink-mute)}.effect-add{flex:0 0 auto;box-sizing:border-box;width:var(--bay-w);height:var(--bay-h);display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:6px;background:#080e1a59;color:var(--ink-mute);font-family:var(--mono);font-size:1.4rem;line-height:1;cursor:pointer;opacity:.4;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.status-zone:hover .effect-add{opacity:1}.effect-add:hover{color:var(--ink);border-color:var(--ink-soft)}.support-zone.status-zone{justify-self:stretch;width:auto;padding:30px 14px 28px}.drone-card{position:relative;flex:0 0 auto;width:var(--bay-w);cursor:default;transform-origin:center center;transition:transform .25s cubic-bezier(.4,0,.2,1)}.drone-card-inner{transition:filter .2s ease}.drone-card.is-clickable{cursor:pointer}.drone-card.is-clickable:hover .hs-card{border-color:var(--cyan-bright);box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #7ac0e052,0 6px 18px #5b9aba4d}.drone-card .hs-cost-cluster{display:none}.drone-card.is-tapped{transform:rotate(8deg)}.drone-card-inner.is-tapped{filter:saturate(.7) brightness(.82)}.drone-card.is-target{cursor:crosshair}.drone-card.is-target .hs-card{outline:2px solid var(--red);outline-offset:1px;box-shadow:0 0 18px #c4483a99;animation:drone-target-pulse 1.1s ease-in-out infinite}.drone-card.is-target:hover .hs-card{outline-color:#ff6f60;box-shadow:0 0 26px #ff6f60cc}@keyframes drone-target-pulse{0%,to{box-shadow:0 0 14px #c4483a73}50%{box-shadow:0 0 24px #c4483abf}}.drone-hull-readout{position:absolute;left:0;right:0;bottom:100%;margin-bottom:5px;display:flex;justify-content:center;align-items:center;font-family:var(--display);font-size:1.05rem;font-weight:800;line-height:1;color:#fff;z-index:6;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.95),0 2px 5px rgba(0,0,0,.9)}.ship-target-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;border:2px solid var(--red);border-radius:12px;background:#c4483a1f;box-shadow:0 0 18px #c4483a99;cursor:crosshair;animation:drone-target-pulse 1.1s ease-in-out infinite}.ship-target-overlay:hover:not(:disabled){border-color:#ff6f60;background:#ff6f6038;box-shadow:0 0 26px #ff6f60cc}.ship-target-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#ffd9d3}.attach-hint.targeting-hint{border-color:var(--red);background:color-mix(in srgb,var(--red) 20%,#160a09)}.attach-hint.system-targeting-hint{border-color:var(--purple, #b07bff);background:color-mix(in srgb,var(--purple, #b07bff) 20%,#120a18)}.attach-hint.system-targeting-hint strong{color:#d9c2ff}.exile-target-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding-top:6px;--target-color: var(--purple, #b07bff);--target-glow: rgba(176, 123, 255, .6);border:2px solid var(--target-color);border-radius:12px;background:transparent;box-shadow:0 0 18px var(--target-glow);cursor:crosshair;animation:target-pulse 1.1s ease-in-out infinite}@keyframes target-pulse{0%,to{box-shadow:0 0 14px var(--target-glow)}50%{box-shadow:0 0 24px var(--target-glow)}}.exile-target-overlay:hover:not(:disabled){border-color:var(--target-color);background:color-mix(in srgb,var(--target-color) 16%,transparent);box-shadow:0 0 26px var(--target-glow)}.exile-target-glyph{font-size:.95rem;color:#e6d8ff;line-height:1}.exile-target-text{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#e6d8ff}.bay-host.is-exile-target{cursor:pointer}.bay-host.target-recharge .exile-target-overlay,.bay-host.target-untap .exile-target-overlay{--target-color: var(--green, #54d68a);--target-glow: rgba(84, 214, 138, .6)}.bay-host.target-recharge .exile-target-glyph,.bay-host.target-recharge .exile-target-text,.bay-host.target-untap .exile-target-glyph,.bay-host.target-untap .exile-target-text{color:#c8f5da}.bay-host.target-drain .exile-target-overlay,.bay-host.target-disable .exile-target-overlay{--target-color: var(--red, #ff5a4d);--target-glow: rgba(255, 90, 77, .6)}.bay-host.target-drain .exile-target-glyph,.bay-host.target-drain .exile-target-text,.bay-host.target-disable .exile-target-glyph,.bay-host.target-disable .exile-target-text{color:#ffd5d0}.effect-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;background:#04060b9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.effect-prompt{min-width:280px;max-width:460px;padding:20px 22px 16px;border:1px solid var(--ink-soft, #2a3550);border-radius:14px;background:linear-gradient(180deg,#11151f,#0b0e16);box-shadow:0 18px 50px #0000008c,0 0 0 1px #ffffff08 inset;text-align:center}.effect-prompt-title{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright, #ffd27a);margin-bottom:14px}.effect-prompt-options{display:flex;flex-direction:column;gap:8px}.effect-prompt-option{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border:1px solid var(--ink-soft, #2a3550);border-radius:9px;background:#ffffff08;color:var(--ink, #e8edf7);font-size:.92rem;cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.effect-prompt-option:hover:not(:disabled){border-color:var(--gold-bright, #ffd27a);background:#ffd27a14;transform:translateY(-1px)}.effect-prompt-option:disabled{opacity:.4;cursor:not-allowed}.effect-prompt-option.is-selected{border-color:var(--cyan, #5b9aba);box-shadow:inset 0 0 0 1px var(--cyan, #5b9aba),0 0 12px #5b9aba40;color:var(--ink, #e8edf7)}.effect-prompt-orb{width:16px;height:16px;border-radius:50%;flex:0 0 auto}.effect-prompt-cancel,.effect-prompt-confirm{margin-top:14px;padding:8px 16px;border:1px solid transparent;border-radius:8px;background:none;color:var(--ink-dim, #8a97b0);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.effect-prompt-cancel:hover{color:var(--ink, #e8edf7)}.effect-prompt-confirm{border-color:var(--green, #54d68a);color:#c8f5da;background:#54d68a1f}.effect-prompt-confirm:hover{background:#54d68a38}.combat-answers{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);z-index:45;display:flex;gap:5px;pointer-events:none}.combat-answer{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid currentColor;background:#080a12db;box-shadow:0 2px 8px #00000080}.combat-answer .ca-glyph{font-size:.78rem;line-height:1}.ca-dodge{color:#ffce4f}.ca-prevent{color:#6fd0ff}.pile.pile-exile .pile-label{color:#c9aaff}.pile.pile-exile .pile-top-faceup{box-shadow:0 0 0 1px #b07bff80,0 6px 16px #00000080;filter:saturate(.85) brightness(.92)}@keyframes card-destruct{0%{transform:translate(0) rotate(0);filter:none;opacity:1}8%{transform:translate(-3px,1px) rotate(-.6deg);filter:brightness(2.4) contrast(1.4)}18%{transform:translate(3px,-2px) rotate(.6deg);filter:brightness(.7) contrast(1.3)}28%{transform:translate(-4px,2px) rotate(-.8deg);filter:brightness(2.1)}40%{transform:translate(3px,2px) rotate(.6deg) scale(.99);filter:brightness(.85) contrast(1.4) saturate(.6)}55%{transform:translate(-2px,4px) rotate(-1deg);filter:brightness(.6) saturate(.3)}to{transform:translate(1px,20px) rotate(-2.4deg) scale(.9);filter:brightness(.2) blur(3px) saturate(0);opacity:0}}@keyframes card-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.card-destruct{position:relative;z-index:12;pointer-events:none;animation:card-destruct .6s cubic-bezier(.45,0,.6,1) forwards}.card-destruct-flash{position:absolute;left:50%;top:45%;width:165%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,234,198,.95),rgba(255,104,70,.5) 42%,transparent 70%);mix-blend-mode:screen;z-index:13;animation:card-flash .5s ease-out forwards}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.fx-destruct-ghost{position:fixed}@keyframes ship-destruct{0%{transform:translate(0) rotate(0);filter:none;opacity:1}8%{transform:translate(-3px,1px) rotate(-.6deg);filter:brightness(2.4) contrast(1.4)}18%{transform:translate(3px,-2px) rotate(.6deg);filter:brightness(.7) contrast(1.3)}28%{transform:translate(-4px,2px) rotate(-.8deg);filter:brightness(2.1)}40%{transform:translate(3px,2px) rotate(.6deg) scale(.99);filter:brightness(.9) contrast(1.4) saturate(.6)}55%{transform:translate(-2px,4px) rotate(-1deg);filter:brightness(.7) saturate(.3)}72%{transform:translate(1px,3px) rotate(-1.4deg) scale(.99);filter:brightness(.5) grayscale(.85) saturate(.15)}to{transform:translateY(2px) rotate(-1.6deg) scale(.985);filter:grayscale(1) brightness(.46) contrast(.92);opacity:1}}.ship-stack.is-destructing .tile-ship{animation:ship-destruct .95s cubic-bezier(.45,0,.6,1) forwards}.ship-destruct-flash{position:absolute;left:50%;top:42%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,234,190,.95),rgba(255,100,68,.5) 40%,transparent 68%);mix-blend-mode:screen;pointer-events:none;z-index:7;animation:card-flash .6s ease-out forwards}.trigger-item-card{position:relative}.trigger-damage-float{position:fixed;left:312px;top:50%;transform:translateY(-50%);z-index:39;display:flex;flex-direction:column;gap:6px;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.85)}.tdf-row{display:flex;align-items:baseline;gap:12px;font-family:var(--display);font-weight:800;font-size:3rem;line-height:1}.tdf-base{color:#d8584a;white-space:nowrap}.tdf-base .hs-damage-icon{margin-left:.12em}.tdf-mod{color:var(--gold-bright)}.tdf-tags{display:flex;gap:6px;padding-left:2px}.tdf-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px;background:#00000080}.trigger-item-rule{font-family:var(--body);font-size:.78rem;line-height:1.4;color:var(--ink-soft);border-left:2px solid var(--gold-bright);padding-left:8px}.trigger-rule-name{color:var(--gold-bright);font-weight:700}.trigger-item-status{font-family:var(--mono);font-size:.66rem;line-height:1.35;color:var(--ink-mute)}.trigger-item-status-waiting{font-style:italic}.trigger-item-actions{display:flex;flex-wrap:wrap;gap:6px}.trigger-item-actions-resolve{flex-direction:column;align-items:center;gap:9px;margin-top:10px;padding-top:13px;border-top:1px solid var(--border-strong)}.trigger-waiting-note{align-self:stretch;text-align:center;font-family:var(--body);font-style:italic;font-size:.9rem;line-height:1.4;color:var(--ink-soft)}.trigger-btn{font-family:var(--display);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;background:var(--surface-elev);border:1px solid var(--border-strong);border-radius:3px;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.trigger-btn:hover:not(:disabled){border-color:var(--gold-bright);color:var(--ink)}.trigger-btn:disabled{opacity:.45;cursor:default}.trigger-btn-resolve{border-color:var(--gold);color:var(--gold-bright)}.trigger-btn-resolve:hover{background:#ffd86b24}.trigger-btn-pass,.trigger-btn-dismiss{width:auto;min-width:132px;margin-left:0;font-size:.82rem;font-weight:600;letter-spacing:.08em;padding:9px 12px;border-width:1px}.trigger-btn-pass{background:#ffd86b24;border-color:var(--gold);color:var(--gold-bright)}.trigger-btn-pass:hover:not(:disabled),.trigger-btn-pass:focus-visible{background:#ffd86b42;border-color:var(--gold-bright);color:var(--gold-bright);outline:none}.trigger-btn-dismiss{background:#ffffff0a;border-color:#ffffff38;color:var(--ink-soft)}.trigger-btn-dismiss:hover:not(:disabled),.trigger-btn-dismiss:focus-visible{background:#ffffff1a;border-color:#ffffff6b;color:var(--ink);outline:none}.trigger-item-missing{font-family:var(--mono);font-size:.72rem;color:var(--ink-mute);padding:20px;text-align:center}.hs-line.is-rule-highlight{background:#ffd86b29;box-shadow:inset 0 0 0 1px #ffd86b80;border-radius:3px;padding:2px 4px;margin:0 -4px;animation:rule-glow 1.4s ease-in-out infinite}@keyframes rule-glow{0%,to{background:#ffd86b1f}50%{background:#ffd86b3d}}.phase-banner-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;pointer-events:none}.phase-banner{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 6vw;text-align:center;will-change:transform,opacity}.phase-banner-cloud{position:absolute;left:50%;top:50%;width:min(920px,96vw);height:320px;transform:translate(-50%,-50%);background:radial-gradient(58% 70% at 50% 50%,rgba(8,14,24,.92) 0%,rgba(8,14,24,.55) 44%,transparent 72%),radial-gradient(40% 58% at 37% 42%,rgba(122,192,224,.16) 0%,transparent 70%),radial-gradient(44% 60% at 64% 60%,rgba(138,205,239,.13) 0%,transparent 72%);filter:blur(20px);animation:phase-cloud-breathe 5s ease-in-out infinite}@keyframes phase-cloud-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.92}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.phase-banner-rule{position:relative;width:clamp(180px,34vw,520px);height:1px;margin-top:4px;order:3;background:linear-gradient(90deg,transparent,rgba(138,205,239,.85) 50%,transparent);transform-origin:center;animation:phase-rule-wipe .6s ease-out both;animation-delay:.12s}@keyframes phase-rule-wipe{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.phase-banner-title{position:relative;font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,7.5vw,5.8rem);line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 34px rgba(122,192,224,.55),0 0 8px rgba(138,205,239,.4),0 6px 24px rgba(0,0,0,.7);padding-left:.2em}.phase-banner-sub{position:relative;font-family:var(--mono);font-size:clamp(.62rem,1.4vw,.82rem);letter-spacing:.42em;text-transform:uppercase;color:var(--cyan-bright);opacity:.85;padding-left:.42em;order:4}.game-over-layer{pointer-events:auto;background:#020408bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:game-over-fade .4s ease both}@keyframes game-over-fade{0%{opacity:0}to{opacity:1}}.dieroll-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:#0408109e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:game-over-fade .3s ease both}.dieroll-layer.is-leaving{animation:dieroll-out .34s ease forwards;pointer-events:none}@keyframes dieroll-out{0%{opacity:1}to{opacity:0}}.dieroll{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 44px;text-align:center}.dieroll-title{font-size:30px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#eaf2ff}.dieroll-sub{font-size:13px;letter-spacing:.08em;color:#8aa0c0;margin-top:-6px}.dieroll-dice{display:flex;align-items:center;gap:28px;margin:12px 0 4px}.dieroll-side{display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .3s ease,transform .3s ease}.dieroll-side.is-loser{opacity:.38}.dieroll-side.is-winner{transform:scale(1.07)}.dieroll-name{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9fb2cf}.dieroll-vs{font-size:13px;color:#6f819e;letter-spacing:.1em}.die{width:70px;height:70px;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:11px;gap:3px;background:linear-gradient(160deg,#f3f6fb,#c9d4e4);box-shadow:0 6px 16px #00000073,inset 0 1px #ffffffb3}.die.is-rolling{animation:die-shake .18s linear infinite}.die.is-win{box-shadow:0 0 0 2px #57f0a8,0 6px 22px #3cf0a06b,inset 0 1px #ffffffb3}.die-pip{align-self:center;justify-self:center;width:11px;height:11px;border-radius:50%;background:transparent}.die-pip.is-on{background:radial-gradient(circle at 38% 36%,#3a4658,#11161f)}.dieroll-result{min-height:24px;font-size:18px;font-weight:700;letter-spacing:.06em;color:#57f0a8;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.dieroll-result.is-shown{opacity:1;transform:none}@keyframes die-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-4deg)}50%{transform:translate(2px,-1px) rotate(3deg)}75%{transform:translate(-1px,2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.game-over.is-won .phase-banner-title{color:#eafff4;text-shadow:0 0 36px rgba(84,214,138,.6),0 0 8px rgba(120,255,180,.5),0 6px 24px rgba(0,0,0,.7)}.game-over.is-lost .phase-banner-title{color:#ffecea;text-shadow:0 0 36px rgba(255,68,56,.6),0 0 8px rgba(255,90,80,.5),0 6px 24px rgba(0,0,0,.7)}.game-over.is-won .phase-banner-sub{color:#8ff0c0;opacity:1}.game-over.is-lost .phase-banner-sub{color:#ff8a80;opacity:1}.game-over .phase-banner-cloud,.game-over .phase-banner-rule,.game-over .phase-banner-title,.game-over .phase-banner-sub{pointer-events:none}.game-over-btn{order:5;position:relative;z-index:1;margin-top:24px;pointer-events:auto;font-family:var(--display);font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:#0a101ae0;border:1px solid var(--cyan-bright);border-radius:8px;padding:12px 28px;cursor:pointer;box-shadow:0 0 18px #8acdef40;transition:background .15s ease,box-shadow .15s ease}.game-over-btn:hover{background:#142030f5;box-shadow:0 0 26px #8acdef80}.game-over-reopen{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;pointer-events:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#0a101aeb;border:1px solid rgba(138,205,239,.45);border-radius:999px;padding:7px 16px;cursor:pointer;box-shadow:0 4px 20px #00000080;transition:background .15s ease,box-shadow .15s ease}.game-over-reopen:hover{background:#142030f5}.game-over-reopen.is-won{border-color:#54d68a99}.game-over-reopen.is-lost{border-color:#ff5a5099}.game-over-reopen-kbd{font-family:var(--mono);font-size:.6rem;padding:1px 6px;border-radius:4px;background:#ffffff1a;letter-spacing:.08em}.game-over-actions{order:6;position:relative;z-index:1;display:flex;gap:14px;margin-top:24px;pointer-events:auto}.game-over-actions .game-over-btn{margin-top:0}.game-over-btn-ghost{background:#0a101a99;border-color:#8acdef73;box-shadow:none}.game-over-btn-ghost:hover{background:#142030e6;box-shadow:0 0 18px #8acdef4d}.game-stats{order:5;position:relative;z-index:1;pointer-events:auto;margin-top:16px;width:min(560px,88vw);max-height:min(56vh,520px);overflow-y:auto;padding:16px 20px 18px;background:#080d16f0;border:1px solid rgba(138,205,239,.3);border-radius:10px;box-shadow:0 10px 40px #0009,inset 0 0 30px #14283c38;text-align:left;animation:game-over-fade .25s ease both}.game-stats-rounds{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-bright);margin-bottom:12px;text-align:center}.game-stats-rounds strong{color:var(--ink)}.game-stats-grid{display:grid;grid-template-columns:1fr auto auto;column-gap:18px;row-gap:4px;align-items:baseline}.game-stats-head{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#ecf2f98c;padding-bottom:8px;border-bottom:1px solid rgba(138,205,239,.18);text-align:right}.game-stats-head.is-winner{color:#8ff0c0}.game-stats-head.game-stats-label{text-align:left}.game-stats-section-title{grid-column:1 / -1;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:12px;margin-bottom:2px}.game-stats-label{font-size:.82rem;color:#ecf2f9d1}.game-stats-val{font-family:var(--mono);font-size:.86rem;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.game-stats-val.is-lead{color:var(--cyan-bright);font-weight:600}.phase-banner.is-sticky{animation:phase-banner-in .55s cubic-bezier(.16,.84,.3,1) both}@keyframes phase-banner-in{0%{opacity:0;transform:scale(.92);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.phase-banner.is-flash{animation:phase-banner-flash 2s ease-in-out both}@keyframes phase-banner-flash{0%{opacity:0;transform:scale(.9);filter:blur(7px)}14%{opacity:1;transform:scale(1);filter:blur(0)}74%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.06);filter:blur(3px)}}@media (prefers-reduced-motion: reduce){.phase-banner-cloud,.phase-banner-rule,.phase-banner.is-sticky,.phase-banner.is-flash{animation-duration:.01ms;animation-iteration-count:1}}.discard-gate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:80;width:min(520px,86vw);padding:18px 22px;text-align:center;background:#0a0e16f5;border:2px solid var(--gold, #ffd86b);border-radius:8px;box-shadow:0 0 0 1px #0009,0 18px 50px #000000b3,0 0 30px #ffd86b38;animation:discard-gate-pulse 1.4s ease-in-out infinite}@keyframes discard-gate-pulse{0%,to{box-shadow:0 0 0 1px #0009,0 18px 50px #000000b3,0 0 26px #ffd86b2e}50%{box-shadow:0 0 0 1px #0009,0 18px 50px #000000b3,0 0 38px #ffd86b57}}.discard-gate-title{font-family:var(--display);font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright, #ffe6a0);margin-bottom:8px}.discard-gate-body{font-size:.86rem;color:var(--ink-soft);line-height:1.45}.discard-gate-body kbd{font-family:var(--mono, monospace);background:#ffffff14;border:1px solid var(--border-strong);border-radius:3px;padding:0 5px}.discard-gate-list{margin-top:10px;display:flex;flex-direction:column;gap:4px}.discard-gate-row{font-size:.82rem;color:var(--ink)}.discard-gate-row strong{color:var(--gold-bright, #ffe6a0)}.shield-spend-btn{width:100%;left:0;right:auto;justify-content:center}.panel-bottom .panel-player{margin-top:20px}.panel-top .panel-player{margin-bottom:20px}.tooltip-bubble{z-index:200;max-width:260px;padding:7px 10px;font-family:var(--body);font-size:.74rem;line-height:1.35;letter-spacing:.01em;color:var(--ink, #e8edf7);background:linear-gradient(180deg,#121824fa,#0a0e16fa);border:1px solid var(--border-strong, #2b3650);border-radius:5px;box-shadow:0 8px 24px #0000008c,0 0 0 1px #0006;pointer-events:none;text-align:left;animation:tooltip-in .12s ease-out}@keyframes tooltip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.menu-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(18,42,64,.4),transparent 60%),linear-gradient(180deg,var(--void) 0%,var(--void-2) 100%);animation:boot-fade-in .45s ease both}.menu-nav{flex:0 0 auto;display:flex;align-items:center;gap:clamp(18px,3vw,36px);height:60px;padding:0 clamp(18px,3vw,40px);border-bottom:1px solid var(--border);background:#04070e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-brand{display:inline-flex;align-items:center;padding:0;margin-right:clamp(24px,5vw,72px);background:none;border:0;cursor:pointer}.menu-logo{display:block;height:16px;width:auto}.menu-nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex:1 1 auto}.menu-nav-link{position:relative;padding:4px 0;background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);transition:color .15s ease}.menu-nav-link:hover{color:var(--ink-soft)}.menu-nav-link.is-active{color:var(--hull)}.menu-nav-link.is-soon{color:var(--ink-faded);cursor:default;pointer-events:none}.menu-nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}.menu-version{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;color:var(--ink-faded)}.menu-body{flex:1 1 auto;min-height:0;display:flex}.menu-screen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:clamp(14px,2.2vh,26px) clamp(16px,2.6vw,36px)}.menu-screen .modal-panel.card-browser-inline,.menu-screen .menu-builder-panel{width:100%;height:100%;max-height:100%;border:0;box-shadow:none;background:transparent;padding:0}.play-screen{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr clamp(280px,24vw,360px)}.play-hero{position:relative;min-height:0;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;border-right:1px solid var(--border)}.play-hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.play-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04070e4d,#04070e1a 38%,#04070ee0),linear-gradient(90deg,rgba(4,7,14,.55) 0%,transparent 45%)}.play-hero-tag{position:absolute;top:18px;left:22px;font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);opacity:.7}.play-hero-content{position:absolute;left:clamp(22px,3vw,48px);bottom:clamp(26px,5vh,56px);max-width:min(560px,70%)}.play-hero-eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--hull);margin-bottom:8px}.play-hero-title{margin:0 0 12px;font-family:var(--display);font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:.98;letter-spacing:.01em;color:var(--ink);text-shadow:0 4px 30px rgba(0,0,0,.6)}.play-hero-blurb{margin:0 0 18px;font-family:var(--body);font-size:.95rem;line-height:1.5;color:var(--ink-soft)}.play-hero-actions{display:flex;gap:12px}.play-hero-btn{padding:9px 18px;font-family:var(--display);font-size:.82rem;letter-spacing:.06em;color:var(--ink);background:#080e1a99;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.play-hero-btn:hover{border-color:var(--ink-soft);background:#080e1ad9}.play-rail{display:flex;flex-direction:column;min-height:0;padding:clamp(16px,2.4vh,28px) clamp(16px,1.6vw,26px);border-left:1px solid var(--border);background:#04070e59;overflow-y:auto}.play-rail-play{margin-top:auto}.play-captain{flex:0 0 auto}.play-captain-eyebrow{font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}.play-captain-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:8px;background:#080e1a80}.play-captain-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#0c1626cc;border:1px solid var(--border-strong);font-family:var(--display);font-weight:800;font-size:.9rem;color:var(--ink-soft)}.play-captain-avatar img{width:100%;height:100%;object-fit:cover}.play-captain-info{flex:1 1 auto;min-width:0}.play-captain-name{font-family:var(--display);font-size:.98rem;font-weight:700;letter-spacing:.03em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-captain-meta{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-top:3px}.play-captain-pct{flex:0 0 auto;font-family:var(--display);font-size:.92rem;font-weight:700;color:var(--hull)}.play-captain-bar{margin-top:8px;height:4px;border-radius:3px;background:#ffffff14;overflow:hidden}.play-captain-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--red),var(--red-bright))}.play-captain-cta{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--cyan-deep);border-radius:8px;background:linear-gradient(180deg,#14283c80,#080e1a80);cursor:pointer;transition:border-color .15s,background .15s}.play-captain-cta:hover{border-color:var(--cyan-bright);background:linear-gradient(180deg,#1e385099,#0a122099)}.play-captain-cta-glyph{flex:0 0 auto;width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--cyan-deep);border:1px solid var(--cyan-dim);color:var(--cyan-bright);font-size:1.1rem}.play-captain-cta-text{flex:1 1 auto;min-width:0}.play-captain-cta-title{font-family:var(--display);font-size:.95rem;font-weight:700;color:var(--ink)}.play-captain-cta-sub{font-size:.72rem;color:var(--ink-soft);margin-top:2px}.play-captain-cta-arrow{flex:0 0 auto;color:var(--cyan-bright);font-weight:700}.play-rail-head{font-family:var(--mono);font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:14px}.play-modes{display:flex;flex-direction:column;gap:10px}.play-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;text-align:left;background:#080e1a80;border:1px solid var(--border-strong);border-radius:7px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.play-mode:hover{border-color:var(--cyan);background:#0c1626b3}.play-mode:active{transform:translateY(1px)}.play-mode-label{font-family:var(--display);font-size:1.02rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}.play-mode-hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;color:var(--ink-mute)}.play-mode.is-accent{border-color:var(--orange)}.play-mode.is-accent:hover{border-color:var(--orange-bright);background:color-mix(in srgb,var(--orange) 12%,rgba(12,22,38,.7))}.play-mode.is-accent .play-mode-label{color:var(--orange-bright)}.play-mode.is-accent .play-mode-hint{color:color-mix(in srgb,var(--orange-bright) 70%,var(--ink-mute))}.setup-topbar{position:relative;flex-shrink:0;display:flex;align-items:center;gap:16px;margin-bottom:clamp(12px,2.4vh,26px)}.setup-back{padding:7px 14px;font-family:var(--display);font-size:.78rem;letter-spacing:.06em;color:var(--cyan-bright);background:#080e1a80;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.setup-back:hover{border-color:var(--cyan);background:#5b9aba24;color:var(--ink)}.setup-mode-indicator{display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:#04070e66}.setup-mode-eyebrow{font-family:var(--mono);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mute)}.setup-mode-current{font-family:var(--display);font-size:.92rem;font-weight:700;letter-spacing:.04em;color:var(--hull)}.setup-topbar-version{margin-left:auto;font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;color:var(--ink-faded)}@media (max-width: 720px){.play-screen{grid-template-columns:1fr;grid-template-rows:1fr auto}.play-hero{border-right:0;border-bottom:1px solid var(--border)}.play-rail{border-left:0}.menu-nav-link.is-soon{display:none}}.setup-btn.setup-btn-cancel{background:transparent;border:1px solid var(--border-strong);color:var(--ink-soft)}.setup-btn.setup-btn-cancel:hover{color:var(--ink);border-color:var(--cyan)}.online-opponent{justify-content:flex-start}.online-opponent-avatar{display:grid;place-items:center;opacity:.7}.online-opponent-body{flex:1;display:flex;flex-direction:column;justify-content:center}.online-join{display:flex;flex-direction:column;gap:12px}.online-code-input{background:var(--void-2);border:1px solid var(--border);border-radius:10px;color:var(--cyan-bright);padding:16px 14px;font-size:1.5rem;font-weight:700;letter-spacing:.3em;text-align:center;text-transform:uppercase;text-indent:.3em}.online-code-input::placeholder{color:var(--ink-faded);font-size:.85rem;font-weight:600;letter-spacing:.12em}.online-code-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #5b9aba2e}.online-join-hint{margin:0;font-size:.84rem;line-height:1.5;color:var(--ink-soft)}.online-join-hint strong{color:var(--ink)}.online-error{font-size:.84rem;color:var(--red-bright);background:#c4483a1a;border:1px solid var(--red-dim);border-radius:8px;padding:9px 11px}.online-server-line{font-size:.72rem;color:var(--ink-faded)}.online-server-line code{color:var(--ink-mute)}.online-waiting{display:flex;flex-direction:column;align-items:center;gap:18px;padding:12px 0}.online-spinner{width:42px;height:42px;border:3px solid var(--cyan-deep);border-top-color:var(--cyan-bright);border-radius:50%;animation:online-spin .9s linear infinite}@keyframes online-spin{to{transform:rotate(360deg)}}.online-waiting-status{font-size:.95rem;color:var(--ink-soft);text-align:center}.online-code-share{width:100%;text-align:center;background:var(--void-2);border:1px solid var(--border);border-radius:12px;padding:16px}.online-code-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:10px}.online-code-big{font-size:2.4rem;font-weight:800;letter-spacing:.35em;color:var(--cyan-bright);text-indent:.35em}.auth-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}.auth-logo{display:block;height:26px;width:auto;opacity:.95}.auth-card{width:min(440px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 36px;text-align:center;background:linear-gradient(180deg,var(--surface-elev),var(--surface));border:1px solid var(--cyan-deep);border-radius:16px;box-shadow:0 24px 60px #00000073}.auth-glyph{font-size:1.8rem;color:var(--cyan-bright);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--cyan-dim);background:var(--cyan-deep)}.auth-title{font-size:1.45rem;font-weight:800;color:var(--ink);margin:0}.auth-sub{font-size:.9rem;color:var(--ink-soft);line-height:1.5;margin:0}.auth-sub strong{color:var(--cyan-bright)}.auth-input{width:100%;padding:12px 14px;margin-top:6px;background:var(--void-2);border:1px solid var(--cyan-dim);border-radius:9px;color:var(--ink);font-size:1rem;font-weight:600;text-align:center}.auth-input::placeholder{color:var(--ink-faded)}.auth-input:focus{outline:none;border-color:var(--cyan-bright);box-shadow:0 0 0 2px var(--cyan-deep)}.auth-error{font-size:.82rem;color:var(--red-bright);font-weight:600}.auth-hint{font-size:.76rem;color:var(--ink-mute);margin-top:-4px}.auth-submit{width:100%;justify-content:center;margin-top:4px}.auth-link{background:none;border:none;color:var(--ink-mute);font-size:.82rem;cursor:pointer;text-decoration:underline;padding:4px}.auth-link:hover{color:var(--ink-soft)}.auth-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;background:var(--surface-elev);border:1px solid var(--cyan-deep);border-radius:999px;font-size:.82rem}.auth-chip-glyph{color:var(--cyan-bright)}.auth-chip-handle{font-weight:700;color:var(--ink)}.auth-chip-signout{background:var(--void-2);border:1px solid var(--cyan-dim);color:var(--ink-soft);border-radius:999px;padding:3px 10px;font-size:.72rem;cursor:pointer}.auth-chip-signout:hover{border-color:var(--cyan-bright);color:var(--ink)}.online-history-wrap{display:grid;place-items:center;padding:0 24px 8px}.match-history{width:min(560px,92vw);background:var(--surface);border:1px solid var(--cyan-deep);border-radius:12px;padding:14px 16px}.match-history.is-loading{color:var(--ink-mute);font-size:.85rem;text-align:center}.match-history-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.match-history-title{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}.match-history-record{font-size:.85rem;font-weight:800;color:var(--cyan-bright)}.match-history-empty{font-size:.85rem;color:var(--ink-faded)}.match-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.match-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;background:var(--void-2);font-size:.85rem}.match-result{font-weight:800;width:44px}.match-row.is-win .match-result{color:var(--cyan-bright)}.match-row.is-loss .match-result{color:var(--red-bright)}.match-vs{color:var(--ink);flex:1}.match-reason{color:var(--ink-faded);font-size:.74rem;text-transform:capitalize}.menu-screen-profile{display:grid;place-items:start center;padding:32px 24px 48px;overflow:auto}.profile-panel{width:min(620px,94vw);background:var(--surface);border:1px solid var(--cyan-deep);border-radius:14px;padding:24px}.profile-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-avatar{flex:0 0 auto;width:64px;height:64px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#0c1626cc;border:1px solid var(--border-strong);font-family:var(--display);font-weight:800;font-size:1.3rem;color:var(--ink-soft)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-id{min-width:0}.profile-name{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-sub{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:5px}.profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.profile-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:8px 14px;font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-mute);cursor:pointer;transition:color .15s ease,border-color .15s ease}.profile-tab:hover{color:var(--ink-soft)}.profile-tab.is-active{color:var(--cyan-bright);border-bottom-color:var(--cyan-bright)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.profile-stat{background:var(--void-2);border:1px solid var(--border);border-radius:10px;padding:14px 10px;text-align:center}.profile-stat-num{font-family:var(--display);font-size:1.5rem;font-weight:800;color:var(--ink)}.profile-stat-num .is-win{color:var(--cyan-bright)}.profile-stat-num .is-loss{color:var(--red-bright)}.profile-stat-sep{color:var(--ink-mute);margin:0 4px}.profile-stat-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-top:6px}.profile-match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.profile-loading{color:var(--ink-mute);font-size:.88rem;text-align:center;padding:24px 0}.profile-empty{color:var(--ink-faded);font-size:.88rem;text-align:center;padding:18px 0}.profile-signin{text-align:center;padding:22px 0 8px}.profile-signin-text{color:var(--ink-soft);font-size:.92rem;margin:0 0 16px}.profile-signin-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--cyan-bright);border-radius:8px;padding:9px 22px;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--cyan-bright);cursor:pointer;transition:background .15s ease,color .15s ease}.profile-signin-btn:hover{background:var(--cyan-bright);color:var(--void-2)}.music-toggle{position:fixed;top:18px;right:18px;z-index:200;width:38px;height:38px;display:grid;place-items:center;font-size:16px;line-height:1;color:var(--ink-soft);background:var(--panel, rgba(12, 18, 40, .5));border:1px solid var(--border);border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.6;transition:opacity .15s ease,border-color .15s ease,color .15s ease}.music-toggle:hover{opacity:1;color:var(--ink);border-color:var(--border-strong)}.music-toggle.is-inline{position:static;width:32px;height:32px;font-size:14px;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.modal-panel.settings-panel{width:min(440px,94vw);max-height:88vh;padding:18px 22px 22px}.settings-head-actions{display:flex;align-items:center;gap:8px}.settings-body{display:flex;flex-direction:column;gap:14px;padding-top:6px}.settings-mute{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 14px;text-align:left;border:1px solid var(--border-strong);border-radius:8px;background:#5b9aba14;color:var(--ink);font-family:var(--display);font-size:.86rem;letter-spacing:.04em;cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-mute:hover{border-color:var(--cyan)}.settings-mute.is-muted{background:#e85a4a1a;border-color:#e85a4a66}.settings-mute-icon{font-size:1.1rem;line-height:1}.settings-mute-hint{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.settings-row{display:grid;grid-template-columns:140px 1fr 44px;align-items:center;gap:12px}.settings-row.is-disabled{opacity:.45}.settings-row-label{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:.84rem;letter-spacing:.04em;color:var(--ink-soft)}.settings-row-icon{font-size:.95rem;line-height:1}.settings-row-pct{font-family:var(--mono);font-size:.72rem;color:var(--cyan-bright);text-align:right}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--border-strong);outline:none;cursor:pointer}.settings-slider:disabled{cursor:default}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan-bright);border:2px solid var(--surface-elev);box-shadow:0 0 8px #8acdef80;transition:transform .1s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan-bright);border:2px solid var(--surface-elev);box-shadow:0 0 8px #8acdef80}.settings-slider:focus-visible{box-shadow:0 0 0 2px var(--cyan)}.menu-screen-decks{overflow:hidden;padding:0}.menu-screen-decks:not(.is-building){overflow-y:auto;padding:clamp(18px,3vh,32px) clamp(16px,3vw,40px) 48px}.decks-gallery-wrap{width:100%;margin:0;display:flex;flex-direction:column;gap:26px}.decks-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.decks-eyebrow{font-family:var(--mono);font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px}.decks-title{font-family:var(--display);font-size:1.7rem;font-weight:800;letter-spacing:.04em;color:var(--ink);margin:0}.decks-new-btn{font-family:var(--display);font-size:.82rem;font-weight:700;letter-spacing:.08em;padding:10px 18px;border-radius:10px;color:var(--void);background:var(--cyan-bright);border:1px solid var(--cyan-bright);cursor:pointer;transition:filter .12s,transform .08s}.decks-new-btn:hover{filter:brightness(1.12)}.decks-new-btn:active{transform:translateY(1px)}.decks-locked-note{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:#5b9aba12;border:1px solid var(--border)}.decks-locked-glyph{font-size:1.4rem;opacity:.8}.decks-locked-text{flex:1}.decks-locked-title{font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:.03em}.decks-locked-sub{font-size:.84rem;color:var(--ink-soft);margin-top:3px}.decks-locked-btn{font-family:var(--display);font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:9px 18px;border-radius:9px;color:var(--void);background:var(--gold-bright);border:1px solid var(--gold-bright);cursor:pointer}.decks-locked-btn:hover{filter:brightness(1.1)}.decks-section{display:flex;flex-direction:column;gap:14px}.decks-section-head{font-family:var(--display);font-size:.84rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:7px;border-bottom:1px solid var(--border)}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px 18px}button.deck-card{display:flex;flex-direction:column;align-items:center;gap:26px;background:none;border:none;padding:8px 6px 4px;cursor:pointer;text-align:left}button.deck-card:hover:not(:disabled){background:none;border-color:transparent}.deck-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:8px}.deck-card.is-locked{opacity:.9}.deck-card-pile{position:relative}.deck-card-stack{position:relative;width:168px;aspect-ratio:.72;margin:6px 0;display:flex;align-items:center;justify-content:center}.deck-card-stack .pile-layer{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:10px}.deck-card-ship{position:relative;z-index:8;transition:transform .14s ease}.deck-card-ship .hs-card{width:168px;box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #5b9aba1a,0 10px 30px #0000008c}.deck-card:hover .deck-card-ship{transform:translateY(-12px)}.deck-card:hover .deck-card-ship .hs-card{box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #5b9aba1a,0 18px 38px #000000b3,0 0 18px #5b9aba66}.deck-card-noship{width:168px;aspect-ratio:.72;border-radius:10px;display:grid;place-items:center;background:var(--surface-elev);color:var(--ink-mute);font-size:.74rem}.deck-card-lock{position:absolute;top:8px;right:18px;z-index:9;font-size:1.05rem;opacity:.85}.deck-card-body{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:100%}.deck-card-name{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:.02em;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-meta{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.deck-card-class{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:9px;background:#5b9aba29;color:var(--cyan-bright)}.deck-card-cores{display:inline-flex;gap:5px}.deck-card-core{width:11px;height:11px;border-radius:50%;box-shadow:0 0 6px #0006}.dbx{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:clamp(12px,2vh,20px) clamp(14px,2.4vw,28px);gap:14px}.dbx-warning{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:25;display:inline-flex;align-items:center;gap:8px;max-width:min(70vw,620px);padding:8px 16px;border-radius:999px;font-size:.82rem;background:#d4a04a29;border:1px solid var(--gold-deep);color:var(--gold-bright);box-shadow:0 8px 24px #00000073}.dbx-warning-icon{font-size:.9rem}.dbx-warning-text{font-weight:600}.dbx-warning-note{color:var(--ink-mute)}.dbx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex:0 0 auto}.dbx-eyebrow{font-family:var(--mono);font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);margin-bottom:3px}.dbx-title{font-family:var(--display);font-size:1.3rem;font-weight:800;color:var(--ink);margin:0;letter-spacing:.03em}.dbx-title-input{background:transparent;border:1px solid transparent;border-radius:8px;padding:2px 8px;margin-left:-8px;max-width:100%;transition:border-color .15s,background .15s}.dbx-title-input::placeholder{color:var(--ink-mute)}.dbx-title-input:hover{border-color:var(--border)}.dbx-title-input:focus{outline:none;border-color:var(--cyan-dim);background:var(--surface-elev)}.dbx-head-actions{display:flex;align-items:center;gap:9px}.dbx-btn{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.05em;padding:9px 16px;border-radius:9px;cursor:pointer;color:var(--ink);background:var(--surface-elev);border:1px solid var(--border);transition:border-color .12s,background .12s,filter .12s}.dbx-btn:hover:not(:disabled){border-color:var(--cyan-dim);background:var(--surface-hot)}.dbx-btn:disabled{opacity:.5;cursor:not-allowed}.dbx-btn-primary{color:var(--void);background:var(--cyan-bright);border-color:var(--cyan-bright)}.dbx-btn-primary:hover:not(:disabled){filter:brightness(1.12)}.dbx-btn-danger{color:var(--red-bright);border-color:var(--red-dim);background:transparent}.dbx-btn-danger:hover{background:#c4483a24;border-color:var(--red)}.dbx-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(330px,400px) 1fr;gap:16px}.dbx-deck{display:flex;flex-direction:column;min-height:0;gap:12px;border-radius:14px;padding:14px;background:var(--surface);border:1px solid var(--border)}.dbx-pick-hint{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;color:var(--ink-soft)}.dbx-pick-hint-glyph{font-size:2.4rem;color:var(--cyan-dim)}.dbx-pick-hint-title{font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--ink)}.dbx-pick-hint-sub{font-size:.84rem;color:var(--ink-mute)}.dbx-deck-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px}.dbx-core-editor{display:flex;flex-direction:column;gap:5px;margin-top:4px}.dbx-core-slot{display:inline-flex;gap:5px}.dbx-core-swatch{width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;border:2px solid transparent;opacity:.4;transition:opacity .1s,transform .08s,box-shadow .1s}.dbx-core-swatch:hover{opacity:.75}.dbx-core-swatch.is-active{opacity:1;border-color:var(--ink);box-shadow:0 0 8px #00000080}.dbx-deck-cards{display:flex;flex-direction:column;gap:8px}.dbx-cards-head{display:flex;align-items:center;justify-content:space-between}.dbx-progress{height:4px;border-radius:3px;background:#0000004d;overflow:hidden}.dbx-progress-bar{height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan-bright));transition:width .2s}.dbx-empty{font-size:.82rem;color:var(--ink-mute);padding:10px 4px}.dbx-deck-list{display:flex;flex-direction:column}.dbx-deck-cards .dl-grid{padding:4px 0 8px;overflow:visible;gap:16px}.dbx-deck-cards .dl-grid-cards{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px}.dbx-deck-cards .dl-grid-stack,.dbx-deck-cards .dl-grid-card .hs-card{width:84px}.dbx-pool{display:flex;flex-direction:column;min-height:0;gap:12px;border-radius:14px;padding:14px;background:var(--surface);border:1px solid var(--border)}.dbx-pool-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex:0 0 auto}.dbx-pool-title{font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:.03em}.dbx-pool-bar-right{display:flex;align-items:center;gap:9px;margin-left:auto}.dbx-change-ship-left{width:100%;margin-bottom:12px}.dbx-showall{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.dbx-switch{position:relative;flex:0 0 auto;width:34px;height:18px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface-elev);cursor:pointer;transition:background .18s,border-color .18s}.dbx-switch-knob{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--ink-mute);transition:transform .18s,background .18s}.dbx-switch.is-on{background:var(--cyan-dim);border-color:var(--cyan-bright)}.dbx-switch.is-on .dbx-switch-knob{transform:translate(16px,-50%);background:var(--ink)}.dbx-switch:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.dbx-pool-count{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:var(--ink-mute);padding:3px 9px;border-radius:10px;background:#5b9aba24}.dbx-change-ship{font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:7px 12px;border-radius:8px;cursor:pointer;color:var(--ink-soft);background:transparent;border:1px solid var(--border)}.dbx-change-ship:hover{border-color:var(--cyan-dim);color:var(--ink)}.dbx-pool-grid{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;align-content:start;padding-right:4px;justify-items:center}.dbx-pool-grid.is-ships{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.dbx-pool-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;align-self:start}.dbx-pool-cardframe{position:relative;border:none;background:none;padding:0;cursor:pointer;width:100%;display:flex;justify-content:center;text-align:left}.dbx-pool-cardframe:disabled{cursor:default}.dbx-pool-grid .hs-card{width:116px}.dbx-pool-card.is-in-deck .hs-card{box-shadow:inset 0 0 0 2px var(--cyan-bright),0 6px 18px #00000080}.dbx-pool-cardframe:hover .hs-card{box-shadow:0 8px 22px #0009,0 0 14px #5b9aba59}.dbx-pool-stepper{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.68rem;color:var(--ink-soft)}.dbx-pool-stepper button{width:24px;height:24px;border-radius:7px;cursor:pointer;font-size:1.05rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:var(--surface-elev);border:1px solid var(--border)}.dbx-pool-stepper button:hover:not(:disabled){border-color:var(--cyan-dim);background:var(--surface-hot)}.dbx-pool-stepper button:disabled{opacity:.35;cursor:not-allowed}.dbx-pool-rows{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.dbx-ship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px 18px}.deck-card.dbx-ship-pick{gap:14px}.dbx-ship-pick .deck-card-ship .hs-card{width:168px;box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #5b9aba1a,0 10px 30px #0000008c}.dbx-ship-pick:hover .deck-card-ship{transform:translateY(-10px)}.dbx-ship-pick .deck-card-name{font-size:.92rem}.dbx-ship-card{display:flex;justify-content:center;padding:4px 0 2px}.dbx-ship-card-frame{width:188px}.dbx-ship-card-frame .hs-card{width:188px;box-shadow:0 12px 30px #0009}.dbx-view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.dbx-view-btn{padding:6px 9px;cursor:pointer;color:var(--ink-mute);background:var(--surface-elev);border:none;font-size:.82rem}.dbx-view-btn.is-active{color:var(--void);background:var(--cyan-bright)}.dbx-view-btn:not(.is-active):hover{color:var(--ink)}.dl-grid-card.is-removable{cursor:pointer}.dl-grid-card.is-removable:hover .hs-card{box-shadow:inset 0 0 0 2px var(--red-bright),0 8px 20px #0009}.dl-grid-remove{position:absolute;top:4px;right:4px;z-index:6;width:20px;height:20px;border-radius:50%;display:none;place-items:center;font-weight:800;color:#fff;background:var(--red);box-shadow:0 2px 6px #00000080}.dl-grid-card.is-removable:hover .dl-grid-remove{display:grid}@media (max-width: 880px){.dbx-grid{grid-template-columns:1fr}.dbx-deck{max-height:44vh}}.dbx-reactor-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.reactor-guide{position:absolute;top:calc(100% + 12px);left:50%;z-index:30;width:244px;padding:13px 15px;border-radius:11px;text-align:center;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,var(--cyan-deep),var(--surface-hot));border:1px solid var(--cyan-dim);box-shadow:0 14px 32px #0000008c;opacity:0;transform:translate(-50%) translateY(10px) scale(.95);transform-origin:top center;pointer-events:none;transition:opacity .26s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.reactor-guide.is-in{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.reactor-guide-arrow{position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--cyan-deep);border-left:1px solid var(--cyan-dim);border-top:1px solid var(--cyan-dim)}.reactor-guide-text{font-size:.82rem;color:var(--ink);line-height:1.45}.reactor-guide-dismiss{align-self:center;font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:6px 18px;border-radius:8px;cursor:pointer;color:var(--void);background:var(--cyan-bright);border:1px solid var(--cyan-bright)}.reactor-guide-dismiss:hover:not(:disabled){filter:brightness(1.1);background:var(--cyan-bright);border-color:var(--cyan-bright);color:var(--void)}.dbx-reactor-section .dl-chart-title{align-self:center}.reactor{position:relative}.reactor-svg{display:block;overflow:visible}.reactor-body{fill:var(--surface-elev);stroke:var(--border-strong);stroke-width:1.5}.reactor-core{cursor:pointer}.reactor-core-ring{fill:#04070eb3;stroke:var(--border-strong);stroke-width:1.5;transition:stroke .12s}.reactor-core.is-empty .reactor-core-ring{stroke-dasharray:3 3}.reactor-core-plus{fill:var(--ink-mute);font-family:var(--display);font-size:18px;font-weight:700;pointer-events:none}.reactor-core:hover .reactor-core-ring{stroke:var(--cyan-bright)}.reactor-core:hover .reactor-core-plus{fill:var(--cyan-bright)}.reactor-core-ring.is-active{stroke:var(--ink);stroke-width:2.5}.reactor-core-fill{transition:r .1s}.reactor-pop{position:fixed;transform:translate(-50%);z-index:1000;display:inline-flex;gap:6px;padding:8px;background:var(--surface-hot);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 10px 26px #0009}.reactor-pop-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:11px;height:11px;background:var(--surface-hot);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong)}.reactor-pop-swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;padding:0;border:2px solid transparent;opacity:.55;transition:opacity .1s,transform .08s,border-color .1s}.reactor-pop-swatch:hover{opacity:1;transform:translateY(-1px)}.reactor-pop-swatch.is-active{opacity:1;border-color:var(--ink);box-shadow:0 0 8px #00000080}.dbx-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);flex:0 0 auto}.dbx-tab{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:9px 14px 10px;cursor:pointer;color:var(--ink-mute);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.dbx-tab:hover{color:var(--ink-soft)}.dbx-tab.is-active{color:var(--ink);border-bottom-color:var(--cyan-bright)}.dbx-stats-tab{display:flex;flex-direction:column;gap:16px}.dbx-cards-head{gap:12px}.dbx-cards-head .dbx-progress{flex:1;height:5px}.dbx-pool-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:22px;padding-right:4px}.dbx-ship-section{display:flex;flex-direction:column;gap:12px}.dbx-ship-section-head{display:flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.dbx-ship-section-label{font-family:var(--display);font-size:.86rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.dbx-ship-section-count{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--ink-mute);padding:2px 8px;border-radius:10px;background:#5b9aba24}.dbx-ship-section .dbx-pool-grid{overflow:visible;min-height:0}.dbx-ship-section .dbx-pool-rows{overflow:visible;min-height:0;flex:0 0 auto}*{scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyan-dim),var(--cyan-deep));border:2px solid transparent;background-clip:padding-box;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyan),var(--cyan-dim));background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;background:#04070ea8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{width:min(420px,calc(100vw - 40px));background:var(--surface-elev);border:1px solid var(--border-strong);border-radius:14px;padding:22px 22px 18px;box-shadow:0 20px 60px #0009}.confirm-title{font-family:var(--display);font-size:1.15rem;font-weight:800;color:var(--ink);margin:0 0 8px;letter-spacing:.02em}.confirm-body{font-size:.9rem;color:var(--ink-soft);line-height:1.5;margin:0 0 18px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{font-family:var(--display);font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:9px 18px;border-radius:9px;cursor:pointer;color:var(--ink);background:var(--surface-hot);border:1px solid var(--border);transition:border-color .12s,background .12s,filter .12s}.confirm-btn:hover{border-color:var(--cyan-dim)}.confirm-btn-danger{color:#fff;background:var(--red);border-color:var(--red)}.confirm-btn-danger:hover{filter:brightness(1.1)}.dl-warn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.78em;line-height:1;color:var(--gold-bright);cursor:help;filter:drop-shadow(0 0 4px rgba(212,160,74,.5));margin-right:3px}.dl-grid-head .dl-warn-icon,.dl-grid-subhead .dl-warn-icon{margin-left:4px;margin-right:0}.dbx-tab .dl-warn-icon{margin-left:5px;font-size:.85em}.deck-card-incomplete{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:9;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:var(--gold-bright);background:#140e04d1;border:1px solid var(--gold-deep);box-shadow:0 4px 12px #00000080}.crew-hexes{position:absolute;top:4%;left:50%;transform:translate(-50%);display:flex;gap:3px;z-index:5;pointer-events:none}.crew-hex{pointer-events:auto;width:34px;height:34px;border-radius:50%;background-color:#161b26;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 0 var(--crew-tint, #8893a7)) drop-shadow(0 0 3px var(--crew-tint, #8893a7))}.crew-hex-initials{font-size:12px;font-weight:800;letter-spacing:.03em;color:#e6ebf3;text-shadow:0 1px 2px rgba(0,0,0,.7)}.crew-hex.tint-red{--crew-tint: #e85a4a}.crew-hex.tint-blue{--crew-tint: #4aa3e8}.crew-hex.tint-green{--crew-tint: #4ae87f}.crew-hex.tint-yellow{--crew-tint: #e8c84a}.crew-hex.tint-purple{--crew-tint: #a96ae8}.crew-hex.tint-generic{--crew-tint: #8893a7}