:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--bg-deep:#07080a;--surface-1:#ffffff0a;--surface-2:#ffffff12;--surface-3:#ffffff1a;--surface-solid:#13161b;--surface-solid-2:#1a1e25;--scrim:#07080ab8;--line:#ffffff17;--line-strong:#ffffff2e;--line-faint:#ffffff0d;--ink:#f2f1ec;--ink-2:#b9bcc4;--ink-3:#7f8592;--ink-4:#565c68;--accent:#ffa42b;--accent-hot:#ffc466;--accent-deep:#d97e0c;--accent-tint:#ffa42b24;--accent-line:#ffa42b66;--accent-ink:#1a1105;--info:#4cc9f0;--info-tint:#4cc9f021;--info-line:#4cc9f057;--ok:#3ddc84;--ok-tint:#3ddc8421;--warn:#ffd166;--warn-tint:#ffd16624;--danger:#ff5c5c;--danger-tint:#ff5c5c24;--danger-line:#ff5c5c61;--hp-full:#3ddc84;--hp-mid:#ffd166;--hp-low:#ff7a45;--hp-gone:#4a1f1f;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:2.5rem;--fs-3xl:3.5rem;--lh-tight:1.1;--lh-normal:1.5;--tracking-caps:.12em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-1:0 1px 2px #00000080;--shadow-2:0 12px 32px #00000073;--glow-accent:0 0 24px #ffa42b59;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.4s;--ease:cubic-bezier(.2, .8, .2, 1);--z-hud:10;--z-overlay:20;--z-toast:30;--content-max:42rem;--gutter:var(--sp-4);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (width>=780px){:root{--gutter:var(--sp-6)}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:var(--lh-normal);-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 80% at 50% 0%, #161a21 0%, var(--bg) 55%, var(--bg-deep) 100%);min-height:100dvh;margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.02em;font-weight:800}h2{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:700}button,input{font:inherit;color:inherit}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.caps{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);font-weight:700}.stack{flex-direction:column;min-width:0;display:flex}.stack-2>*+*{margin-top:var(--sp-2)}.stack-3>*+*{margin-top:var(--sp-3)}.stack-4>*+*{margin-top:var(--sp-4)}.stack-5>*+*{margin-top:var(--sp-5)}.stack-6>*+*{margin-top:var(--sp-6)}.row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.muted{color:var(--ink-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-base) var(--ease);font-weight:700;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--glow-accent);border-color:#0000}.btn-primary:hover{background:var(--accent-hot)}.btn-lg{min-height:56px;font-size:var(--fs-lg);padding:0 var(--sp-6)}.btn-block{width:100%}.check{justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-faint);text-align:left;cursor:pointer;display:flex}.check:hover{background:var(--surface-2)}.check-text{flex-direction:column;gap:2px;display:flex}.check-hint{font-size:var(--fs-xs);color:var(--ink-3)}.check input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none}.field{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.field-label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.input{min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-strong);color:var(--ink);width:100%}.input::placeholder{color:var(--ink-4)}.input:focus{border-color:var(--accent);outline:none}.field-hint{font-size:var(--fs-xs);color:var(--ink-3)}.segmented{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(64px,1fr));display:grid}.segment{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line);min-height:48px;font-weight:700;font-size:var(--fs-lg);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}.segment[aria-pressed=true]{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent-hot)}.segment small{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;display:block}.alert{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-1);font-size:var(--fs-sm);align-items:flex-start;display:flex}.alert-danger{border-color:var(--danger-line);background:var(--danger-tint)}.alert-info{border-color:var(--info-line);background:var(--info-tint)}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;font-weight:700;display:inline-flex}.badge-accent{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent-hot)}.badge-ok{background:var(--ok-tint);color:var(--ok)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-1) 0%, var(--surface-3) 50%, var(--surface-1) 100%);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.kbd{min-width:1.6em;padding:0 var(--sp-1);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);text-align:center;color:var(--ink-2);border-bottom-width:2px;display:inline-block}.meter{border-radius:var(--radius-pill);background:var(--surface-2);height:8px;overflow:hidden}.meter>span{background:var(--accent);border-radius:inherit;height:100%;transition:width var(--dur-fast) linear;display:block}.meter-exhausted>span{background:var(--danger)}.shell{min-height:100dvh;padding:calc(var(--safe-top) + var(--sp-5)) var(--gutter) calc(var(--safe-bottom) + var(--sp-5));flex-direction:column;display:flex}.shell-center{width:100%;max-width:var(--content-max);margin:auto}.lobby-hero{text-align:center;align-items:center}.lobby-hero .icon{width:2rem;height:2rem;color:var(--accent)}.lobby-title{font-size:clamp(var(--fs-2xl), 8vw, var(--fs-3xl));background:linear-gradient(90deg, var(--ink) 0%, var(--accent-hot) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.lobby-tagline{color:var(--ink-2);font-size:var(--fs-md);max-width:34rem;margin:0 auto}.lobby-rules{gap:var(--sp-3);grid-template-columns:1fr;display:grid}.rule{gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-faint);font-size:var(--fs-sm);align-items:flex-start;display:flex}.rule .icon{color:var(--accent);margin-top:2px}.rule strong{color:var(--ink);display:block}.rule span{color:var(--ink-3)}@media (width>=780px){.lobby-rules{grid-template-columns:repeat(3,1fr)}}.match{background:var(--bg-deep);position:fixed;inset:0;overflow:hidden}.match-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:var(--z-hud);padding:calc(var(--safe-top) + var(--sp-3)) var(--sp-3) calc(var(--safe-bottom) + var(--sp-3));gap:var(--sp-3);grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.hud-panel{background:var(--scrim);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0}.hud-clock{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:800;line-height:var(--lh-tight)}.hud-sub{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:700}.hud-warning{color:var(--warn);animation:.6s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.hud-alive{text-align:right}.hud-alive strong{font-size:var(--fs-xl);line-height:var(--lh-tight)}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);display:flex}.hud-body{gap:var(--sp-3);align-items:center;display:flex}.hud-body svg{width:56px;height:96px}.hud-stamina{width:min(40vw,180px)}.hud-feed{align-items:flex-end;gap:var(--sp-1);font-size:var(--fs-sm);flex-direction:column;display:flex}.hud-feed>div{background:var(--scrim);border-radius:var(--radius-sm);padding:2px var(--sp-2);border:1px solid var(--line-faint)}.reticle{border:2px solid var(--accent);opacity:.9;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.reticle:after{content:"";background:var(--accent);width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-countdown{text-align:center;place-self:center}.hud-countdown strong{font-size:var(--fs-3xl);font-family:var(--font-mono);color:var(--accent-hot);text-shadow:var(--glow-accent);line-height:1;display:block}.overlay{z-index:var(--z-overlay);background:var(--scrim);padding:var(--gutter);place-items:center;display:grid;position:absolute;inset:0}.overlay .card{text-align:center;width:100%;max-width:28rem}.controls-grid{gap:var(--sp-2) var(--sp-3);text-align:left;font-size:var(--fs-sm);color:var(--ink-2);grid-template-columns:auto 1fr;align-items:center;display:grid}.controls-grid .keys{gap:var(--sp-1);flex-wrap:wrap;display:flex}.overlay .card.pause-card{max-width:34rem}.pause-title{gap:var(--sp-1);flex-direction:column;display:flex}.pause-section{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);text-align:left;border-top:1px solid var(--line-faint);padding-top:var(--sp-3)}.results-list{gap:var(--sp-2);flex-direction:column;display:flex}.results-row{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-faint);grid-template-columns:2rem 1fr auto;align-items:center;display:grid}.results-row.is-me{border-color:var(--accent-line);background:var(--accent-tint)}.results-row .swatch{width:12px;height:12px;margin-right:var(--sp-2);vertical-align:middle;border-radius:50%;display:inline-block}