@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.with-photo-bg{position:relative;isolation:isolate;overflow:hidden}.site-main.with-photo-bg:before{content:"";position:absolute;inset:-28px;z-index:-2;pointer-events:none;background:center / cover no-repeat url(/fundo.png);filter:blur(12px);transform:scale(1.05)}.site-main.with-photo-bg:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 22% 20%,rgba(10,33,52,.38),transparent 48%),linear-gradient(145deg,#05111cc2,#071724ad 46%,#122f438a)}.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)}.room-settings-slim{padding:9px 10px;gap:6px}.room-settings-slim h3{font-size:1rem;margin-bottom:2px}.room-setting-field{margin-top:4px!important;gap:3px!important;font-size:.79rem!important}.room-setting-field input{min-height:34px;padding:6px 10px;border-radius:9px}.room-setting-check{margin-top:2px;font-size:.8rem}.room-settings-actions{margin-top:6px!important;gap:8px}.room-settings-actions button{min-height:34px;padding:6px 12px}.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;align-items:center;font-size:.9rem}.arena-foot{justify-content:space-between;flex-wrap:wrap;gap:10px}.arena-hud{position:relative;min-height:40px;justify-content:flex-end;gap:12px;padding:0 6px;font-weight:700}.arena-scoreboard{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:1.34rem;letter-spacing:.04em;text-shadow:0 2px 10px rgba(2,11,20,.35)}.arena-meta-inline{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--hx-text-soft);font-size:.82rem}.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:18px;left:50%;transform:translate(-50%) scale(1);z-index:5;pointer-events:none;border:2px solid rgba(255,222,151,.82);border-radius:999px;padding:12px 24px;min-width:280px;text-align:center;background:linear-gradient(160deg,#ffd47057,#f9a2584d);color:#fff7d6;font-size:1.38rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 10px rgba(38,23,8,.6);box-shadow:0 10px 28px #180d0361,0 0 0 3px #ffd68433;animation:goal-banner-pop .22s ease-out}@keyframes goal-banner-pop{0%{transform:translate(-50%) scale(.85);opacity:.2}to{transform:translate(-50%) scale(1);opacity:1}}.floating-chat{position:fixed;right:16px;bottom:16px;z-index:70;display:grid;justify-items:end;gap:8px}.floating-chat-toggle{position:relative;min-width:86px;border-radius:999px;padding:8px 14px}.floating-chat-badge{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 5px;font-size:.72rem;color:#fff;background:#ff6e66}.floating-chat-panel{width:min(360px,calc(100vw - 24px));border:1px solid var(--hx-border);border-radius:14px;background:linear-gradient(160deg,#07141ff2,#0d2333f0);box-shadow:0 18px 36px #060d1775;padding:10px;display:grid;gap:8px}.floating-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.floating-chat-head h3{margin:0;font-size:1rem}.floating-chat-head .ghost{background:transparent;color:var(--hx-text);border-color:var(--hx-border-soft);min-height:30px;padding:4px 10px}.floating-chat-list{max-height:230px;overflow-y:auto;border:1px solid var(--hx-border-soft);border-radius:10px;background:#040c1485;padding:8px;display:grid;gap:7px}.floating-chat-empty{margin:4px 0;color:var(--hx-text-soft);font-size:.8rem}.chat-row{padding:7px 8px;border-radius:9px;background:#5ca4d51f;border:1px solid rgba(134,186,220,.2)}.chat-row.self{background:#71d0b724;border-color:#6ec6a054}.chat-row header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.74rem;color:var(--hx-text-soft)}.chat-row p{margin:3px 0 0;font-size:.86rem;color:var(--hx-text);word-break:break-word}.floating-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.floating-chat-compose input{min-width:0;padding:7px 10px;min-height:34px}.floating-chat-compose button{min-height:34px;min-width:72px}.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}.arena-hud{min-height:auto;display:grid;justify-items:center;gap:6px;padding:0}.arena-scoreboard{position:static;transform:none;font-size:1.1rem}.arena-meta-inline{justify-content:center;margin-left:0}button{min-height:42px;min-width:96px}.floating-chat{right:10px;bottom:10px}.floating-chat-panel{width:min(100vw - 16px,360px)}.floating-chat-toggle{min-width:76px;min-height:38px;padding:6px 12px}.goal-banner{top:10px;min-width:220px;padding:10px 16px;font-size:1.05rem}}