:root{--bg:#0b1020;--panel:#121a2d;--panel2:#18223a;--text:#eef3ff;--muted:#9aa7c1;--accent:#7c5cff;--border:#26324d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}button,.btn{border:0;border-radius:10px;padding:10px 15px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700}.container{max-width:1200px;margin:auto;padding:18px}.topbar{position:sticky;top:0;z-index:20;background:#0b1020ee;border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:18px;min-height:60px}.brand{font-size:20px;font-weight:900}.navlinks{display:flex;gap:14px;flex:1}.navlinks a{color:var(--muted)}.wallet{background:var(--panel);padding:9px 12px;border:1px solid var(--border);border-radius:10px}.hero{margin:22px 0;padding:32px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#18223a,#11172a)}.hero h1{margin:0 0 8px;font-size:36px}.muted{color:var(--muted)}.chips{display:flex;gap:9px;overflow:auto;padding:6px 0 18px}.chip{padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:var(--panel);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px}.card{overflow:hidden}.gameimg{width:100%;aspect-ratio:1.55;object-fit:cover;background:var(--panel2);display:block}.cardbody{padding:10px}.game-title{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{color:var(--muted);font-size:12px;margin-top:4px}.actions{display:flex;gap:8px;margin-top:10px}.actions .btn{flex:1;text-align:center}.outline{background:transparent;border:1px solid var(--border)}.two{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.panel{padding:18px}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid var(--border);background:#0e1527;color:var(--text);border-radius:10px}.success,.danger{padding:11px;border-radius:10px}.success{background:#27d7a51a;border:1px solid #27d7a54d}.danger{background:#ff5c751a;border:1px solid #ff5c754d}.bottomnav{display:none}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.navlinks{display:none}.two{grid-template-columns:1fr}}@media(max-width:600px){.container{padding:12px}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.hero{padding:22px}.hero h1{font-size:28px}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:#0b1020f7;border-top:1px solid var(--border);padding:9px 4px}.bottomnav a{font-size:11px;text-align:center;color:var(--muted)}body{padding-bottom:60px}}