:root{--tg-bg:#0b1119;--tg-panel:#151f2d;--tg-panel-2:#1b2737;--tg-border:#2e4056;--tg-text:#edf5fc;--tg-muted:#9fb0c2;--tg-accent:#20c7f4;--tg-radius:14px;--tg-shadow:0 18px 45px rgba(0,0,0,.28);color-scheme:dark}
*{box-sizing:border-box}html{background:var(--tg-bg)}body{margin:0;min-height:100vh;color:var(--tg-text);background:radial-gradient(circle at 14% -10%,rgba(32,199,244,.13),transparent 32rem),linear-gradient(180deg,#0b1119,#101824 48%,#0b1119);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58}
a{color:#63dcff}.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:1rem;min-height:76px;padding:.7rem clamp(1rem,3vw,2.5rem);background:rgba(11,17,25,.92);border-bottom:1px solid rgba(99,220,255,.18);box-shadow:0 12px 35px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;min-width:178px}.brand img{display:block;max-height:48px;width:auto}.main-nav{display:flex;align-items:center;gap:.25rem;flex:1}.main-nav>a,.menu-group>button,.nav-login,.nav-register{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:.62rem .82rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--tg-text);font:inherit;font-weight:650;text-decoration:none;cursor:pointer}
.main-nav>a:hover,.menu-group>button:hover{background:rgba(255,255,255,.055);border-color:rgba(99,220,255,.14)}.menu-group{position:relative}.submenu{display:none;position:absolute;top:calc(100% + .55rem);left:0;min-width:240px;padding:.65rem;background:rgba(21,31,45,.98);border:1px solid var(--tg-border);border-radius:var(--tg-radius);box-shadow:var(--tg-shadow)}
.menu-group.is-open>.submenu,.menu-group:focus-within>.submenu{display:block}.submenu a{display:block;padding:.58rem .68rem;color:var(--tg-text);border-radius:8px;text-decoration:none}.submenu a:hover{background:#223248}.submenu-heading{display:block;padding:.65rem .68rem .3rem;color:var(--tg-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.submenu-columns{min-width:min(760px,90vw);grid-template-columns:repeat(4,minmax(145px,1fr));gap:.35rem}.menu-group.is-open>.submenu-columns,.menu-group:focus-within>.submenu-columns{display:grid}.submenu-right{left:auto;right:0}
.nav-account-actions{display:flex;gap:.45rem;margin-left:auto}.nav-register{background:linear-gradient(135deg,var(--tg-accent),#4688ff);color:#03121a}.nav-theme-control{margin-left:auto}.tg-theme-switcher{display:inline-flex;align-items:center;gap:.5rem;color:var(--tg-muted);font-size:.82rem}.tg-theme-switcher select{min-height:38px;max-width:150px;padding:.45rem .65rem;color:var(--tg-text);background:var(--tg-panel);border:1px solid var(--tg-border);border-radius:9px}.menu-toggle{display:none;padding:.55rem .75rem;color:var(--tg-text);background:var(--tg-panel);border:1px solid var(--tg-border);border-radius:10px}
.site-main,body>main{width:min(1480px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) 0 3rem}.hero,.page-hero,.jumbotron{padding:clamp(2rem,5vw,5rem);background:linear-gradient(120deg,rgba(18,31,46,.94),rgba(13,28,43,.74));border:1px solid var(--tg-border);border-radius:20px;box-shadow:var(--tg-shadow)}
.card,.panel,.article,.stat-card,.game-card,.dashboard-card{background:linear-gradient(180deg,rgba(27,39,55,.98),rgba(20,30,44,.98));border:1px solid var(--tg-border);border-radius:var(--tg-radius);box-shadow:0 12px 30px rgba(0,0,0,.18)}.card,.panel,.article,.dashboard-card{padding:1.15rem}.game-card{overflow:hidden;transition:transform .18s ease,border-color .18s ease}.game-card:hover{transform:translateY(-5px);border-color:rgba(99,220,255,.48)}.games-grid,.game-grid,.card-grid,.dashboard-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1.15rem}
button,.btn,input[type=submit],input[type=button],.button{min-height:42px;padding:.62rem .9rem;color:var(--tg-text);background:var(--tg-panel-2);border:1px solid var(--tg-border);border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.btn-primary,.primary,button[type=submit],input[type=submit]{color:#04151d;background:linear-gradient(135deg,var(--tg-accent),#58a6ff);border-color:transparent}input,select,textarea{color:var(--tg-text);background:#101a27;border:1px solid var(--tg-border);border-radius:9px;padding:.65rem .75rem}
table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--tg-panel);border:1px solid var(--tg-border);border-radius:var(--tg-radius)}th,td{padding:.78rem .85rem;border-bottom:1px solid var(--tg-border);text-align:left}th{color:#cbeeff;background:#1d2a3a;font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}tr:last-child td{border-bottom:0}footer{margin-top:3rem;padding:2rem;color:var(--tg-muted);background:#080d13;border-top:1px solid var(--tg-border);text-align:center}:focus-visible{outline:3px solid var(--tg-accent);outline-offset:3px}
@media(max-width:1100px){.menu-toggle{display:inline-flex;margin-left:auto}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem;background:rgba(11,17,25,.98);border-bottom:1px solid var(--tg-border);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav>a,.menu-group>button{width:100%;justify-content:flex-start}.submenu,.submenu-columns{position:static;width:100%;min-width:0;margin-top:.3rem;box-shadow:none}.submenu-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-account-actions,.nav-theme-control{margin-left:0}}
@media(max-width:640px){.submenu-columns{grid-template-columns:1fr}.tg-theme-switcher-label{display:none}.site-main,body>main{width:calc(100% - 1rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}