:root{--bg:#071221;--panel:#101f38;--panel2:#14294a;--text:#f7fbff;--muted:#b4c6d9;--gold:#ffd166;--blue:#4cc9f0;--green:#46e28d;--red:#ff5d73;--purple:#a78bfa;--orange:#ff9f43;--line:rgba(255,255,255,.13);--shadow:0 26px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 16% 8%,rgba(76,201,240,.20),transparent 28%),radial-gradient(circle at 88% 12%,rgba(255,209,102,.16),transparent 26%),linear-gradient(135deg,#06111f,#091a31 54%,#120e2c)}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.78}.site-header{width:min(1220px,95vw);margin:0 auto;padding:18px 0 0}.nav{display:flex;align-items:center;gap:12px;padding:12px;border-radius:24px;background:rgba(16,31,56,.78);border:1px solid var(--line);backdrop-filter:blur(14px)}.logo{padding:11px 14px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#ffe8a8);color:#2a1b00;font-weight:1000}.nav-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.nav-links a{padding:10px 12px;border-radius:14px;color:var(--muted);font-weight:850}.nav-links a:hover{background:rgba(255,255,255,.08);color:var(--text)}.wrap{width:min(1220px,95vw);margin:0 auto;padding:18px 0 46px}.hero,.panel,.page-card,.footer{background:linear-gradient(180deg,rgba(16,31,56,.96),rgba(8,20,38,.97));border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow)}.hero{min-height:620px;padding:44px 28px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 78%,rgba(70,226,141,.22),transparent 20%),radial-gradient(circle at 84% 78%,rgba(167,139,250,.22),transparent 20%)}.hero-inner{position:relative;z-index:1}.badge{display:inline-flex;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,var(--gold),#ffe8a8);color:#2a1b00;font-weight:950;margin-bottom:18px}h1,.page-title{margin:0;font-size:clamp(3rem,8vw,7.4rem);line-height:.9;letter-spacing:-.075em;background:linear-gradient(90deg,#fff,var(--gold),var(--blue),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.page-title{font-size:clamp(2.4rem,5.5vw,5.2rem)}.subtitle{max-width:830px;margin:20px auto 0;font-size:1.14rem}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.btn,button{border:0;border-radius:18px;cursor:pointer;font:inherit;font-weight:950;transition:.18s transform}.btn:hover,button:hover{transform:translateY(-2px)}.btn.primary{padding:15px 22px;background:linear-gradient(135deg,var(--green),#22b86e);color:#041526}.btn.secondary{padding:15px 22px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--text)}.game-grid,.feature-grid,.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.game-card,.feature-card,.article-card{text-align:left;background:rgba(255,255,255,.075);border:1px solid var(--line);border-radius:24px;padding:18px}.game-card{display:flex;flex-direction:column;min-height:230px}.game-icon{font-size:2.4rem;margin-bottom:8px}.game-card h2,.feature-card strong,.article-card strong{margin:0 0 8px;color:var(--gold)}.game-card p,.feature-card span,.article-card span{color:var(--muted);line-height:1.65;margin:0}.game-card .btn{margin-top:auto;text-align:center}.panel,.page-card{padding:28px;margin-top:20px}.page-card{max-width:980px;margin-left:auto;margin-right:auto}.page-card ul{color:var(--muted);line-height:1.85}.game-shell{padding:16px;margin-top:20px}.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.hud{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:16px;padding:10px 13px;font-weight:900}.hud span{color:var(--gold)}.mini-btn{padding:10px 13px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--text);margin-left:auto}.canvas-box{position:relative;border-radius:28px;overflow:hidden;background:#0b1526;border:1px solid var(--line)}canvas{display:block;width:100%;height:auto;background:#10233e;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,14,28,.76);backdrop-filter:blur(9px)}.overlay-card{width:min(500px,92%);text-align:center;border-radius:28px;padding:26px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line)}.mobile-controls{display:none;grid-template-columns:1fr 1fr 1.35fr;gap:10px;margin-top:14px}.mobile-controls button{padding:18px 12px;border-radius:18px;background:linear-gradient(135deg,var(--gold),#ffe6a6);color:#2a1b00}.footer{width:min(1220px,95vw);margin:20px auto 0;padding:20px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:var(--muted)}.footer a{text-decoration:underline}@media(max-width:980px){.game-grid,.feature-grid,.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header,.wrap,.footer{width:100%;padding-left:0;padding-right:0}.nav,.hero,.panel,.page-card,.footer,.game-shell{border-radius:0;border-left:0;border-right:0}.nav{flex-wrap:wrap}.nav-links{margin-left:0;width:100%}.hero{min-height:100vh}.mobile-controls{display:grid}.mini-btn{margin-left:0}}@media(max-width:540px){.game-grid,.feature-grid,.article-grid{grid-template-columns:1fr}.hero{padding:32px 16px}}