*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#16324f;background:radial-gradient(circle at 20% 10%,#fff6bd 0 18%,transparent 38%),linear-gradient(135deg,#7dd3fc,#c4b5fd 55%,#fbcfe8);overflow-x:hidden}.shell{width:min(980px,96vw);display:grid;grid-template-columns:minmax(300px,540px) minmax(220px,1fr);gap:22px;align-items:start}.game-card,.leaderboard{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(31,41,55,.22);backdrop-filter:blur(14px);border-radius:28px;padding:18px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:.9;color:#0f766e;text-shadow:0 3px #fff}p{color:#486278}button{border:0;border-radius:999px;background:linear-gradient(180deg,#fef08a,#f59e0b);color:#713f12;font-weight:900;padding:12px 18px;cursor:pointer;box-shadow:0 6px 0 #b45309,0 12px 24px rgba(180,83,9,.25);transition:.12s transform,.12s box-shadow}button:hover{transform:translateY(-1px)}button:active{transform:translateY(4px);box-shadow:0 2px 0 #b45309}button:disabled{filter:grayscale(1);opacity:.55;cursor:not-allowed}.canvas-wrap{position:relative;border-radius:22px;overflow:hidden;background:#7dd3fc}canvas{display:block;width:100%;height:auto;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:28px;background:linear-gradient(rgba(15,23,42,.15),rgba(15,23,42,.38));color:white;text-shadow:0 2px 8px rgba(0,0,0,.35)}.overlay.hidden{display:none}.overlay h2{font-size:clamp(2.5rem,8vw,4.8rem);color:#fff}.overlay p{max-width:330px;margin:12px auto 22px;color:#eef8ff;font-weight:700}.leaderboard h2{color:#7c3aed}.board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.board-head button{font-size:.8rem;padding:8px 12px;background:linear-gradient(180deg,#fecaca,#ef4444);color:#fff;box-shadow:0 4px 0 #991b1b}ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.72);font-weight:900}li.empty{justify-content:center;color:#64748b;font-weight:700}@media(max-width:760px){body{align-items:start;padding:10px 0}.shell{grid-template-columns:1fr}.topbar{align-items:flex-start}h1{font-size:2.25rem}.game-card,.leaderboard{padding:12px;border-radius:20px}}