:root{--yellow:#fbd754;--yellow-soft:#fff7d6;--panel:#16161d;--panel2:#1e1e28;--border:#262633;--text:#f4f3ef;--muted:#9a9aa8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{color:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#0b0b10;background-image:radial-gradient(600px 400px at 50% -5%,#fbd75429,#0000 70%),radial-gradient(500px 400px at 110% 110%,#619dd01a,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:Fredoka,"Baloo 2",system-ui,-apple-system,Segoe UI,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;max-width:440px;min-height:100%;margin:0 auto;padding:16px;display:flex}.home{flex:1}.home-head{text-align:center;padding:20px 0 6px}.logo{letter-spacing:1px;margin:0;font-size:42px;font-weight:700}.logo span{color:var(--yellow)}.tagline{color:var(--muted);margin:6px 0 14px;font-size:16px}.stats-pill{color:var(--yellow);background:#fbd7541f;border:1px solid #fbd75459;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:600;display:inline-block}.mode-tabs{gap:8px;padding:10px 0 2px;display:flex}.mode-tab{background:var(--panel);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:16px;flex:1;padding:12px 8px;font-size:15px;font-weight:600;transition:transform 80ms}.mode-tab:active{transform:scale(.96)}.mode-tab.active{background:var(--yellow);color:#0b0b10;border-color:var(--yellow)}.cats{scrollbar-width:none;gap:8px;padding:14px 2px 12px;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:15px;font-weight:600}.chip.active{background:var(--yellow);color:#0b0b10;border-color:var(--yellow)}.grid{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:20px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 14px;transition:transform 80ms;display:flex}.card:active{transform:scale(.96)}.card.done{border-color:#fbd75466}.card-emoji{font-size:44px;line-height:1.2}.card-name{font-size:16px;font-weight:600}.card-stars{color:#3a3a46;letter-spacing:2px;font-size:14px}.card-stars span.on{color:var(--yellow)}.play{flex-direction:column;flex:1;gap:10px;padding-top:6px;display:flex}.play-head{justify-content:space-between;align-items:center;display:flex}.icon-btn{background:var(--panel);border:1px solid var(--border);width:46px;height:46px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;font-size:26px;display:flex}.play-title{font-size:20px;font-weight:600}.play-hint{text-align:center;color:var(--muted);margin:2px 0 4px;font-size:15px}.canvas-wrap{background:var(--panel);border:1px solid var(--border);border-radius:26px;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex}.game-canvas{touch-action:none;background:#0f0f16;border-radius:18px;width:100%;max-width:340px;height:auto;box-shadow:inset 0 0 40px #00000080}.hint-btn{background:var(--panel2);border:1px solid var(--border);color:var(--yellow);border-radius:999px;align-self:center;margin-bottom:8px;padding:12px 26px;font-size:16px;font-weight:600;transition:transform 80ms}.hint-btn:active{transform:scale(.95)}.win{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 0;display:flex;position:relative}.win-emoji{font-size:88px;animation:.5s cubic-bezier(.2,1.6,.4,1) bounceIn}.win-title{color:var(--yellow);margin:6px 0 0;font-size:34px;font-weight:700}.win-name{color:var(--text);margin:2px 0 10px;font-size:17px}.win-stars{gap:10px;margin:10px 0 22px;display:flex}.wstar{color:#3a3a46;font-size:52px;transform:scale(0)}.wstar.on{color:var(--yellow);animation:.5s cubic-bezier(.2,1.6,.4,1) forwards starPop}.win-actions{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.btn{border-radius:18px;padding:15px;font-size:18px;font-weight:600;transition:transform 80ms}.btn:active{transform:scale(.96)}.btn.primary{background:var(--yellow);color:#0b0b10;box-shadow:0 6px 24px #fbd75459}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.conf{opacity:0;animation:3s linear forwards confFall;position:absolute;top:-30px}@keyframes confFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(560px)rotate(360deg)}}@keyframes starPop{0%{transform:scale(0)rotate(-25deg)}60%{transform:scale(1.35)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}