:root{color:#e5edf8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#3b82f657,#0000 34rem),radial-gradient(circle at 100% 100%,#f9731642,#0000 30rem),#08111f;min-width:320px;min-height:100vh;margin:0}button{color:#08111f;cursor:pointer;font:inherit;background:linear-gradient(135deg,#fbbf24,#f97316);border:0;border-radius:999px;padding:.85rem 1.2rem;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 14px 30px #f9731640}button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #f9731657}button:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc}button.secondary{color:#dbeafe;background:#94a3b824;box-shadow:inset 0 0 0 1px #dbeafe2e}.shell{width:min(1040px,100% - 32px);margin:0 auto;padding:48px 0}.hero{text-align:center;margin-bottom:26px}.eyebrow{color:#7dd3fc;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:900}h1{color:#f8fafc;letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.92}.intro{color:#b6c4d8;max-width:650px;margin:1rem auto 0;font-size:1.08rem}.game-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #e2e8f01f;border-radius:34px;grid-template-columns:minmax(300px,1fr) 340px;align-items:start;gap:24px;padding:24px;display:grid;box-shadow:0 26px 80px #00000057}.board-wrap{background:#08111f7a;border-radius:26px;place-items:center;min-height:444px;display:grid}canvas{touch-action:none;max-width:100%;display:block}.panel{gap:18px;display:grid}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:#08111f94;border:1px solid #e2e8f01a;border-radius:20px;padding:16px}.stat-wide{grid-column:1/-1}.stat span{color:#8ca0bb;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}.stat strong{color:#f8fafc;margin-top:.35rem;font-size:1.45rem;line-height:1.1;display:block}.status{color:#fde68a;background:#fbbf241a;border-radius:20px;min-height:3.5rem;margin:0;padding:16px}.actions{flex-wrap:wrap;gap:12px;display:flex}.help{color:#cbd5e1;background:#60a5fa1a;border-radius:22px;padding:18px}.help h2{color:#f8fafc;margin:0 0 .6rem;font-size:1rem}.help ul{margin:0;padding-left:1.15rem}.help li+li{margin-top:.4rem}@media (width<=840px){.shell{padding:28px 0}.game-card{border-radius:26px;grid-template-columns:1fr;padding:16px}.board-wrap{min-height:auto;padding:12px 0}}@media (width<=480px){.shell{width:min(100% - 20px,1040px)}.stats{grid-template-columns:1fr}.actions button{width:100%}}