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 .combo{color:#ffe14a;text-shadow:0 0 12px #ffe14ae6;font-size:22px}.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)}}