:root{--bg: #07111f;--panel: #0d1d32;--snow: #f3faff;--ice: #bfeaff;--aurora-green: #54f2e3;--aurora-purple: #a78bfa;--turn: #ffd66b;--danger: #ff5e6c;--ink: #07111f;--panel-strong: rgba(13, 29, 50, .9);--line: rgba(191, 234, 255, .28);--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--snow);font-family:var(--font-ui);height:100%;overflow:hidden;touch-action:manipulation}#app{position:fixed;inset:0}#game-root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-root canvas{display:block;margin:auto!important;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#101b358c;z-index:20}.hidden{display:none!important}.panel{background:#1d3153eb;border:1px solid rgba(145,218,242,.35);border-radius:16px;padding:24px 28px;width:min(92vw,460px);box-shadow:0 8px 40px #00000073;text-align:center}.title{font-size:40px;margin:0 0 4px;letter-spacing:1px}.title .accent{background:linear-gradient(90deg,var(--aurora-green),var(--aurora-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0 0 18px;color:var(--ice);font-size:14px}input[type=text],select{background:#101b35cc;color:var(--snow);border:1px solid rgba(145,218,242,.4);border-radius:8px;padding:10px 12px;font-size:16px;width:100%;margin-bottom:10px}input::placeholder{color:#eff9ff66}.row{display:flex;gap:10px;justify-content:center;margin-top:6px}.btn{background:#91daf224;color:var(--snow);border:1px solid rgba(145,218,242,.45);border-radius:10px;padding:12px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.btn:hover{background:#91daf247}.btn.primary{background:linear-gradient(135deg,#77f2c240,#b79aff40);border-color:var(--aurora-green)}.btn.wide{width:100%;margin-top:14px}.btn:disabled{opacity:.35;cursor:default}.settings{margin-top:16px;text-align:left;color:var(--ice);font-size:14px}.settings summary{cursor:pointer;margin-bottom:8px}.settings label{display:block;margin-bottom:8px}.join-box{margin-top:14px}.join-box input{text-transform:uppercase;letter-spacing:4px;text-align:center;font-size:22px}.code-line{font-size:16px}.code{font-size:26px;letter-spacing:6px;color:var(--turn);font-weight:700}.hint{color:var(--ice);font-size:13px}.char-grid{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap;justify-content:center}.char-card{width:130px;background:#101b3599;border:2px solid rgba(145,218,242,.25);border-radius:12px;padding:10px 6px;color:var(--snow);cursor:pointer}.char-card.selected{border-color:var(--turn);background:#ffd5821f}.char-card.disabled{opacity:.4;cursor:default}.char-avatar{width:72px;height:72px;margin:0 auto 6px;border-radius:12px}.char-name{font-weight:700}.char-desc{font-size:11px;color:var(--ice);margin-top:4px}.lobby-players{margin:10px 0}.lobby-player{padding:8px;border-radius:8px;background:#101b3580;margin-bottom:6px;font-size:15px;display:flex;justify-content:space-between}.lobby-player .status-ready{color:var(--aurora-green)}.lobby-player .status-wait{color:var(--turn)}.lobby-player .status-off{color:#ff8a8a}#topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px;background:linear-gradient(#101b35a6,#101b3500)}.player-card{flex:1;max-width:340px;min-width:190px;display:flex;align-items:center;gap:10px;padding:9px 12px;pointer-events:auto;clip-path:polygon(0 0,94% 0,100% 22%,100% 100%,0 100%);border:1px solid rgba(238,232,250,.5);background:linear-gradient(135deg,#222953e0,#242146b3);box-shadow:0 7px 22px #261e4a42,inset 0 1px #ffffff29;transition:border-color .2s,box-shadow .2s,transform .2s}.player-card.right{flex-direction:row-reverse;text-align:right;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 22%)}.player-card.active-turn{border-color:#b9f1a0;box-shadow:0 0 22px #c1f3ad66,inset 0 1px #ffffff2e;transform:translateY(2px)}.pc-portrait{flex:0 0 52px;width:52px;height:52px;border:1px solid rgba(239,249,255,.55);background-color:#101b35;box-shadow:inset 0 0 10px #91daf240}.pc-info{flex:1;min-width:0}.pc-meta{display:flex;align-items:baseline;gap:6px;margin-bottom:5px}.pc-seat{color:var(--ice);font-size:10px;font-weight:800;letter-spacing:1px}.pc-name{font-weight:750;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000}.pc-hp{height:12px;background:#060e20e6;border-radius:3px;overflow:hidden;border:1px solid rgba(145,218,242,.4)}.pc-hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#62d6a5,var(--aurora-green));transition:width .4s}.player-card.hp-damaged .pc-hp{animation:hp-damage-flash .7s ease-out}.player-card.hp-damaged .pc-hp-fill{filter:saturate(1.55) brightness(1.16)}.player-card.right .pc-hp-fill{margin-left:auto}#center-top{min-width:142px;padding:8px 16px 10px;text-align:center;border:1px solid rgba(239,225,248,.58);border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#3b315bb8,#2f2c5280);box-shadow:0 7px 20px #37275540,inset 0 1px #ffffff29}.match-kicker{color:#eff9ff80;font-size:8px;font-weight:800;letter-spacing:1.2px}#turn-label{margin-top:3px;font-size:10px;font-weight:850;letter-spacing:1.7px;color:var(--aurora-green)}#timer{font-size:31px;line-height:32px;font-weight:850;color:var(--turn);text-shadow:0 1px 6px #000}#timer.low{color:var(--danger);animation:timer-pulse .8s ease-in-out infinite alternate}#wind{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid rgba(145,218,242,.22);border-radius:999px;font-size:10px;letter-spacing:.4px;color:var(--ice);text-shadow:0 1px 3px #000}.wind-icon{color:var(--turn);font-size:14px;font-weight:800}.pc-hp-label{margin-top:4px;color:#eff9ff8c;font-size:9px;letter-spacing:.6px}.pc-hp-value{color:var(--snow);font-weight:750}#controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(290px,1.4fr) minmax(180px,1fr);align-items:stretch;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:10px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#101b3500,#0c142abf 20%,#070d1cf5);pointer-events:none}#controls>*{pointer-events:auto}.command-module{pointer-events:auto;background:linear-gradient(155deg,#222b4ce6,#121830f2);border:1px solid rgba(145,218,242,.28);border-radius:12px;box-shadow:0 8px 24px #04091680,inset 0 1px #eff9ff1f;backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow:hidden}.module-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:#91daf20f;border-bottom:1px solid rgba(145,218,242,.12);color:var(--snow);font-size:9px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.module-hint{color:var(--ice);font-size:8px;font-weight:650;letter-spacing:.4px;opacity:.85}.ctl-left{display:flex;flex-direction:column}.movement-body{padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:100%}.movement-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn.btn-move{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.8px;border-radius:8px;background:linear-gradient(135deg,#91daf22e,#5b60964d);border:1px solid rgba(145,218,242,.45);color:var(--snow);transition:all .12s ease;cursor:pointer}.btn.btn-move:hover:not(:disabled){background:linear-gradient(135deg,#91daf252,#77f2c240);border-color:var(--aurora-green);box-shadow:0 0 12px #77f2c24d;transform:translateY(-1px)}.btn.btn-move:active:not(:disabled){transform:translateY(1px) scale(.98)}.move-icon{font-size:14px;color:var(--aurora-green)}.move-text{font-size:11px;font-weight:800}.resource-wrap{display:flex;flex-direction:column;gap:5px}.gauge-row{display:flex;flex-direction:column;gap:2px}.gauge-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:750}.gauge-title{letter-spacing:.5px}.energy-wrap .gauge-title{color:var(--aurora-green)}.energy-value{color:var(--aurora-green);font-size:10px;font-weight:800}.energy{height:7px;background:#050b18e6;border:1px solid rgba(119,242,194,.4);border-radius:99px;overflow:hidden}.energy-fill{height:100%;width:100%;background:linear-gradient(90deg,#42b883,var(--aurora-green));transition:width .25s ease-out;box-shadow:0 0 6px #77f2c299}.stamina-wrap .gauge-title{color:var(--turn)}.stamina-value{color:var(--turn);font-size:10px;font-weight:800}.stamina{height:7px;background:#050b18e6;border:1px solid rgba(255,213,130,.4);border-radius:99px;overflow:hidden}.stamina-fill{height:100%;width:0;background:linear-gradient(90deg,#ff9a4a,var(--turn));transition:width .25s ease-out;box-shadow:0 0 6px #ffd58299}.weapons-module{display:flex;flex-direction:column}.weapons-body{padding:8px 10px;display:flex;align-items:center;justify-content:center;height:100%}#weapons{display:flex;gap:8px;width:100%;justify-content:center;align-items:stretch}.weapon-btn{flex:1;min-width:0;max-width:130px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 6px;background:linear-gradient(145deg,#2e385ccc,#181e3ad9);border:1px solid rgba(145,218,242,.3);border-radius:9px;color:var(--snow);cursor:pointer;transition:all .15s ease;user-select:none}.weapon-btn:hover:not(:disabled){background:linear-gradient(145deg,#3e4b78e6,#20284cf2);border-color:var(--ice);transform:translateY(-2px);box-shadow:0 4px 14px #00000059}.weapon-btn.selected{border-color:var(--turn);background:linear-gradient(145deg,#584666f2,#2a2e50fa);box-shadow:0 0 16px #ffd58280,inset 0 0 12px #ffd58226;transform:translateY(-1px)}.weapon-btn:disabled{opacity:.35;cursor:default}.weapon-key{position:absolute;top:4px;left:5px;font-size:9px;font-weight:800;color:#eff9ff8c;background:#00000059;padding:1px 4px;border-radius:4px;line-height:1}.weapon-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--turn);border:1px solid currentColor;font-size:15px;margin-top:2px}.weapon-label{font-size:11px;font-weight:750;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.weapon-cost{display:inline-block;margin-top:2px;padding:1px 5px;border-radius:4px;font-size:8px;font-weight:750;letter-spacing:.3px;background:#0000004d;color:var(--aurora-green)}.weapon-btn[data-stamina-cost="2"] .weapon-cost{color:var(--turn)}.weapon-btn[data-stamina-cost="5"] .weapon-cost{color:var(--aurora-purple)}.weapon-cd{position:absolute;top:4px;right:5px;font-size:9px;font-weight:800;color:var(--danger)}.ctl-fire{display:flex;flex-direction:column;pointer-events:auto}.ctl-fire *{pointer-events:auto}.fire-body{padding:6px 10px 8px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;height:100%}.fire-body input,.fire-body button,.fire-body .aim-arc{pointer-events:auto}.aim-section{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.aim-arc{position:relative;width:100%;max-width:170px;height:88px;outline:none;cursor:crosshair;touch-action:none;user-select:none}.aim-arc svg{width:100%;height:78px;overflow:visible;display:block}.aim-arc-track{fill:none;stroke:#91daf238;stroke-width:10;stroke-linecap:round}.aim-arc-active{fill:none;stroke:var(--aurora-green);stroke-width:4;stroke-linecap:round;stroke-dasharray:282.75;filter:drop-shadow(0 0 5px rgba(119,242,194,.8))}.aim-arc-guide{stroke:#ff3b50;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,59,80,.9))}.aim-arc-handle{fill:var(--turn);stroke:#fff6d9;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(255,213,130,.95))}.aim-arc-label{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;gap:4px;align-items:baseline;color:var(--ice);font-size:9px;font-weight:700;pointer-events:none;white-space:nowrap}.aim-arc-label output{color:var(--turn);font-size:15px;font-weight:850}.aim-arc-tick{position:absolute;color:#91daf2b3;font-size:8px;font-weight:700;pointer-events:none}.tick-left{left:2px;bottom:8px}.tick-top{left:50%;top:2px;transform:translate(-50%)}.tick-right{right:2px;bottom:8px}.aim-arc:focus-visible{box-shadow:0 0 0 2px var(--aurora-green);border-radius:12px}.aim-arc.disabled{opacity:.42;cursor:not-allowed}.power-fire-section{display:flex;flex-direction:column;gap:6px;justify-content:center}.power-row{display:flex;flex-direction:column;gap:2px}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;color:var(--ice)}.slider-label output{color:var(--aurora-green);font-size:12px;font-weight:800}#power{width:100%;height:6px;appearance:none;background:#050b18e6;border:1px solid rgba(145,218,242,.35);border-radius:99px;outline:none;margin:2px 0}#power::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--aurora-green);border:2px solid #fff;box-shadow:0 0 8px #77f2c2e6;cursor:pointer;transition:transform .1s}#power::-webkit-slider-thumb:hover{transform:scale(1.15)}#power::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--aurora-green);border:2px solid #fff;box-shadow:0 0 8px #77f2c2e6;cursor:pointer}.btn.fire{position:relative;z-index:2;pointer-events:auto;touch-action:manipulation;display:flex;justify-content:center;gap:8px;min-height:44px;padding:6px 12px;border-radius:9px;background:linear-gradient(135deg,#ffbe59,#f67a48 45%,#e74753);border:1px solid #ffe2ab;box-shadow:0 0 16px #f67a4873,inset 0 1px #ffffff73;font-size:14px;font-weight:850;letter-spacing:.8px;color:#fff;text-shadow:0 1px 3px rgba(80,20,15,.6);transition:all .15s ease;cursor:pointer}.btn.fire:hover:not(:disabled){background:linear-gradient(135deg,#ffd378,#ff8957 45%,#ef5560);box-shadow:0 0 22px #f67a48a6,inset 0 1px #fff9;transform:translateY(-1px)}.btn.fire:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn.fire:disabled{filter:saturate(.35) opacity(.5);box-shadow:none;cursor:default}.fire-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.7);font-size:12px}.fire-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.fire-copy strong{font-size:13px;font-weight:900;letter-spacing:1px}.fire-copy small{font-size:8px;font-weight:700;color:#fff0e6d9;letter-spacing:.2px}@keyframes timer-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes hp-damage-flash{0%,to{border-color:#91daf266;box-shadow:none}18%{border-color:#ff4d5f;box-shadow:0 0 0 3px #ff4d5f5c,0 0 18px #ff4d5fcc}55%{border-color:#ff8a8a;box-shadow:0 0 0 2px #ff4d5f2e,0 0 10px #ff4d5f73}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#topbar{pointer-events:auto}#controls{position:relative;z-index:11;pointer-events:auto}.player-card.defeated{opacity:.55;filter:grayscale(.6)}.player-card.defeated .pc-hp-fill{background:repeating-linear-gradient(90deg,#334 0 6px,#556 6px 12px)}.defeat-fire:after{content:"🔥";position:absolute;right:6px;top:2px;animation:fireFlicker .4s infinite}@keyframes fireFlicker{0%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}to{opacity:.7;transform:translateY(0)}}@keyframes shakeVeh{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.pc-portrait.shaking{animation:shakeVeh .18s 3}@media (max-width: 1024px){#controls{gap:8px}.command-module{padding:6px 8px}#weapons{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){#topbar{flex-wrap:wrap}.player-card{max-width:46%;min-width:0}#controls{flex-direction:column;padding-bottom:env(safe-area-inset-bottom,12px)}.aim-arc{width:180px}}@media (max-width: 560px){html,body{overflow-x:hidden}#controls{position:fixed;bottom:0;left:0;right:0}button,.weapon-btn,#aim-arc,#power,.btn{min-height:44px;min-width:44px}#game-root{touch-action:pan-y}}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--sa-cyan, #54F2E3);outline-offset:2px;border-radius:4px}#game-root canvas{image-rendering:crisp-edges}.items-module{opacity:.85;border-style:dashed}.result-panel{max-width:560px}.result-kicker{font-size:11px;letter-spacing:.2em;color:var(--sa-gray, #B7C8D8)}.result-sub{color:var(--sa-ice, #BFEAFF);margin-top:6px}.result-breakdown{margin-top:10px;color:var(--sa-gray);font-size:13px}.result-details{margin-top:12px;padding:12px;border:1px dashed var(--sa-line, rgba(191,234,255,.2));border-radius:8px;max-height:40vh;overflow:auto}.result-stats{text-align:left;margin:12px 0}.result-stat{padding:8px;border-bottom:1px solid rgba(145,218,242,.15);font-size:15px;display:flex;justify-content:space-between}@media (max-width: 860px){.title{font-size:30px}#topbar{gap:8px;padding:10px}.player-card{min-width:0;padding:7px}.pc-portrait{flex-basis:42px;width:42px;height:42px}.pc-hp-label,.match-kicker{display:none}#center-top{min-width:118px;padding-inline:8px}#timer{font-size:26px}#controls{grid-template-columns:minmax(130px,1fr) minmax(210px,1.4fr) minmax(130px,1fr);gap:6px;padding:6px 8px max(10px,env(safe-area-inset-bottom))}.module-label{font-size:8px;padding:4px 6px}.module-hint{display:none}.btn.btn-move{min-height:36px;font-size:11px;padding:4px 6px}.weapon-btn{padding:5px 4px}.weapon-label{font-size:10px}.fire-body{gap:6px;padding:4px 6px}.aim-arc{height:76px}.aim-arc svg{height:68px}.btn.fire{min-height:38px;padding:4px 8px}}@media (max-height: 600px) and (orientation: landscape){#topbar{padding-block:6px}#controls{padding-top:4px;padding-bottom:4px;gap:6px}.aim-arc{height:72px}.aim-arc svg{height:64px}.btn.fire{min-height:38px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.match-time{margin-top:4px;font-size:11px;font-weight:750;letter-spacing:.6px;color:var(--ice, #91daf2);opacity:.95}.match-time.low{color:var(--danger, #ff8a8a);animation:timer-pulse .8s ease-in-out infinite alternate}.audio-controls{pointer-events:auto;position:fixed;top:10px;right:10px;z-index:30;display:flex;gap:2px;padding:2px;border:1px solid rgba(191,234,255,.35);border-radius:8px;background:#07111fc7}.audio-controls button{pointer-events:auto;touch-action:manipulation;width:32px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#bfeaff;font:700 12px/1 system-ui;cursor:pointer}.audio-controls button:hover{background:#54f2e32e;color:#fff}.round-label{margin-top:2px;color:var(--ice);font:700 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.82}:root{--sa-night: #07111f;--sa-navy: #0d1d32;--sa-ice: #bfeaff;--sa-cyan: #54f2e3;--sa-green: #77ff9a;--sa-violet: #a78bfa;--sa-frost: #f3faff;--sa-gray: #b7c8d8;--sa-blue: #4ca8ff;--sa-orange: #ffb454;--sa-red: #ff5e6c;--sa-shield: #63d9ff;--sa-gold: #ffd66b;--sa-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sa-font-mono: "Space Mono", "JetBrains Mono", ui-monospace, monospace;--sa-line: rgba(191, 234, 255, .18);--sa-line-strong: rgba(191, 234, 255, .38);--sa-panel: rgba(13, 29, 50, .88);--sa-panel-solid: #0d1d32}.flow-bg{position:absolute;inset:0;z-index:19;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,#0e2542 0%,transparent 55%),linear-gradient(180deg,#050c17 0%,var(--sa-night) 45%,#0a1a2e 100%)}.flow-bg[hidden]{display:none}.fx-aurora{position:absolute;inset:-10% -20% 40%;pointer-events:none}.fx-aurora .band{position:absolute;left:0;right:0;height:46%;border-radius:50%;filter:blur(38px);opacity:.5;transform-origin:center}.fx-aurora .b1{top:4%;background:linear-gradient(90deg,transparent,rgba(84,242,227,.55) 30%,rgba(119,255,154,.4) 60%,transparent);animation:aurora-drift 26s ease-in-out infinite alternate}.fx-aurora .b2{top:22%;background:linear-gradient(90deg,transparent,rgba(167,139,250,.45) 40%,rgba(84,242,227,.3) 70%,transparent);animation:aurora-drift 34s ease-in-out infinite alternate-reverse}.fx-aurora .b3{top:40%;height:30%;background:linear-gradient(90deg,transparent,rgba(119,255,154,.28) 45%,transparent);animation:aurora-drift 42s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translate(-6%) skew(-8deg) scaleY(1);opacity:.42}50%{opacity:.62}to{transform:translate(6%) skew(6deg) scaleY(1.12);opacity:.5}}.fx-mountains{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(155deg,transparent 62%,rgba(13,29,50,.9) 62.5%) left / 40% 100% no-repeat,linear-gradient(205deg,transparent 58%,rgba(10,24,42,.95) 58.5%) right / 46% 100% no-repeat,linear-gradient(168deg,transparent 70%,rgba(16,34,58,.85) 70.5%) 30% 100% / 46% 82% no-repeat;opacity:.9}.fx-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(191,234,255,.045) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(191,234,255,.045) 0 1px,transparent 1px 56px);mask-image:linear-gradient(180deg,transparent 0%,#000 70%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 70%)}.fx-snow{position:absolute;inset:-100% 0 0;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 22%,rgba(243,250,255,.85) 50%,transparent 52%),radial-gradient(1.2px 1.2px at 34% 66%,rgba(243,250,255,.6) 50%,transparent 52%),radial-gradient(2px 2px at 57% 12%,rgba(191,234,255,.75) 50%,transparent 52%),radial-gradient(1.3px 1.3px at 76% 44%,rgba(243,250,255,.55) 50%,transparent 52%),radial-gradient(1.7px 1.7px at 90% 78%,rgba(191,234,255,.7) 50%,transparent 52%),radial-gradient(1.1px 1.1px at 45% 88%,rgba(243,250,255,.5) 50%,transparent 52%);background-size:480px 480px;animation:snow-fall 22s linear infinite}.fx-snow.s2{background-size:320px 320px;opacity:.55;animation-duration:13s;animation-delay:-6s}@keyframes snow-fall{0%{transform:translateY(0)}to{transform:translateY(50%)}}.flow-screen{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;font-family:var(--sa-font-ui);color:var(--sa-frost);opacity:1;transform:translateY(0);transition:opacity .26s ease,transform .26s ease}.flow-screen[hidden]{display:none}.flow-screen.is-entering{opacity:0;transform:translateY(14px)}.flow-screen.is-exiting{opacity:0;transform:translateY(-8px);transition-duration:.18s}.mono{font-family:var(--sa-font-mono)}.flow-panel{width:min(94vw,520px);background:var(--sa-panel);border:1px solid var(--sa-line);border-radius:14px;padding:26px 28px 22px;box-shadow:0 12px 48px #00000080,inset 0 1px #bfeaff14;backdrop-filter:blur(2px)}.flow-panel.wide{width:min(96vw,780px)}.flow-head{text-align:center;margin-bottom:18px}.screen-title{margin:0;font-size:clamp(22px,3.4vw,30px);font-weight:800;letter-spacing:.06em;color:var(--sa-frost);outline:none}.screen-sub{margin:6px 0 0;font-family:var(--sa-font-mono);font-size:11.5px;letter-spacing:.14em;color:var(--sa-gray)}.game-title{margin:0;font-size:clamp(38px,7vw,64px);font-weight:800;letter-spacing:.04em;line-height:1}.game-title .t-snow{color:var(--sa-frost)}.game-title .t-aurora{background:linear-gradient(92deg,var(--sa-cyan),var(--sa-green) 45%,var(--sa-violet));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(84,242,227,.25))}.game-tag{margin:10px 0 0;font-family:var(--sa-font-mono);font-size:11px;letter-spacing:.34em;color:var(--sa-gray)}.flow-progress{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:-6px 0 16px;font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.12em}.flow-progress .pstep{color:#b7c8d88c;padding:3px 6px;border-radius:4px;display:flex;align-items:center;gap:4px}.flow-progress .pstep:after{content:"→";margin-left:4px;opacity:.4}.flow-progress .pstep:last-child:after{content:""}.flow-progress .pstep.done{color:var(--sa-ice)}.flow-progress .pstep.now{color:var(--sa-gold);background:#ffd66b1a;box-shadow:inset 0 0 0 1px #ffd66b59}.fbtn{font-family:var(--sa-font-mono);font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--sa-frost);background:#4ca8ff1a;border:1px solid var(--sa-line-strong);border-radius:9px;padding:12px 20px;min-height:44px;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.fbtn:hover:not(:disabled){background:#4ca8ff33}.fbtn.primary{background:linear-gradient(135deg,#4ca8ff47,#54f2e329);border-color:var(--sa-blue)}.fbtn.primary:hover:not(:disabled){box-shadow:0 0 18px #4ca8ff40}.fbtn.ghost{background:transparent;border-color:var(--sa-line);color:var(--sa-gray)}.fbtn.ghost:hover:not(:disabled){color:var(--sa-frost);background:#bfeaff0f}.fbtn:disabled{opacity:.35;cursor:default}.fbtn:focus-visible,.flow-card:focus-visible,.flow-screen input:focus-visible,.flow-screen select:focus-visible,.reveal-stage:focus-visible{outline:2px solid var(--sa-cyan);outline-offset:2px}.flow-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.flow-nav.center{justify-content:center}.field{display:block;text-align:left;margin-bottom:12px}.field-label{display:block;font-family:var(--sa-font-mono);font-size:10.5px;letter-spacing:.18em;color:var(--sa-gray);margin-bottom:6px}.flow-screen input[type=text],.flow-screen select{width:100%;background:#07111fd9;color:var(--sa-frost);border:1px solid var(--sa-line-strong);border-radius:9px;padding:12px 14px;font-size:16px;font-family:var(--sa-font-ui)}.flow-screen input::placeholder{color:#b7c8d873}.field-hint{font-size:12.5px;color:var(--sa-gray);text-align:center;margin:4px 0 0}.field-error{font-size:13px;color:var(--sa-red);text-align:center;margin:6px 0 0}.code-input{font-family:var(--sa-font-mono);text-transform:uppercase;letter-spacing:.5em;text-align:center;font-size:24px!important}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:12px}.flow-card{display:flex;flex-direction:column;gap:5px;text-align:left;background:#07111fa8;border:1.5px solid var(--sa-line);border-radius:12px;padding:14px;color:var(--sa-frost);font-family:var(--sa-font-ui);cursor:pointer;min-height:44px;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.flow-card:hover:not(:disabled){border-color:var(--sa-line-strong);background:#0d1d32cc}.flow-card[aria-checked=true]{border-color:var(--sa-gold);background:#ffd66b12;box-shadow:0 0 0 1px #ffd66b59,0 0 20px #ffd66b14}.flow-card:disabled{opacity:.4;cursor:default}.card-kicker{font-family:var(--sa-font-mono);font-size:9.5px;letter-spacing:.2em;color:var(--sa-blue)}.flow-card[aria-checked=true] .card-kicker{color:var(--sa-gold)}.card-title{font-size:16px;font-weight:800;letter-spacing:.05em}.card-desc{font-size:12.5px;color:var(--sa-gray);line-height:1.45}.pick-card{align-items:center;text-align:center;padding:12px 8px}.pick-avatar{width:84px;height:84px;border-radius:12px;margin-bottom:4px}.pick-name{font-weight:800;font-size:14px;letter-spacing:.04em}.pick-sub{font-family:var(--sa-font-mono);font-size:10px;color:var(--sa-gray);letter-spacing:.08em}.pick-canvas{width:100%;height:64px;border-radius:8px;background:#07111fb3;display:block}.detail-line{min-height:20px;text-align:center;font-size:13px;color:var(--sa-ice);margin:12px 0 0}.online-branch{margin-top:16px}.weapons-list{display:flex;flex-direction:column;gap:10px}.weapon-row{display:grid;grid-template-columns:88px 1fr 140px auto;gap:12px;align-items:start;background:#07111fa8;border:1px solid var(--sa-line);border-radius:12px;padding:12px 14px}.weapon-row.ss{border-color:#ffd66b61;background:#ffd66b0f}.weapon-slot{font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.12em;color:var(--sa-cyan);padding-top:2px}.weapon-row.ss .weapon-slot{color:var(--sa-gold)}.weapon-main{min-width:0}.weapon-name{font-weight:800;font-size:14px;letter-spacing:.04em}.weapon-desc{font-size:12px;color:var(--sa-gray);margin-top:2px}.weapon-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.weapon-tag{font-family:var(--sa-font-mono);font-size:9px;letter-spacing:.08em;background:#bfeaff14;border:1px solid var(--sa-line);border-radius:999px;padding:3px 7px;color:var(--sa-ice)}.weapon-tag.special{color:var(--sa-cyan);border-color:#54f2e366}.weapon-cd{font-family:var(--sa-font-mono);font-size:10px;color:var(--sa-gray);margin-top:6px;letter-spacing:.06em}.weapon-stats{font-family:var(--sa-font-mono);font-size:11px;color:var(--sa-gray);text-align:right;line-height:1.5;white-space:normal}.weapon-stats b{color:var(--sa-frost);font-weight:700}.weapon-pill{align-self:center;font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.1em;padding:6px 10px;border-radius:999px;border:1px solid var(--sa-line)}.weapon-pill.ok{color:var(--sa-cyan);border-color:#54f2e359;background:#54f2e314}.weapon-pill.sta{color:var(--sa-gold);border-color:#ffd66b66;background:#ffd66b14}.weapon-pill.cd{color:var(--sa-gray)}.weapon-pill.sig{color:var(--sa-night);background:linear-gradient(90deg,var(--sa-cyan),var(--sa-gold));border-color:transparent}.summary{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 14px;font-size:14px}.summary dt{font-family:var(--sa-font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--sa-gray);align-self:center}.summary dd{margin:0;font-weight:600;color:var(--sa-frost)}.rules-list{margin:0;padding:12px 14px;list-style:none;border:1px dashed var(--sa-line);border-radius:10px;font-size:12.5px;color:var(--sa-gray);display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.rules-list li:before{content:"▸ ";color:var(--sa-blue)}.room-code{font-size:clamp(34px,8vw,48px);font-weight:700;letter-spacing:.32em;text-align:center;color:var(--sa-gold);margin:8px 0 16px;text-shadow:0 0 24px rgba(255,214,107,.25);user-select:all}.pick-sub{font-size:11px;color:var(--sa-gray);margin-top:4px;display:block;line-height:1.4}.arena-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.arena-chip{font-family:var(--sa-font-mono);font-size:9px;letter-spacing:.08em;background:#bfeaff14;border:1px solid var(--sa-line);color:var(--sa-ice);border-radius:999px;padding:3px 7px}.arena-chip b{color:var(--sa-cyan)}.arena-card[aria-checked=true]{border-color:var(--sa-gold);box-shadow:0 0 0 1px #ffd66b66}.confirm-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.confirm-card{background:#07111f80;border:1px solid var(--sa-line);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.confirm-slots{display:flex;flex-direction:column;gap:6px;margin:8px 0}.confirm-slot-row{font-size:12px;display:flex;gap:8px;align-items:center;color:var(--sa-gray)}.confirm-slot-row b{color:var(--sa-frost)}.slot-badge{font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.08em;color:var(--sa-cyan);border:1px solid rgba(84,242,227,.35);border-radius:999px;padding:2px 6px}.slot-cost{font-family:var(--sa-font-mono);font-size:10px;color:var(--sa-gold)}.slot-cd{font-family:var(--sa-font-mono);font-size:10px;color:var(--sa-gray)}.confirm-hp{margin-top:10px;display:grid;gap:6px}.confirm-hp-row{display:flex;gap:8px;align-items:center;font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.1em;color:var(--sa-gray)}.hp-pill,.stamina-pill,.shield-pill,.wind-pill{border:1px solid var(--sa-line);border-radius:999px;padding:4px 8px;color:var(--sa-frost)}.shield-pill{color:var(--sa-red);border-color:#ff5e6c66}.wind-pill{color:var(--sa-cyan)}.start-battle{background:linear-gradient(90deg,var(--sa-cyan),var(--sa-gold))!important;color:var(--sa-night)!important;border-color:transparent!important}.reveal-steps{margin-top:8px;font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.14em;color:var(--sa-gray)}.reveal-step{color:var(--sa-cyan)}.flow-boot{flex-direction:column}.boot-stage{display:flex;flex-direction:column;align-items:center;gap:34px;width:min(92vw,480px)}.boot-logo{position:relative;text-align:center;padding:26px}.radar-pulse{position:absolute;inset:-24px;border:1px solid rgba(84,242,227,.35);border-radius:50%;animation:radar 3.2s ease-out infinite;pointer-events:none}@keyframes radar{0%{transform:scale(.55);opacity:.8}to{transform:scale(1.35);opacity:0}}.boot-ridge{position:relative;width:100%;height:74px}.boot-ridge .ridge{position:absolute;inset:auto 0 0;height:44px;background:linear-gradient(178deg,transparent 46%,rgba(191,234,255,.16) 47%,rgba(13,29,50,.95) 60%);clip-path:polygon(0 100%,0 62%,18% 40%,36% 56%,52% 30%,68% 52%,84% 36%,100% 58%,100% 100%)}.boot-mount{position:absolute;left:50%;bottom:26px;width:64px;height:64px;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.boot-load{width:100%}.load-bar{height:12px;border:1px solid var(--sa-line-strong);border-radius:999px;background:#07111fd9;overflow:hidden;position:relative}.load-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(191,234,255,.06) 14px 15px);pointer-events:none}.load-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--sa-cyan) 0%,var(--sa-gold) 48%,var(--sa-violet) 100%);box-shadow:0 0 14px #54f2e38c,0 0 22px #ffd66b47;transition:width .2s ease;position:relative;z-index:1}.load-meta{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--sa-font-mono);font-size:11px;letter-spacing:.2em;color:var(--sa-gray)}.load-pct{color:var(--sa-ice)}.username-stage{display:flex;justify-content:center;margin:6px 0 10px}.username-silhouette{width:72px;height:72px;border-radius:14px;background:#bfeaff0f;border:1px dashed var(--sa-line);display:grid;place-items:center;overflow:hidden}.username-silhouette img{width:100%;height:100%;object-fit:contain;display:block}.username-preview{font-family:var(--sa-font-mono);letter-spacing:.12em}.mode-card{position:relative}.card-badge{position:absolute;top:10px;right:10px;font-family:var(--sa-font-mono);font-size:9px;letter-spacing:.14em;color:var(--sa-gold)}.flow-card[aria-checked=true] .card-badge:after{content:"SELECTED"}.bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.bot-attrs{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.bot-attrs li{display:flex;justify-content:space-between;font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.08em;color:var(--sa-gray)}.bot-dot{width:56px;height:6px;border-radius:999px;background:#bfeaff1f;position:relative;overflow:hidden}.bot-dot:after{content:"";position:absolute;inset:0;border-radius:999px}.bot-dot.muted:after{background:linear-gradient(90deg,var(--sa-gray),var(--sa-gray));opacity:.45;width:28%}.bot-dot.mid:after{background:linear-gradient(90deg,var(--sa-cyan),var(--sa-blue));width:52%}.bot-dot.hi:after{background:linear-gradient(90deg,var(--sa-cyan),var(--sa-gold));width:78%}.bot-dot.max:after{background:linear-gradient(90deg,var(--sa-cyan),var(--sa-gold),var(--sa-violet));width:100%}.mount-stage{margin:4px 0 14px}.mount-preview{display:flex;gap:16px;align-items:center;background:#07111f8c;border:1px solid var(--sa-line);border-radius:14px;padding:14px}.mount-preview-avatar{width:96px;height:96px;border-radius:14px;flex:0 0 96px;background:#bfeaff0f}.mount-preview-name{font-weight:800;letter-spacing:.06em}.mount-preview-tag{font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.14em;color:var(--sa-gray);margin-top:2px}.mount-preview-desc{font-size:12.5px;color:var(--sa-gray);margin:6px 0 0;line-height:1.5}.mount-preview-weapons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mount-weap{font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.08em;background:#bfeaff14;border:1px solid var(--sa-line);border-radius:999px;padding:4px 8px;color:var(--sa-ice)}.mount-weap-slot{color:var(--sa-gold)}.mount-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px}.mount-thumb[aria-checked=true]{border-color:var(--sa-gold);box-shadow:0 0 0 1px #ffd66b66,0 0 18px #54f2e32e}.mount-thumb[aria-checked=true] .pick-name{color:var(--sa-gold)}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.howto{background:#07111f99;border:1px solid var(--sa-line);border-radius:12px;padding:14px}.howto h3{margin:8px 0 4px;font-family:var(--sa-font-mono);font-size:12px;letter-spacing:.18em;color:var(--sa-ice)}.howto p{margin:0;font-size:12.5px;color:var(--sa-gray);line-height:1.5}.howto-icon{width:100%;height:52px}.howto-icon .ln{stroke:var(--sa-ice);stroke-width:2;fill:none;stroke-linecap:round}.howto-icon .ln.accent{stroke:var(--sa-cyan)}.howto-icon .dash{stroke:var(--sa-gray);stroke-width:1.6;fill:none;stroke-dasharray:4 4}.howto-icon .dash.accent{stroke:var(--sa-cyan)}.howto-icon .box{stroke:var(--sa-ice);stroke-width:1.6;fill:#bfeaff14}.howto-icon .fill{fill:#54f2e38c}.howto-icon .dot{fill:var(--sa-gold)}.flow-reveal{background:#07111f59}.reveal-stage{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(96vw,900px);cursor:pointer;outline:none}.reveal-kicker{font-family:var(--sa-font-mono);font-size:13px;letter-spacing:.4em;color:var(--sa-cyan);margin:0}#fs-reveal-canvas{width:100%;height:auto;border:1px solid var(--sa-line);border-radius:14px;background:linear-gradient(180deg,#07111f99,#0d1d32d9);box-shadow:0 16px 60px #00000080}.reveal-vs{display:flex;align-items:center;gap:18px;font-size:18px;font-weight:800;letter-spacing:.06em}.vs-mark{font-family:var(--sa-font-mono);font-size:13px;color:var(--sa-gold);letter-spacing:.2em}.reveal-hint{font-family:var(--sa-font-mono);font-size:10px;letter-spacing:.24em;color:var(--sa-gray);margin:0}.flow-countdown{background:#07111f73}.count-stage{text-align:center}.count-turn{font-family:var(--sa-font-mono);font-size:14px;letter-spacing:.4em;color:var(--sa-gold);margin:0 0 8px}.count-num{margin:0;font-size:clamp(84px,18vw,150px);font-weight:700;color:var(--sa-frost);text-shadow:0 0 40px rgba(255,214,107,.35);line-height:1}.count-num.pop{animation:count-pop .38s ease}@keyframes count-pop{0%{transform:scale(1.35);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 560px){.flow-panel{padding:20px 16px 16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.pick-avatar{width:64px;height:64px}.rules-list{grid-template-columns:1fr}.flow-nav{flex-direction:column-reverse}.flow-nav .fbtn{width:100%}.flow-nav.center{flex-direction:column}}@media (prefers-reduced-motion: reduce){.flow-screen,.flow-screen.is-exiting{transition-duration:1ms}.fx-aurora .band,.fx-snow,.radar-pulse,.count-num.pop{animation:none!important}.load-fill{transition:none}}