:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f8fafc;background:#060816;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#14213d 0%,#060816 55%,#03050c 100%);min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.game-card{background:#040818eb;border:1px solid #ffffff1f;border-radius:24px;width:min(1100px,100%);padding:28px;box-shadow:0 20px 80px #00000073}.game-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#7dd3fc;margin:0 0 6px;font-size:.74rem}h1,h2,p{margin:0}h1{margin-bottom:6px;font-size:clamp(1.8rem,3vw,2.6rem)}.subtitle{color:#cbd5e1}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .18s,box-shadow .18s}.primary-btn{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 8px 24px #38bdf83d}.secondary-btn{color:#f8fafc;background:#ffffff14}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.secondary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.game-layout{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.board-panel{background:linear-gradient(#ffffff0d,#ffffff05);border-radius:24px;justify-content:center;align-items:center;padding:18px;display:flex}.board{background:#020617b3;border-radius:16px;gap:3px;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.board-row,.preview-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.preview-row{grid-template-columns:repeat(4,minmax(0,1fr))}.cell-wrapper{place-items:center;width:26px;height:26px;display:grid}.cell{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:100%}.cell.filled{border-color:#ffffff1f;box-shadow:inset 0 0 8px #fff3}.cell.filled.cyan{background:#22d3ee}.cell.filled.blue{background:#60a5fa}.cell.filled.orange{background:#fb923c}.cell.filled.yellow{background:#fde047}.cell.filled.green{background:#4ade80}.cell.filled.purple{background:#a78bfa}.cell.filled.red{background:#f87171}.sidebar{flex-direction:column;gap:16px;display:flex}.stats-card{background:#0f172acc;border:1px solid #ffffff14;border-radius:18px;padding:18px}.stats-card h2{color:#e2e8f0;margin-bottom:12px;font-size:1rem}.status-pill{color:#bae6fd;background:#38bdf829;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-weight:700;display:inline-flex}.stat-row{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:8px 0;display:flex}.stat-row:last-child{border-bottom:none}.preview-grid{justify-content:start;gap:6px;padding:8px 0;display:grid}.controls-card ul{color:#cbd5e1;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.controls-card li{justify-content:space-between;gap:12px;display:flex}.controls-card span{color:#7dd3fc;font-weight:700}@media (width<=840px){.game-layout{grid-template-columns:1fr}.game-card{padding:20px}.game-header{flex-direction:column;align-items:flex-start}}