:root{color-scheme:dark;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;--font-display: "Bahnschrift SemiCondensed", "Segoe UI Variable Display", "Segoe UI", sans-serif;--bg-0: #040913;--bg-1: #08101d;--bg-2: #0d1728;--bg-3: #13233b;--panel: rgba(8, 14, 24, .9);--panel-strong: rgba(5, 10, 18, .95);--panel-soft: rgba(9, 18, 31, .8);--line: rgba(150, 193, 230, .12);--line-strong: rgba(182, 219, 247, .2);--text: #eef6ff;--muted: #8ea3b7;--muted-strong: #cbd9e7;--cyan: #ffb45a;--cyan-soft: rgba(255, 180, 90, .14);--danger: #ff6f5f;background:radial-gradient(circle at 12% 8%,rgba(255,173,76,.18),transparent 26%),radial-gradient(circle at 82% 10%,rgba(255,204,120,.08),transparent 20%),radial-gradient(circle at 88% 90%,rgba(255,111,95,.12),transparent 24%),linear-gradient(180deg,#13233b,#08111d 42%,#03070e);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden}button,input,textarea{font:inherit}button{touch-action:manipulation}#app{min-height:100vh;height:100dvh;padding:10px}.lobby-shell{width:min(1880px,100%);height:calc(100dvh - 20px);margin:0 auto;display:grid;grid-template-columns:minmax(260px,286px) minmax(0,1fr);gap:12px}.lobby-browser,.lobby-stage{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#0a121ef5,#050b12f0),radial-gradient(circle at top right,rgba(121,216,255,.06),transparent 44%);box-shadow:0 24px 88px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lobby-browser:before,.lobby-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 24%),linear-gradient(0deg,transparent,rgba(255,255,255,.02) 20%,transparent 34%)}.lobby-browser,.lobby-stage,.lobby-brand,.lobby-create,.lobby-selector,.lobby-browser__list,.lobby-stage__top,.lobby-stage__workspace,.lobby-stage__viewport,.lobby-stage__rail,.lobby-stage__panel,.lobby-seats,.lobby-chat,.lobby-status{position:relative;z-index:1}.lobby-browser{padding:18px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px}.lobby-brand{display:grid;gap:12px}.lobby-brand p,.lobby-stage__eyebrow,.lobby-stage__panel-heading{margin:0;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.lobby-stage__match-meta{margin:0;color:var(--muted-strong);font-size:.82rem;line-height:1.45;font-variant-numeric:tabular-nums}.lobby-stage__match-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lobby-brand h1,.lobby-stage__title{margin:0;font-family:var(--font-display);letter-spacing:.02em;line-height:.86;overflow-wrap:anywhere}.lobby-brand h1{font-size:clamp(2.1rem,2.8vw,3.5rem)}.lobby-brand span{max-width:18ch;color:var(--muted);line-height:1.4}.lobby-brand__stats{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:8px}.lobby-brand__stat{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 12px;border:1px solid rgba(168,205,235,.12);border-radius:12px;background:#ffffff08}.lobby-brand__stat-label{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.lobby-brand__stat-value{color:var(--text);font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.lobby-create,.lobby-selector{padding:14px;border:1px solid rgba(160,201,236,.1);border-radius:20px;background:linear-gradient(180deg,#0a121ed6,#050b12c7),radial-gradient(circle at top,rgba(121,216,255,.08),transparent 60%)}.lobby-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.lobby-selector{display:grid;gap:12px;align-content:start}.lobby-selector__heading{width:100%;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-align:left}.lobby-selector__portrait{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;border-radius:16px;border:1px solid rgba(165,205,236,.14);background:radial-gradient(circle at top,rgba(255,180,90,.14),transparent 48%),#080f19eb}.lobby-selector__summary{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid rgba(160,201,236,.1);border-radius:18px;background:#ffffff08}.lobby-selector__copy{display:grid;gap:4px}.lobby-selector__name,.lobby-selector__note{margin:0}.lobby-selector__name{font-size:1rem;font-weight:700;text-align:left}.lobby-selector__note{color:var(--muted);font-size:.8rem;line-height:1.4;text-align:left}.lobby-selector__grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lobby-selector__option{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;min-height:68px;padding:10px;border:1px solid rgba(160,201,236,.12);border-radius:16px;color:var(--text);text-align:left;background:#ffffff08;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.lobby-selector__option:hover{transform:translateY(-1px);border-color:#b1d6f43d}.lobby-selector__option[data-selected=true]{border-color:#ffb45a66;background:#ffb45a14;box-shadow:inset 0 0 0 1px #ffb45a24}.lobby-selector__option-portrait{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;border-radius:12px;background:radial-gradient(circle at top,rgba(255,180,90,.12),transparent 48%),#080f19e6}.lobby-selector__option-meta{min-width:0;display:grid;gap:2px}.lobby-selector__option-meta strong,.lobby-selector__option-meta span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-selector__option-meta strong{font-size:.88rem}.lobby-selector__option-meta span{color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.lobby-browser__list{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;padding-right:4px;overscroll-behavior:contain}.lobby-browser__empty{padding:18px;border:1px dashed rgba(169,206,238,.14);border-radius:20px;color:var(--muted);line-height:1.5}.lobby-create__input,.lobby-stage__invite-input,.lobby-chat__input{min-width:0;min-height:46px;padding:0 14px;border:1px solid rgba(150,193,230,.12);border-radius:15px;color:var(--text);background:#040911db}.lobby-create__input::placeholder,.lobby-stage__invite-input::placeholder,.lobby-chat__input::placeholder{color:#6f8294}.lobby-button{min-height:44px;padding:0 14px;border:1px solid rgba(177,214,244,.14);border-radius:15px;color:var(--text);background:linear-gradient(180deg,#16253bfa,#09121ffa);cursor:pointer;transition:transform .14s ease,border-color .14s ease,filter .14s ease,background-color .14s ease}.lobby-button:hover:not(:disabled){transform:translateY(-1px);border-color:#b1d6f447;filter:brightness(1.06)}.lobby-button:focus-visible,.lobby-create__input:focus-visible,.lobby-stage__invite-input:focus-visible,.lobby-chat__input:focus-visible,.lobby-card:focus-visible{outline:2px solid rgba(121,216,255,.72);outline-offset:2px}.lobby-button:disabled{opacity:.46;cursor:default}.lobby-button--primary{background:linear-gradient(180deg,#ffb24a,#c96e14)}.lobby-button--danger{background:linear-gradient(180deg,#b64b3e,#6f241c)}.lobby-button--quickmatch{grid-column:1 / -1;background:linear-gradient(180deg,#8b4d13,#3d2209)}.lobby-button--quickmatch[data-searching=true]{background:linear-gradient(180deg,#c9771d,#7d460f)}.lobby-quickmatch-meta{grid-column:1 / -1;margin:2px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.lobby-card{width:100%;padding:16px;border:1px solid rgba(160,201,236,.12);border-radius:20px;color:var(--text);text-align:left;background:linear-gradient(180deg,#101a2af0,#070d16e6),radial-gradient(circle at right top,rgba(121,216,255,.08),transparent 46%);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.lobby-card:hover{transform:translateY(-1px);border-color:#b1d6f43d}.lobby-card[data-active=true]{border-color:#79d8ff61;box-shadow:0 0 0 1px #79d8ff14}.lobby-card strong,.lobby-card span{display:block}.lobby-card strong{margin-bottom:4px;font-size:.98rem}.lobby-card span{color:var(--muted);font-size:.83rem;line-height:1.45}.lobby-card__seats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lobby-seat-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff0d;color:var(--muted-strong);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lobby-seat-pill[data-ready=true]{background:var(--cyan-soft);color:var(--cyan)}.lobby-stage{padding:16px 18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.lobby-stage__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:12px;align-items:start}.lobby-stage__intro{display:grid;gap:8px;min-width:0}.lobby-stage__title{font-size:clamp(1.55rem,2vw,2.3rem)}.lobby-stage__description,.lobby-status{margin:0;color:var(--muted);line-height:1.55}.lobby-stage__description{max-width:56ch;font-size:.94rem;line-height:1.45}.lobby-stage__meta{margin:0;color:var(--muted-strong);font-size:.8rem;line-height:1.45;font-variant-numeric:tabular-nums}.lobby-stage__invite{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(104px,max-content));gap:8px;align-items:center;align-content:start}.lobby-stage__invite .lobby-button{min-width:104px;white-space:nowrap}.lobby-stage__workspace{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(288px,320px);gap:12px;align-items:stretch}.lobby-stage__viewport,.lobby-stage__panel{min-height:0;border:1px solid var(--line-strong);border-radius:26px;background:linear-gradient(180deg,#080f19fa,#050b12eb),radial-gradient(circle at top,rgba(121,216,255,.08),transparent 50%)}.lobby-stage__viewport{display:grid;place-items:center;padding:10px;overflow:hidden}.lobby-stage__viewport:empty:before{content:"Bomb feed initializing";color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.lobby-stage__rail{min-height:0;display:grid;grid-template-rows:auto minmax(190px,1fr);gap:12px;overflow:hidden}.lobby-stage__panel{min-height:0;display:grid;gap:12px;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lobby-stage__panel--match-menu{display:none}.lobby-stage__panel--seats{align-content:start;overflow:auto}.lobby-seats{display:grid;gap:12px;grid-template-columns:1fr}.lobby-seat{min-height:0;padding:12px 14px;border:1px solid rgba(160,201,236,.1);border-radius:18px;background:linear-gradient(180deg,#0a111cf5,#070c15e6),radial-gradient(circle at top right,rgba(255,180,90,.05),transparent 40%)}.lobby-seat__content{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center}.lobby-seat__header{display:grid;grid-template-columns:1fr;gap:2px;align-items:start}.lobby-seat__header span,.lobby-seat__header em,.lobby-seat__meta span{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lobby-seat__header strong{min-width:0;font-size:.9rem;line-height:1.15}.lobby-seat__header em{justify-self:start}.lobby-seat__placeholder,.lobby-seat__hint{color:var(--muted);line-height:1.45}.lobby-seat__preview{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center}.lobby-seat__portrait{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;border-radius:12px;border:1px solid rgba(165,205,236,.14);background:radial-gradient(circle at top,rgba(255,180,90,.14),transparent 48%),#080f19eb}.lobby-seat__meta p{margin:0 0 2px;font-size:.9rem;line-height:1.2}.lobby-seat__actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px;align-items:center}.lobby-seat__actions .lobby-button{min-height:36px;min-width:84px;white-space:nowrap}.lobby-seat__hint,.lobby-seat__placeholder{font-size:.78rem;line-height:1.35}.lobby-seat__hint{max-width:96px;text-align:right}.lobby-chat{min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.lobby-chat__log{min-height:220px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;overscroll-behavior:contain}.lobby-chat__empty{color:var(--muted);line-height:1.5}.lobby-chat__entry{padding:10px 12px;border:1px solid rgba(160,201,236,.08);border-radius:14px;background:#ffffff08}.lobby-chat__entry[data-self=true]{border-color:#ffb45a3d;background:#ffb45a14}.lobby-chat__entry[data-system=true]{border-color:#ffb86f38;background:#ffb86f14}.lobby-chat__meta{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lobby-chat__body{margin:6px 0 0;color:var(--text);line-height:1.45;white-space:pre-wrap;word-break:break-word}.lobby-chat__composer{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;align-items:center}.lobby-chat__composer .lobby-button{min-height:40px;width:100%}.lobby-chat__input{min-height:40px;height:40px}.lobby-status{padding-top:12px;border-top:1px solid rgba(160,201,236,.08);font-size:.88rem}canvas{display:block;max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid rgba(137,209,255,.72);border-radius:24px;background:#06101f;box-shadow:0 0 0 2px #0f1f34b8,0 22px 72px #00000070,0 0 24px #3dbaff29}.lobby-shell[data-state=match]{grid-template-columns:1fr}.lobby-shell[data-state=match] .lobby-browser{display:none}.lobby-shell[data-state=match] .lobby-stage{padding:6px;grid-template-rows:minmax(0,1fr)}.lobby-shell[data-state=match] .lobby-stage__top,.lobby-shell[data-state=match] .lobby-status{display:none}.lobby-shell[data-state=match] .lobby-stage__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(268px,320px);gap:10px;min-height:0;height:100%}.lobby-shell[data-state=match] .lobby-stage__viewport{height:100%;min-height:0;padding:6px}.lobby-shell[data-state=match] .lobby-stage__rail{position:relative;width:auto;max-height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:10px;pointer-events:auto;z-index:1}.lobby-shell[data-state=match] .lobby-stage__panel{background:linear-gradient(180deg,#070d16e0,#040911d6),radial-gradient(circle at top,rgba(121,216,255,.08),transparent 52%)}.lobby-shell[data-state=match] .lobby-stage__panel--match-menu{display:grid;gap:10px;padding:14px}.lobby-shell[data-state=match] .lobby-stage__panel--seats{max-height:none;overflow:auto;padding:14px}.lobby-shell[data-state=match] .lobby-seats{grid-template-columns:1fr;gap:8px}.lobby-shell[data-state=match] .lobby-seat{padding:12px;border-radius:18px}.lobby-shell[data-state=match] .lobby-seat__content{gap:10px}.lobby-shell[data-state=match] .lobby-seat__preview{grid-template-columns:52px minmax(0,1fr);gap:8px}.lobby-shell[data-state=match] .lobby-seat__portrait{width:52px;height:52px;border-radius:14px}.lobby-shell[data-state=match] .lobby-chat{min-height:0;padding:14px}.lobby-shell[data-state=match] .lobby-chat__log{min-height:0}.lobby-shell[data-state=match] .lobby-chat__composer{grid-template-columns:minmax(0,1fr) 72px}.lobby-shell[data-state=match] canvas{max-width:100%;max-height:100%}@media(max-width:1420px){.lobby-shell{grid-template-columns:minmax(260px,292px) minmax(0,1fr)}.lobby-stage__workspace{grid-template-columns:minmax(0,1fr) minmax(310px,360px)}}@media(max-width:1260px){.lobby-stage__top,.lobby-stage__workspace{grid-template-columns:1fr}.lobby-stage__rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-shell[data-state=match] .lobby-stage__rail{width:auto}.lobby-stage__panel--match-menu{grid-column:1 / -1}}@media(max-width:1120px){body{overflow:auto}#app{height:auto;padding:10px}.lobby-shell{height:auto;min-height:calc(100vh - 20px);grid-template-columns:1fr}.lobby-browser{max-height:440px}.lobby-stage{min-height:72vh}.lobby-shell[data-state=match] .lobby-stage{min-height:calc(100vh - 20px)}}@media(max-width:760px){.lobby-browser,.lobby-stage{padding:16px;border-radius:22px}.lobby-brand h1,.lobby-stage__title{font-size:clamp(1.8rem,9vw,2.8rem)}.lobby-create,.lobby-stage__invite,.lobby-chat__composer,.lobby-stage__rail,.lobby-selector__actions{grid-template-columns:1fr}.lobby-stage__viewport{min-height:320px;padding:12px}.lobby-seats{grid-template-columns:1fr}.lobby-button{width:100%}.lobby-shell[data-state=match] .lobby-stage__rail{position:static;width:auto;max-height:none;margin-top:12px;pointer-events:auto}.lobby-shell[data-state=match] .lobby-stage__workspace{display:grid;gap:12px}}