.game-page{--game-ink:#131418;--game-cream:#fff8e8;--game-blue:#0aa7ef;--game-deep:#0068ff;--game-lime:#c9fd35;--game-pink:#ff6fcf;background:radial-gradient(circle at 12% 8%, #ff6fcf47, transparent 24%), radial-gradient(circle at 88% 31%, #0aa7ef4d, transparent 27%), linear-gradient(90deg, transparent 49.4%, #1314180e 49.5% 50.5%, transparent 50.6%) 0 0 / 22px 22px, linear-gradient(transparent 49.4%, #1314180e 49.5% 50.5%, transparent 50.6%) 0 0 / 22px 22px, var(--game-cream);min-height:100vh;color:var(--game-ink);overflow:hidden}.game-grain{pointer-events:none;z-index:100;opacity:.065;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.game-nav{border:3px solid var(--game-ink);width:min(1500px,94vw);min-height:58px;box-shadow:5px 5px 0 var(--game-ink);z-index:5;background:#fff8e8eb;border-radius:17px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:18px auto 0;padding:8px 16px;display:grid;position:relative}.game-back,.game-build{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.game-back{justify-self:start;align-items:center;gap:8px;display:flex}.game-back span{border:2px solid var(--game-ink);background:var(--game-lime);border-radius:50%;place-items:center;width:27px;height:27px;transition:transform .2s;display:grid}.game-back:hover span{transform:translate(-3px)rotate(-8deg)}.game-wordmark{font-family:var(--font-display), Impact, sans-serif;color:var(--game-blue);letter-spacing:-.06em;-webkit-text-stroke:1px var(--game-ink);text-shadow:2px 2px 0 var(--game-ink);font-size:24px}.game-build{opacity:.68;justify-self:end}.game-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:9vw;width:min(1420px,90vw);margin:68px auto 55px;display:grid;position:relative}.game-intro:after{content:"";z-index:-1;aspect-ratio:1;background:var(--game-pink);border:4px solid var(--game-ink);border-radius:47% 53% 63% 37%;width:330px;position:absolute;top:-70px;right:-160px;transform:rotate(18deg)}.game-kicker,.overlay-tag{background:var(--game-lime);border:2px solid var(--game-ink);box-shadow:3px 3px 0 var(--game-ink);text-transform:uppercase;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex;transform:rotate(-1deg)}.game-intro h1{margin-top:25px;font-size:clamp(70px,10vw,165px)}.game-intro h1 em{color:var(--game-blue);-webkit-text-stroke:3px var(--game-ink);text-shadow:7px 7px 0 var(--game-ink);font-style:normal}.game-intro p{max-width:520px;margin:0 0 8px;font-size:clamp(13px,1.35vw,18px);font-weight:700;line-height:1.65}.arcade{background:var(--game-ink);border:4px solid var(--game-ink);width:min(1480px,96vw);box-shadow:12px 14px 0 var(--game-blue), 18px 21px 0 var(--game-pink);isolation:isolate;margin:0 auto 100px;position:relative}.arcade:before,.arcade:after{content:"";z-index:-1;background:var(--game-lime);border:4px solid var(--game-ink);width:46px;height:120px;position:absolute;bottom:-58px}.arcade:before{left:8%;transform:rotate(4deg)}.arcade:after{right:8%;transform:rotate(-4deg)}.arcade-chrome{border-bottom:4px solid var(--game-ink);background:linear-gradient(#fff 0 8%,#dfe5ea 9% 20%,#fff8e8 21% 73%,#b7bec5 74% 80%,#fff 81%);justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:12px 14px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #fff,inset 0 -5px #1314181f}.arcade-chrome:before{content:"FLASH PLAYER 9 // PROOF_OF_CAT.EXE";font:6px var(--font-mono), monospace;letter-spacing:.12em;color:#4d5158;position:absolute;top:4px;left:12px}.arcade-status{align-items:stretch;min-width:0;display:flex}.arcade-status>span{border-right:2px solid var(--game-ink);flex-direction:column;gap:2px;min-width:112px;padding:6px 20px;display:flex}.arcade-status>span:first-child{padding-left:8px}.arcade-status small,.final-score span{text-transform:uppercase;letter-spacing:.07em;opacity:.68;font-size:8px;font-weight:700}.arcade-status strong{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.045em;font-size:25px;line-height:1}.arcade-status .combo-readout strong{color:var(--game-pink);-webkit-text-stroke:1px var(--game-ink)}.arcade-actions{gap:8px;display:flex}.arcade-actions button,.pause-control{cursor:pointer;border:2px solid var(--game-ink);background:linear-gradient(145deg, #efff96 0 38%, var(--game-lime) 39% 100%);box-shadow:inset 2px 2px 0 #fff, inset -2px -2px 0 #13141840, 3px 3px 0 var(--game-ink);text-transform:uppercase;padding:11px 13px;font-size:9px;font-weight:700;transition:transform .15s,box-shadow .15s}.arcade-actions button:last-child{background:var(--game-blue)}.arcade-actions button:hover,.pause-control:hover{box-shadow:5px 5px 0 var(--game-ink);transform:translate(-2px,-2px)}.playfield{background:var(--game-blue);touch-action:none;isolation:isolate;place-items:center;width:100%;min-height:430px;display:grid;position:relative;overflow:hidden}.playfield:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000000d 2px 3px);position:absolute;inset:0}.playfield:after{content:"ONLINE ● 56K LIQUID LINK";z-index:3;pointer-events:none;color:var(--game-lime);font:7px var(--font-mono), monospace;letter-spacing:.09em;background:#131418b8;border:1px solid #fff9;padding:4px 7px;position:absolute;bottom:10px;left:12px}.playfield canvas{cursor:crosshair;max-width:100%;max-height:100%;display:block}.arcade:fullscreen{width:100vw;height:100vh;box-shadow:none;background:var(--game-ink);border:0;grid-template-rows:auto minmax(0,1fr) auto auto;margin:0;display:grid}.arcade:fullscreen:before,.arcade:fullscreen:after{display:none}.arcade:fullscreen .playfield{height:100%;min-height:0}.arcade:fullscreen .playfield canvas{object-fit:contain}.arcade:fullscreen .mobile-controls{min-height:0}.lives{z-index:4;pointer-events:none;gap:5px;display:flex;position:absolute;top:20px;right:20px}.lives i{border:2px solid var(--game-ink);width:35px;height:25px;color:var(--game-ink);font:8px var(--font-display), Impact;opacity:.48;background:#6a6a72;place-items:center;font-style:normal;display:grid;transform:skew(-9deg)}.lives i.live{background:var(--game-pink);opacity:1;box-shadow:2px 2px 0 var(--game-ink)}.game-overlay{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--game-cream);background:radial-gradient(circle at 78% 20%,#ff6fcf24,#0000 25%),#131418c7;display:flex;position:absolute;inset:0}.ready-panel{justify-content:center;align-items:stretch;gap:clamp(20px,5vw,75px);padding:clamp(18px,4vw,50px)}.mascot-card{aspect-ratio:.75;border:4px solid var(--game-ink);width:min(39%,380px);box-shadow:9px 9px 0 var(--game-lime), 14px 14px 0 var(--game-pink);background:radial-gradient(circle at 50% 32%,#153646,#050607 78%);align-self:center;position:relative;overflow:hidden;transform:rotate(-2deg)}.mascot-card:after{content:"100% REAL CONTAINER CAT";background:var(--game-lime);color:var(--game-ink);border:2px solid var(--game-ink);font:7px var(--font-mono), monospace;padding:4px 6px;position:absolute;bottom:7px;right:7px;transform:rotate(-2deg)}.mascot-card img{object-fit:contain;object-position:center;mix-blend-mode:normal;background:#111}.ready-copy{align-self:center;max-width:520px}.ready-copy h2,.compact-panel h2,.upgrade-panel h2{color:var(--game-cream);margin:22px 0 18px;font-size:clamp(54px,7vw,106px)}.ready-copy p{max-width:470px;font-size:12px;font-weight:700;line-height:1.6}.start-button{cursor:pointer;border:3px solid var(--game-ink);background:var(--game-lime);color:var(--game-ink);box-shadow:5px 5px 0 var(--game-cream);text-transform:uppercase;margin-top:18px;padding:14px 14px 14px 20px;font-weight:700;transition:transform .18s,box-shadow .18s}.start-button b{border:2px solid var(--game-ink);background:var(--game-blue);border-radius:50%;place-items:center;width:29px;height:29px;margin-left:20px;display:inline-grid}.start-button:hover{box-shadow:8px 8px 0 var(--game-cream);transform:translate(-3px,-3px)}.control-legend{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.control-legend span{text-transform:uppercase;border:1px solid #ffffff5c;padding:6px 8px;font-size:8px}.control-legend b{color:var(--game-lime)}.compact-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px}.compact-panel .overlay-tag{color:var(--game-ink)}.overlay-tag{color:var(--game-ink);text-shadow:none}.over-panel h2{font-size:clamp(46px,6vw,86px)}.final-score{flex-direction:column;margin-bottom:8px;display:flex}.final-score strong{font:clamp(44px, 6vw, 90px)/1 var(--font-display), Impact;color:var(--game-pink);-webkit-text-stroke:2px var(--game-ink);text-shadow:4px 4px 0 var(--game-cream)}.upgrade-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(18px,4vw,45px)}.upgrade-panel .overlay-tag{color:var(--game-ink)}.upgrade-panel h2{font-size:clamp(40px,5vw,70px)}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:min(880px,100%);display:grid}.upgrade-grid button{cursor:pointer;text-align:left;border:3px solid var(--game-ink);background:var(--game-cream);min-height:160px;color:var(--game-ink);box-shadow:5px 5px 0 var(--game-blue);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;transition:transform .18s,background .18s;display:flex}.upgrade-grid button:nth-child(2){box-shadow-color:var(--game-lime);transform:rotate(1deg)}.upgrade-grid button:nth-child(3){box-shadow-color:var(--game-pink)}.upgrade-grid button:hover{background:var(--game-lime);transform:translateY(-6px)rotate(-1deg)}.upgrade-grid button b{border:2px solid var(--game-ink);background:var(--game-pink);width:43px;height:43px;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.upgrade-grid button strong{font:20px var(--font-display), Impact;text-transform:uppercase;margin-top:auto}.upgrade-grid button small{margin-top:5px;font-size:9px}.mobile-controls{background:linear-gradient(180deg, #f9f9f9, #c9cfd4 14%, var(--game-cream) 15% 84%, #aeb5bb 85%);border-top:4px solid var(--game-ink);grid-template-columns:minmax(230px,.8fr) minmax(360px,1.5fr) auto;align-items:center;gap:12px;min-height:103px;padding:12px 14px;display:grid}.tilt-controls{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tilt-controls button,.shape-controls button{cursor:pointer;border:2px solid var(--game-ink);background:var(--game-blue);min-height:58px;color:var(--game-ink);box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -2px 0 #13141842, 3px 3px 0 var(--game-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-weight:700}.tilt-controls button{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:5px 8px;font-size:22px;display:grid}.tilt-controls kbd{border:2px solid var(--game-ink);width:34px;height:34px;box-shadow:inset 2px 2px 0 #fff, inset -3px -3px 0 #7b8187, 2px 2px 0 var(--game-ink);font:900 16px var(--font-display), Impact;background:linear-gradient(145deg,#fff,#c8cdd2);border-radius:5px;place-items:center;display:grid}.tilt-controls b{font-size:21px}.tilt-controls small{text-transform:uppercase;font-size:7px}.shape-controls{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.shape-controls button{background:#fff;justify-content:center;align-items:center;gap:11px;padding:6px;display:flex}.shape-controls button.active{background:var(--game-lime);transform:translateY(-2px)}.shape-controls span{text-transform:uppercase;font-size:8px;font-weight:700}.shape-icon{border:3px solid var(--game-ink);border-top-color:var(--game-blue);background:#0aa7ef2e;width:26px;height:27px;display:block}.shape-bowl{border-radius:4px 4px 50% 50%;height:18px}.shape-glass{border-radius:2px 2px 8px 8px;width:19px}.shape-vase{clip-path:polygon(27% 0,73% 0,75% 24%,100% 52%,86% 100%,14% 100%,0 52%,25% 24%);border-radius:8px 8px 48% 48%;width:24px}.pause-control:disabled{opacity:.35;cursor:not-allowed}.game-tape{border-top:4px solid var(--game-ink);background:repeating-linear-gradient(135deg, var(--game-lime) 0 18px, #e5ff80 18px 36px);align-items:center;height:39px;display:flex;overflow:hidden}.game-tape div{white-space:nowrap;width:max-content;font:13px var(--font-display), Impact;animation:25s linear infinite game-tape}@keyframes game-tape{to{transform:translate(-50%)}}.game-footer{border-top:3px solid var(--game-ink);text-transform:uppercase;justify-content:space-between;gap:30px;width:min(1420px,90vw);margin:0 auto 45px;padding-top:18px;font-size:9px;font-weight:700;display:flex}.game-footer p:last-child{text-align:right;opacity:.66}@media (max-width:900px){.game-intro{grid-template-columns:1fr;gap:25px;margin-top:50px}.game-intro p{max-width:650px}.arcade-status>span{min-width:0;padding:5px 12px}.arcade-status strong{font-size:20px}.ready-panel{gap:24px}.mobile-controls{grid-template-columns:1fr}.arcade:fullscreen .mobile-controls{grid-template-columns:minmax(200px,.8fr) minmax(360px,1.5fr) auto;padding:7px 10px}.arcade:fullscreen .shape-controls button,.arcade:fullscreen .tilt-controls button{min-height:48px}.pause-control{min-height:42px}}@media (max-width:640px){.game-nav{grid-template-columns:1fr auto;width:calc(100% - 20px);min-height:52px;margin-top:10px}.game-build{display:none}.game-wordmark{font-size:20px}.game-intro{width:calc(100% - 30px);margin:42px auto 36px}.game-intro h1{font-size:clamp(57px,19vw,90px)}.game-intro h1 em{-webkit-text-stroke-width:2px;text-shadow:4px 4px 0 var(--game-ink)}.arcade{width:100%;box-shadow:none;border-left:0;border-right:0;margin-bottom:70px}.arcade-chrome{align-items:stretch;padding:9px}.arcade-status{flex:1;grid-template-columns:1fr 1fr;gap:2px;display:grid}.arcade-status>span{border:0;padding:2px 7px}.arcade-status>span:nth-child(3),.arcade-status>span:nth-child(4){display:none}.arcade-status strong{font-size:18px}.arcade-actions{flex-direction:column}.arcade-actions button{padding:7px 9px;font-size:7px}.playfield{min-height:500px}.ready-panel{align-items:center;gap:14px;padding:18px}.mascot-card{width:41%;box-shadow:5px 5px 0 var(--game-lime)}.ready-copy{flex:1}.ready-copy h2{margin:14px 0 12px;font-size:clamp(42px,13vw,68px)}.ready-copy p{font-size:9px}.control-legend{display:none}.start-button{padding:10px 10px 10px 13px;font-size:9px}.start-button b{margin-left:8px}.lives{top:13px;right:10px}.lives i{width:28px;height:21px;font-size:6px}.upgrade-panel{padding:13px}.upgrade-panel h2{margin:13px 0;font-size:34px}.upgrade-grid{gap:7px}.upgrade-grid button{min-height:142px;box-shadow:3px 3px 0 var(--game-blue);padding:9px}.upgrade-grid button strong{font-size:13px}.upgrade-grid button small{font-size:7px}.upgrade-grid button b{width:34px;height:34px;font-size:11px}.mobile-controls{gap:8px;padding:9px}.tilt-controls button{min-height:50px}.shape-controls button{gap:5px;min-height:52px}.shape-controls span{font-size:6px}.shape-icon{transform:scale(.78)}.arcade:fullscreen .mobile-controls{grid-template-columns:1fr;max-height:188px;overflow:auto}.game-footer{flex-direction:column;gap:3px;width:calc(100% - 30px)}.game-footer p:last-child{text-align:left}}@media (max-width:430px){.ready-panel{align-items:flex-end}.mascot-card{opacity:.82;width:47%;position:absolute;top:-20px;right:-12px}.ready-copy{z-index:1;width:100%;text-shadow:1px 1px 0 var(--game-ink);position:relative}.ready-copy p{width:62%}.shape-controls span{display:none}.compact-panel h2{font-size:48px}}@media (prefers-reduced-motion:reduce){.game-tape div{animation:none}.game-back span,.start-button,.upgrade-grid button{transition:none}}