:root{font-family:Inter,ui-sans-serif,system-ui,Noto Sans TC,sans-serif;color:#eaf7ff;background:#07111f;font-synthesis:none}.auth-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(92,232,255,.2);border-radius:10px;background:#040c168c}.auth-switch button{border:0;border-radius:7px;padding:9px 18px;color:#9ab5c6;background:transparent;cursor:pointer}.auth-switch button.active{color:#04101a;background:#6bf4e0;font-weight:800}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 20% -10%,#153b67 0,transparent 36rem),#07111f}button{font:inherit}.hub-shell{width:min(1500px,calc(100% - 36px));margin:0 auto;padding:30px 0 48px}.topbar,.command-panel,.records-panel,.game-frame-wrap{border:1px solid rgba(112,231,255,.2);background:#08192cc7;box-shadow:0 20px 60px #00000040}.topbar{padding:20px 24px;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.4fr) auto;align-items:center;gap:28px;border-radius:18px}.brand-block{min-width:0}.brand-subtitle{margin:3px 0 0;color:#8ba8ba;font-size:13px;font-weight:700;letter-spacing:.08em}.header-command{min-width:0;padding-left:28px;border-left:1px solid rgba(112,231,255,.16)}.header-command h2{margin-bottom:5px}.header-command p{margin:0;overflow:hidden;color:#a9c2d3;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.eyebrow{margin:0 0 6px;color:#5ce8ff;font-size:11px;font-weight:800;letter-spacing:.16em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}h2{margin-bottom:5px;font-size:20px}.account{display:flex;align-items:center;gap:12px;color:#b9d0dd;font-size:14px}.command-panel{margin:14px 0;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:5px}.command-panel p{margin:0;color:#a9c2d3;font-size:14px}.launch{cursor:pointer;border:0;color:#04101a;background:linear-gradient(135deg,#6bf4e0,#68bcff);border-radius:9px;padding:12px 17px;font-weight:850;box-shadow:0 0 26px #69eae940}.launch:disabled{opacity:.65;cursor:progress}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.game-frame-wrap{overflow:hidden;border-radius:5px 5px 18px 18px;min-height:670px;position:relative}.game-frame{display:block;width:100%;height:720px;border:0;background:#070b14}.empty-game{min-height:670px;display:grid;place-content:center;text-align:center;color:#8caabc;padding:30px}.empty-game span{color:#59effd;font-size:60px}.session-label{position:absolute;bottom:0;left:0;margin:0;padding:8px 12px;color:#82a6bc;background:#040a12b3;font-size:11px}.battle-mode{width:100%;margin:0;padding:0}.battle-mode>.topbar,.battle-mode .records-panel{opacity:0;visibility:hidden;pointer-events:none}.battle-mode .game-layout{display:block}.battle-mode .game-frame-wrap{position:fixed;z-index:100;inset:0;min-height:100vh;border:0;border-radius:0;background:#070b14}.battle-mode .game-frame{width:100vw;height:100vh}.battle-mode .session-label{display:none}.results-mode>.topbar{animation:revealHeader .55s cubic-bezier(.2,.8,.2,1) both}.results-mode .records-panel{animation:revealSidebar .6s .12s cubic-bezier(.2,.8,.2,1) both}.results-mode .game-frame-wrap{animation:settleGame .5s cubic-bezier(.2,.8,.2,1) both}@keyframes revealHeader{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes revealSidebar{0%{opacity:0;transform:translate(42px)}to{opacity:1;transform:translate(0)}}@keyframes settleGame{0%{opacity:.65;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.results-mode>.topbar,.results-mode .records-panel,.results-mode .game-frame-wrap{animation:none}}.records-panel{border-radius:5px 5px 18px 18px;padding:19px;min-height:360px}.records-title{display:flex;justify-content:space-between;align-items:start}.refresh{border:1px solid #29526f;border-radius:6px;background:transparent;color:#8eeeff;padding:5px 8px;cursor:pointer;font-size:12px}.records-list{list-style:none;padding:0;margin:15px 0 0}.records-list li{padding:13px 0;border-top:1px solid rgba(126,217,247,.12);display:grid;gap:3px}.records-list strong{color:#f7faff}.records-list span,.records-list small,.empty-record{color:#9ab5c6;font-size:13px}.records-list small{line-height:1.45}.empty-record{margin-top:24px}.sign-in-shell{min-height:100vh;display:grid;grid-template-columns:1fr minmax(320px,430px);gap:60px;align-items:center;width:min(1100px,calc(100% - 40px));margin:auto}.sign-in-copy h1{font-size:clamp(42px,6vw,74px);line-height:.98}.sign-in-copy>p:last-child{color:#aac4d8;max-width:31rem;font-size:17px;line-height:1.7}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;gap:16px}.header-command{grid-column:1 / -1;grid-row:2;padding:14px 0 0;border-top:1px solid rgba(112,231,255,.16);border-left:0}.game-layout{grid-template-columns:1fr}.records-panel{min-height:auto}.records-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.game-frame-wrap{min-height:580px}.game-frame{height:650px}.sign-in-shell{grid-template-columns:1fr;padding:55px 0;gap:30px}}@media(max-width:580px){.hub-shell{width:min(100% - 20px,1500px);padding-top:10px}.topbar,.command-panel{padding:15px}.account span{display:none}.command-panel{align-items:flex-start;flex-direction:column}.game-frame-wrap{min-height:500px}.game-frame{height:570px}.records-list{display:block}.sign-in-shell{width:min(100% - 24px,1100px)}}