:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;background:linear-gradient(180deg,#8ec9ff,#d9efff 70%,#f6fbff)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}#app{position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}canvas.game-aiming{cursor:crosshair}.aim-reticle{position:absolute;left:50%;top:50%;z-index:5;width:58px;height:58px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.56))}.aim-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff6a8f5;transform:translate(-50%,-50%)}.aim-line{position:absolute;background:#fff6a8f5;border-radius:999px}.aim-line-top,.aim-line-bottom{left:50%;width:2px;height:15px;transform:translate(-50%)}.aim-line-top{top:0}.aim-line-bottom{bottom:0}.aim-line-left,.aim-line-right{top:50%;width:15px;height:2px;transform:translateY(-50%)}.aim-line-left{left:0}.aim-line-right{right:0}.landing-screen{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:24px;color:#14202f;background:#fff}.landing-screen:before{content:none}.landing-shell{position:relative;width:min(620px,calc(100vw - 40px));display:grid;gap:18px}.landing-brand{display:flex;align-items:center;gap:14px}.landing-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;background:#1f5b4f;color:#f7fbf6;font-weight:850;letter-spacing:0;box-shadow:0 10px 28px #1f5b4f3d}.landing-brand h1{min-width:0;margin:0;font-size:3.5rem;line-height:.95;letter-spacing:0}.game-tile{width:100%;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px;border:1px solid rgba(20,32,47,.16);border-radius:8px;padding:12px;background:#ffffffd6;color:#14202f;cursor:pointer;text-align:left;text-decoration:none;box-shadow:0 18px 46px #14202f24;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.game-tile:hover,.game-tile:focus-visible{transform:translateY(-2px);border-color:#1f5b4f80;box-shadow:0 22px 56px #14202f2e;outline:none}.game-tile-art{aspect-ratio:1;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:8px;background:#1f5b4f;color:#fff;box-shadow:inset 0 -18px #c545327a}.game-tile-art-cat{background:linear-gradient(145deg,#183a36,#245c4e 58%,#803824)}.game-tile-art-avrio{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.35) 0 14%,transparent 15%),linear-gradient(145deg,#4f6fd9,#7c3d2d 62%,#1f2538)}.game-tile-art-catch{background:linear-gradient(145deg,#213552,#416f9f 60%,#6f4324)}.red-cat-icon,.arcade-plumber-icon,.catch-customize-icon{position:relative;width:58px;height:58px;display:block}.red-cat-ear{position:absolute;top:2px;width:22px;height:24px;background:#d82722;border:2px solid rgba(93,14,14,.34);border-radius:5px 16px 4px}.red-cat-ear-left{left:7px;transform:rotate(-18deg)}.red-cat-ear-right{right:7px;transform:scaleX(-1) rotate(-18deg)}.red-cat-face{position:absolute;left:6px;right:6px;bottom:2px;height:42px;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 32% 58%,#fff3dc 0 8%,transparent 9%),radial-gradient(circle at 68% 58%,#fff3dc 0 8%,transparent 9%),linear-gradient(180deg,#f04a32,#b71718);box-shadow:inset 0 -5px #640e0e33,0 8px 18px #0000003d}.red-cat-eye{position:absolute;top:15px;width:6px;height:8px;border-radius:50%;background:#251411}.red-cat-eye-left{left:15px}.red-cat-eye-right{right:15px}.red-cat-nose{position:absolute;left:50%;top:25px;width:8px;height:6px;border-radius:50%;background:#321112;transform:translate(-50%)}.arcade-plumber-cap{position:absolute;left:7px;top:0;width:44px;height:23px;border-radius:18px 18px 8px 8px;background:#d62923;box-shadow:inset 0 -5px #71141242,0 5px #99231e}.arcade-plumber-cap:after{content:"";position:absolute;left:23px;bottom:-6px;width:23px;height:8px;border-radius:999px;background:#e23d30}.arcade-plumber-face{position:absolute;left:9px;right:9px;bottom:2px;height:39px;border-radius:44% 44% 46% 46%;background:#f1b37a;box-shadow:inset 0 -7px #914c2d2e,0 8px 18px #00000042}.arcade-plumber-eye{position:absolute;top:14px;width:6px;height:8px;border-radius:50%;background:#172238}.arcade-plumber-eye-left{left:12px}.arcade-plumber-eye-right{right:12px}.arcade-plumber-mustache{position:absolute;left:50%;bottom:9px;width:30px;height:12px;border-radius:50%;background:radial-gradient(circle at 22% 58%,#4d2416 0 36%,transparent 38%),radial-gradient(circle at 50% 44%,#4d2416 0 38%,transparent 40%),radial-gradient(circle at 78% 58%,#4d2416 0 36%,transparent 38%);transform:translate(-50%)}.catch-customize-star{position:absolute;left:50%;top:0;color:#ffdf57;font-size:2rem;line-height:1;text-shadow:0 5px 14px rgba(0,0,0,.3);transform:translate(-50%) rotate(8deg)}.catch-customize-bucket{position:absolute;left:9px;right:9px;bottom:4px;height:34px;border-radius:9px 9px 14px 14px;background:radial-gradient(circle at 28% 32%,#ff7a82 0 12%,transparent 13%),radial-gradient(circle at 62% 46%,#7cf0a3 0 11%,transparent 12%),radial-gradient(circle at 45% 70%,#7cc5ff 0 10%,transparent 11%),linear-gradient(180deg,#eff4ff,#9fb0ca);box-shadow:inset 0 -6px #32445c38,0 8px 18px #0000003d}.catch-customize-bucket:before{content:"";position:absolute;left:5px;right:5px;top:-7px;height:13px;border:3px solid rgba(236,246,255,.86);border-bottom:0;border-radius:999px 999px 0 0}.game-tile-copy{min-width:0;display:grid;gap:5px}.game-tile-copy strong{font-size:2rem;line-height:1}.game-tile-copy span{width:max-content;border-radius:999px;padding:5px 10px;background:#14202f;color:#f7fbf6;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.panel{position:absolute;left:16px;top:16px;width:min(380px,calc(100vw - 32px));background:#ffffffe6;border:1px solid rgba(9,48,89,.24);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.panel.menu{left:50%;top:50%;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 22px 70px #14202f38}.panel h1{margin:0 0 8px;font-size:1.15rem}.panel p{margin:0 0 10px;color:#234}.panel input,.panel button{width:100%;border-radius:8px;border:1px solid #8ba2bc;padding:10px;font-size:.95rem;margin-top:8px}.panel button{cursor:pointer;background:#1455a0;color:#fff;border:none}.panel button.secondary{background:#fff;color:#1455a0;border:1px solid #1455a0}.menu-section{display:block}.menu-check{display:flex;align-items:center;gap:8px;margin-top:10px;color:#17324f;font-size:.92rem}.menu-check input{width:auto;margin:0}.menu-slider{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#17324f;font-size:.9rem}.cat-color-preview{width:20px;height:20px;border-radius:50%;border:1px solid rgba(10,26,46,.35);box-shadow:inset 0 0 0 1px #ffffff73,0 1px 2px #0000002e}.panel input[type=range]{padding:0;border:none;height:auto;margin-top:6px}#menu-message{margin-top:10px;min-height:18px;color:#245}#menu-message.error{color:#9f0d0d}.hud{position:absolute;left:16px;top:176px;z-index:2;background:#0a1a2eb3;color:#fff;border-radius:10px;padding:10px 12px;min-width:180px;font-size:.9rem}.powerup-timer{--powerup-progress: 1;--powerup-angle: 360deg;position:absolute;right:154px;top:18px;z-index:5;width:82px;display:grid;justify-items:center;gap:5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.powerup-ring{width:70px;height:70px;border-radius:50%;padding:6px;background:conic-gradient(from -90deg,rgba(255,60,70,.96) var(--powerup-angle),rgba(255,255,255,.2) 0);box-shadow:0 8px 20px #00000047,0 0 18px #ff3c4647}.powerup-core{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#081221e6;border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:.95rem}.powerup-mode{border-radius:999px;padding:3px 7px;background:#081221c7;border:1px solid rgba(255,255,255,.18);font-size:.68rem;font-weight:800}.throttle-meter{position:absolute;right:16px;top:16px;z-index:5;width:118px;height:150px;border-radius:14px;background:#07121fdb;border:1px solid rgba(255,255,255,.24);padding:8px 10px;display:grid;grid-template-rows:auto 1fr auto;gap:8px;box-shadow:0 8px 24px #00000040}.throttle-meter-title{color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.throttle-meter-track{position:relative;border-radius:10px;border:1px solid rgba(255,255,255,.28);overflow:hidden;background:linear-gradient(0deg,#2fa7496b,#d6b42c6b 62%,#e2422a8c),#ffffff0d}.throttle-meter-fill{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(0deg,#30cf50b3,#f66929eb);box-shadow:inset 0 0 12px #fff3;transition:height .14s linear}.throttle-meter-flames{position:absolute;top:3px;left:50%;transform:translate(-50%) scale(.85);font-size:1rem;opacity:0;transition:opacity .15s ease,transform .15s ease;filter:drop-shadow(0 0 6px rgba(255,110,32,.66))}.throttle-meter-flames.active{opacity:1;transform:translate(-50%) scale(1);animation:throttle-flame-flicker .22s infinite alternate}@keyframes throttle-flame-flicker{0%{transform:translate(-50%) scale(.95) translateY(0)}to{transform:translate(-50%) scale(1.08) translateY(-1px)}}.throttle-meter-value{color:#fff;font-weight:700;font-size:.94rem;text-align:center}.score-window{position:absolute;left:16px;top:16px;z-index:4;min-width:180px;max-width:min(280px,calc(100vw - 32px));background:#0b1828c2;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 10px;font-size:.82rem;line-height:1.35}.score-window strong{display:block;margin-bottom:4px;font-size:.87rem}.pause-btn{position:absolute;left:50%;top:16px;transform:translate(-50%);z-index:4;border:none;border-radius:999px;padding:10px 16px;background:#0b1828d6;color:#fff;font-size:.9rem;cursor:pointer}.pause-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:min(320px,calc(100vw - 30px));background:#0e1a2cf2;border:1px solid rgba(255,255,255,.24);border-radius:12px;padding:14px;color:#fff}.pause-panel h2{margin:0 0 10px;font-size:1.2rem}.pause-panel button{width:100%;border:none;border-radius:8px;margin-top:8px;padding:10px;color:#fff;background:#2e87ff;cursor:pointer}.pause-panel button.secondary{background:#ffffff1f}.flight-controls{position:absolute;left:16px;top:108px;z-index:2;width:min(340px,calc(100vw - 32px));background:#ffffffe6;border:1px solid rgba(9,48,89,.24);border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.flight-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.flight-controls-header strong{color:#17324f;font-size:.92rem}.flight-controls-header button{border:1px solid rgba(17,65,121,.28);border-radius:999px;background:#1455a01f;color:#114179;padding:4px 10px;font-size:.8rem;cursor:pointer}.flight-controls.collapsed{width:min(220px,calc(100vw - 32px))}.flight-controls label{display:flex;align-items:center;justify-content:space-between;color:#17324f;font-size:.9rem;margin-bottom:8px}.flight-controls input[type=range]{width:100%;margin:0 0 8px}.flight-controls input[type=range]:disabled{opacity:.78}.collision-row{justify-content:flex-start!important;gap:8px;margin:0 0 8px!important}.collision-row input{margin:0}.disabled{opacity:.55}.touch-buttons{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:2;display:grid;gap:8px}.autopilot-button{width:122px;border:1px solid rgba(154,194,255,.55);border-radius:12px;padding:9px 10px;background:linear-gradient(180deg,#1f304bf5,#0f1b2ff5);color:#eaf2ff;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.76rem;font-weight:850;letter-spacing:0;text-transform:uppercase;box-shadow:0 8px 18px #0000004d,inset 0 0 0 1px #ffffff1f;cursor:pointer;touch-action:manipulation}.autopilot-button strong{min-width:42px;border-radius:999px;padding:4px 7px;background:#0c1422d1;color:#ffffffc7;font-size:.7rem;line-height:1;text-align:center}.autopilot-button.active{border-color:#89f0b0db;background:linear-gradient(180deg,#205e3df5,#0d392cf5);color:#f3fff7;box-shadow:0 8px 18px #00000057,0 0 18px #54d28038,inset 0 0 0 1px #ffffff2e}.autopilot-button.active strong{background:#cfffdbf2;color:#0f3b2a}.autopilot-button:active{transform:translateY(1px)}.touch-shoot{width:122px;border:1px solid rgba(244,191,113,.62);border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#9d2a16f5,#731a0cf2);color:#fff4de;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 18px #0000004d,inset 0 0 0 1px #ffffff29;cursor:pointer}.touch-shoot:active{transform:translateY(1px);filter:brightness(1.08)}.touch-throttle{--touch-throttle-ratio: .3636;width:122px;min-height:238px;background:linear-gradient(160deg,#131f32f2,#0b1422f2);color:#fff;border:1px solid rgba(197,168,112,.46);border-radius:14px;padding:10px 10px 12px;display:grid;gap:10px;box-shadow:0 10px 24px #00000057,inset 0 0 0 1px #ffffff0f;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.touch-throttle.active{border-color:#f4bf71d1;filter:brightness(1.08)}.touch-throttle.active .touch-throttle-lever{background:linear-gradient(180deg,#fff7d6,#f5b45a)}.touch-throttle-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ebd8acf2}.touch-throttle-head span{min-width:2.3ch;text-align:right;font-size:.9rem;color:#fff}.touch-throttle-gate{position:relative;margin:0 auto;width:78px;height:186px;border-radius:10px;background:linear-gradient(180deg,#090d14e6,#0e1118db);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px #ffffff0d}.touch-throttle-track{position:absolute;left:50%;top:16px;bottom:16px;width:14px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#b6481eb8,#b69d40a6 40%,#3aad60a8);border:1px solid rgba(255,255,255,.16)}.touch-throttle-slider{position:absolute;left:50%;top:50%;width:186px;height:38px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;opacity:0;cursor:pointer;pointer-events:none}.touch-throttle-lever{position:absolute;left:50%;bottom:calc(16px + var(--touch-throttle-ratio) * 154px);width:52px;height:12px;border-radius:999px;background:linear-gradient(180deg,#e9eef4,#bcc4ce);transform:translate(-45%,50%) rotate(-18deg);box-shadow:0 2px 6px #00000057,inset 0 0 0 1px #ffffff70;pointer-events:none}.touch-throttle-lever:after{content:"";position:absolute;right:-2px;top:50%;width:18px;height:18px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 30% 30%,#fff,#d7dde5 40%,#a3acb7);box-shadow:0 0 0 1px #00000038,0 4px 8px #0000004d}.touch-throttle-mark{position:absolute;left:50%;transform:translate(-50%);font-size:.63rem;font-weight:700;letter-spacing:.06em;color:#ffffffbd;pointer-events:none}.touch-throttle-mark-max{top:4px}.touch-throttle-mark-idle{bottom:4px}.touch-joystick{--joystick-x: 0px;--joystick-y: 0px;position:absolute;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;width:136px;height:136px;display:none;border-radius:50%;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.touch-joystick-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,rgba(239,246,255,.12) 0 30%,transparent 31%),conic-gradient(from 45deg,#5fb4ff24,#ffd27529,#5fb4ff24),#081221b3;border:1px solid rgba(255,255,255,.36);box-shadow:0 14px 32px #00000057,inset 0 0 0 1px #ffffff14,inset 0 0 24px #4094dc2e;pointer-events:none}.touch-joystick-ring:before,.touch-joystick-ring:after{content:"";position:absolute;left:50%;top:50%;background:#fff3;border-radius:999px;transform:translate(-50%,-50%)}.touch-joystick-ring:before{width:70%;height:2px}.touch-joystick-ring:after{width:2px;height:70%}.touch-joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.92) 0 10%,transparent 11%),linear-gradient(180deg,#e8f0f9,#9eacbb);border:1px solid rgba(255,255,255,.58);box-shadow:0 8px 18px #0000005c,inset 0 -5px 10px #1c273738,inset 0 4px 8px #ffffff8c;pointer-events:none;transition:transform .12s ease;will-change:transform}.touch-joystick.active .touch-joystick-knob{transform:translate(-50%,-50%) translate(var(--joystick-x),var(--joystick-y));transition:none}.touch-joystick:not(.active) .touch-joystick-knob{transform:translate(-50%,-50%)}.touch-joystick.active .touch-joystick-ring{border-color:#9dd3ff9e;background:radial-gradient(circle at center,rgba(239,246,255,.18) 0 30%,transparent 31%),conic-gradient(from 45deg,#5fb4ff33,#ffd27538,#5fb4ff33),#081221c7}@media(max-width:1180px),(pointer:coarse){.touch-joystick:not(.hidden){display:block}}.crash-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;background:#a7110ceb;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:12px;font-size:clamp(1rem,2.2vw,1.5rem);padding:14px 20px;text-align:center}.kitty-alert{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:6;background:#7a0808eb;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 22px #0000004d;text-align:center;max-width:min(90vw,560px)}.score-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(380px,calc(100vw - 28px));background:#0e1a2ced;color:#fff;border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:14px}.score-panel h2{margin:0 0 10px;font-size:1.2rem}#score-lines{display:grid;gap:6px;margin-bottom:12px;font-size:.95rem}.score-panel button{width:100%;border:none;border-radius:8px;background:#2e87ff;color:#fff;padding:10px;cursor:pointer}.score-panel button+button{margin-top:8px}#score-close{background:#ffffff24}#name-tags{position:absolute;inset:0;pointer-events:none;z-index:4}.name-tag{position:absolute;transform:translate(-50%,-100%);display:grid;justify-items:center;gap:3px;color:#fff;font-size:.76rem;white-space:nowrap}.name-tag-label{max-width:min(220px,calc(100vw - 36px));overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 8px;background:#081221d1;box-shadow:0 6px 16px #00000038}.name-tag-health{width:54px;height:5px;overflow:hidden;border-radius:999px;background:#ffffff38}.name-tag-health span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f34d3d,#f8c446 45%,#3bd66f)}.name-tag-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:18px solid rgba(255,245,120,.96);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.name-tag.shot-down{opacity:.72}.hidden{display:none}@media(max-width:760px){.landing-shell{width:calc(100vw - 28px)}.landing-brand h1{font-size:2.1rem}.game-tile{grid-template-columns:76px 1fr;gap:12px}.game-tile-copy strong{font-size:1.5rem}.panel{left:12px;top:12px;width:calc(100vw - 24px)}.panel.menu{left:50%;top:50%;width:calc(100vw - 24px)}.hud{left:12px;top:170px}.throttle-meter{right:12px;top:12px;width:110px;height:142px}.powerup-timer{right:130px;top:14px}.score-window{left:12px;top:12px}.flight-controls{left:12px;top:98px}.touch-buttons{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.touch-joystick{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:118px;height:118px}.touch-joystick-knob{width:50px;height:50px}.pause-btn{top:12px}}