:root{--leaf:#8fe36a;--leaf-deep:#4f9a44;--neon:#ff5fa2;--cop:#3f7bff;--amber:#ffb43a;--cream:#f7f2e2;--dim:#c9bce0;--red:#ff3b3b;--font:"Trebuchet MS",system-ui,"Segoe UI",sans-serif;}
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html,body{margin:0;background:#08080e;height:100%;}
  #wrap{position:relative;width:min(99vw,calc(96vh*1.5));margin:6px auto;aspect-ratio:3/2;border-radius:14px;overflow:hidden;font-family:var(--font);color:var(--cream);user-select:none;touch-action:none;box-shadow:0 20px 60px -24px #000,0 0 0 1px #ffffff12;}
  canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
  #hud{position:absolute;inset:12px auto auto 14px;z-index:5;display:flex;gap:9px;flex-wrap:wrap;align-items:center;pointer-events:none;font-weight:bold;text-shadow:0 2px 5px #000c;}
  .pill{display:flex;align-items:center;gap:6px;font-size:clamp(14px,1.7vw,18px);background:#12121ccc;padding:6px 13px;border-radius:999px;border:1px solid #ffffff22;}
  .pill b{color:var(--leaf);font-size:1.08em;min-width:1ch;} #cats b{color:var(--amber);} #mult{color:var(--neon);}
  #vibe{letter-spacing:2px;font-size:clamp(15px,2vw,22px);}
  #score{position:absolute;top:11px;left:50%;transform:translateX(-50%);z-index:5;font-size:clamp(22px,3vw,34px);font-weight:900;letter-spacing:1px;text-shadow:0 2px 6px #000,0 0 18px #ff5fa244;pointer-events:none;}
  .ctrls{position:absolute;bottom:12px;right:14px;z-index:6;display:flex;gap:8px;}
  .ctrls button{background:#12121ccc;border:1px solid #ffffff22;color:var(--cream);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:16px;}
  .screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:26px;background:radial-gradient(120% 90% at 50% 30%,#241a3ad8,#08080ef4);}
  .hidden{display:none;}

  .game-icon{position:relative;width:clamp(68px,10vw,112px);height:clamp(68px,10vw,112px);margin:-4px 0 -8px;padding:9px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff22,#00000022);border:2px solid #ffffff2c;box-shadow:0 10px 24px -10px #000,0 0 34px #8fe36a33,0 0 0 6px #12121c88;overflow:hidden;}
  .game-icon:before{content:"";position:absolute;inset:-28%;background:radial-gradient(circle at 35% 25%,#8fe36a55,#ff5fa233 45%,#0000 72%);animation:iconPulse 2.8s ease-in-out infinite;pointer-events:none;}
  .game-icon img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 9px #000b);}
  .game-icon.missing-icon img{display:none;}
  .game-icon.missing-icon:after{content:"🐱";position:relative;z-index:1;font-size:clamp(42px,7vw,76px);filter:drop-shadow(0 4px 9px #000b);}
  @keyframes iconPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.18);opacity:1}}
  .logo{line-height:.9;margin:0;}
  .logo span{display:block;font-size:clamp(40px,8vw,80px);font-weight:900;letter-spacing:2px;}
  .logo .a{color:var(--leaf);text-shadow:3px 3px 0 var(--leaf-deep),0 0 30px #8fe36a55,6px 6px 0 #0007;}
  .logo .amp{color:var(--amber);font-size:clamp(28px,5vw,50px);text-shadow:2px 2px 0 #b06a10,6px 6px 0 #0007;}
  .logo .b{color:var(--neon);text-shadow:3px 3px 0 #b0296a,0 0 30px #ff5fa255,6px 6px 0 #0007;}
  .tag{color:var(--dim);font-size:clamp(14px,2vw,17px);max-width:52ch;margin:-2px 0 2px;font-style:italic;}
  .how{color:var(--cream);font-size:clamp(13px,1.9vw,16px);line-height:1.8;max-width:48ch;opacity:.95;}
  .how kbd{background:#ffffff1e;border:1px solid #ffffff44;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:var(--font);font-weight:bold;font-size:.92em;color:var(--leaf);}
  .btn{margin-top:6px;cursor:pointer;border:none;font-family:var(--font);font-weight:900;letter-spacing:1px;font-size:clamp(18px,2.6vw,24px);color:#12121c;padding:15px 46px;border-radius:14px;background:linear-gradient(180deg,#aef083,#7bd15f);box-shadow:0 6px 0 #47893a,0 12px 24px -6px #8fe36a66;transition:transform .08s,box-shadow .08s;}
  .btn:active{transform:translateY(4px);box-shadow:0 2px 0 #47893a;}
  .btn.retry{background:linear-gradient(180deg,#ff8dbe,#ff5fa2);box-shadow:0 6px 0 #a02766,0 12px 24px -6px #ff5fa266;}
  #busted{font-size:clamp(46px,10vw,96px);font-weight:900;color:var(--red);letter-spacing:2px;text-shadow:4px 4px 0 #7a0c0c,0 0 40px #ff3b3b66;margin:0;}
  .stats{display:flex;gap:30px;font-size:clamp(15px,2.4vw,20px);} .stats div{display:flex;flex-direction:column;gap:2px;} .stats span{font-size:1.9em;font-weight:900;color:var(--leaf);}
  .best{color:var(--amber);font-size:clamp(14px,2vw,17px);font-weight:bold;}
  .credit{position:absolute;bottom:14px;color:#ffffff55;font-size:12px;letter-spacing:1px;}
  .spent{opacity:.25;filter:grayscale(1);}
  #joy{position:absolute;bottom:12px;left:14px;z-index:7;width:94px;height:94px;border-radius:50%;background:#12121c99;border:1px solid #ffffff22;display:none;touch-action:none;}
  #stick{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#f7f2e2cc;box-shadow:0 2px 8px #0009;}
  #catBtn{position:absolute;bottom:118px;left:33px;z-index:7;width:56px;height:56px;border-radius:50%;border:1px solid #ffffff33;background:#ffb43add;color:#12121c;font-size:28px;font-weight:900;display:none;box-shadow:0 5px 0 #9c6215;}
  #smokeBtn{position:absolute;bottom:184px;left:33px;z-index:7;width:56px;height:56px;border-radius:50%;border:1px solid #ffffff33;background:#ff5fa2dd;color:#12121c;font-size:28px;font-weight:900;display:none;box-shadow:0 5px 0 #9c2360;}
  #catBtn:active,#smokeBtn:active{transform:translateY(3px);box-shadow:0 2px 0 #9c6215;}
  #smokeBtn:active{box-shadow:0 2px 0 #9c2360;}
  @media (pointer:coarse){#joy,#catBtn,#smokeBtn{display:block}.ctrls{bottom:78px}}
  :focus-visible{outline:2px solid var(--leaf);outline-offset:3px;}

  .credit a{color:var(--leaf);font-weight:900;text-decoration:none;border-bottom:1px solid #8fe36a66;}
  .credit a:hover{color:#c7ffb0;border-bottom-color:#c7ffb0;}