:root{--bg:#0a0d12;--card:#141820b8;--stroke:#ffffff1a;--text:#ffffffeb;--muted:#ffffffa6;--glow:#ffd76459}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(900px 420px at 18% 18%,#ffc85038,#0000 60%),radial-gradient(900px 420px at 82% 22%,#1edcaa2e,#0000 60%),radial-gradient(900px 420px at 50% 88%,#4678ff2e,#0000 60%),linear-gradient(#05070b,#090c12);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:44px 16px;display:flex;position:relative}.wrap:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle at 20% 60%,#ffffff1a 0 2px,#0000 3px),radial-gradient(circle at 75% 40%,#ffffff14 0 2px,#0000 3px);position:absolute;inset:0}.wrap:after{content:"";filter:blur();pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='520'%3E%3Cg opacity='0.18'%3E%3Crect x='60' y='80' width='110' height='150' rx='18' fill='%23ffffff'/%3E%3Crect x='95' y='110' width='110' height='150' rx='18' fill='%23ffffff'/%3E%3Crect x='710' y='290' width='120' height='80' rx='18' fill='%23ffffff'/%3E%3Ccircle cx='180' cy='340' r='44' fill='%23ffffff'/%3E%3Ccircle cx='720' cy='140' r='46' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;position:absolute;inset:-40px}.container{width:min(980px,100%)}.brandBar{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e121a9e;border-radius:16px;justify-content:space-between;align-items:center;padding:18px;display:flex;box-shadow:0 20px 60px #00000073}.brandLeft{align-items:center;gap:12px;display:flex}.brandLogo{border:1px solid var(--stroke);background:linear-gradient(#ffffff1a,#ffffff08);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.brandMark{letter-spacing:.5px;font-weight:800}.brandName{letter-spacing:1px;font-weight:800}.brandTag{color:var(--muted);letter-spacing:2px;font-size:12px}.livePill{color:#beffe6eb;background:#46ffb424;border:1px solid #46ffb440;border-radius:999px;padding:8px 14px;font-weight:700}.card{border:1px solid var(--stroke);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;margin-top:14px;padding:18px;box-shadow:0 20px 60px #00000073}.cardTitle{font-size:18px;font-weight:800}.cardSub{color:var(--muted);margin-top:4px;font-size:13px}label{color:var(--muted);letter-spacing:1.5px;margin-top:14px;font-size:12px;display:block}input{width:100%;color:var(--text);background:#080a0e8c;border:1px solid #ffffff1f;border-radius:12px;outline:none;margin-top:8px;padding:12px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btnRow{gap:10px;margin-top:14px;display:flex}.btnRow2{margin-top:12px}.btn{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:10px 14px;font-weight:700}.btn.big{width:100%;padding:12px 14px}.btn.primary{color:#111;background:linear-gradient(#ffd764eb,#ffaa28c7);border-color:#ffdc8c8c;box-shadow:0 10px 30px #ffc8502e}.btn.ghost{background:#ffffff0f}.msg{color:#ffdc96f2;margin-top:12px;font-size:13px}.topBar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pill{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 12px}.games{gap:12px;margin-top:14px;display:grid}.gameCard{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.gameIcon{background:#00000038;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.gameText{text-align:left;flex:1}.gameTitle{font-size:16px;font-weight:900}.gameSub{color:var(--muted);font-size:12px}.chev{color:#ffffff8c;font-size:22px}.modalOverlay{background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#0e121aeb;border:1px solid #ffffff24;border-radius:18px;width:min(520px,100%);padding:16px;box-shadow:0 30px 90px #000000a6}.modalHead{justify-content:space-between;align-items:center;display:flex}.modalTitle{font-size:18px;font-weight:900}.kv{margin-top:12px}.kvRow{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;display:flex}.kvRow b{color:var(--text)}@media (max-width:860px){.grid2{grid-template-columns:1fr}.topBar{flex-wrap:wrap;justify-content:flex-start}}