html,body,#root{color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#08001a;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.game-root{position:fixed;inset:0;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;text-shadow:0 0 12px #ff00c8cc;z-index:2;justify-content:space-between;padding:0 24px;font-weight:600;display:flex;position:absolute;top:16px;left:0;right:0}.hud .score{font-size:28px}.hud .score .best{opacity:.75;text-shadow:none;color:#ffe14a;margin-left:10px;font-size:16px}.hud .combo{color:#ffe14a;text-shadow:0 0 12px #ffe14ae6;font-size:22px}.pause-button{z-index:10;color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#aa3cff40;border:1px solid #ff4ad680;border-radius:50%;width:48px;height:48px;font-size:16px;font-weight:700;transition:background .15s,transform .15s;position:absolute;top:14px;right:14px;box-shadow:0 0 18px #ff4ad666}.pause-button:hover{background:#ff4ad673;transform:scale(1.05)}.pause-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:8;text-align:center;background:#08001ac7;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.pause-overlay h2{background:linear-gradient(90deg,#ff4ad6,#ffe14a,#4af0ff);color:#0000;text-shadow:0 0 40px #ff64dc4d;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(36px,7vw,64px)}.pause-stats{opacity:.9;gap:28px;margin:8px 0 20px;font-size:20px;display:flex}.pause-stats b{color:#ffe14a;font-weight:700}.leaderboard{background:#ffffff0d;border:1px solid #ff4ad64d;border-radius:18px;min-width:280px;max-width:92vw;padding:14px 22px 18px}.leaderboard h3{color:#ffe14a;letter-spacing:.5px;margin:4px 0 10px;font-size:18px}.leaderboard ol{margin:0;padding:0;list-style:none}.leaderboard li{border-bottom:1px dashed #ffffff1a;justify-content:space-between;gap:16px;font-size:18px;line-height:1.7;display:flex}.leaderboard li:last-child{border-bottom:none}.leaderboard .lb-name{color:#fff}.leaderboard .lb-score{color:#ff4ad6;font-weight:700}.leaderboard .empty{opacity:.6;margin:6px 0;font-style:italic}.save-row{align-items:center;gap:8px;margin-top:16px;display:flex}.save-row input{font:inherit;color:#fff;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;outline:none;width:180px;padding:10px 14px}.save-row input:focus{border-color:#ff4ad6}.save-row button{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff4ad6,#b14aff);border:none;border-radius:999px;padding:10px 22px;font-weight:700;box-shadow:0 0 18px #ff4ad680}.pause-overlay .resume-btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff4ad6,#b14aff);border:none;border-radius:999px;margin-top:22px;padding:12px 34px;font-size:22px;font-weight:700;box-shadow:0 0 24px #ff4ad699}.message{letter-spacing:.5px;text-align:center;pointer-events:none;z-index:3;white-space:nowrap;text-shadow:0 0 18px,0 0 36px;font-size:clamp(28px,6vw,56px);font-weight:800;animation:1.6s ease-out forwards pop;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}60%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-90%)scale(.95)}}.start-overlay{text-align:center;z-index:4;cursor:pointer;background:radial-gradient(circle at 50% 40%,#aa3cff59,#08001ad9 70%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.start-overlay h1{background:linear-gradient(90deg,#ff4ad6,#ffe14a,#4af0ff,#b14aff) 0 0/300% 100%;color:#0000;text-shadow:0 0 40px #ff64dc66;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(40px,9vw,96px);animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:0 0}to{background-position:300% 0}}.start-overlay p{opacity:.92;max-width:520px;margin:8px 0;font-size:clamp(16px,2.4vw,22px);line-height:1.45}.start-overlay .cta{background:linear-gradient(90deg,#ff4ad6,#b14aff);border-radius:999px;margin-top:24px;padding:14px 32px;font-size:clamp(20px,3vw,28px);font-weight:700;animation:1.6s ease-in-out infinite bob;box-shadow:0 0 30px #ff4ad6b3}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.raccoon{pointer-events:none;z-index:5;filter:drop-shadow(0 0 18px #ffc85099);font-size:clamp(64px,10vw,110px);position:absolute}.raccoon-emoji{animation:.5s ease-in-out infinite raccoon-wiggle;display:inline-block}@keyframes raccoon-wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.raccoon-0{animation:4.2s ease-in-out forwards raccoon-peek-bl;bottom:-120px;left:8%}@keyframes raccoon-peek-bl{0%{transform:translateY(0)}18%{transform:translateY(-150px)}82%{transform:translateY(-150px)}to{transform:translateY(0)}}.raccoon-1{animation:4.2s linear forwards raccoon-scoot;top:5%;left:-150px}@keyframes raccoon-scoot{0%{left:-150px}to{left:calc(100% + 150px)}}.raccoon-2{animation:4.2s ease-in-out forwards raccoon-peek-tr;top:-120px;right:12%}@keyframes raccoon-peek-tr{0%{transform:translateY(0)rotate(180deg)}18%{transform:translateY(150px)rotate(180deg)}82%{transform:translateY(150px)rotate(180deg)}to{transform:translateY(0)rotate(180deg)}}.raccoon-3{animation:4.2s ease-out forwards raccoon-hop;bottom:18%;left:50%;transform:translate(-50%)}@keyframes raccoon-hop{0%{opacity:0;transform:translate(-50%,200px)scale(.4)}20%{opacity:1;transform:translate(-50%,-40px)scale(1.1)}35%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%,-30px)scale(1.05)}65%{transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,200px)scale(.6)}}