:root{--bg:#0b0f17;--bg-2:#121a27;--panel:#18202e;--panel-2:#1f2a3b;--line:#2c3a50;--text:#eef2f7;--muted:#9aa7ba;--gold:#fde68a;--gold-2:#f5b83d;--brass:#b08d57;--wood:#3f2a1b;--wood-2:#573b26;--red:#dc2626;--red-2:#b91c1c;--blue:#60a5fa;--green:#4ade80;--display:Georgia, "Times New Roman", serif;--ui:"Helvetica Neue", Arial, system-ui, sans-serif;--radius:12px;--app-h:var(--app-height,100dvh);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}code{color:var(--gold);font-family:ui-monospace,Menlo,monospace}.screen{min-height:var(--app-h);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:relative}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.fine{color:var(--muted);font-size:13px;line-height:1.45}.cta{background:linear-gradient(180deg, #ef4444, var(--red-2));color:#fff;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:10px;padding:14px 28px;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #7f1d1d,0 10px 24px #dc262640}.cta:active{transform:translateY(3px);box-shadow:0 1px #7f1d1d}.cta.big{padding:18px 56px;font-size:22px}.ghost{border:2px solid var(--line);background:var(--panel);border-radius:10px;padding:11px 18px;font-weight:700}.ghost:hover{border-color:var(--brass)}.chip{border:2px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}.chip.on{border-color:var(--gold-2);color:var(--gold);background:#2a2312}.back{color:var(--muted);background:0 0;border:0;padding:8px 4px;font-weight:700}.bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px;display:grid}.bar h1{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:22px}.bar>:last-child{justify-self:end}.title-screen{background:radial-gradient(ellipse at 50% -10%, #fff4d624, transparent 60%), repeating-linear-gradient(90deg, transparent 0 220px, #ffffff08 220px 224px), linear-gradient(180deg, #16202f, var(--bg) 70%);grid-template-rows:1fr auto auto;justify-items:center;gap:24px;display:grid;overflow:hidden}.title-lockup{text-align:center;align-self:end}.logo{font-family:var(--display);letter-spacing:.02em;color:var(--gold);text-shadow:0 4px #8a4b0b,0 8px #3a1e05,0 18px 40px #0009;flex-direction:column;margin:10px 0 4px;font-size:clamp(56px,13vw,150px);font-weight:900;line-height:.86;display:flex;transform:skew(-6deg)}.logo span+span{color:#fff3d1;font-style:italic}.tagline{color:var(--muted);font-size:18px;font-style:italic;font-family:var(--display);margin:14px 0 0}.menu{gap:10px;width:min(460px,100%);display:grid}.menu-item{text-align:left;border:2px solid var(--brass);background:linear-gradient(180deg, var(--wood-2), var(--wood));border-radius:10px;gap:2px;padding:14px 18px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 6px 18px #00000059}.menu-item:hover{border-color:var(--gold)}.menu-item.primary{border-color:var(--gold-2)}.menu-label{font-family:var(--display);color:#f8e7b5;font-size:22px;font-weight:700}.menu-sub{color:#d6c7a8;letter-spacing:.02em;font-size:13px}.menu-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.title-foot{color:var(--muted);letter-spacing:.04em;text-align:center;font-size:12px}.modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060ab8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{width:min(640px,100%);max-height:calc(var(--app-h) - 32px);background:var(--panel);border:2px solid var(--line);border-radius:16px;gap:10px;padding:24px;display:grid;overflow:auto}.modal-card.narrow{text-align:center;width:min(360px,100%)}.modal-card h2{font-family:var(--display);color:var(--gold);margin:0}.modal-card h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:10px 0 0;font-size:13px}.lede{margin:0;line-height:1.5}.help-list{margin:0;padding-left:18px;line-height:1.6}.help-list.two-col{columns:2 220px}.versus-screen{background:linear-gradient(180deg, #131b29, var(--bg))}.versus-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;max-width:1100px;margin:0 auto;display:grid}.vs-mark{font-family:var(--display);color:var(--red);text-shadow:0 4px #450a0a;align-self:center;font-size:64px;font-style:italic;font-weight:900}.player-card{background:var(--panel);border:2px solid var(--line);border-radius:16px;gap:12px;padding:16px;display:grid}.card-head{gap:8px;display:flex}.tag{letter-spacing:.14em;text-transform:uppercase;background:var(--panel-2);color:var(--gold);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800}.tag.ai{color:var(--blue)}.portrait{place-items:center;display:grid}.field{gap:6px;display:grid}.field>span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.field input,.slot select{background:var(--bg-2);border:2px solid var(--line);border-radius:8px;width:100%;padding:10px 12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.slots{gap:6px;display:grid}.slot{grid-template-columns:84px 1fr;align-items:center;gap:8px;display:grid}.slot-dir{color:var(--gold);font-size:13px;font-weight:800}.slot-fixed{background:#2a2312;border:2px solid #5b4a1f;border-radius:8px;padding:10px 12px;font-weight:800}.versus-foot{text-align:center;justify-items:center;gap:6px;margin-top:18px;display:grid}.fair{letter-spacing:.18em;color:var(--green);margin:0;font-weight:900}@media (max-width:760px){.versus-grid{grid-template-columns:1fr}.vs-mark{justify-self:center;font-size:40px}}.fight-screen{height:var(--app-h);-webkit-user-select:none;user-select:none;touch-action:none;background:#000;padding:0;overflow:hidden}.game-host{position:absolute;inset:0}.pause-btn{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:20;letter-spacing:-.1em;background:#00000059;border:2px solid #ffffff40;border-radius:50%;width:44px;height:44px;font-weight:900;position:absolute}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:15;color:var(--gold);text-shadow:0 2px 6px #000;pointer-events:none;place-items:center;font-weight:800;display:grid;position:absolute;inset:auto 0 18%}}.touch-layer{z-index:10;pointer-events:none;display:flex;position:absolute;inset:0}.touch-cluster{padding:0 max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex:1;justify-content:space-between;align-items:flex-end;display:flex}.touch-cluster.mirrored{flex-direction:row-reverse}.stick-zone{pointer-events:auto;touch-action:none;align-self:flex-end;width:42%;height:62%;max-height:340px;position:relative}.hotseat .stick-zone{width:48%}.stick-hint{letter-spacing:.16em;color:#fff6;border:2px dashed #ffffff38;border-radius:50%;place-items:center;width:96px;height:96px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.stick-base,.stick-knob{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.stick-base{background:#0003;border:3px solid #ffffff4d;width:140px;height:140px}.stick-knob{background:#ffffff73;width:64px;height:64px;box-shadow:0 2px 8px #0006}.button-pad{pointer-events:auto;touch-action:none;grid-template-rows:72px 72px 36px;grid-template-columns:repeat(2,72px);gap:10px;display:grid}.hotseat .button-pad{grid-template-rows:52px 52px 26px;grid-template-columns:repeat(2,52px);gap:8px}.hotseat .pad-btn{opacity:.5;font-size:13px}.hotseat .b-throw{font-size:10px}.hotseat .touch-cluster{padding-bottom:max(8px, env(safe-area-inset-bottom))}.pad-btn{color:#fff;text-shadow:0 1px 2px #000;opacity:.82;touch-action:none;border:3px solid #ffffff59;border-radius:50%;font-size:16px;font-weight:900}.pad-btn.lit{opacity:1;border-color:#fff;transform:scale(.92)}.b-light{background:#facc158c}.b-heavy{background:#dc26268c}.b-special{background:#3b82f68c}.b-super{background:#a855f78c}.b-throw{letter-spacing:.12em;background:#ffffff2e;border-radius:999px;grid-column:span 2;font-size:12px}.results-screen{text-align:center;background:radial-gradient(ellipse at 50% 0%, #fde68a1f, transparent 55%), var(--bg)}.headline{font-family:var(--display);color:var(--gold);text-shadow:0 4px #3a1e05;margin:8px 0 0;font-size:clamp(36px,7vw,72px)}.results-grid{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:16px;margin:16px 0;display:grid}@media (max-width:760px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:16px}.result-card.won{border-color:var(--gold-2)}.result-card h2{font-family:var(--display);margin:8px 0 0}.result-tag{color:var(--muted);margin:2px 0 12px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--bg-2);border-radius:10px;padding:10px 6px;display:grid}.stat-v{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.stat-l{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.leave{color:var(--green);margin:12px 0 0;font-weight:800}.results-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.replay-screen{height:var(--app-h);grid-template-rows:auto 1fr auto;display:grid}.replay-host{background:#000;border-radius:12px;min-height:0;position:relative;inset:auto;overflow:hidden}.replay-controls{flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;display:flex}.scrub{min-width:160px;accent-color:var(--gold-2);flex:1}.frame-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.badge{border-radius:8px;padding:6px 10px;font-size:13px;font-weight:800}.badge.ok{color:var(--green);background:#052e16}.badge.bad{color:#fca5a5;background:#450a0a}.file-btn{display:inline-block}.dropzone{text-align:center;border:2px dashed var(--line);border-radius:16px;place-content:center;padding:24px;display:grid}.error{color:#fca5a5}.link-screen{place-items:center;display:grid}.link-card{text-align:center;background:linear-gradient(180deg, var(--wood-2), var(--wood));border:3px solid var(--brass);border-radius:16px;justify-items:center;gap:12px;width:min(520px,100%);padding:28px 22px;display:grid}.link-code{font-family:var(--display);letter-spacing:.06em;color:var(--gold);margin:0;font-size:48px}