:root{font-family:"DM Sans",sans-serif;color:#f4f9ff;background:#07111f}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:28px 18px;overflow-x:hidden;background:radial-gradient(circle at 50% 8%,#142c4b,transparent 34%),linear-gradient(145deg,#081322,#050a13 70%)}body:before{content:"";position:fixed;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(#9adfff 1px,transparent 1px);background-size:38px 38px}.game-shell{width:min(100%,720px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #acdfff24}.brand{display:flex;align-items:center;gap:10px;font:700 .88rem "Space Grotesk";letter-spacing:.15em;color:#c8e7ff}.brand-mark{color:#72ddff;font-size:1.5rem}.stats{display:flex;gap:10px}.stat{min-width:82px;padding:9px 14px 8px;border:1px solid #91d3f933;border-radius:9px;background:#0d2035bf;text-align:center}.stat span{display:block;color:#7895ae;font-size:.62rem;letter-spacing:.17em}.stat strong{display:block;margin-top:2px;color:#eaf7ff;font:700 1.25rem "Space Grotesk"}.intro{margin:52px 0 30px;text-align:center}.kicker,.tip{color:#65d7f8;font-size:.65rem;font-weight:700;letter-spacing:.2em}h1{margin:12px 0 10px;font:700 clamp(2.3rem,8vw,4.5rem)/.95 "Space Grotesk";letter-spacing:-.07em}h1 span{color:#7de2ff;text-shadow:0 0 28px #4ad4ff73}.intro p:last-child{margin:0;color:#91a8bb;font-size:.95rem}.board-wrap{position:relative;width:min(100%,560px);margin:auto;padding:26px;border:1px solid #72d2fa33;border-radius:24px;background:linear-gradient(145deg,#132e46bf,#051220e6);box-shadow:0 24px 60px #0006,inset 0 1px #b8edff1c}.board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hole{position:relative;aspect-ratio:1.3/1;overflow:hidden;padding:0;border:0;border-radius:50%;cursor:crosshair;background:radial-gradient(ellipse at center,#020910 0 37%,#102c43 40% 49%,#4eb8d9 50% 53%,#0b3049 55% 64%,#061321 66%);box-shadow:inset 0 8px 20px #000,0 0 0 1px #80deff4d,0 0 22px #26c1ee33;transform:perspective(500px) rotateX(48deg);transform-origin:center bottom;transition:.15s}.hole:hover{filter:brightness(1.3);transform:perspective(500px) rotateX(48deg) scale(1.025)}.portal-ring{position:absolute;inset:12%;border:1px solid #7ee5ff80;border-radius:50%;box-shadow:0 0 11px #5edfff,inset 0 0 11px #43b8dd;opacity:.65}.mole{position:absolute;left:50%;bottom:-12%;font-size:clamp(2.5rem,9vw,4.2rem);opacity:0;transform:translate(-50%,70%);transition:.2s;filter:drop-shadow(0 5px 5px #000)}.hole.active .mole{opacity:1;transform:translate(-50%,0)}.hole.hit{animation:hit .25s ease}@keyframes hit{50%{filter:brightness(2);transform:perspective(500px) rotateX(48deg) scale(.94)}}.board-glow{position:absolute;inset:30% 15%;background:#39c8f5;filter:blur(70px);opacity:.08}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px auto 0;width:min(100%,560px)}.game-footer p{margin:0;color:#91a8bb;font-size:.9rem}.start-button{padding:14px 20px;border:0;border-radius:7px;background:#7de2ff;color:#062034;font:700 .75rem "Space Grotesk";letter-spacing:.08em;cursor:pointer;box-shadow:0 0 20px #5cd8ff40}.start-button:hover{background:#b1efff;transform:translateY(-2px)}.start-button span{margin-left:12px;font-size:1.1rem}.tip{margin:32px 0 0;text-align:center;opacity:.65}@media(max-width:500px){.topbar{align-items:flex-start}.stats{gap:6px}.stat{min-width:68px;padding-inline:8px}.intro{margin-top:38px}.board-wrap{padding:15px}.board{gap:10px}.game-footer{align-items:stretch;flex-direction:column-reverse;text-align:center}.start-button{width:100%}}
:root{font-family:"DM Sans",sans-serif;color:#f4f9ff;background:#07111f}*{box-sizing:border-box}
.hole{transform:perspective(500px) rotateX(48deg)!important}.hole:hover{transform:perspective(500px) rotateX(48deg) scale(1.025)!important}
.portal-ring{background:conic-gradient(from 0deg,#57dcff,#2879dc,#c18cff,#56dfff,#194eac,#b77cff,#57dcff);border:2px solid #9deeff;animation:portal-spin 2.4s linear infinite;box-shadow:0 0 15px #5edfff,0 0 28px #9e6cff,inset 0 0 15px #51cfff!important}
@keyframes portal-spin{to{transform:rotate(360deg)}}
.hole{background:radial-gradient(ellipse at 50% 58%,#00030a 0 25%,#06121f 38%,transparent 52%),radial-gradient(ellipse at center,#36c9f0 0 42%,#174d76 50%,#071525 67%,#020812 76%)!important;box-shadow:inset 0 12px 25px #000, inset 0 -3px 8px #82e8ff80,0 0 0 2px #27516d,0 0 20px #36c9f052!important}
.portal-ring{inset:7%!important;border:3px solid #8beaff!important;opacity:.9!important;filter:drop-shadow(0 0 5px #5edfff) drop-shadow(0 0 12px #9e6cff)}
.portal-ring{background:radial-gradient(ellipse at 42% 38%,#b8f7ff 0 3%,transparent 13%),conic-gradient(from 25deg,#55e8ff,#2465e9 22%,#d18bff 40%,#4bceff 58%,#713de0 76%,#55e8ff);background-blend-mode:screen;animation:portal-spin 2.4s linear infinite,portal-breathe 1.8s ease-in-out infinite;box-shadow:0 0 10px #54e7ff,0 0 24px #875cff,inset 0 0 20px #82efff!important}
.hole{border:4px solid #65ddff!important;outline:2px solid #b980ff;outline-offset:4px;box-shadow:inset 0 12px 25px #000,inset 0 -3px 8px #82e8ff80,0 0 0 3px #173d62,0 0 0 6px #65ddff66,0 0 22px #36c9f080!important}
.portal-ring{border:4px solid #baf5ff!important;outline:2px solid #8b5cff;outline-offset:3px}
.portal-ring{background:radial-gradient(ellipse at 50% 56%,#01050d 0 28%,#071a2b 38%,transparent 56%),conic-gradient(from 25deg,#55e8ff,#2465e9 22%,#d18bff 40%,#4bceff 58%,#713de0 76%,#55e8ff)!important}
.portal-ring{animation:portal-spin .35s linear infinite,portal-breathe 1.8s ease-in-out infinite!important}
.portal-ring{background:#071526!important;border:6px dashed #62ddff!important;outline:3px dashed #b879ff;outline-offset:5px;box-shadow:inset 0 0 0 5px #123d62,inset 0 0 18px #5bdfff99,0 0 12px #61dcff,0 0 24px #a16bff!important}
.portal-ring{animation:portal-breathe 1.8s ease-in-out infinite!important}
.mole{font-size:clamp(2.8rem,10vw,4.5rem);filter:drop-shadow(0 0 5px #c4fff4) drop-shadow(0 0 12px #65dfff) drop-shadow(0 7px 5px #000)!important;text-shadow:0 0 10px #8dffdd}
.boss-hole{display:none;position:absolute;z-index:3;left:50%;top:50%;width:38%;aspect-ratio:1.25;border:5px solid #ff643d;border-radius:50%;background:radial-gradient(ellipse,#170407,#54131d 55%,#ff482c);transform:translate(-50%,-50%) perspective(500px) rotateX(48deg);box-shadow:0 0 0 5px #ffb12e,0 0 35px #ff3d28, inset 0 0 22px #000;cursor:crosshair}.boss-hole.active{display:block;animation:boss-pulse .5s ease-in-out infinite alternate}.boss-alien{font-size:clamp(3rem,12vw,6rem);filter:drop-shadow(0 0 10px #ffb12e)}.boss-hits{position:absolute;right:-12px;top:-12px;padding:5px 9px;border-radius:99px;background:#ffbd35;color:#48120a;font:700 1rem "Space Grotesk"}@keyframes boss-pulse{to{filter:brightness(1.35);box-shadow:0 0 0 7px #ffb12e,0 0 50px #ff3d28,inset 0 0 22px #000}}
.boss-hole::before,.boss-hole::after{content:"🦾";position:absolute;top:34%;font-size:clamp(1.5rem,6vw,3rem);filter:drop-shadow(0 0 5px #ff9b45);z-index:4}.boss-hole::before{left:-38%;transform:rotate(-25deg)}.boss-hole::after{right:-38%;transform:scaleX(-1) rotate(-25deg)}
.boss-glasses{position:absolute;z-index:5;top:39%;left:50%;font-size:clamp(1.6rem,6vw,3rem);transform:translateX(-50%) rotate(-4deg);filter:drop-shadow(0 0 5px #ffbd35)}
.game-actions{display:flex;gap:10px;align-items:center}.game-actions select{padding:13px 12px;border:1px solid #65ddff66;border-radius:7px;background:#0d263d;color:#bff3ff;font:700 .7rem "Space Grotesk";letter-spacing:.05em;cursor:pointer}.game-actions select:focus{outline:2px solid #7de2ff}@media(max-width:500px){.game-actions{flex-direction:column}.game-actions select,.game-actions .start-button{width:100%}}
.combo-banner{position:fixed;z-index:10;top:46%;left:-120%;width:140%;padding:15px 0;text-align:center;background:linear-gradient(90deg,#ff6a19,#ffbd35 48%,#ff5a17);color:#fff4b0;font:700 clamp(2rem,8vw,4.5rem) "Space Grotesk";letter-spacing:.08em;text-shadow:0 4px #a52a0c,0 0 18px #fff06b;box-shadow:0 0 25px #ff6a19;transform:rotate(-6deg);pointer-events:none;opacity:1}.combo-banner.show{animation:combo-slide .9s linear forwards}@keyframes combo-slide{0%{left:-120%;opacity:1}100%{left:120%;opacity:1}}
.combo-banner{width:95%;left:-105%;padding:13px 0;font-size:clamp(1.7rem,6vw,3.4rem);border:3px solid #ffd45c;border-left:0;border-right:0;border-radius:14px;background:linear-gradient(90deg,#b51f08,#ff4b0b 18%,#ffc12e 50%,#ff4b0b 82%,#b51f08)!important;box-shadow:0 0 22px #ff6a19,0 0 48px #ff9f2f;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.combo-banner.show{animation:combo-slide 1.4s linear forwards,fire-flicker .16s ease-in-out infinite alternate}@keyframes combo-slide{0%{left:-105%}100%{left:110%}}@keyframes fire-flicker{from{filter:brightness(1)}to{filter:brightness(1.3) saturate(1.35)}}
.combo-banner{width:120%;left:-125%}.combo-banner.show{animation:combo-slide 2s cubic-bezier(.25,.1,.25,1) forwards,fire-flicker .16s ease-in-out infinite alternate}@keyframes combo-slide{0%{left:-125%}25%{left:-65%}45%{left:-25%}55%{left:-8%}65%{left:12%}80%{left:55%}100%{left:120%}}
.combo-banner.show{animation:combo-amazing 2.4s cubic-bezier(.16,1,.3,1) forwards,fire-flicker .16s ease-in-out infinite alternate}@keyframes combo-amazing{0%{left:-125%;transform:rotate(-6deg) scale(.9)}32%{left:-42%;transform:rotate(-6deg) scale(1)}50%{left:-8%;transform:rotate(-6deg) scale(1.07);box-shadow:0 0 35px #ff6a19,0 0 80px #ffc12e}66%{left:22%;transform:rotate(-6deg) scale(1)}100%{left:120%;transform:rotate(-6deg) scale(.96)}}
.combo-banner.show{animation:combo-exact 1.8s linear forwards,fire-flicker .16s ease-in-out infinite alternate}@keyframes combo-exact{0%{left:-125%;transform:rotate(-6deg)}25%{left:-55%;transform:rotate(-6deg)}45%{left:-16%;transform:rotate(-6deg)}60%{left:0%;transform:rotate(-6deg)}75%{left:48%;transform:rotate(-6deg)}100%{left:120%;transform:rotate(-6deg)}}
.combo-banner{width:160%;left:-165%}.combo-banner.show{animation:combo-long-fast 1.35s linear forwards,fire-flicker .16s ease-in-out infinite alternate}@keyframes combo-long-fast{0%{left:-165%;transform:rotate(-6deg)}24%{left:-72%;transform:rotate(-6deg)}45%{left:-18%;transform:rotate(-6deg)}60%{left:0%;transform:rotate(-6deg)}74%{left:58%;transform:rotate(-6deg)}100%{left:150%;transform:rotate(-6deg)}}
.combo-banner{width:320%;left:-325%}.combo-banner.show{animation:combo-double-fast .9s linear forwards,fire-flicker .16s ease-in-out infinite alternate}@keyframes combo-double-fast{0%{left:-325%;transform:rotate(-6deg)}24%{left:-135%;transform:rotate(-6deg)}45%{left:-30%;transform:rotate(-6deg)}60%{left:0%;transform:rotate(-6deg)}74%{left:110%;transform:rotate(-6deg)}100%{left:300%;transform:rotate(-6deg)}}
.alien{position:absolute;left:50%;bottom:4%;width:62%;aspect-ratio:1/1.08;transform:translateX(-50%);border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#b7ffcf,#39c987 65%,#16775d);box-shadow:inset -7px -8px 0 #146c5799,0 0 12px #6dffc5;}
.alien:after{content:"";position:absolute;left:12%;right:12%;bottom:-21%;height:32%;border-radius:50% 50% 30% 30%;background:#22a477;box-shadow:inset 0 -5px #11654f}
.antenna{position:absolute;top:-25%;width:4px;height:28%;background:#5effb6;z-index:2}.antenna:after{content:"";position:absolute;top:-7px;left:-3px;width:10px;height:10px;border-radius:50%;background:#d2ffe4;box-shadow:0 0 8px #8effc6}.antenna.left{left:29%;transform:rotate(-22deg)}.antenna.right{right:29%;transform:rotate(22deg)}
.eye{position:absolute;z-index:2;top:31%;width:19%;height:25%;border-radius:55% 55% 50% 50%;background:#15233a;box-shadow:inset 2px 2px #6dfff0,0 0 5px #9cfff0}.eye.left{left:24%;transform:rotate(18deg)}.eye.right{right:24%;transform:rotate(-18deg)}
.mouth{position:absolute;z-index:2;left:38%;bottom:23%;width:24%;height:7%;border-bottom:3px solid #155d55;border-radius:50%}
@keyframes portal-breathe{50%{transform:scale(1.06);filter:brightness(1.35) drop-shadow(0 0 8px #5edfff) drop-shadow(0 0 18px #9e6cff)}}
.final-screen{position:fixed;z-index:5;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:28px;background:#050d18eF;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:scale(.96);transition:.25s}.final-screen.visible{opacity:1;pointer-events:auto;transform:scale(1)}.final-screen h2{margin:0;color:#7de2ff;font:700 clamp(2.5rem,10vw,5rem) "Space Grotesk";letter-spacing:-.07em}.final-label{margin:18px 0 0;color:#91a8bb;font-size:.7rem;letter-spacing:.2em}.final-score{color:#fff;font:700 clamp(4rem,18vw,8rem) "Space Grotesk";line-height:1;text-shadow:0 0 28px #5edfff99}.play-again{margin-top:18px}