:root{color-scheme:dark;--bg:#080e1b;--surface:#101a2b;--surface2:#172239;--text:#f4f7ff;--muted:#a5b2ca;--primary:#a58bff;--cyan:#24dbd2;--stroke:#34405c;--shadow:#0008}
:root[data-mode="light"]{color-scheme:light;--bg:#f7f9fe;--surface:#fff;--surface2:#edf2fc;--text:#14223e;--muted:#596782;--primary:#6048e6;--cyan:#098f99;--stroke:#d6ddee;--shadow:#a0adbb44}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.topbar{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--stroke);display:flex;align-items:center;gap:25px;padding:13px max(20px,calc((100vw - 1160px)/2))}.brand{font-size:21px;white-space:nowrap}.brand span{color:var(--primary)}nav{display:flex;gap:18px}nav a:hover,.foot-note a:hover{color:var(--primary)}.actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.mini{border:1px solid var(--stroke);background:var(--surface2);color:var(--text);padding:6px 10px;border-radius:10px}.wrap{max-width:1130px;margin:auto;padding:42px 20px 90px;min-height:80vh}.hero{background:radial-gradient(ellipse at 15% 15%,#794dea35,transparent 60%),radial-gradient(ellipse at 70% 90%,#24dbd229,transparent 48%),var(--surface);border:1px solid var(--stroke);padding:58px 42px;border-radius:28px;box-shadow:0 13px 35px var(--shadow)}.kicker{color:var(--cyan);font-weight:900;letter-spacing:.1em;font-size:12px}.hero h1{font-size:clamp(30px,5vw,55px);line-height:1.25;margin:14px 0}.hero h1 em{font-style:normal;color:var(--primary)}.hero p{max-width:700px;color:var(--muted);font-size:18px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primary,.secondary{padding:11px 23px;border-radius:12px;border:1px solid var(--primary);font-weight:800}.primary{background:var(--primary);color:#0f1424}.secondary{background:transparent;color:var(--text)}.btn{display:inline-block}h2{margin:32px 0 18px;font-size:24px}h3{font-size:17px;margin:12px 0}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:19px}.game-card,.panel,.auth{border:1px solid var(--stroke);background:var(--surface);border-radius:20px;overflow:hidden}.art{display:grid;place-items:center;height:185px;font-size:64px;background:linear-gradient(145deg,#182445,#3b3c78,#16596a)}.game-body{padding:18px}.game-body p,.panel p,.auth p,#adminView>p{color:var(--muted)}.status{display:inline-block;font-size:12px;color:var(--cyan);border:1px solid var(--cyan);border-radius:10px;padding:2px 12px}.auth{max-width:470px;margin:20px auto;padding:30px}.auth h1,.profile h1,#adminView h1{font-size:29px}.auth form,.profile form{display:grid;gap:16px}.auth label,.profile label{display:grid;gap:5px;font-weight:600}input,select{width:100%;padding:12px;border-radius:9px;border:1px solid var(--stroke);color:var(--text);background:var(--surface2)}.check{display:flex!important;align-items:center;gap:10px}.check input{width:18px;height:18px}.panel{padding:25px;max-width:850px}.stats{display:flex;gap:16px;flex-wrap:wrap}.stats span{background:var(--surface2);padding:14px 20px;border-radius:12px}.setting-list{display:grid;gap:10px}.setting-line{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--stroke);padding:11px 14px;border-radius:12px}.setting-line button{border:1px solid var(--stroke);padding:4px 10px;border-radius:7px;background:var(--surface2);color:var(--text)}.setting-line input{max-width:200px}.alert{position:fixed;z-index:10;bottom:20px;left:20px;right:20px;width:max-content;max-width:calc(100vw - 40px);background:var(--surface2);border:1px solid var(--primary);color:var(--text);padding:12px 20px;border-radius:12px;box-shadow:0 8px 30px var(--shadow)}footer{text-align:center;padding:30px;color:var(--muted);border-top:1px solid var(--stroke)}footer small{display:block;font-size:11px}@media(max-width:700px){.topbar{padding:12px;flex-wrap:wrap;gap:10px}.brand{font-size:18px}nav{order:3;width:100%;justify-content:center;font-size:14px}.actions{gap:6px;font-size:12px}.wrap{padding:23px 14px 70px}.hero{padding:35px 22px}.buttons{gap:8px}.buttons .btn,.buttons button{flex:1;text-align:center;padding:10px;font-size:13px}.auth{padding:20px}}