.game-page-shell{width:100%;max-width:72rem}.game-console-shell{-webkit-backdrop-filter:blur(14px);background:#fffbfbc7;border:1px solid #170c791a;border-radius:2rem;overflow:hidden;box-shadow:0 24px 60px #170c7921}.game-console-header{margin-bottom:1.5rem;padding:0 .25rem}.game-console-layout{align-items:stretch;display:grid}.game-arena-column{min-width:0;padding:.75rem}.game-console-sidebar{background:#ffffff6b;border-top:1px solid #170c791a;flex-direction:column;display:flex}.game-console-side-section{padding:1.25rem}.game-console-side-section+.game-console-side-section{border-top:1px solid #170c791a}.game-console-footer{color:#64748b;text-align:left;border-top:1px solid #170c7917;padding:1rem 1.5rem;font-size:.7rem}.roach-game-area{isolation:isolate;cursor:grab;touch-action:manipulation;background-color:#777579;background-image:url(../media/background-gamearena.1n1j0ni20-_cc.webp);background-position:50%;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 0 0 7px #100c301f,inset 0 22px 32px #0a072347,inset 0 -28px 44px #0906205c,0 18px 36px #170c792e}@media (min-width:1024px){.game-page-shell{width:min(100vw - 3rem,96rem);position:relative;left:50%;transform:translate(-50%)}.game-main-arena{height:clamp(520px,64vh,720px);max-height:none}.game-console-header{padding:0 .5rem}.game-console-layout{grid-template-columns:minmax(0,1fr) 330px}.game-arena-column{padding:1rem}.game-console-sidebar{border-top:0;border-left:1px solid #170c791f}.game-console-side-section{padding:1.5rem}.game-console-footer{padding-inline:2rem}}@media (min-width:1600px) and (max-height:1150px){.game-page-shell{width:min(94vw,104rem)}.game-main-arena{height:clamp(520px,60vh,650px)}}.roach-game-area:before,.roach-game-area:after{z-index:0;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.roach-game-area--ended{cursor:default}.roach-game-area--ended .roach-target,.roach-game-area--ended .roach-image{pointer-events:none;animation-play-state:paused}.game-over-overlay{-webkit-backdrop-filter:blur(2.5px)saturate(.78);background:#09071c61;box-shadow:inset 0 0 90px #07041c52}.game-start-arena{isolation:isolate;background-image:url(../media/background-gamearena.1n1j0ni20-_cc.webp);background-position:50%;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 48px #08051e57}.game-start-arena:before,.game-start-arena:after{content:"";pointer-events:none;position:absolute;inset:0}.game-start-arena:before{z-index:0;mix-blend-mode:multiply;background:radial-gradient(circle at 50% 42%,#6a5bd442,#0000 54%),linear-gradient(145deg,#170c79b0,#2d1f9ba1)}.game-start-arena:after{z-index:1;background:radial-gradient(#0000 48%,#0805204d 100%);box-shadow:inset 0 0 38px #05031847}.game-start-panel{-webkit-backdrop-filter:blur(9px);background:#170c798a;box-shadow:0 24px 55px #06031f61,inset 0 1px #ffffff14}.game-start-hero{position:relative}.game-start-hero:before{filter:blur(22px);content:"";background:#ffb54a29;border-radius:999px;position:absolute;inset:28%}.game-start-hero-roach{z-index:1;filter:drop-shadow(0 13px 9px #0703188c)drop-shadow(0 0 8px #ffa6452e);animation:3.4s ease-in-out infinite start-roach-idle;position:relative}.game-start-button{transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 10px 24px #05031c47,0 0 #fff0}.game-start-button:not(:disabled):hover{background-color:#fffdf8;transform:translateY(-2px)scale(1.01);box-shadow:0 15px 30px #05031c5c,0 0 20px #fff3}.game-start-button:not(:disabled):active{transform:translateY(1px)scale(.99);box-shadow:0 5px 12px #05031c4d}.roach-game-area:before{mix-blend-mode:multiply;background:radial-gradient(circle at 48% 42%,#fff6e02e 0%,#0000 48%),linear-gradient(145deg,#170c7924,#0000 42%,#36277e1f),radial-gradient(at 18% 82%,#1c124529 0 9%,#0000 26%),radial-gradient(at 84% 18%,#2b1d5b21 0 8%,#0000 24%)}.roach-game-area:after{background:linear-gradient(#ffffff14,#0000 12% 82%,#08051c2e),radial-gradient(#0000 44%,#0b072624 72%,#07041c7a 100%);box-shadow:inset 0 0 26px #0604184d,inset 0 0 0 2px #ffffff14}.roach-target{z-index:2;cursor:grab;width:72px;height:72px;animation:roach-crawl var(--crawl-duration) linear forwards;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.roach-visual{pointer-events:none;place-items:center;width:100%;height:100%;display:grid;position:relative}.roach-target--flight-capable{z-index:10;width:82px;height:82px;animation:none;transform:translate(-50%,-50%)}.roach-target--flight-capable .roach-visual{transform:rotate(var(--flight-angle))}.roach-target--flight-capable .roach-image{width:54px;height:54px}.roach-target--flight-capable.roach-state--crawl .roach-image{filter:drop-shadow(0 8px 7px #00000059)}.roach-target--flight-capable.roach-state--panic{z-index:20}.roach-target--flight-capable.roach-state--panic .roach-visual{animation:.12s ease-in-out infinite roach-panic}.roach-target--flight-capable.roach-state--fly{z-index:30}.roach-target--flight-capable.roach-state--fly .roach-visual{animation:.28s ease-in-out infinite flying-bob}.roach-target--flight-capable.roach-state--fly .roach-image{filter:drop-shadow(0 18px 14px #0000006b)drop-shadow(0 0 10px #ffb45040);width:70px;height:70px}.roach-image--flying{object-fit:contain}.roach-panic-warning{color:#b45309;pointer-events:none;background:#ffffffeb;border-radius:999px;width:max-content;max-width:150px;padding:4px 8px;font-size:9px;font-weight:800;line-height:1.2;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);box-shadow:0 5px 12px #140c0833}.wing-blur{z-index:-1;filter:blur(3px);pointer-events:none;background:#ffdca04d;border-radius:999px;width:31px;height:14px;animation:80ms linear infinite wing-flap;position:absolute;top:36%}.wing-left{left:3px;transform:rotate(-24deg)}.wing-right{right:3px;transform:rotate(24deg)}.game-message{z-index:40;color:#fff;pointer-events:none;background:#170c79db;border:1px solid #ffffff73;border-radius:999px;padding:.5rem .85rem;font-size:.72rem;font-weight:800;animation:1.15s ease-out forwards game-message-pop;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #08051e47}.game-message--danger{background:#991b1be0}.game-message--success{background:#047857e0}.roach-game-area:active,.roach-target:active{cursor:grabbing}.roach-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:roach-scuttle var(--scuttle-duration) ease-in-out infinite alternate;filter:drop-shadow(0 8px 5px #2e1a0e59)}.roach-target--fast{width:62px;height:62px}.roach-target--fast .roach-image{filter:saturate(1.25)contrast(1.1)drop-shadow(0 6px 4px #2e1a0e52)}.roach-target--golden{width:78px;height:78px}.roach-target--golden .roach-image{filter:sepia(.75)saturate(2.4)brightness(1.25)drop-shadow(0 0 10px #f59e0bf2)}.roach-hit-effect{z-index:5;pointer-events:none;width:1px;height:1px;position:absolute}.roach-hit-points,.roach-hit-bonk{white-space:nowrap;text-shadow:0 2px #fffffff2,0 4px 7px #0a07235c;font-weight:1000;line-height:1;position:absolute;left:50%}.roach-hit-points{color:#fff;font-size:1.15rem;animation:.68s cubic-bezier(.16,1,.3,1) forwards hit-points}.roach-hit-bonk{color:#222;letter-spacing:.05em;font-size:.72rem;animation:.52s cubic-bezier(.16,1,.3,1) forwards hit-bonk}.roach-hit-effect--golden .roach-hit-points{color:#ffd54a;text-shadow:0 2px #4d3000e6,0 0 9px #f59e0bd9;font-size:1.35rem}.roach-poof{background:#eee7dce0;border-radius:999px;width:9px;height:9px;margin:-4px;animation:.48s ease-out forwards roach-poof;position:absolute;box-shadow:0 1px 4px #2319163d}.roach-poof--1{--poof-x:-25px;--poof-y:-15px}.roach-poof--2{--poof-x:22px;--poof-y:-18px;animation-delay:20ms}.roach-poof--3{--poof-x:-19px;--poof-y:17px;animation-delay:35ms}.roach-poof--4{--poof-x:26px;--poof-y:13px;animation-delay:10ms}.roach-poof--5{--poof-x:2px;--poof-y:-29px;animation-delay:30ms}@keyframes roach-crawl{0%{opacity:0;transform:translate(0, 0) rotate(var(--roach-angle)) scale(var(--roach-scale))}4%,96%{opacity:1}to{opacity:.9;transform:translate(var(--move-x), var(--move-y)) rotate(var(--roach-angle)) scale(var(--roach-scale))}}@keyframes roach-scuttle{0%{transform:translate(-2px)rotate(-1.6deg)}to{transform:translate(2px)rotate(1.6deg)}}@keyframes hit-points{0%{opacity:0;transform:translate(-50%,-8px)scale(.65)}20%{opacity:1;transform:translate(-50%,-22px)scale(1.15)}to{opacity:0;transform:translate(-50%,-62px)scale(.95)}}@keyframes hit-bonk{0%{opacity:0;transform:translate(-50%,-5px)rotate(-8deg)scale(.45)}28%{opacity:1;transform:translate(-50%,8px)rotate(4deg)scale(1.15)}to{opacity:0;transform:translate(-50%,18px)rotate(-2deg)scale(.85)}}@keyframes roach-poof{0%{opacity:0;transform:translate(0)scale(.3)}30%{opacity:.9}to{opacity:0;transform:translate(var(--poof-x), var(--poof-y)) scale(1.35)}}@keyframes start-roach-idle{0%,to{transform:translateY(2px)rotate(-5deg)}50%{transform:translateY(-7px)rotate(5deg)}}@keyframes flying-bob{0%,to{transform:rotate(var(--flight-angle)) scale(1)}50%{transform:rotate(var(--flight-angle)) scale(1.08)}}@keyframes roach-panic{0%,to{transform:rotate(var(--flight-angle)) translate(0, 0)}25%{transform:rotate(var(--flight-angle)) translate(-2px, 1px)}50%{transform:rotate(var(--flight-angle)) translate(2px, -1px)}75%{transform:rotate(var(--flight-angle)) translate(-1px, -2px)}}@keyframes wing-flap{0%,to{opacity:.2;scale:.9}50%{opacity:.65;scale:1.2}}@keyframes game-message-pop{0%{opacity:0;transform:translate(-50%,-8px)scale(.9)}18%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.96)}}