@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Nunito:wght@800;900&display=swap');
:root{--pink:#e9488e;--purple:#5d38b7;--yellow:#ffe34c;--ink:#2a2851}*{box-sizing:border-box}button{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
body{min-height:100vh;margin:0;display:grid;place-items:center;overflow-x:hidden;font-family:Nunito,Arial,sans-serif;color:white;background:radial-gradient(circle at 50% 20%,#764eda,#2b215f 65%,#17143b)}
body:before{content:'✦  ·   🪙   ·  ✧      🐾   ·  ✦';position:fixed;inset:5% 0 auto;font-size:42px;word-spacing:80px;color:#fff5;pointer-events:none}
.home-link{position:fixed;z-index:20;top:14px;left:18px;padding:9px 14px;color:white;background:#46287f;border:3px solid white;border-radius:12px;text-decoration:none;font-size:13px;box-shadow:0 4px #21123f}
.machine{position:relative;width:min(1000px,96vw);min-height:730px;padding:14px 30px 24px;border:8px solid #f8b5de;border-radius:35px;background:linear-gradient(#993f9c,#4c2d87);box-shadow:0 16px #291550,0 28px 60px #0d092899}
header{text-align:center}h1,h2{margin:0;font-family:'Baloo 2';line-height:1}h1{font-size:clamp(28px,5vw,50px);color:var(--yellow);text-shadow:3px 4px #572164}header p{margin:2px;color:#f7dffa}
.scoreboard{width:min(760px,94%);margin:9px auto;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px;align-items:center;text-align:center}.scoreboard>div{padding:7px;border:3px solid #fff8;border-radius:14px;background:#25184c;font-size:12px;letter-spacing:1px}.scoreboard strong{display:block;color:var(--yellow);font-size:26px}.scoreboard .message{color:#fff28c;font-size:14px}
.canvas-wrap{position:relative;width:min(850px,100%);margin:auto;overflow:hidden;border:8px solid #ffc3e5;border-radius:26px;background:#241843;box-shadow:inset 0 0 25px #0008,0 10px #301956}.canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.glass-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff3 0 8%,transparent 9% 73%,#fff1 74% 79%,transparent 80%)}
.controls{text-align:center;margin-top:10px}.drop-guide{display:inline-flex;align-items:center;gap:7px;margin-right:15px;color:#e8d9ff}.drop-guide span{font-size:29px}.drop-guide small{max-width:90px;text-align:left}.controls button,.game-over button{padding:12px 30px;border:5px solid white;border-radius:17px;color:#6a3923;background:linear-gradient(#ffef5c,#f5a82c);font:900 21px Nunito;box-shadow:0 7px #a44f27;cursor:pointer}.controls button:active,.game-over button:active{transform:translateY(5px);box-shadow:0 2px #a44f27}.controls button:disabled{filter:grayscale(1);cursor:not-allowed}
.game-over{position:absolute;z-index:15;inset:150px 20% auto;padding:28px;text-align:center;border:7px solid white;border-radius:27px;background:linear-gradient(#ec4e9a,#713bc5);box-shadow:0 20px 60px #140b37bb}.game-over>div{font-size:95px}.game-over h2{font-size:43px}.game-over p{font-size:20px}.game-over strong{color:var(--yellow);font-size:30px}
.start-screen{background:linear-gradient(#7546d4,#e34b9a)}.start-screen>div{font-size:72px}
@media(max-width:620px){.machine{min-height:100vh;padding:55px 8px 15px;border:0;border-radius:0}.scoreboard{gap:4px}.scoreboard>div{padding:5px;font-size:10px}.scoreboard strong{font-size:21px}.scoreboard .message{font-size:10px}.drop-guide{display:none}.controls button{width:80%}.game-over{inset:145px 7% auto}.game-over>div{font-size:70px}}