:root{--bg:#070a11;--panel:#101724;--panel2:#161f31;--line:#ffffff14;--text:#f8fafc;--muted:#8f9db2;--gold:#ffd36a;--orange:#ff8a2a;--green:#42d392;--red:#ff617d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#ff8a2a1d,transparent 32%),#070a11;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:26px 0 60px}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:13px}.logo{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--orange));color:#271400;font-size:29px;box-shadow:0 14px 35px #ff8a2a2b}.brand h1{font-size:25px;margin:0;letter-spacing:-.035em}.brand small{display:block;color:var(--muted);margin-top:4px;font-weight:700}.nav{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:13px;background:#172135;color:#fff;text-decoration:none;padding:10px 14px;font-weight:850;cursor:pointer}.btn.primary{border:0;background:linear-gradient(135deg,var(--gold),var(--orange));color:#281500}.btn.danger{background:#3d1d2a}.btn.ghost{background:#ffffff08}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.card{background:linear-gradient(180deg,#111927f2,#0c121df2);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 24px 80px #0005}.card h2{margin:0 0 14px;font-size:19px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#ffffff08;border:1px solid var(--line);border-radius:15px;padding:14px}.stat b{font-size:28px;display:block}.stat span{font-size:12px;color:var(--muted);font-weight:800}.games{display:grid;gap:10px}.game{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;background:#ffffff07;border:1px solid var(--line);border-radius:16px;padding:12px}.game .icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#ffffff0b;font-size:27px}.game h3{margin:0 0 4px;font-size:16px}.game p{margin:0;color:var(--muted);font-size:12px}.badge{font-size:11px;border-radius:999px;padding:6px 9px;font-weight:900}.on{background:#42d3921c;color:#72e5ad}.off{background:#ff617d1c;color:#ff8298}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:12px;color:var(--muted);font-weight:850}.input{width:100%;border:1px solid var(--line);border-radius:13px;background:#192338;color:#fff;padding:12px 13px;outline:none}.row{display:flex;gap:8px;align-items:center}.row .input{flex:1}.list{display:grid;gap:8px;margin-top:13px}.person{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#ffffff07;border-radius:12px;padding:10px 12px}.person small{color:var(--muted)}.notice{padding:13px 15px;border:1px solid #ffd36a33;background:#ffd36a0b;border-radius:14px;color:#ffe7a8;font-size:13px;line-height:1.5}.login{width:min(460px,calc(100% - 28px));margin:8vh auto}.login .card{padding:26px}.error{background:#ff617d14;color:#ff9aad;border:1px solid #ff617d2d;padding:11px 13px;border-radius:12px;margin:12px 0}.success{background:#42d39214;color:#8aebbd;border:1px solid #42d3922d;padding:11px 13px;border-radius:12px;margin:12px 0}@media(max-width:820px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.statgrid{grid-template-columns:1fr}.game{grid-template-columns:46px 1fr}.game .actions{grid-column:1/-1}.game .icon{width:44px;height:44px}.row{align-items:stretch;flex-direction:column}}