:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07060f;--panel:#120f24;--ink:#e9ecff;--dim:#8a90c0;--hot:#ff8a3d;--cool:#5ad0ff;--gold:#ffd86b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0}.app{background:radial-gradient(120% 80% at 50% -10%,#241a3e 0%,#0a0820 55%,#07060f 100%);flex-direction:column;height:100vh;display:flex}.hud{background:linear-gradient(#1e1638e6,#0c0a1c99);border-bottom:1px solid #2a2350;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 16px;display:flex}.title{letter-spacing:3px;color:var(--gold);text-shadow:0 0 12px #ff8a3d80;margin:0;font-size:18px}.stat{align-items:center;gap:5px;font-size:13px;display:inline-flex}.stat b{color:#fff}.stat.muted{color:var(--dim)}.stat-label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:10px}.seg-label{color:var(--cool)}.vit span[data-testid=vitality]{color:#ff5a8a;letter-spacing:1px}.loop{color:var(--cool)}.over{color:var(--gold)}.menu-btn{margin-left:auto}.stage{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.field{justify-content:center;align-items:center;height:100%;display:flex}.field-canvas{width:auto;height:100%;image-rendering:pixelated;border-left:1px solid #221c44;border-right:1px solid #221c44;box-shadow:0 0 60px #5a3ca066}.overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07060f8c;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.logo,.draft-title{letter-spacing:8px;color:var(--gold);text-shadow:0 0 24px #ff8a3d99;font-size:44px}.draft-title{font-size:26px}.tagline{color:var(--cool);letter-spacing:3px;font-size:13px}.press{letter-spacing:4px;color:#fff;margin-top:18px;font-size:20px;animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hint{color:var(--dim);font-size:12px}.hint b{color:var(--ink)}.howto{text-align:left;flex-direction:column;gap:7px;max-width:460px;margin-top:16px;display:flex}.howto-row{color:var(--dim);align-items:baseline;gap:12px;font-size:12.5px;display:flex}.howto-row b{color:var(--ink)}.howto-key{text-align:right;color:#bdfcff;letter-spacing:.02em;flex:0 0 96px;font-weight:700}.howto-foot{text-align:center;color:var(--dim);margin-top:4px;font-size:11.5px;font-style:italic}.assist{flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.assist-row{align-items:center;gap:8px;display:inline-flex}.assist-label{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;text-align:right;width:72px;font-size:11px}.assist-btn{color:var(--dim);cursor:pointer;background:#1b1838;border:1px solid #3a3168;border-radius:999px;padding:4px 12px;font-size:12px}.assist-btn:hover{color:var(--ink);border-color:#6b5bb0}.assist-btn.on{color:#fff;background:linear-gradient(90deg,#3a2d6e,#6b3da0);border-color:#9a6bff;font-weight:600}.tip{color:#eaf6ff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;background:#141028d1;border:1px solid #6b5bb0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:.18s ease-out tip-in;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #7864dc59}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.cards{gap:14px;display:flex}.card{width:180px;min-height:150px;color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(#1a1638,#110e26);border:1px solid #3a3370;border-radius:10px;padding:14px;transition:transform 80ms,border-color 80ms;position:relative}.card:hover{border-color:var(--gold);transform:translateY(-4px)}.card-key{color:var(--dim);font-size:12px;position:absolute;top:8px;right:10px}.card-axis{letter-spacing:2px;color:var(--hot);font-size:10px}.axis-STORM .card-axis{color:#6cff8a}.axis-WARDENS .card-axis{color:var(--cool)}.axis-PILOTING .card-axis{color:#c061ff}.axis-COMMAND .card-axis{color:#ffd86a}.card-name{color:#fff;margin:6px 0;font-size:18px}.card-desc{color:var(--dim);font-size:12px;line-height:1.4}.draft-actions{gap:10px;display:flex}.card-big{background:var(--panel);border:1px solid #3a3370;border-radius:14px;padding:30px 44px}.card-big h2{letter-spacing:4px;margin:0 0 8px}.card-big.win h2{color:var(--gold)}.card-big.loss h2{color:#ff5a6a}.muted{color:var(--dim);font-size:13px}button{color:var(--ink);cursor:pointer;background:#241d48;border:1px solid #3a3370;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:13px}button:hover:not(:disabled){border-color:var(--cool)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--hot);color:#1a0f04;border-color:var(--hot);font-weight:700}button.big{margin-top:14px;padding:10px 20px;font-size:15px}.controls{background:#0c0a1cb3;border-top:1px solid #2a2350;flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;padding:8px 16px;display:flex}.now-playing{color:var(--dim);align-items:center;gap:10px;font-size:13px;display:inline-flex}.boon-strip{gap:6px;display:inline-flex}.boon-chip{color:var(--cool);background:#221c44;border-radius:999px;padding:2px 8px;font-size:11px}.boon-chip.evo{color:#fff6c0;background:linear-gradient(90deg,#4a2d6e,#7a3da0);font-weight:700;box-shadow:0 0 8px #b478ff80}.group.dev{color:var(--dim);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}.group.dev select,.group.dev input{color:var(--ink);background:#19142e;border:1px solid #3a3370;border-radius:5px;padding:3px 6px}