:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--display-font:"Bubblegum Sans", "Nunito", system-ui, sans-serif;color:#24162e;touch-action:none;background:#8fd8ff;font-family:Bubblegum Sans,Nunito,system-ui,sans-serif}@font-face{font-family:Bubblegum Sans;src:url(/assets/fonts/BubblegumSans-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html,body,#game-shell,#game{width:var(--goodboys-vw,100vw);height:var(--goodboys-vh,100dvh);min-height:var(--goodboys-vh,100dvh);margin:0;overflow:hidden}body{background:#9edfff;position:fixed;inset:0}canvas{width:100%;height:100%;display:block}#loading-splash{z-index:50;background:linear-gradient(#3fc3ff1f,#255fa429),url(/assets/ui/generated/menu-bg-portrait.jpg) 50%/cover no-repeat,#6fd2ff;place-items:center;font-family:Bubblegum Sans,Nunito,system-ui,sans-serif;transition:opacity .28s ease-out;display:grid;position:fixed;inset:0}#loading-splash[hidden]{display:none}#loading-splash.fade-out{opacity:0;pointer-events:none}.loading-card{text-align:center;justify-items:center;gap:14px;padding:28px 36px;display:grid}.loading-brand{margin:0}.loading-brand-logo{filter:drop-shadow(0 12px 22px #36145747);width:min(720px,86vw);height:auto;display:block}.loading-attribution{color:#fff3c8;background:#160a2a85;border-radius:999px;margin:0;padding:.32em .95em .38em;font-family:Bubblegum Sans,Nunito,system-ui,sans-serif;font-size:clamp(15px,3vw,20px);font-style:normal;font-weight:700;line-height:1.1;box-shadow:inset 0 0 0 1px #ffffff4d}.loading-status{color:#3e2e55;margin:0;font-size:clamp(16px,3vw,22px);font-weight:900}.loading-spinner{border:6px solid #7d27a82e;border-top-color:#7b2fd0;border-radius:50%;width:56px;height:56px;animation:.9s linear infinite loadingSpin}@keyframes loadingSpin{to{transform:rotate(360deg)}}#ui-root{pointer-events:none;z-index:5;height:100svh;position:fixed;inset:0;overflow:hidden}.screen{pointer-events:auto;height:100svh;max-height:100svh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;touch-action:pan-y;background:linear-gradient(#1fa2f50a,#10467c2e),url(/assets/ui/generated/menu-bg-portrait.jpg) 50%/cover no-repeat,#61cfff;align-content:center;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.main-menu-screen{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}@media (orientation:landscape){#loading-splash,.screen,.game-over-screen{background:linear-gradient(#1fa2f50d,#10467c2e),url(/assets/ui/generated/menu-bg-landscape.jpg) 50%/cover no-repeat,#61cfff}}.menu-panel{--menu-panel-soft-stroke:#8bbcff;scrollbar-width:thin;scrollbar-color:#77beffb3 transparent;background:linear-gradient(145deg,#12336ffa 0%,#061e4cfc 52%,#031336fc 100%);border:1px solid #8bbcff38;border-radius:clamp(28px,5vw,44px);width:min(720px,94vw);padding:clamp(18px,3.4vw,34px) clamp(18px,4.2vw,42px) clamp(44px,6vw,58px);position:relative;box-shadow:inset 0 2px 5px #ffffff1a,inset 0 -8px 18px #0009243d,0 2px #ffffff3d,0 24px 44px #072d6957,0 0 0 1px #080f3257}.menu-panel[data-testid=main-menu]{--menu-tagline-height:clamp(28px, 4.4svh, 42px);grid-template-rows:auto auto minmax(0,1fr) auto;height:min(880px,100svh - 16px);max-height:calc(100svh - 16px);padding-top:clamp(12px,2svh,18px);padding-bottom:clamp(16px,2.8svh,26px);display:grid;overflow:hidden}.menu-panel[data-testid=main-menu] .brand-logo{object-fit:contain;width:min(470px,100%);max-height:clamp(86px,14svh,110px)}.menu-panel[data-testid=main-menu] .tagline{min-height:var(--menu-tagline-height);margin-top:clamp(4px,1svh,8px);margin-bottom:clamp(22px,3.4svh,30px)}.menu-panel[data-testid=main-menu] .character-grid{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(8px,1.7svh,14px);min-height:0}.menu-panel[data-testid=main-menu] .character-card{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;padding:clamp(10px,1.8svh,16px)}.menu-panel[data-testid=main-menu] .card-pennant{padding:clamp(5px,.9svh,8px) clamp(14px,2vw,20px);top:clamp(8px,1.4svh,14px);left:clamp(10px,1.8vw,16px)}.menu-panel[data-testid=main-menu] .card-pennant strong{font-size:clamp(22px,4.2svh,34px)}.menu-panel[data-testid=main-menu] .character-copy{margin-top:0;position:absolute;top:clamp(50px,8.6svh,66px);left:clamp(12px,1.8vw,18px)}.menu-panel[data-testid=main-menu] .character-role-image{width:auto;max-width:min(210px,100%);height:clamp(34px,5.8svh,44px)}.menu-panel[data-testid=main-menu] .character-hero-art{transform-origin:bottom;object-fit:cover;object-position:center center;place-self:auto;width:100%;min-width:0;max-width:none;height:100%;margin:0;position:absolute;inset:0;transform:none}.game-over-panel:before{content:"★";z-index:0;color:#ffd837;filter:drop-shadow(0 3px #602d8a75);font-size:clamp(30px,5vw,46px);line-height:1;position:absolute;top:clamp(20px,3.2vw,36px);left:clamp(24px,5vw,44px)}.game-over-panel:after{content:"✦";z-index:0;color:#91efff;filter:drop-shadow(0 2px #30318e47);font-size:clamp(22px,4vw,34px);line-height:1;position:absolute;top:clamp(36px,5.4vw,64px);right:clamp(28px,5vw,50px)}.menu-panel>*{z-index:1;position:relative}.brand{margin:0 auto}.brand-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 10px 14px #030f3073);width:min(600px,100%);height:auto;max-height:185px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen-attribution,.tagline{font-synthesis:none;text-align:center;font-family:Bubblegum Sans,Nunito,system-ui,sans-serif;font-style:normal}.screen-attribution{z-index:8;left:max(14px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));color:#fff3c8;width:min(330px,42vw);min-height:clamp(22px,3.2vw,34px);box-shadow:none;pointer-events:none;background:0 0;justify-content:flex-start;align-items:center;margin:0;padding:0;font-size:clamp(11px,2.4vw,14px);font-weight:600;line-height:1.1;display:flex;position:fixed}.screen-attribution-image{object-fit:contain;object-position:left center;width:100%;height:clamp(22px,3.2vw,34px);margin:0;display:block}.screen-attribution-image[hidden],.tagline-image[hidden],.character-role-image[hidden],.character-name-badge[hidden],.screen-attribution-fallback[hidden],.tagline-fallback[hidden],.character-role-fallback[hidden],.card-pennant strong[hidden]{display:none}.screen-attribution-fallback,.tagline-fallback{display:inline-block}.tagline{color:#fffef4;text-shadow:0 3px #0814458c;width:min(520px,88%);margin:clamp(4px,1vw,10px) auto clamp(18px,3vw,26px);font-size:clamp(20px,4.2vw,32px);font-weight:800;line-height:1.15}.tagline-image{object-fit:contain;width:min(360px,74%);height:clamp(28px,4.4svh,42px);margin:0 auto;display:block}.character-grid{perspective:900px;grid-template-columns:1fr;gap:clamp(14px,2.2vw,18px);display:grid}.character-card,.primary-btn,.ghost-btn{font:inherit;cursor:pointer;border:0}.character-card picture{display:contents}.character-card{--card-accent:#58c8ff;--card-accent-rgb:88, 200, 255;isolation:isolate;min-height:clamp(212px,27vh,300px);box-shadow:inset 0 0 0 1px #8bbcff61, inset 0 4px 16px #ffffff24, 0 0 0 clamp(3px, .7vw, 5px) #1d1744, 0 10px 0 #060a267a, 0 22px 36px #060c2a70, 0 0 34px rgba(var(--card-accent-rgb), .16);text-align:left;transform-origin:50%;background:#061537;border:clamp(3px,.64vw,5px) solid #ffffffb8;border-radius:clamp(26px,4.6vw,38px);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(6px,1.6vw,16px);padding:clamp(16px,2.8vw,26px) clamp(14px,2vw,22px) clamp(24px,4vw,34px) clamp(18px,2.8vw,28px);transition:border-color .14s,box-shadow .14s,filter .14s,transform .14s;display:grid;position:relative;overflow:hidden;transform:translate(0,0)scale(1)}.character-card[data-character=springer-doodle]{--card-accent:#a77dff;--card-accent-rgb:167, 125, 255}.character-card[data-character=mish-labradoodle]{--card-accent:#ffd267;--card-accent-rgb:255, 210, 103}.character-card:before{content:"";z-index:1;background:linear-gradient(90deg, #040b24e0 0%, #040b2494 31%, #040b240f 66%), linear-gradient(0deg, #050b24b8 0%, #050b242e 46%, #ffffff0f 100%), radial-gradient(60% 120% at 92% 42%, rgba(var(--card-accent-rgb), .22), transparent 58%);pointer-events:none;position:absolute;inset:0}.character-card:after{content:"";z-index:2;box-shadow:inset 0 0 34px rgba(var(--card-accent-rgb), .2);pointer-events:none;border:1px solid #ffffff38;border-radius:max(18px,clamp(26px,4.6vw,38px) - 9px);position:absolute;inset:clamp(6px,1vw,10px)}.card-pennant{z-index:3;width:clamp(88px,12vw,132px);max-width:calc(100% - clamp(24px,4vw,36px));box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0;position:absolute;top:clamp(12px,2vw,18px);left:clamp(12px,2vw,18px)}.card-pennant strong{color:#fff;letter-spacing:.4px;text-shadow:0 2px #1c113880;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#ef4a40,#cf2c25);border:2px solid #fff7e6;border-radius:999px;padding:clamp(6px,1vw,10px) clamp(16px,2.4vw,24px);font-family:Bubblegum Sans,Nunito,system-ui,sans-serif;font-size:clamp(22px,3.8vw,34px);font-weight:800;line-height:1.02;display:inline-block;overflow:hidden;box-shadow:0 0 0 3px #2a1a4a,0 5px #1c113852}.character-name-badge{object-fit:contain;filter:drop-shadow(0 5px 6px #190c3038);width:100%;height:auto;display:block}.character-hero-art{z-index:0;object-fit:cover;object-position:center center;filter:saturate(1.08)contrast(1.04)drop-shadow(0 10px 16px #00000061);width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.character-copy{z-index:3;align-content:start;place-self:start;gap:clamp(5px,1vw,9px);min-width:0;margin-top:0;display:grid;position:absolute;bottom:clamp(18px,3vw,28px);left:clamp(18px,2.8vw,28px)}.character-breed{color:#2a1a4a;text-shadow:none;font-family:Bubblegum Sans,Nunito,system-ui,sans-serif;font-size:clamp(17px,2.5vw,24px);font-weight:700;line-height:1.12;display:block;position:relative}.character-breed .breed-text{text-shadow:none}.character-role-image{object-fit:contain;object-position:left center;width:auto;max-width:min(240px,100%);height:clamp(36px,5.4vw,56px);display:block}.character-role-fallback{display:inline-block}.character-card.selected{z-index:4;box-shadow:inset 0 0 0 1px #ffffff75, inset 0 4px 18px #fff3, 0 0 0 clamp(3px, .7vw, 5px) #1d1744, 0 0 0 clamp(6px, 1.1vw, 8px) #fff4ceb8, 0 16px 0 #060a2675, 0 34px 48px #03081e80, 0 0 30px rgba(var(--card-accent-rgb), .18);border-color:#fffffff5;transform:translate3d(0,-8px,28px)scale(1.035)}.character-card.selected .character-hero-art{filter:saturate(1.18)contrast(1.08)drop-shadow(0 12px 18px #0000006b)}.character-card:focus-visible{outline-offset:4px;outline:4px solid #8eefffd9}.button-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(18px,3vw,26px);display:flex}.primary-btn,.ghost-btn{border-radius:21px;min-height:62px;padding:0 28px;font-weight:1000;box-shadow:inset 0 -6px #0003,0 10px #01113352}.primary-btn{color:#fff7d0;background:#7e35dc}.ghost-btn{color:#42275e;background:#fff6d8}.hud{pointer-events:none;padding:max(13px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));text-shadow:0 2px #0210336b;justify-content:space-between;align-items:flex-start;gap:12px;font-weight:1000;display:flex;position:absolute;inset:0}.damage-flash{pointer-events:none;opacity:0;background:linear-gradient(90deg,#ff2a5a6b,#ff2a5a0d 25%,#fff4ae24 50%,#ff2a5a0d 75%,#ff2a5a6b),linear-gradient(#ffffff2e,#ff366038);position:fixed;inset:0;box-shadow:inset 0 0 58px #ff1f52a8}.damage-flash.is-active{animation:.56s ease-out both damageFlash}.hud-health-side{flex-direction:column;flex:none;align-items:flex-start;gap:clamp(2px,.6vw,5px);min-width:0;display:flex}.hud-cluster{color:#fff8d6;filter:drop-shadow(0 10px 14px #06123638);flex:none;line-height:1;position:relative}.hud-frame{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.hud-health-cluster{aspect-ratio:814/300;width:clamp(260px,24vw,350px);container-type:size}.hud-score-cluster{aspect-ratio:551/314;width:clamp(210px,18vw,268px);container-type:size}.hud-health-content,.hud-score-content{z-index:1;position:absolute}.hud-health-content{align-content:center;display:grid;inset:27% 12% 27% 37%}.health-slots{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(0px,.6cqw,3px);display:grid}.health-slot{place-items:center;min-width:0;display:grid;position:relative}.health-slot img{filter:drop-shadow(0 2px #050c2b42);width:auto;height:clamp(12px,26cqh,42px);display:block}.health-slot.is-filled img{transform:translateY(-1px)}.hud-health-cluster.is-damaged{animation:.22s ease-out both hudDamagePop}.hud-health-cluster.is-damaged .health-slot.is-empty img{animation:.36s ease-out both pipLost}.hud-health-cluster.is-low-health .health-slot.is-filled img{animation:.92s ease-in-out infinite lowHealthPulse}.hud-level-chip{color:#3d4658;letter-spacing:.01em;max-width:100%;text-shadow:none;background:#ffffff94;border-radius:999px;align-self:flex-start;align-items:center;gap:.45em;padding:.18em .66em .22em;font-size:clamp(8px,2.3vw,12px);line-height:1;display:inline-flex}.hud-level-number{font-family:var(--display-font);color:#2a3140;font-size:1.08em;font-weight:800}.hud-time{text-overflow:ellipsis;white-space:nowrap;color:#5a6478;text-transform:capitalize;overflow:hidden}.hud-score-content{place-items:center;display:grid;inset:18% 24% 18% 7%}.score-number{color:#fff;max-width:100%;font-family:var(--display-font);text-align:center;text-shadow:0 1px 2px #1a102a8c,0 0 8px #1a102a40;font-variant-numeric:tabular-nums;font-size:clamp(22px,40cqh,54px);line-height:.9;overflow:hidden}.hud-score-cluster.is-score-bumped .score-number{animation:.26s ease-out both scoreBump}.reward-popups{z-index:2;justify-items:center;display:grid;position:absolute;top:58%;left:17%}.reward-popup{color:#fff1a6;font-family:var(--display-font);text-shadow:0 2px #7b3497f5,0 5px 10px #0000003d;opacity:calc(1 - var(--popup-age));transform:translateY(calc(var(--popup-age) * -30px)) scale(calc(1.08 - var(--popup-age) * .1));grid-area:1/1;font-size:clamp(14px,22cqh,28px)}@keyframes hudDamagePop{0%{filter:drop-shadow(0 10px 14px #06123638);transform:translateY(0)scale(1)}35%{filter:drop-shadow(0 0 16px #ff40768f);transform:translateY(1px)scale(1.035)}to{filter:drop-shadow(0 10px 14px #06123638);transform:translateY(0)scale(1)}}@keyframes damageFlash{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes pipLost{0%{filter:drop-shadow(0 0 10px #ff528ecc);transform:rotate(0)scale(1.08)}42%{transform:rotate(-7deg)scale(.92)}to{transform:rotate(0)scale(1)}}@keyframes lowHealthPulse{0%,to{filter:drop-shadow(0 2px #050c2b42)}50%{filter:drop-shadow(0 0 12px #ff3668bd)}}@keyframes scoreBump{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.level-banner{pointer-events:none;font-family:var(--display-font);color:#fff5c4;text-shadow:0 4px #8627c2,0 10px 24px #280e4673;letter-spacing:1px;justify-items:center;font-size:clamp(42px,6vw,80px);animation:.32s ease-out both bannerPop;display:grid;position:absolute;inset:18% 0 auto}@keyframes bannerPop{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}#mobile-controls{pointer-events:none;z-index:8;padding:0 max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:clamp(12px,3.8vw,28px);display:none;position:fixed;inset:auto 0 0}.pad{gap:10px;display:flex}.left-pad{justify-self:start}.center-pad{pointer-events:none;justify-self:center}.right-pad{justify-self:end}#mobile-controls button{pointer-events:auto;color:#1a0f38;letter-spacing:0;text-shadow:0 2px #ffffff47;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff70 0%,#ffffff1a 18%,#fff0 30%),linear-gradient(#ffe056 0%,#f5a23c 52%,#b54fc4 100%);border:3px solid #572680;border-radius:20px;min-width:78px;min-height:78px;font:400 18px Bubblegum Sans,Nunito,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:inset 0 4px #ffffff61,inset 0 -8px #35125c42,0 7px #321547,0 12px 18px #1412233d}#mobile-controls button:before{content:"";border-radius:30px;position:absolute;inset:-12px}#mobile-controls button:after{content:"";pointer-events:none;background:linear-gradient(#ffffff9e,#fff0);border-radius:999px;height:16px;position:absolute;inset:8px 10px auto}#mobile-controls button span{z-index:2;position:relative}#mobile-controls .left-pad button{min-width:90px;font-size:42px;line-height:1}#pause-btn{background:linear-gradient(#ffffff7a 0%,#ffffff1f 18%,#fff0 30%),linear-gradient(#f6df6e 0%,#d98f45 52%,#8f4ac8 100%);min-width:78px}.pause-icon{justify-content:center;align-items:center;gap:7px;height:22px;display:inline-flex}.pause-icon:before,.pause-icon:after{content:"";background:currentColor;border-radius:2px;width:5px;height:22px}.pause-overlay{z-index:9;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));pointer-events:auto;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause-panel{color:#fff;text-align:center;background:#12336fe6;border:3px solid #ffffffdb;border-radius:8px;gap:14px;width:min(340px,100%);padding:18px;display:grid;box-shadow:0 18px 36px #08144559}.pause-title{color:#fff;text-shadow:0 3px #08144573;margin:0;font:400 clamp(34px,8vw,40px) Bubblegum Sans,Nunito,system-ui,sans-serif}.pause-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pause-action{letter-spacing:.2px;cursor:pointer;border:0;border-radius:8px;min-height:48px;font:400 18px Bubblegum Sans,Nunito,system-ui,sans-serif}.pause-action.resume-action{color:#1a1a2e;background:linear-gradient(#ffe066,#f0a020);box-shadow:inset 0 -4px #0000002e}.pause-action.menu-action{color:#1a1a2e;background:#fffffff5;box-shadow:inset 0 -4px #0000001f}.leaderboard{gap:8px;margin-top:16px;font-weight:900;display:grid}.scores-panel{color:#fff;flex-direction:column;gap:clamp(14px,2.6vw,22px);display:flex}.scores-panel .brand{color:#fffef4;text-align:center;text-shadow:0 4px #0814458c;flex:none;font-size:clamp(40px,8vw,68px);font-weight:1000;line-height:.95}.scores-panel .leaderboard{color:#fff;background:#041f4ea8;border:4px solid #82c6ff61;border-radius:22px;flex:auto;height:clamp(280px,52vh,536px);min-height:164px;margin-top:0;padding:18px 16px;overflow-y:auto;box-shadow:inset 0 0 0 2px #5ab3ff24}.scores-panel .leaderboard-row,.scores-panel .leaderboard-name,.scores-panel .leaderboard-score,.scores-panel .leaderboard-level{color:#fff}.scores-panel .button-row{flex:none;align-items:center;margin-top:0}.scores-panel #back-btn{flex:none;height:62px;min-height:62px}.score-form-hint{color:#5a4a72;text-align:center;width:100%;margin:0;font-size:clamp(12px,2.4vw,14px);font-weight:700}.score-form{gap:10px;margin-top:16px;display:flex}.score-form input{border:3px solid #4b336940;border-radius:16px;flex:1;min-width:0;padding:0 14px;font:900 18px Bubblegum Sans,Nunito,system-ui,sans-serif}.game-over-screen{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:linear-gradient(#1fa2f50f,#10467c33),url(/assets/ui/generated/menu-bg-portrait.jpg) 50%/cover no-repeat,#61cfff;grid-template:minmax(0,1fr)/minmax(0,1fr);align-items:center}@media (orientation:landscape){.game-over-screen{background:linear-gradient(#1fa2f50d,#10467c2e),url(/assets/ui/generated/menu-bg-landscape.jpg) 50%/cover no-repeat,#61cfff}}.game-over-clouds{display:none}.game-over-panel{--menu-panel-soft-stroke:#8bbcff;z-index:1;background:linear-gradient(145deg,#12336ffa 0%,#061e4cfc 52%,#031336fc 100%);border:1px solid #8bbcff38;border-radius:40px;grid-area:1/1;place-self:center;gap:clamp(8px,1.4vh,14px);width:min(650px,94vw);min-height:min(620px,100svh - 28px);max-height:min(92svh,900px);padding:clamp(16px,3vw,26px) clamp(18px,4vw,32px) clamp(28px,5vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #ffffff1a,inset 0 -8px 18px #0009243d,0 2px #ffffff3d,0 24px 44px #072d6957,0 0 0 1px #080f3257}.game-over-panel>:not(.grass-trim){z-index:1;position:relative}.game-over-title{margin:-8px 0 -6px}.game-over-logo{object-fit:contain;filter:drop-shadow(0 8px 14px #00000047);width:min(540px,100%);height:auto;max-height:min(25vh,260px);margin:0 auto;display:block}.game-over-spark{z-index:1;text-shadow:0 3px #3c185f61;font-size:clamp(22px,4vw,38px);font-weight:1000;display:none;position:absolute}.spark-left{color:#ffd834;top:38px;left:34px}.spark-right{color:#8eefff;top:60px;right:44px}.score-ribbon{color:#fff;text-shadow:0 2px #00000042;background:linear-gradient(#1593f3,#0d5ebd);border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:8px 18px;font-size:clamp(18px,3vw,26px);font-weight:1000;display:flex;box-shadow:inset 0 4px #ffffff2e,inset 0 -5px #0003}.score-ribbon strong{color:#ffe85a}.ribbon-star{color:#ffd43d;text-shadow:0 2px #be7012}.ribbon-dot{background:#67c3ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff1f}.game-over-form{grid-template-columns:minmax(0,1fr) minmax(132px,190px);align-items:stretch;margin-top:0;display:grid}.game-over-form .score-form-hint{grid-column:1/-1;margin-bottom:2px}.name-field{background:#fffefe;border:4px solid #6655c7;border-radius:20px;align-items:center;gap:12px;min-height:72px;padding:0 18px;display:flex;box-shadow:inset 0 -4px #e0e4f4,0 7px #06163f47}.name-field span{color:#aab4c4;font-size:24px}.name-field input{color:#283956;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0;font:1000 clamp(18px,3vw,26px) Bubblegum Sans,Nunito,system-ui,sans-serif}.name-field input::placeholder{color:#a9b3c4}.submit-btn,.game-over-action{cursor:pointer;color:#fff;text-transform:uppercase;text-shadow:0 3px #00000047;border:0;font:1000 clamp(18px,3vw,26px) Bubblegum Sans,Nunito,system-ui,sans-serif}.submit-btn{background:linear-gradient(#9be33d,#2cb034);border-radius:20px;min-height:72px;box-shadow:inset 0 5px #ffffff47,inset 0 -7px #00581e47,0 8px #042d2c52}.submit-btn:disabled{cursor:default;opacity:.48;box-shadow:inset 0 -4px #00581e2e,0 4px #042d2c2e}.game-over-leaderboard{color:#fff;background:#041f4eb8;border:4px solid #5856c68c;border-radius:24px;min-height:138px;max-height:min(27vh,230px);margin-top:0;padding:18px 16px;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #5ab3ff24}.game-over-leaderboard:before{content:"★";filter:drop-shadow(0 3px #00000047);width:fit-content;margin:-2px auto 8px;font-size:28px;display:block}.leaderboard-row{background:#174384b8;border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:6px 12px 6px 6px;display:grid;box-shadow:inset 0 -4px #02103a38}.leaderboard-rank{color:#fff;background:linear-gradient(#7b6adb,#5546ad);border-radius:11px;place-items:center;width:46px;height:38px;font-size:24px;font-weight:1000;display:grid;box-shadow:inset 0 -4px #0000002e}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-score,.leaderboard-level{white-space:nowrap}.leaderboard-score span{color:#ffd739;text-shadow:0 2px #9b5f0e}.game-over-actions{grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,24px);display:grid}.game-over-action{border-radius:22px;justify-content:center;align-items:center;gap:12px;min-height:72px;display:flex;box-shadow:inset 0 5px #ffffff4d,inset 0 -8px #00000038,0 8px #06163f57}.run-action{background:linear-gradient(#34c6ff,#18e)}.menu-action{background:linear-gradient(#ffd84d,#f08d18)}.game-over-action span:first-child{color:currentColor;background:#ffffff38;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.grass-trim{z-index:0;background:radial-gradient(circle at 8% 0,#78cf42 0 16px,#0000 17px),radial-gradient(circle at 30% 20%,#74c73d 0 13px,#0000 14px),radial-gradient(circle at 56% 10%,#8bd94c 0 15px,#0000 16px),radial-gradient(circle at 82% 20%,#6fc13c 0 18px,#0000 19px),linear-gradient(#8fde45,#4cae31);border-top:3px solid #bcf36c;height:28px;position:absolute;bottom:0;left:0;right:0}@media (width<=760px){.screen{touch-action:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:center;overflow:hidden}.character-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr;gap:clamp(6px,1.3svh,10px);min-height:0;padding-top:8px}.menu-panel{width:100%;height:calc(100svh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));max-height:calc(100svh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));border-radius:20px;grid-template-rows:auto auto minmax(0,1fr) auto;padding:clamp(8px,1.8svh,12px) 10px clamp(9px,1.8svh,12px);display:grid;overflow:hidden}.menu-panel[data-testid=main-menu]{height:calc(100svh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));max-height:calc(100svh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));padding:clamp(8px,1.8svh,12px) 10px clamp(9px,1.8svh,12px)}.brand-logo,.menu-panel[data-testid=main-menu] .brand-logo{width:min(620px,100%);max-height:min(15svh,118px)}.screen-attribution{left:max(10px, env(safe-area-inset-left));bottom:max(7px, env(safe-area-inset-bottom));width:min(230px,52vw);min-height:clamp(18px,4.8vw,28px)}.screen-attribution-image{height:clamp(18px,4.8vw,28px)}.tagline{margin:2px auto clamp(14px,2.4svh,18px);font-size:clamp(16px,4.5vw,20px);line-height:1.04}.tagline-image{width:min(270px,72%);height:clamp(24px,6.4vw,34px)}.character-grid{gap:clamp(6px,1.3svh,10px)}.character-card{border-width:4px;border-radius:22px;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;padding:clamp(8px,1.5svh,12px) 12px clamp(12px,2svh,16px) 16px}.character-card.selected{transform:translate3d(0,-2px,14px)scale(1.012)}.card-pennant strong{font-size:clamp(21px,7.2vw,30px)}.card-pennant{width:clamp(78px,22vw,108px);padding:0;top:10px;left:10px}.character-copy,.menu-panel[data-testid=main-menu] .character-copy{margin-top:0;top:44px;left:16px}.character-breed{width:min(170px,38vw);max-width:8.4em;font-size:clamp(14px,3.8vw,17px);line-height:1.12}.character-role-image,.menu-panel[data-testid=main-menu] .character-role-image{width:auto;max-width:min(210px,46vw);height:clamp(36px,10vw,44px)}.character-hero-art{object-fit:cover;object-position:center center;place-self:auto;width:100%;height:100%;margin:0;position:absolute;inset:0;transform:none}.menu-panel[data-testid=main-menu] .character-hero-art{width:100%;min-width:0;max-width:none;height:100%;inset:0;transform:none}.button-row{gap:10px;margin-top:clamp(6px,1.3svh,10px)}.primary-btn,.ghost-btn{border-radius:15px;min-height:clamp(38px,6.6svh,48px);padding:0 22px;box-shadow:inset 0 -4px #0003,0 5px #01113347}.scores-panel{flex-direction:column;gap:clamp(10px,1.8svh,14px);display:flex}.scores-panel .brand{font-size:clamp(36px,8svh,58px)}.scores-panel .leaderboard{flex:auto;height:auto;min-height:clamp(260px,54svh,520px);padding:clamp(10px,2svh,18px) 12px}.scores-panel .button-row{flex:none;margin-top:0}.scores-panel #back-btn{flex:none;height:52px;min-height:52px}#mobile-controls{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));column-gap:10px}#mobile-controls .pad{gap:8px}#mobile-controls button{border-radius:18px;min-width:64px;min-height:58px;font-size:15px}#mobile-controls button:before{inset:-16px -12px}#mobile-controls .left-pad button{min-width:71px;font-size:30px}#mobile-controls .right-pad button,#pause-btn{min-width:64px}.hud{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));gap:6px}.hud-health-cluster{width:min(49vw,194px)}.hud-score-cluster{width:min(40vw,158px)}.hud-score-content{left:2%;right:41%}.score-number{font-size:clamp(14px,17cqh,16px)}.game-over-screen{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:center}.game-over-panel{width:100%;min-height:0;max-height:none;height:calc(100svh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));background:linear-gradient(145deg,#12336ffa 0%,#061e4cfc 52%,#031336fc 100%);border-width:1px;border-radius:28px;grid-template-rows:auto auto auto minmax(0,1fr) auto;align-self:center;gap:7px;padding:8px 12px 22px}.game-over-title{margin:-10px 0 -2px}.game-over-logo{max-height:min(16svh,136px)}.score-ribbon{flex-wrap:wrap;row-gap:4px;min-height:42px;padding:6px 10px;font-size:clamp(16px,4.4vw,20px)}.game-over-form{grid-template-columns:minmax(0,1fr) minmax(102px,116px);gap:8px}.name-field,.submit-btn,.game-over-action{border-radius:16px;min-height:50px;font-size:clamp(14px,4vw,18px)}.name-field{border-width:3px;gap:8px;padding:0 12px}.name-field span{font-size:20px}.name-field input{font-size:clamp(15px,4vw,18px)}.game-over-leaderboard{min-height:0;max-height:none;padding:9px 8px}.game-over-leaderboard:before{margin:-2px auto 4px;font-size:20px}.leaderboard-row{grid-template-columns:36px minmax(0,1fr) auto auto;gap:6px;min-height:34px;padding:4px 6px 4px 4px;font-size:14px}.leaderboard-rank{width:30px;height:28px;font-size:16px}.game-over-actions{grid-template-columns:1fr 1fr;gap:8px}.game-over-action{gap:7px}.game-over-action span:first-child{border-radius:8px;width:28px;height:28px}}@media (width>=761px) and (height<=760px){.game-over-panel{gap:6px;padding:10px 32px 28px}.game-over-title{margin:-24px 0 -6px}.game-over-logo{max-height:146px}.score-ribbon{min-height:46px}.name-field,.submit-btn,.game-over-action{min-height:58px}.game-over-leaderboard{min-height:150px;max-height:150px;padding:10px 14px}.game-over-leaderboard:before{margin-bottom:4px;font-size:20px}.leaderboard-row{min-height:38px}.leaderboard-rank{height:30px;font-size:18px}}@media (pointer:fine) and (width>=900px){#mobile-controls{display:none!important}}