:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f3;--bg-deep:#eeede9;--surface-1:#1c1c1e08;--surface-2:#1c1c1e0e;--surface-3:#1c1c1e17;--surface-solid:#fff;--surface-solid-2:#fbfbf9;--glass:#fbfbf9f2;--scrim:#1c1c1e8c;--arena:#0b0d10;--line:#1c1c1e1a;--line-strong:#1c1c1e33;--line-faint:#1c1c1e0f;--ink:#1c1c1e;--ink-2:#424246;--ink-3:#6b6b70;--ink-4:#a3a3a8;--accent:#1c1c1e;--accent-hot:#3a3a3e;--accent-deep:#000;--accent-tint:#1c1c1e0f;--accent-line:#1c1c1e73;--accent-ink:#fafaf8;--info:#3b6ea8;--info-tint:#3b6ea817;--info-line:#3b6ea84d;--ok:#1f8a4c;--ok-tint:#1f8a4c1a;--warn:#a86a12;--warn-tint:#a86a121a;--danger:#c23b3b;--danger-tint:#c23b3b14;--danger-line:#c23b3b59;--hp-full:#2a9d5c;--hp-mid:#d99a1e;--hp-low:#d9582e;--hp-gone:#1c1c1e1f;--reticle:#fafaf8;--reticle-halo:#1c1c1eb3;--dmg-dealt:#fafaf8;--dmg-taken:#ff5d52;--dmg-guarded:#b4b4b9;--dmg-halo:#0b0d10e6;--rule-double:3px double var(--ink);--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 #1c1c1e0f;--shadow-2:0 1px 2px #1c1c1e0a, 0 12px 32px #1c1c1e12;--shadow-float:0 2px 6px #0000002e, 0 16px 40px #00000047;--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% 60% at 50% 0%, var(--surface-solid) 0%, var(--bg) 70%);min-height:100dvh;margin:0;overflow-x:hidden}::selection{background:var(--ink);color:var(--accent-ink)}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);white-space:nowrap;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:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-1);border-color:#0000}.btn-lg{min-height:56px;font-size:var(--fs-lg);padding:0 var(--sp-6)}.btn-block{width:100%}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-small{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn-icon{flex:none;width:44px;padding:0}.btn[data-busy]{opacity:.7;cursor:progress}.tabs{gap:var(--sp-1);width:fit-content;max-width:100%;padding:var(--sp-1);border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.tab{align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);border-radius:var(--radius-pill);color:var(--ink-2);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-weight:700;display:inline-flex}.tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.stepper{align-items:center;gap:var(--sp-2);display:inline-flex}.stepper-value{text-align:center;min-width:3ch;font-size:var(--fs-lg);font-weight:800}.slider{gap:var(--sp-2);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;flex-direction:column;display:flex}.slider-control{align-items:center;gap:var(--sp-3);display:flex}.slider input[type=range]{min-width:0;accent-color:var(--accent);cursor:pointer;flex:1}.slider output{text-align:right;min-width:4ch;color:var(--ink-2);font-size:var(--fs-sm)}@media (width>=560px){.slider{flex-direction:row;justify-content:space-between;align-items:center}.slider-control{width:14rem}}@media (hover:hover){.btn:hover:not(:disabled){background:var(--surface-3)}.btn-primary:hover:not(:disabled){background:var(--accent-hot)}.tab:hover:not([aria-selected=true]){color:var(--ink);background:var(--surface-2)}.check:hover{background:var(--surface-2)}}.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-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-solid);border:1px solid var(--line-strong);color:var(--ink);width:100%;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.input::placeholder{color:var(--ink-4)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.field-hint{font-size:var(--fs-xs);color:var(--ink-3)}.input[aria-invalid=true]{border-color:var(--danger-line)}.input-pin{letter-spacing:.3em;width:8.5rem;font-family:var(--font-mono)}.input-pin::placeholder{letter-spacing:normal;font-family:var(--font-sans)}.form-grid{gap:var(--sp-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.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);border-color:var(--accent);color:var(--accent-ink)}.segment small{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;display:block}.segment[aria-pressed=true] small{color:inherit;opacity:.7}.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)}.badge-ok{background:var(--ok-tint);color:var(--ok)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.card{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-2);min-width:0}.empty{align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);text-align:center;font-size:var(--fs-sm);flex-direction:column;display:flex}.empty-glyph{border-radius:var(--radius-md);background:var(--surface-2);width:44px;height:44px;color:var(--ink-3);place-items:center;display:grid}.section-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.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}.btn .icon{width:1.1em;height:1.1em}.tab .icon{display:none}@media (width>=520px){.tab .icon{display:inline-block}}.kbd{min-width:1.6em;padding:0 var(--sp-1);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-solid);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));letter-spacing:-.035em;color:var(--ink)}.lobby-hero h1:after{content:"";width:3rem;margin:var(--sp-4) auto var(--sp-1);border-bottom:var(--rule-double);display:block}.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);border:1px solid var(--line);font-size:var(--fs-sm);background:0 0;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(--arena);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(--glass);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-float);-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(--glass);color:var(--ink);border-radius:var(--radius-sm);padding:2px var(--sp-2);border:1px solid var(--line-faint);box-shadow:var(--shadow-float)}.reticle{border:2px solid var(--reticle);width:14px;height:14px;box-shadow:0 0 0 1px var(--reticle-halo), inset 0 0 0 1px var(--reticle-halo);opacity:.9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:after{content:"";background:var(--reticle);width:2px;height:2px;box-shadow:0 0 0 1px var(--reticle-halo);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.damage-layer{pointer-events:none;z-index:var(--z-hud);position:absolute;inset:0;overflow:hidden}.dmg{white-space:nowrap;will-change:transform, opacity;text-shadow:0 0 1px var(--dmg-halo), 0 1px 2px var(--dmg-halo), 0 0 8px var(--dmg-halo);flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:0;left:0}.dmg[hidden]{display:none}.dmg-value{font-size:calc(var(--fs-lg) * var(--dmg-scale,1));color:var(--dmg-dealt);font-weight:800}.dmg-taken .dmg-value{color:var(--dmg-taken)}.dmg-guarded .dmg-value{font-size:var(--fs-md);color:var(--dmg-guarded)}.dmg-note{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--dmg-dealt);opacity:.85;margin-top:2px;font-size:.625rem;font-weight:700}.dmg-taken .dmg-note{color:var(--dmg-taken)}.dmg-guarded .dmg-note{color:var(--dmg-guarded)}.hud-tally{gap:0 var(--sp-3);flex-wrap:wrap;align-items:baseline;display:flex}.hud-tally strong{font-size:var(--fs-md);margin-left:var(--sp-1);font-weight:800}.hud-tally-taken strong{color:var(--danger)}.hud-countdown{text-align:center;background:var(--glass);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-5);box-shadow:var(--shadow-float);place-self:center}.hud-countdown strong{font-size:var(--fs-3xl);font-family:var(--font-mono);color:var(--ink);line-height:1;display:block}.overlay{z-index:var(--z-overlay);background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--gutter);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay-paper{background:radial-gradient(120% 60% at 50% 0%, var(--surface-solid) 0%, var(--bg) 70%);-webkit-backdrop-filter:none;backdrop-filter:none}.overlay>.card{flex:none;margin-block:auto}.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)}.pause-actions,.waiting-actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.pause-actions>.btn,.waiting-actions>.btn{flex:10rem}.waiting-facts{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.waiting-list{gap:var(--sp-2);text-align:left;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.waiting-list li{align-items:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-faint);display:flex}.waiting-list li.is-me{border-color:var(--accent-line);background:var(--accent-tint)}.waiting-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.waiting-status{color:var(--ink-2);font-weight:600}.waiting-status.is-ready{color:var(--ok)}.waiting-expiry{font-size:var(--fs-xs)}.session-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.session-row{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line-faint);padding:var(--sp-3)}.session-grid{gap:var(--sp-3);grid-template-columns:1fr;align-items:center;display:grid}.session-main{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.session-host{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-3);flex-wrap:wrap;display:flex}.session-actions{gap:var(--sp-2);align-items:center;display:flex}.session-actions>.btn{flex:1}.session-error{grid-column:1/-1}@media (width>=560px){.session-grid{grid-template-columns:minmax(0,1fr) auto}.session-actions>.btn{flex:none}}.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-name{flex-direction:column;min-width:0;display:flex}.results-meta{font-size:var(--fs-xs);color:var(--ink-3)}.results-row .swatch{width:12px;height:12px;margin-right:var(--sp-2);vertical-align:middle;border-radius:50%;display:inline-block}