:root{--bg:#f6f1e8;--panel:rgba(255,252,245,0.82);--ink:#1e241d;--muted:#5f695c;--line:rgba(30,36,29,0.12);--accent:#177245;--accent-2:#d86a1a}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,rgba(216,106,26,.16),transparent 26%),radial-gradient(circle at bottom right,rgba(23,114,69,.2),transparent 30%),var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:24px 0 56px}.nav{gap:16px;align-items:center;justify-content:space-between;margin-bottom:28px}.nav,.nav-links{display:flex;flex-wrap:wrap}.nav-links{gap:14px}.wordmark{font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 50px rgba(30,36,29,.08)}.hero{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.4fr .9fr;padding:28px}.hero h1,.section h2{margin:0 0 12px;line-height:1}.hero h1{font-size:clamp(2.8rem,8vw,5.6rem)}.hero p,.list,.meta,.status{color:var(--muted)}.cta-row,.page-grid,.scoreboard,.stack,.status-grid{display:grid;grid-gap:16px;gap:16px}.cta-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:999px;border:1px solid var(--line)}.button{background:var(--accent);color:white}.button-secondary{background:transparent}.page-grid,.status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.card,.game-panel{padding:22px}.auth-panel{display:grid;grid-gap:14px;gap:14px}.auth-actions,.button-row,.inline-form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button-ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.64)}.button-ghost.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.74);color:var(--ink);font:inherit}.section{margin-top:28px}.game-wrap{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.15fr .85fr}.board{aspect-ratio:1/1;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);grid-gap:2px;gap:2px;padding:2px;border-radius:24px;background:rgba(30,36,29,.12);border:1px solid var(--line);overflow:hidden}.cell{border-radius:5px;background:rgba(255,255,255,.96)}.cell.snake{background:linear-gradient(135deg,#177245,#51b36a)}.cell.head{background:linear-gradient(135deg,#0f5131,#177245)}.cell.food{background:linear-gradient(135deg,#d86a1a,#f5a23b)}.callout{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.6)}.metric-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.56)}.metric-label{color:var(--muted);font-size:.92rem}.metric-value{margin-top:6px;font-size:1.4rem}.banner{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.62)}.banner.success{border-color:rgba(23,114,69,.28);background:rgba(23,114,69,.1)}.banner.error{border-color:rgba(170,48,48,.28);background:rgba(170,48,48,.08)}.banner.warn{border-color:rgba(216,106,26,.3);background:rgba(216,106,26,.08)}.scoreboard{margin-top:16px}.mono{font-family:Courier New,monospace}.leaderboard{display:grid;grid-gap:10px;gap:10px}.leaderboard-item{display:grid;grid-template-columns:56px 1fr 80px;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-radius:18px;background:rgba(255,255,255,.56);border:1px solid var(--line)}@media (max-width:900px){.game-wrap,.hero{grid-template-columns:1fr}}