@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'Space Grotesk',sans-serif;color:#f3f4ec;background:#141811;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1520px;margin:auto;padding:26px 42px 18px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:20px;font-weight:700;line-height:1.05;letter-spacing:-.5px}.logo{display:grid;place-items:center;background:#c9fa55;color:#171d11;width:42px;height:44px;border-radius:9px;font:900 36px 'Barlow Condensed',sans-serif;transform:rotate(-6deg)}.brand-sub{display:block;font-size:12px;letter-spacing:3.1px;margin-top:5px}.edition{color:#a4ab9a;font-size:12px;letter-spacing:1.5px}.edition span{border:1px solid #46513c;padding:5px 8px;margin-left:14px;border-radius:4px}button{font:600 14px 'Space Grotesk',sans-serif;cursor:pointer;border:1px solid #4f5946;background:transparent;color:#f3f4ec;border-radius:8px;padding:12px 18px}button:hover{background:#313c25}button:focus-visible,a:focus-visible,#arena:focus-visible,#buddy:focus-visible{outline:3px solid #c9fa55;outline-offset:5px}.reset{font-size:21px;display:flex;align-items:center;gap:10px}.reset span{font-size:14px}.game-shell{border:1px solid #414b37;background:#20271b;border-radius:18px;overflow:hidden}.topline{padding:26px 32px 24px;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#c9fa55;font-weight:700;font-size:12px;letter-spacing:2.4px}h1{font:800 clamp(40px,4.3vw,64px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.5px;text-transform:uppercase;margin:6px 0 0}h1 em{font-style:normal;color:#c9fa55}.score{display:flex;align-items:center;gap:20px}.score span{font-size:12px;letter-spacing:1.5px;color:#a4b093;width:65px;line-height:1.6}.score strong{font:700 58px/1 'Barlow Condensed',sans-serif;color:#c9fa55;font-variant-numeric:tabular-nums}#arena{height:clamp(380px,61vh,700px);position:relative;overflow:hidden;background-color:#d1dac5;background-image:radial-gradient(#88977b 1px,transparent 1px);background-size:24px 24px;touch-action:none;outline-offset:-5px}#arena:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:24px;border-top:2px solid #8b9b79;background:repeating-linear-gradient(135deg,#bcc9af 0px,#bcc9af 12px,#a9b99b 12px,#a9b99b 14px);pointer-events:none}.arena-tag{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:1.4px;color:#5a684a}.dot{width:7px;height:7px;border-radius:100%;background:#697955}.hint{position:absolute;top:40%;left:calc(50% + 135px);color:#596a48;display:flex;gap:12px;transform:rotate(-7deg);font-size:16px;line-height:1.6;pointer-events:none;transition:opacity .3s}.hand{font-size:35px}.hint strong{font-weight:500}.floor-mark{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#849774;font:700 clamp(30px,5vw,70px) 'Barlow Condensed',sans-serif;letter-spacing:3px;opacity:.2;pointer-events:none}#buddy{position:absolute;width:180px;height:280px;top:0;left:0;transform-origin:50% 50%;cursor:grab;touch-action:none;user-select:none;z-index:3;will-change:transform}#buddy.grabbed{cursor:grabbing}#buddy img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(3px 6px 2px #42503124)}#shadow{position:absolute;bottom:25px;left:0;width:120px;height:16px;background:#445535;opacity:.22;border-radius:50%;filter:blur(5px);pointer-events:none}.corner{position:absolute;width:14px;height:14px;border-color:#788d66;border-style:solid;pointer-events:none}.tl{left:12px;top:12px;border-width:2px 0 0 2px}.tr{right:12px;top:12px;border-width:2px 2px 0 0}.bl{left:12px;bottom:34px;border-width:0 0 2px 2px}.br{right:12px;bottom:34px;border-width:0 2px 2px 0}.controls{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.instruction{display:flex;align-items:center;gap:10px;font-size:14px;color:#b5bfa9}.instruction strong{color:#f3f4ec;font-weight:500}.mouse-icon{font-size:24px;color:#c9fa55}.keyboard{font-size:11px;letter-spacing:1.3px;color:#89997a}.controls button{padding:8px 12px;border-color:#46523c;font-size:16px}.controls button span{font-size:14px}.page-foot{display:flex;justify-content:space-between;padding:17px 4px;color:#7e8c70;font-size:11px;letter-spacing:1.4px}.page-foot span:last-child{letter-spacing:0;font-size:12px}.mobile{display:none}.bonk{position:absolute;font:900 40px 'Barlow Condensed',sans-serif;color:#27391b;-webkit-text-stroke:1px #c9fa55;animation:pop .6s ease-out forwards;z-index:4;pointer-events:none}.spark{position:absolute;width:7px;height:7px;background:#a5d73e;border-radius:2px;animation:spark .5s ease-out forwards;pointer-events:none;z-index:4}@keyframes pop{0%{opacity:1;transform:scale(.6) rotate(-10deg)}40%{transform:scale(1.15) translateY(-10px) rotate(5deg)}100%{opacity:0;transform:scale(.9) translateY(-40px)}}@keyframes spark{to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(120deg)}}@media(max-width:700px){main{padding:18px 14px}.edition,.keyboard,.desktop{display:none}.mobile{display:inline}header{padding-bottom:20px}.brand{font-size:17px}.brand-sub{font-size:10px}.logo{width:36px;height:38px}.reset{padding:9px 10px}.topline{padding:20px}.score{gap:8px}.score strong{font-size:44px}.score span{font-size:10px;width:48px}.controls{padding:14px;gap:8px}.instruction{font-size:12px;gap:6px}.controls button{padding:8px}.controls button span{font-size:12px}.hint{left:calc(50% + 85px);top:22%;font-size:12px;gap:4px}.hand{font-size:22px}#arena{height:60vh;min-height:360px}.page-foot{gap:15px;font-size:9px;letter-spacing:.7px}.page-foot span:last-child{font-size:10px;text-align:right}}
/* Keep the square transparent source at its natural proportions. */
#buddy img{position:absolute;height:100%;width:auto;max-width:none;left:50%;transform:translateX(-50%)}
.npc-row{position:absolute;inset:0;pointer-events:none;z-index:5}.npc{position:absolute;bottom:30px;width:100px;height:195px;padding:0;border:0;border-radius:0;background:none;pointer-events:auto;transform:translateX(-50%);transition:filter .2s}.npc:hover{background:none;filter:brightness(1.15)}.npc.eden{left:18%}.npc.mixxer{left:73%}.npc.vamp{left:88%}.npc-sprite{display:block;height:155px;width:100%;background-image:url('npc-sprites.png');background-size:300% 100%;background-repeat:no-repeat;transform-origin:50% 60%}.eden .npc-sprite{background-position:0% 50%}.mixxer .npc-sprite{background-position:50% 50%}.vamp .npc-sprite{background-position:100% 50%}.npc-label{display:inline-flex;gap:7px;align-items:center;background:#1d271bf2;color:#f3f4ec;padding:6px 9px;border:1px solid #667957;border-radius:6px;font-size:14px}.npc-label small{font-size:10px;color:#bccba9}.mixxer .npc-label{border-color:#57bfd7}.vamp .npc-label{border-color:#ae73df}kbd{font:600 12px 'Space Grotesk',sans-serif;display:inline-block;padding:2px 5px;border:1px solid #88967d;border-radius:4px;color:#c9fa55}.npc.collapsing{pointer-events:none}.collapsing .npc-sprite{animation:collapse-person .55s ease-in forwards}.collapsing .npc-label{opacity:0}.npc.collapsed{visibility:hidden}#holes{position:absolute;inset:0;pointer-events:none;z-index:2}.black-hole{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#020105;box-shadow:0 0 0 3px #100d19,0 0 12px 5px var(--hole-color),0 0 45px 5px var(--hole-color);animation:hole-open .7s ease-out both}.black-hole:before,.black-hole:after{content:'';position:absolute;inset:-13%;border-radius:50%;border:3px solid transparent;border-top-color:var(--hole-color);border-bottom-color:var(--hole-color);animation:orbit 2s linear infinite}.black-hole:after{inset:-25%;opacity:.5;animation-direction:reverse;animation-duration:3.5s}#arena.cosmic{background-color:#a9b69f;transition:background-color .8s}.cosmic-controls{display:flex;justify-content:space-between;gap:12px;padding:13px 26px 0;color:#c8d5bc;font-size:14px}.cosmic-controls kbd{margin-right:5px}#cosmic-status{color:#c9fa55;text-align:right}.hint{top:23%}.controls{padding-top:14px}@keyframes collapse-person{to{transform:rotate(540deg) scale(0);opacity:0}}@keyframes hole-open{from{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:700px){.npc{width:66px;height:145px;bottom:27px}.npc-sprite{height:111px}.npc-label{font-size:12px;padding:5px;gap:4px}.npc-label small{display:none}.npc.eden{left:14%}.npc.mixxer{left:74%}.npc.vamp{left:91%}.cosmic-controls{padding:12px 14px 0;font-size:12px;flex-direction:column;gap:6px}#cosmic-status{text-align:left}.hint{left:calc(50% + 50px);top:19%}}
@media(prefers-reduced-motion:reduce){.black-hole:before,.black-hole:after{animation:none}.collapsing .npc-sprite{animation-duration:.1s}}
#cosmic-vfx{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.black-hole{visibility:hidden}#arena.cosmic{background-color:#070a18}#arena.cosmic .arena-tag{z-index:6;color:#b3bfd2}#arena.cosmic .dot{background:#96acdb}#arena.cosmic .floor-mark{z-index:2;color:#8a9dc4;opacity:.08}#arena.cosmic:after{z-index:6;background:repeating-linear-gradient(135deg,#11192b 0px,#11192b 12px,#202c44 12px,#202c44 14px);border-color:#344868}#arena.cosmic .corner{z-index:6;border-color:#586c92}#arena.cosmic #buddy img{filter:drop-shadow(0 0 11px #b6c9ff66)}.collapsing .npc-sprite{filter:brightness(1.7) drop-shadow(0 0 16px #d0ccff);animation:cosmic-collapse .55s cubic-bezier(.6,0,1,.4) forwards}@keyframes cosmic-collapse{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(.85,1.2) rotate(40deg);filter:brightness(2) drop-shadow(0 0 18px white)}100%{transform:scale(.02,1.6) rotate(300deg);opacity:0}}@media(prefers-reduced-motion:reduce){.collapsing .npc-sprite{animation:none;opacity:0}}
.toy-tray{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:17px 26px 4px}.toy-heading{font-size:12px;letter-spacing:1.5px;color:#c9fa55;margin-right:7px}.toy-heading small{display:block;font-size:10px;color:#889a79;letter-spacing:1px;margin-top:4px}.toy-tray button{background:#2b3822;border-color:#4d633b;padding:11px 12px;display:flex;align-items:center;gap:7px}.toy-tray button:hover{background:#3b4f29}.toy-tray button[aria-pressed="true"]{color:#171d11;background:#c9fa55}.toy-tray button[aria-pressed="true"] kbd{color:#171d11;border-color:#526c2f}.toy-tray button:disabled{opacity:.5;cursor:wait}.toy-flash{position:absolute;pointer-events:none;z-index:7;font-size:54px;transform:translate(-50%,-50%);animation:toy-pop .55s ease-out forwards}.blast-ring{position:absolute;pointer-events:none;z-index:7;width:80px;height:80px;border:7px solid #ffd075;border-radius:50%;box-shadow:0 0 25px #ff722f,inset 0 0 20px #ff722f;animation:blast-wave .7s ease-out forwards;transform:translate(-50%,-50%)}#buddy.thrusting:after{content:'🔥';position:absolute;bottom:-37px;left:50%;font-size:48px;transform:translateX(-50%);animation:flame .12s alternate infinite}#buddy.respawned{filter:drop-shadow(0 0 15px #c9fa55)}#arena.whirling:before{content:'';position:absolute;width:240px;height:240px;left:50%;top:35%;border:8px dashed #a1dcff88;border-radius:50%;box-shadow:0 0 45px #77caff55,inset 0 0 45px #77caff55;transform:translate(-50%,-50%);z-index:4;pointer-events:none;animation:whirl .8s linear infinite}@keyframes whirl{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes flame{to{transform:translateX(-50%) scale(.7,1.2)}}@keyframes toy-pop{to{opacity:0;transform:translate(-50%,-90%) scale(1.8) rotate(20deg)}}@keyframes blast-wave{to{opacity:0;transform:translate(-50%,-50%) scale(6)}}@media(max-width:700px){.toy-tray{padding:15px 14px 4px;gap:6px}.toy-heading{width:100%;display:flex;gap:12px;align-items:center}.toy-heading small{margin:0}.toy-tray button{flex:1 1 28%;font-size:12px;padding:10px 6px;justify-content:center}.toy-tray kbd{display:none}}@media(prefers-reduced-motion:reduce){#arena.whirling:before,#buddy.thrusting:after{animation:none}.blast-ring,.toy-flash{animation-duration:.1s}}