/* Star Kids shared look (2026-11-06). Games add their own theme on top; keep these class names. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&display=swap');
:root{--ink:#1e1b4b;--c:#7c3aed;--card:#fff;--shadow:0 6px 0 rgba(30,27,75,.18);--r:26px;
  --ok:#22c55e;--bad:#f43f5e;--sun:#facc15;font-family:'Baloo 2',system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;overscroll-behavior:none}
body{font-family:'Baloo 2',system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.emo{display:inline-block;vertical-align:middle;pointer-events:none}
/* chunky 3D button */
.kbtn{background:var(--card);border-radius:var(--r);box-shadow:0 7px 0 rgba(0,0,0,.16),0 10px 24px rgba(0,0,0,.08);
  transition:transform .12s cubic-bezier(.3,1.6,.6,1),box-shadow .12s;padding:14px 20px;font-weight:800;font-size:22px}
.kbtn:active,.kbtn.press{transform:translateY(6px) scale(.97);box-shadow:0 1px 0 rgba(0,0,0,.16)}
.kbtn.ok{background:#bbf7d0;animation:kit-ok .5s}.kbtn.no{background:#fecdd3;animation:kit-shake .4s}
@keyframes kit-ok{40%{transform:scale(1.12)}}
@keyframes kit-shake{20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
/* top bar */
.kit-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}
.kit-btn{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 5px 0 rgba(0,0,0,.14);display:grid;place-items:center;flex:none}
.kit-btn:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.14)}
.kit-title{flex:1;font-weight:800;font-size:22px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18)}
.kit-stars{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.95);border-radius:30px;padding:6px 16px 6px 8px;box-shadow:0 5px 0 rgba(0,0,0,.14);font-weight:800;font-size:24px;min-width:96px}
.kit-stars.bump{animation:kit-bump .5s}@keyframes kit-bump{40%{transform:scale(1.25)}}
.kit-fly{position:fixed;z-index:90;transition:transform .75s cubic-bezier(.5,-.3,.7,1),opacity .75s;pointer-events:none}
/* confetti + cheer */
.kit-confetti{position:fixed;inset:0;pointer-events:none;z-index:95;overflow:hidden}
.kit-confetti i{position:absolute;top:-20px;width:12px;height:16px;animation:kit-fall linear forwards}
@keyframes kit-fall{to{top:110vh;transform:rotate(720deg) translateX(40px)}}
.kit-cheer{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(.3);z-index:96;background:#fff;border-radius:34px;padding:20px 34px;
  box-shadow:0 10px 0 rgba(0,0,0,.15),0 30px 60px rgba(0,0,0,.2);display:flex;align-items:center;gap:14px;font-size:38px;font-weight:800;
  animation:kit-pop .45s cubic-bezier(.3,1.7,.5,1) forwards;pointer-events:none;white-space:nowrap}
.kit-cheer.out{animation:kit-popout .4s forwards}
@keyframes kit-pop{to{transform:translate(-50%,-50%) scale(1)}}@keyframes kit-popout{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(0);opacity:0}}
/* start splash */
.kit-start{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff7,transparent 60%),var(--c);transition:opacity .45s,transform .45s}
.kit-start.out{opacity:0;transform:scale(1.15)}
.kit-start-in{text-align:center;color:#fff}.kit-start h1{font-size:44px;margin:6px 0 22px;text-shadow:0 4px 0 rgba(0,0,0,.18)}
.kit-play{width:132px;height:132px;border-radius:50%;background:#fff;box-shadow:0 10px 0 rgba(0,0,0,.2);animation:kit-pulse 1.4s infinite;display:grid;place-items:center}
@keyframes kit-pulse{50%{transform:scale(1.08)}}
.kit-bob{animation:kit-bob 2.2s ease-in-out infinite}@keyframes kit-bob{50%{transform:translateY(-14px) rotate(-3deg)}}
/* rest screen */
.kit-lock{position:fixed;inset:0;z-index:200;display:grid;place-items:center;text-align:center;background:linear-gradient(#1e1b4b,#4338ca);color:#fff;padding:24px}
.kit-lock h1{font-size:40px;margin:10px 0 4px}.kit-lock p{font-size:26px;margin:0 0 20px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}