html,body{margin:0;padding:0;overflow:hidden;background:#0b0f14;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#eaf2ff}#c{display:block;width:100vw;height:100vh}#hud{position:fixed;top:12px;left:12px;background:#0a10188c;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 13px;font-size:12.5px;line-height:1.5;backdrop-filter:blur(4px);pointer-events:none;min-width:150px}#fps{color:#ffd479;font-weight:700}#help{position:fixed;bottom:14px;left:12px;right:12px;background:#0a10188c;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 14px;font-size:12px;text-align:center;backdrop-filter:blur(4px);pointer-events:none}kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:1px 6px;font-size:11px;color:#fff;margin:0 1px}#score{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#0a101899;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 18px;text-align:center;backdrop-filter:blur(4px);pointer-events:none}#score .s{font-size:19px;font-weight:800;letter-spacing:1px}#score .t{font-size:11px;color:#9fb0c6;margin-top:2px}#power{position:fixed;bottom:46px;left:50%;transform:translate(-50%);width:200px;height:12px;background:#0a101899;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden;pointer-events:none}#powerFill{height:100%;width:0%;background:linear-gradient(90deg,#6ee7a8,#ffd479,#ff6b6b)}#banner{position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);font-size:34px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none;opacity:0;transition:opacity .25s;text-align:center}.hudHide{display:none!important}.screen{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#1f9d552e,#080c12ed);z-index:20}.screen.active{display:flex}.card{background:#0e1620eb;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 30px;max-width:760px;width:90%;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 4px;font-size:30px;font-weight:800}.card h2{margin:0 0 18px;font-size:18px;font-weight:700}.sub{color:#9fb0c6;font-size:13px;margin:0 0 22px}.btn{display:block;width:100%;text-align:left;background:#15263a;border:1px solid rgba(255,255,255,.14);color:#eaf2ff;font-size:15px;font-weight:700;padding:14px 18px;border-radius:11px;cursor:pointer;margin:10px 0;transition:.12s}.btn:hover{background:#1d3350;border-color:#2f6fed}.btn small{display:block;font-weight:500;color:#9fb0c6;font-size:12px;margin-top:3px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tcard{background:#15263a;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:12px;cursor:pointer;transition:.12s;text-align:center}.tcard:hover{border-color:#fff;transform:translateY(-2px)}.dot{width:34px;height:34px;border-radius:50%;margin:2px auto 8px;border:2px solid rgba(255,255,255,.5)}.tname{font-size:13px;font-weight:700;margin-bottom:4px}.ovr{font-size:11px;color:#9fb0c6}.row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.row .btn{margin:0;flex:1;text-align:center}.back{background:transparent;border-color:#fff3}.btn.sel{border-color:#2f6fed;background:#1d3350}.bracket{display:flex;gap:26px;justify-content:center;align-items:center;margin:6px 0 16px}.bcol{display:flex;flex-direction:column;gap:14px}.bcol h4{margin:0 0 2px;font-size:11px;color:#9fb0c6;text-transform:uppercase;letter-spacing:1px;text-align:center}.match{background:#15263a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 8px;font-size:12px;min-width:120px}.match .p{display:flex;justify-content:space-between;padding:1px 0}.match .win{color:#6ee7a8;font-weight:700}.match.you{border-color:#ffe066}.big{font-size:40px;font-weight:800;margin:6px 0}