:root{color-scheme:light;font-family:Space Grotesk,Trebuchet MS,sans-serif;background:radial-gradient(circle at top,#1b1f3b,#0b0f1f 55%,#05060c);color:#f4f7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.app{width:min(960px,92vw);padding:3rem 2rem;background:#060a18d9;border:1px solid rgba(130,149,255,.2);border-radius:24px;box-shadow:0 30px 80px #04060e8c;display:flex;flex-direction:column;gap:2rem}.app__header h1{font-size:clamp(2.2rem,3vw,3rem);margin:0 0 .4rem;letter-spacing:.08em;text-transform:uppercase}.app__subtitle{margin:0;color:#f4f7ffbf}.app__board{display:grid;grid-template-columns:minmax(240px,1fr) 220px;gap:2rem;align-items:start}.board{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:4px;background:#121a3799;padding:12px;border-radius:16px;min-height:420px;border:1px solid rgba(120,140,220,.2)}.cell{aspect-ratio:1 / 1;border-radius:6px;background:linear-gradient(135deg,#2e4c9666,#121c46e6);box-shadow:inset 0 0 0 1px #ffffff0d}.panel{padding:1.5rem;border-radius:16px;background:#0c1228cc;border:1px solid rgba(120,140,220,.25);display:flex;flex-direction:column;gap:1rem}.panel h2{margin:0;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}.stat{display:flex;justify-content:space-between;font-size:1rem}.app__footer{font-size:.95rem;color:#f4f7ff99}@media (max-width: 720px){.app{padding:2rem 1.5rem}.app__board{grid-template-columns:1fr}}