@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--paper: #eef4ff;--paper-card: #fffefe;--paper-strong: #ffffff;--ink: #080808;--ink-soft: #444b57;--line: #080808;--line-soft: rgba(8, 8, 8, .24);--shade: #080808;--accent: #3d8cff;--accent-2: #ff4fac;--accent-3: #ffe15a;--ok: #1ac878;--danger: #ff4d4d;--muted-panel: #dfe7f7;--shadow-sm: 3px 3px 0 var(--shade);--shadow-md: 5px 5px 0 var(--shade);--shadow-lg: 8px 8px 0 var(--shade), 14px 14px 0 rgba(255, 79, 172, .18);--dot-bg: radial-gradient(circle, rgba(8, 8, 8, .15) 0 1px, transparent 1.55px) 0 0 / 11px 11px;--slash-bg: repeating-linear-gradient( 101deg, transparent 0 24px, rgba(8, 8, 8, .055) 24px 25px, transparent 25px 62px );color:var(--ink);font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--slash-bg),var(--dot-bg),linear-gradient(120deg,#f8fbff,#e7f0ff 56%,#fff7fd);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(61,140,255,.44);outline-offset:2px}.entry-screen{min-height:100%;display:grid;place-items:center;padding:24px}.entry-card{position:relative;width:min(430px,100%);display:grid;gap:14px;justify-items:center;text-align:center;background:var(--dot-bg),linear-gradient(135deg,var(--paper-card),#eef5ff);border:3px solid var(--line);border-radius:4px;box-shadow:var(--shadow-lg);padding:32px}.entry-card:before{content:"";position:absolute;inset:10px auto auto -12px;width:72px;height:22px;border:2px solid var(--line);background:var(--accent-3);box-shadow:var(--shadow-sm);transform:rotate(-5deg)}.entry-card.compact{width:min(360px,100%)}.entry-card h1{margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:34px;line-height:1;letter-spacing:0;color:var(--ink);font-weight:700;text-shadow:3px 3px 0 rgba(61,140,255,.34),6px 6px 0 rgba(255,79,172,.2)}.entry-card p{margin:0;color:var(--ink-soft);line-height:1.5;max-width:32ch;font-weight:700}.brand-mark{width:74px;height:74px;border:3px solid var(--line);border-radius:4px;background:var(--paper-card);box-shadow:var(--shadow-sm);display:block;object-fit:contain;padding:6px;transform:rotate(-2deg)}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);text-decoration:none;border:2px solid var(--line);border-radius:4px;background:var(--paper-card);padding:8px 13px;cursor:pointer;box-shadow:var(--shadow-sm);font-weight:900;transition:transform .12s ease,box-shadow .12s ease,filter .16s ease}.button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-md);filter:brightness(1.02)}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shade)}.button.primary{background:var(--accent);color:#fff}.button.subtle{background:var(--muted-panel)}.button.danger{background:var(--danger);color:#fff}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.56}.entry-note{color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:uppercase}.state-icon{display:grid;place-items:center;width:58px;height:58px;border:3px solid var(--line);border-radius:4px;background:var(--accent-3);box-shadow:var(--shadow-sm)}.state-icon svg{width:34px;height:34px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:var(--slash-bg),var(--dot-bg),linear-gradient(120deg,#f8fbff,#e8f1ff 62%,#fff5fc)}.top-hud{position:absolute;inset:auto 0 0;z-index:7;height:58px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--dot-bg),var(--paper-card);border-top:3px solid var(--line);box-shadow:0 -5px 0 var(--shade);white-space:nowrap;overflow-x:auto;overflow-y:hidden}.hud-group{display:inline-flex;align-items:center;min-width:0}.hud-event{flex:0 1 auto;gap:8px;padding-right:12px;border-right:2px solid var(--line)}.hud-player{flex:0 1 auto;gap:10px}.hud-identity{display:inline-flex;align-items:center;min-width:0;gap:7px}.event-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;min-width:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:15px;letter-spacing:0;font-weight:700}.hud-status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 8px;border:2px solid var(--line);border-radius:4px;background:var(--muted-panel);box-shadow:2px 2px 0 var(--shade);font-size:11px;font-weight:900;color:var(--ink);line-height:1;text-transform:uppercase}.hud-status-dot{width:8px;height:8px;border:2px solid var(--line);border-radius:50%;background:var(--line-soft);flex:0 0 auto}.hud-status.is-running{background:var(--accent-3)}.hud-status.is-running .hud-status-dot{background:var(--ok)}.hud-status.is-waiting .hud-status-dot{background:var(--accent)}.hud-status.is-paused{background:var(--paper-strong)}.hud-status.is-paused .hud-status-dot{background:var(--accent-3)}.hud-status.is-ended{background:var(--danger);color:var(--paper-strong)}.hud-status.is-ended .hud-status-dot{background:var(--paper-strong)}.hud-status-countdown{margin-left:2px;padding-left:6px;border-left:2px solid var(--line);font-family:Space Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;text-transform:none}.hud-status.is-ended .hud-status-countdown{border-left-color:var(--paper-strong)}.player-swatch{width:15px;height:15px;border:2px solid var(--line);border-radius:4px;display:inline-block;flex:0 0 auto;box-shadow:1px 1px 0 var(--shade)}.avatar{width:24px;height:24px;border:2px solid var(--line);border-radius:50%;background:repeating-linear-gradient(45deg,#fff 0 4px,#dce7f8 4px 8px);background-size:cover;box-shadow:2px 2px 0 var(--shade)}.player-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;font-weight:900}.hud-stats{display:inline-flex;align-items:stretch;overflow:hidden;border:2px solid var(--line);border-radius:4px;background:#ffffffbd;box-shadow:2px 2px 0 var(--shade)}.hud-stat{display:grid;gap:1px;min-width:54px;padding:4px 8px;line-height:1;place-items:center}.hud-stat+.hud-stat{border-left:2px dashed var(--line-soft)}.hud-stat b{font-family:Space Mono,ui-monospace,monospace;font-size:16px;font-variant-numeric:tabular-nums}.hud-stat small{font-size:10px;color:var(--ink-soft);text-transform:uppercase;font-weight:900}.accent{color:#0e65da}.hud-spacer,.admin-spacer{flex:1 1 auto}.hud-controls{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.mobile-event-swatch{display:none}.cooldown-bar{position:absolute;left:50%;top:50%;width:clamp(190px,24%,330px);height:30px;display:grid;place-items:center;overflow:hidden;transform:translate(-50%,-50%);border:3px solid var(--line);border-radius:4px;background:var(--paper-strong);box-shadow:var(--shadow-sm);pointer-events:none}.cooldown-bar-fill{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.38) 0 8px,transparent 8px 16px),var(--accent-2);transition:width .12s linear}.cooldown-bar.ready .cooldown-bar-fill{background:repeating-linear-gradient(135deg,rgba(255,255,255,.38) 0 8px,transparent 8px 16px),var(--ok)}.cooldown-bar b{position:relative;z-index:1;color:var(--ink);font-family:Space Mono,ui-monospace,monospace;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-shadow:1px 1px 0 rgba(255,255,255,.82)}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--line);border-radius:4px;background:var(--paper-card);color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .16s ease}.icon-button.raised{box-shadow:var(--shadow-sm)}.icon-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-md);filter:brightness(1.02)}.icon-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shade)}.connection{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-soft);font-weight:900;text-transform:uppercase}.connection.online{color:#086d43}.connection.offline{color:#b40025}.board-canvas{position:absolute;inset:0 0 58px;width:100%;height:calc(100% - 58px);touch-action:none;cursor:grab}.board-canvas.disabled{filter:saturate(.75) contrast(.95);cursor:not-allowed}.cell-tooltip{position:fixed;z-index:6;max-width:260px;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:2px solid var(--line);border-radius:4px;background:var(--dot-bg),var(--paper-card);box-shadow:var(--shadow-sm);pointer-events:none;white-space:nowrap}.cell-tooltip-avatar{width:28px;height:28px;flex:0 0 auto;border:2px solid var(--line);border-radius:50%;background:repeating-linear-gradient(45deg,#fff 0 4px,#dce7f8 4px 8px);background-size:cover;box-shadow:2px 2px 0 var(--shade)}.cell-tooltip-text{min-width:0;display:grid;gap:1px;line-height:1}.cell-tooltip-text b,.cell-tooltip-text small{display:block;overflow:hidden;text-overflow:ellipsis}.cell-tooltip-text b{max-width:200px;font-size:13px;font-weight:900}.cell-tooltip-text small{max-width:200px;color:var(--ink-soft);font-family:Space Mono,ui-monospace,monospace;font-size:11px;font-weight:900}.floating-tools{position:absolute;top:12px;right:12px;z-index:4;display:grid;gap:10px;justify-items:end}.zoom-stack{display:grid;gap:6px}.admin-board-tools{max-width:min(390px,calc(100vw - 24px));display:grid;gap:8px;justify-items:end;padding:8px;border:3px solid var(--line);border-radius:4px;background:var(--dot-bg),var(--paper-card);box-shadow:var(--shadow-md)}.admin-board-mode{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:2px solid var(--line);border-radius:4px;background:var(--muted-panel)}.admin-board-mode button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:2px solid transparent;border-radius:4px;background:transparent;color:var(--ink);padding:5px 8px;font-weight:900;cursor:pointer}.admin-board-mode button.active{background:var(--ink);color:#fff;border-color:var(--line);box-shadow:2px 2px 0 var(--accent-2)}.admin-board-mode button:disabled{cursor:not-allowed;opacity:.58}.admin-board-value{display:flex;align-items:center;gap:6px;justify-self:end;color:var(--ink-soft);font-size:11px;font-weight:900;text-transform:uppercase}.admin-board-value input{width:72px;min-height:32px;border:2px solid var(--line);border-radius:4px;background:var(--paper-card);color:var(--ink);padding:5px 7px;font:inherit;font-weight:900}.admin-board-status{justify-self:end;color:var(--ink-soft);font-size:11px;font-weight:900;text-transform:uppercase}.leaderboard-drawer{position:absolute;left:12px;top:12px;z-index:5;width:min(430px,calc(100vw - 24px));max-height:44px;overflow:hidden;transition:max-height .18s ease-out,width .18s ease-out;border:3px solid var(--line);border-radius:4px;background:var(--dot-bg),var(--paper-card);box-shadow:var(--shadow-md);padding:7px 10px 10px}.leaderboard-drawer:not(.open){width:min(220px,calc(100vw - 24px));padding-bottom:7px}.leaderboard-drawer.open{max-height:min(54%,calc(100% - 94px))}.leaderboard-drawer:not(.open) .leaderboard{display:none}.drawer-handle{width:100%;min-height:24px;display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;color:var(--ink);font-weight:900;padding:0;text-align:left}.drawer-handle span{width:28px;height:4px;border-radius:4px;background:var(--accent-2);border:1px solid var(--line)}.leaderboard{display:grid;gap:3px;max-height:min(40vh,360px);margin-top:8px;overflow:auto}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:36px 18px minmax(0,1fr) 80px 80px;gap:8px;align-items:center}.leaderboard-head{color:var(--ink-soft);font-size:11px;text-transform:uppercase;font-weight:900}.leaderboard-row{min-height:32px;border-top:2px dashed var(--line-soft);font-size:14px;font-weight:800}.leaderboard-row.you{background:#3d8cff2e;border:2px solid var(--line);border-radius:4px;padding:0 6px;box-shadow:2px 2px 0 var(--shade)}.reconnect-banner,.toast,.game-overlay,.results-overlay{position:absolute;z-index:6;border:3px solid var(--line);background:var(--dot-bg),var(--paper-card);box-shadow:var(--shadow-md);font-weight:900}.reconnect-banner{top:12px;left:50%;transform:translate(-50%);padding:8px 12px;border-radius:4px}.toast{bottom:72px;left:12px;padding:8px 12px;border-radius:4px}.game-overlay,.results-overlay{top:50%;left:50%;transform:translate(-50%,-50%);width:min(370px,calc(100% - 32px));padding:22px;border-radius:4px;text-align:center}.game-overlay h2,.results-overlay h2{margin:0 0 8px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:700;text-shadow:2px 2px 0 rgba(61,140,255,.34),4px 4px 0 rgba(255,79,172,.2)}.game-overlay p,.results-overlay p{margin:0;color:var(--ink-soft)}.admin-shell{min-height:100%;display:grid;grid-template-columns:190px 1fr;grid-template-rows:62px 1fr;background:var(--slash-bg),var(--dot-bg),linear-gradient(120deg,#f8fbff,#e8f1ff 62%,#fff5fc)}.admin-top{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:3px solid var(--line);background:var(--dot-bg),var(--paper-card);box-shadow:0 4px 0 var(--shade);overflow:hidden}.admin-brand{display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;font-weight:700;white-space:nowrap}.admin-brand-mark{width:30px;height:30px;display:inline-block;object-fit:contain;border:2px solid var(--line);border-radius:4px;background:var(--paper-card);box-shadow:2px 2px 0 var(--shade);padding:2px}.pill{display:inline-flex;align-items:center;min-height:28px;border:2px solid var(--line);border-radius:4px;padding:2px 10px;background:var(--accent-3);box-shadow:2px 2px 0 var(--shade);font-size:13px;font-weight:900}.pill.ok{background:var(--ok);color:var(--ink)}.admin-nav{border-right:3px solid var(--line);padding:12px 10px;display:grid;align-content:start;gap:8px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.48) 0 12px,transparent 12px 24px),var(--muted-panel)}.admin-nav button{min-height:40px;display:flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:4px;background:var(--paper-card);color:var(--ink);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);font-weight:900;padding:7px 9px;transition:transform .12s ease,box-shadow .12s ease}.admin-nav button:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.admin-nav button.active{background:var(--accent);color:#fff;border-color:var(--line);box-shadow:var(--shadow-sm),inset 0 -5px #0003}.admin-content{padding:20px;overflow:auto}.admin-content h1{margin:0 0 16px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:38px;line-height:1;letter-spacing:0;font-weight:700;text-shadow:3px 3px 0 rgba(61,140,255,.32),6px 6px 0 rgba(255,79,172,.18)}.admin-card h2{margin:0 0 10px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.12;letter-spacing:0;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:start}.metric,.admin-card{border:3px solid var(--line);border-radius:4px;background:var(--dot-bg),var(--paper-card);box-shadow:var(--shadow-md);padding:14px}.admin-card p{margin:0 0 12px;color:var(--ink-soft);font-weight:800}.metric span{color:var(--ink-soft);font-size:12px;font-weight:900;text-transform:uppercase}.metric b{display:block;font-family:Space Mono,ui-monospace,monospace;font-size:24px;margin-top:4px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-form{display:grid;gap:10px}.admin-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.event-settings-form{margin-top:12px;padding-top:12px;border-top:2px dashed var(--line-soft)}.admin-field{display:grid;gap:4px;color:var(--ink-soft);font-size:12px;font-weight:900;text-transform:uppercase}.admin-field input{width:100%;min-height:38px;border:2px solid var(--line);border-radius:4px;background:var(--paper-strong);color:var(--ink);padding:7px 9px;font-family:Space Mono,ui-monospace,monospace;font-size:inherit;font-weight:800;text-transform:none;box-shadow:2px 2px #0808082e inset}.admin-feedback{align-self:center;color:var(--ink-soft);font-size:13px;font-weight:900}.admin-table{border:3px solid var(--line);border-radius:4px;background:var(--dot-bg),var(--paper-card);box-shadow:var(--shadow-md);overflow:hidden}.admin-row{min-height:40px;display:grid;grid-template-columns:1.2fr .8fr 90px 90px 80px 230px;gap:10px;align-items:center;padding:8px 10px;border-top:2px dashed var(--line-soft);font-size:14px;font-weight:800}.admin-row.five{grid-template-columns:1fr 1fr 80px 110px 180px}.admin-row.head{border-top:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.45) 0 10px,transparent 10px 20px),var(--accent-3);color:var(--ink);font-size:11px;font-weight:900;text-transform:uppercase}.row-actions{display:flex;flex-wrap:wrap;gap:5px}.row-actions button{border:2px solid var(--line);border-radius:4px;background:var(--muted-panel);color:var(--ink);cursor:pointer;font-weight:900;box-shadow:2px 2px 0 var(--shade)}.row-actions button:hover{filter:brightness(1.04)}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.admin-top{min-height:62px;flex-wrap:wrap;padding:8px;overflow:visible}.admin-nav{grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:3px solid var(--line)}.admin-nav button{justify-content:center;font-size:12px}}@media(max-width:760px){.top-hud{height:88px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"event event controls" "stats cooldown cooldown";align-items:center;gap:6px 8px;padding:7px 10px;overflow:visible;white-space:normal}.board-canvas{inset:0 0 88px;height:calc(100% - 88px)}.hud-event{grid-area:event;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-self:stretch;min-width:0;gap:6px;padding-right:0;border-right:0}.hud-player{grid-area:stats;min-width:0;gap:0}.hud-controls{grid-area:controls;justify-self:end;gap:7px;white-space:nowrap}.hud-spacer{display:none}.hud-identity{gap:5px}.mobile-event-swatch{display:inline-block}.player-name,.avatar,.hud-player .hud-identity{display:none}.event-name{max-width:none;white-space:nowrap}.hud-status{min-height:24px;padding:2px 6px;gap:5px;box-shadow:1px 1px 0 var(--shade)}.hud-status-countdown{padding-left:5px}.hud-stats{max-width:100%;box-shadow:1px 1px 0 var(--shade);white-space:nowrap}.hud-stat{min-width:47px;padding:3px 6px}.hud-stat b{font-size:13px}.hud-stat small{font-size:9px}.cooldown-bar{grid-area:cooldown;position:relative;left:auto;top:auto;justify-self:stretch;width:100%;height:26px;transform:none}.cooldown-bar b{font-size:11px}.floating-tools{top:58px;right:8px}.game-shell:has(.leaderboard-drawer.open) .floating-tools{top:152px}.admin-board-tools{width:min(330px,calc(100vw - 16px));justify-items:stretch}.admin-board-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-board-mode button{padding:5px 6px}.admin-board-value,.admin-board-status{justify-self:end}.leaderboard-drawer{top:8px;left:8px;width:min(308px,calc(100vw - 16px))}.leaderboard-drawer:not(.open){width:min(176px,calc(100vw - 16px))}.leaderboard-drawer.open{max-height:142px}.leaderboard-head,.leaderboard-row{grid-template-columns:28px 16px minmax(0,1fr) 52px 56px}.toast{bottom:92px}.admin-content{padding:14px 10px 18px}.admin-content h1{font-size:32px}.admin-form-row,.admin-form-row.three{grid-template-columns:1fr}.admin-row,.admin-row.five{grid-template-columns:1fr;gap:4px}}@media(max-width:430px){.entry-screen{padding:18px}.entry-card{padding:28px 20px}.entry-card h1{font-size:30px}.top-hud{height:94px;grid-template-columns:auto minmax(0,1fr) auto}.event-name{max-width:none}.hud-status{font-size:10px}.hud-status-dot{width:7px;height:7px}.hud-stat{min-width:43px;padding:3px 5px}.board-canvas{inset:0 0 94px;height:calc(100% - 94px)}.cooldown-bar{width:100%}.floating-tools{top:64px}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:1fr}}