@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--hx-bg-a: #091520;--hx-bg-b: #123145;--hx-bg-c: #d7eef9;--hx-panel: rgba(9, 24, 36, .82);--hx-panel-soft: rgba(13, 33, 50, .72);--hx-border: rgba(134, 186, 220, .34);--hx-border-soft: rgba(134, 186, 220, .16);--hx-text: #eaf6ff;--hx-text-soft: rgba(234, 246, 255, .74);--hx-action: #67b8ff;--hx-action-strong: #4895e3;--hx-danger: #f2776c;--hx-safe: #6ec6a0}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%;overflow-x:hidden}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--hx-text);background:radial-gradient(circle at 14% 10%,rgba(115,184,242,.26),transparent 35%),radial-gradient(circle at 86% 75%,rgba(130,229,214,.18),transparent 42%),linear-gradient(145deg,var(--hx-bg-a),var(--hx-bg-b) 44%,#244f69 70%,var(--hx-bg-c) 140%)}a{color:inherit}button,input{font:inherit}input{border:1px solid var(--hx-border);border-radius:10px;background:#040a1073;color:var(--hx-text);padding:10px 12px}button{border:1px solid rgba(160,211,244,.42);border-radius:12px;padding:8px 14px;background:linear-gradient(145deg,var(--hx-action),var(--hx-action-strong));color:#081521;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #509ce659}button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.site-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;width:100%;overflow-x:hidden}.site-shell.match-mode{height:100vh;overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--hx-border-soft);background:#071018d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30}.brand-mark{display:grid;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-title{font-family:Bebas Neue,sans-serif;letter-spacing:.04em;font-size:1.7rem;line-height:1}.brand-sub{font-size:.72rem;color:var(--hx-text-soft);letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;gap:16px}.site-nav a{text-decoration:none;color:var(--hx-text-soft);font-weight:600;transition:color .15s ease}.site-nav a:hover{color:var(--hx-text)}.header-meta{display:grid;justify-items:end;font-size:.75rem;color:var(--hx-text-soft)}.site-main{padding:18px}.site-main.match-mode{padding:0;overflow:hidden}.panel{border:1px solid var(--hx-border);border-radius:18px;background:linear-gradient(160deg,var(--hx-panel),var(--hx-panel-soft));box-shadow:0 20px 44px #060e196b;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2,.panel h3{margin:0}.head-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--hx-text-soft);font-size:.82rem}.hero-panel{display:grid;grid-template-columns:minmax(320px,1fr) minmax(250px,360px);gap:20px;align-items:center}.hero-copy h1{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,7vw,4rem);letter-spacing:.04em}.hero-copy p{margin:10px 0 0;color:var(--hx-text-soft);max-width:62ch}.kicker{text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;color:#b3dff7d1}.hero-actions{display:flex;gap:12px;margin-top:16px}.hero-actions .ghost-link{border:1px solid var(--hx-border);border-radius:12px;padding:8px 14px;color:var(--hx-text);text-decoration:none}.hero-card{border:1px solid var(--hx-border);border-radius:14px;padding:14px;background:#040f197a}.hero-card ul{margin:10px 0 0;padding-left:18px;color:var(--hx-text-soft)}.room-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.room-actions.compact{margin-top:10px}.manual-join{margin-top:14px;display:grid;grid-template-columns:minmax(120px,180px) minmax(180px,1fr) auto;gap:8px}.rooms-table-wrap{margin-top:12px;border:1px solid var(--hx-border-soft);border-radius:12px;overflow:auto;max-height:min(58vh,540px)}.rooms-table{width:100%;border-collapse:collapse;min-width:760px}.rooms-table th,.rooms-table td{text-align:left;padding:10px;border-bottom:1px solid var(--hx-border-soft);font-size:.88rem}.rooms-table th{position:sticky;top:0;z-index:2;background:#07111beb;color:var(--hx-text-soft)}.rooms-table tr{cursor:pointer}.rooms-table tr:hover{background:#6fbcec1f}.rooms-table tr.selected{background:#70d2b62e}.room-name{font-weight:600}.room-code{font-size:.72rem;color:var(--hx-text-soft)}.empty-row{color:var(--hx-text-soft)}.lobby-panel{display:grid;gap:12px}.lobby-panel.match-running{border:none;background:transparent;box-shadow:none;padding:0}.lobby-grid{display:grid;gap:14px;grid-template-columns:minmax(320px,370px) minmax(420px,1fr)}.lobby-grid.match-running{grid-template-columns:minmax(0,1fr);gap:0}.lobby-side{display:grid;gap:12px}.stack-group{border:1px solid var(--hx-border-soft);border-radius:12px;padding:12px;background:#050e1685}.stack-group code{display:block;overflow-x:auto;padding:8px;border-radius:10px;background:#02080ea6;border:1px solid var(--hx-border-soft)}.stack-group label{display:grid;gap:4px;margin-top:8px;font-size:.85rem;color:var(--hx-text-soft)}.checkbox-line{display:flex!important;align-items:center;gap:8px}.checkbox-line input{width:auto;margin:0}.team-columns{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px;margin-top:8px}.team-col{border:1px solid var(--hx-border-soft);border-radius:10px;min-height:120px;background:#06101aa6}.team-col header{padding:8px;font-weight:600;font-size:.82rem;border-bottom:1px solid var(--hx-border-soft)}.team-col.red header{color:#ff9e94}.team-col.blue header{color:#9ac2ff}.team-col.spectators header{color:#addfcb}.team-col ul{margin:0;padding:8px 10px 8px 16px;color:var(--hx-text-soft);font-size:.8rem}.team-col li{margin-bottom:4px}.arena-panel{border:1px solid var(--hx-border);border-radius:12px;padding:12px;background:#050e166b;display:grid;gap:10px}.lobby-grid.match-running .arena-panel{border-radius:0;border-left:none;border-right:none}.site-main.match-mode .lobby-panel.match-running,.site-main.match-mode .lobby-grid.match-running{height:100%}.site-main.match-mode .arena-panel{height:100%;border:none;border-radius:0;padding:8px 10px;grid-template-rows:auto minmax(0,1fr) auto auto}.arena-hud,.arena-foot{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.arena-foot{flex-wrap:wrap;gap:10px}.arena-hud{font-weight:700}.red-score{color:#ff9c92}.blue-score{color:#9ec5ff}.timer{font-size:1.15rem;letter-spacing:.03em}.arena-stage{position:relative;width:100%;min-width:0;margin:0 auto;display:grid;place-items:center}canvas{width:100%;max-width:100%;height:auto;display:block;border:1px solid var(--hx-border);border-radius:12px;background:#c8e7f8}.site-main.match-mode .arena-stage{min-height:0;height:100%;overflow:hidden}.site-main.match-mode canvas{width:min(100%,calc((100vh - 225px) * 16 / 9));max-width:100%;max-height:calc(100vh - 225px)}.goal-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;border:1px solid rgba(255,214,132,.52);border-radius:999px;padding:6px 12px;background:#ffd68429;color:#ffde9a;font-size:.9rem}.faceoff-countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;border:1px solid rgba(244,250,255,.45);border-radius:999px;min-width:104px;min-height:104px;display:grid;place-items:center;background:#04101ac7;box-shadow:0 12px 28px #040a1259}.faceoff-countdown span{display:block;font-family:Bebas Neue,sans-serif;font-size:3.2rem;line-height:1;letter-spacing:.04em;color:#f7fcff}.arena-help{border:1px solid var(--hx-border-soft);border-radius:10px;padding:8px 10px;background:#050e1680;display:grid;gap:4px}.arena-help p{margin:0;font-size:.8rem;color:var(--hx-text-soft)}.about-panel p{color:var(--hx-text-soft);max-width:72ch}.about-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px}.about-links a{border:1px solid var(--hx-border);border-radius:10px;padding:8px 12px;text-decoration:none}.tiny-note{margin:2px 0;color:var(--hx-text-soft);font-size:.77rem}.error-text{margin-top:8px;color:var(--hx-danger);font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#02070db8;display:grid;place-items:center;z-index:80;padding:12px}.modal-card{width:min(430px,100%);border:1px solid var(--hx-border);border-radius:14px;padding:14px;background:linear-gradient(160deg,#081520f2,#112a3eeb);display:grid;gap:10px}.modal-card.wide{width:min(520px,100%)}.modal-card.match-end-card{width:min(440px,100%);text-align:center}.modal-card p{margin:0;color:var(--hx-text-soft)}.modal-card label{display:grid;gap:4px;color:var(--hx-text-soft);font-size:.86rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions .ghost{background:transparent;color:var(--hx-text)}.match-end-winner{font-size:1.4rem;font-weight:700;color:var(--hx-text)}.match-end-reason{color:var(--hx-text-soft)}.match-end-score{display:flex;justify-content:center;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;padding:8px 0}.match-end-mvp{border:1px solid var(--hx-border-soft);border-radius:10px;padding:10px;background:#07131d8f;display:grid;gap:4px}.match-end-mvp p{margin:0;font-size:.88rem}.site-footer{position:relative;z-index:10;padding:10px 12px;border-top:1px solid var(--hx-border-soft);background:#060e16b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:.72rem;color:var(--hx-text-soft)}.footer-line a{color:var(--hx-text);text-decoration:underline;text-underline-offset:2px}@media(max-width:1100px){.lobby-grid{grid-template-columns:1fr}}@media(max-width:780px){.site-header{flex-wrap:wrap;justify-content:center}.site-nav{width:100%;justify-content:center;order:3}.header-meta{justify-items:center}.site-main{padding:10px}.panel{padding:12px;border-radius:14px}.hero-panel,.manual-join,.team-columns{grid-template-columns:1fr}.arena-hud,.arena-foot{gap:10px;flex-wrap:wrap;justify-content:center}button{min-height:42px;min-width:96px}}