@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";.garden-piece{justify-content:center;align-items:center;display:inline-flex}.garden-friend{transform-origin:50% 85%;width:100%;height:100%;animation:3s ease-in-out infinite friend-bob;overflow:visible}.garden-wL .garden-friend{animation:3.4s ease-in-out infinite friend-sway}.friend-wings{transform-origin:50px 55px;animation:.8s ease-in-out infinite alternate friend-flutter}.friend-eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite friend-blink}.mode-friends .garden-piece{width:60px!important;height:60px!important}.mode-friends{gap:8px}@keyframes friend-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-1px)rotate(3deg)}}@keyframes friend-sway{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(-1px)}}@keyframes friend-flutter{0%,to{transform:scaleX(1)}50%{transform:scaleX(.87)}}@keyframes friend-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@media (prefers-reduced-motion:reduce){.garden-friend,.friend-wings,.friend-eyes{animation:none}}.rising-board-window{border-radius:12px;position:relative;overflow:hidden}.rising-board-track{flex-direction:column;gap:2px;display:flex}.rising-board-track.is-rising{animation:.7s ease-in-out both board-elevator}.rising-board-track.is-rising>:last-child{filter:drop-shadow(0 0 5px #5eeaff)}@keyframes board-elevator{0%{transform:translateY(var(--row-pitch))}to{transform:translateY(0)}}.power-gear-rule{aspect-ratio:7;pointer-events:none;width:100%;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.power-gear-rule img{width:100%;height:auto;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.power-gear-notice{z-index:6;color:#fff1b8;text-align:center;pointer-events:none;background:#28124ee8;border-radius:12px;padding:6px;font:700 clamp(10px,1.5vmin,16px) Fredoka,sans-serif;position:absolute;top:4px;left:0;right:0}.gear-cell-effect{border-radius:inherit;pointer-events:none;opacity:0;animation:gear-cell-flash var(--effect-duration) ease-out var(--effect-start) forwards;place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.gear-effect-freeze{background:#38bdf8aa;box-shadow:inset 0 0 12px #e0f2fe}.gear-effect-fire{background:#ef444499;box-shadow:inset 0 0 16px #fbbf24}.gear-effect-blast{background:#fb923c99}.gear-effect-cross{background:#4ade8088}.gear-effect-hunter{background:#a855f7aa;box-shadow:inset 0 0 14px #e9d5ff}@keyframes gear-cell-flash{0%,65%{opacity:1}to{opacity:0}}.attack-flight-layer{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.versus-projectile{color:var(--attack-color);filter:drop-shadow(0 0 14px var(--attack-color));flex-direction:column;align-items:center;animation:.7s ease-in both attack-travel-right;display:flex;position:absolute;top:30%;left:25%}.versus-projectile strong{font-size:clamp(38px,7vmin,80px)}.versus-projectile span{white-space:nowrap;background:#071531ed;border:1px solid;border-radius:9px;padding:4px 10px;font:800 clamp(10px,1.8vmin,20px) Fredoka,sans-serif}.versus-projectile.from-player-2{animation-name:attack-travel-left;left:75%}@keyframes attack-travel-right{0%,25%{left:25%;transform:translate(-50%)scale(.8)}60%{transform:translate(-50%,-50px)scale(1.25)}to{left:75%;transform:translate(-50%)scale(.8)}}@keyframes attack-travel-left{0%,25%{left:75%;transform:translate(-50%)scale(.8)}60%{transform:translate(-50%,-50px)scale(1.25)}to{left:25%;transform:translate(-50%)scale(.8)}}.versus-overlay{z-index:8;pointer-events:none;color:var(--attack-color);border-radius:inherit;position:absolute;inset:0}.versus-attack-label{z-index:4;text-align:center;background:#06102de8;border:1px solid;border-radius:12px;padding:7px;font:800 clamp(9px,1.7vmin,19px) Fredoka,sans-serif;position:absolute;top:12%;left:2%;right:2%;box-shadow:0 0 14px #0009}.versus-attack-label small{color:#fff;margin-top:3px;font-size:.75em;display:block}.stage-warning .versus-attack-label{animation:.25s ease-in-out infinite alternate attack-warning-flash}.board-ice{background:linear-gradient(25deg,#70dcff99,#a6f4ff33);border:4px double #bafaff;justify-content:space-evenly;align-items:center;font-size:clamp(24px,6vmin,70px);animation:.45s ease-out both ice-wave;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 25px #bdffff}.board-ice strong{color:#fff;text-shadow:0 0 10px #0067bd}.cell-frozen{z-index:5;border-radius:inherit;color:#edffff;background:repeating-linear-gradient(125deg,#0000 0 24%,#e9ffff99 25%,#0000 27%),#83e5ff55;border:2px solid #b3faff;place-items:center;font-size:24px;animation:.45s ease-out both ice-wave;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 12px #b9ffff}.cell-locked{z-index:6;background:repeating-linear-gradient(135deg,#ffc928aa 0 7px,#202b43dd 7px 14px);border:2px solid #ffd950;position:absolute;inset:0}.cell-locked:after{content:"🔒";place-items:center;height:100%;display:grid}.reverse-arrows{text-align:center;text-shadow:0 0 12px #fd7dff;width:100%;font-size:clamp(20px,5vmin,50px);animation:.5s ease-out reverse-turn;position:absolute;top:38%}.stage-effect .reverse-arrows{font-size:clamp(14px,2vmin,22px);top:auto;bottom:2%}.board-fog{opacity:.84;position:absolute;inset:30% 0 2%;overflow:hidden}.board-fog i{filter:blur(10px);background:radial-gradient(#e8f4ffed,#94a7c4aa 45%,#0000 70%);animation:1.5s ease-in-out infinite alternate fog-drift;position:absolute;inset:15% -30%}.board-fog i:nth-child(2){animation-delay:-600ms;top:45%}.board-fog i:nth-child(3){animation-delay:-900ms;top:-10%}.stage-warning .board-fog{opacity:.2}.stage-recovery{animation:.4s ease-out both attack-recover}.row-attack-warning{text-align:center;background:#ff7c2077;width:100%;font-size:clamp(20px,4vmin,46px);animation:.1s infinite alternate base-rumble;position:absolute;bottom:0}.shuffle-piece{z-index:5;animation:.9s ease-in-out both piece-shuffle-flight;position:relative}.shuffling-board .rising-board-track>div>div{overflow:visible!important}@keyframes piece-shuffle-flight{0%{transform:translate(0)rotate(0)}20%{transform:translateY(-6px)rotate(-12deg)}85%,to{transform:translate(var(--shuffle-x),var(--shuffle-y)) rotate(0)}}@keyframes ice-wave{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes attack-recover{to{opacity:0;filter:blur(3px);transform:scale(1.035)}}@keyframes attack-warning-flash{to{filter:brightness(1.6)}}@keyframes reverse-turn{0%{opacity:.3;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0)}}@keyframes fog-drift{0%{transform:translate(-8%,6%)}to{transform:translate(8%,-6%)}}@keyframes base-rumble{0%{transform:translate(-3px)}to{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.versus-overlay *,.cell-frozen,.shuffle-piece{animation-duration:1ms!important;animation-iteration-count:1!important}}.animated-space-scene .space-scenery-layer{animation:24s ease-in-out infinite alternate scene-pan}.scene-patrol-ship{filter:drop-shadow(0 0 9px #70dfff80);animation:9s ease-in-out infinite scene-flight}.scene-floating-friend{object-fit:contain;pointer-events:none;width:clamp(34px,6.5vmin,75px);height:clamp(34px,6.5vmin,75px);animation:7s ease-in-out infinite scene-friend-drift;position:absolute}.scene-star{animation:6s linear infinite scene-star-travel}@keyframes scene-pan{0%{transform:scale(1.09)translate(1.5%)}to{transform:scale(1.14)translate(-1.5%)}}@keyframes scene-flight{0%,to{transform:translate(0)rotate(-3deg)}25%{transform:translate(5vw,-12px)rotate(3deg)}50%{transform:translate(12vw,8px)rotate(-2deg)}75%{transform:translate(4vw,16px)rotate(2deg)}}@keyframes scene-friend-drift{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(-30px,12px)rotate(8deg)}}@keyframes scene-star-travel{0%{opacity:0;transform:translate(10vw)}20%,80%{opacity:.6}to{opacity:0;transform:translate(-20vw)}}@media (prefers-reduced-motion:reduce){.animated-space-scene .space-scenery-layer,.scene-patrol-ship,.scene-floating-friend,.scene-star{animation:none}}.scene-combat{pointer-events:none;position:absolute;inset:0}.scene-projectile{background:#edffff;border-radius:50%;width:24px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 7px 3px #48dfff,-12px 0 12px #40caff}.scene-impact{aspect-ratio:1;width:clamp(60px,10vmin,110px);position:absolute;transform:translate(-50%,-50%)}.scene-impact svg{width:100%;height:100%;animation:.85s ease-out both scene-impact-pop}.scene-floating-friend.scene-enemy-hit{animation:.85s ease-out both scene-enemy-pop}@keyframes scene-impact-pop{0%{opacity:1;transform:scale(.2)}30%{opacity:1;transform:scale(1.1)rotate(15deg)}to{opacity:0;transform:scale(1.5)rotate(35deg)}}@keyframes scene-enemy-pop{0%{opacity:1;filter:brightness(2)}20%{opacity:1;transform:scale(1.2)}45%,80%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.result-art-frame .result-art-scores{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3cqw;display:grid}.result-art-frame .result-stat,.result-art-frame .result-art-pieces{isolation:isolate;background:radial-gradient(at 50% 110%,#0076cc55,#0000 65%),radial-gradient(circle,#1485c526 .08cqw,#0000 .12cqw) 0 0/.65cqw .65cqw,linear-gradient(145deg,#082e5e,#03132f 65%,#062858);border:max(1px,.18cqw) solid #26edff;border-radius:3cqw;flex-direction:column;justify-content:center;gap:.8cqw;padding:1.4cqw 1.5cqw;display:flex;box-shadow:0 0 0 .12cqw #0070ed,0 0 .7cqw #00e5ff,0 0 1.8cqw #008cff99,inset 0 0 .6cqw #00bcffa6,inset 0 0 2cqw #0273c755}.result-art-frame .result-stat{position:relative}.result-stat:after,.result-art-pieces:after{content:"";clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);filter:drop-shadow(0 0 .5cqw #0ef);background:linear-gradient(90deg,#00a6ff,#e8ffff,#00a6ff);width:40%;height:.5cqw;position:absolute;bottom:-.12cqw;left:30%}.result-art-frame .score-title{z-index:1;filter:drop-shadow(0 0 .4cqw #008cff88);flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.result-art-frame .score-title span{isolation:isolate;color:#f0fcff;text-align:center;white-space:nowrap;text-shadow:0 0 .3cqw #00c8ff;clip-path:polygon(7% 0,93% 0,100% 30%,86% 100%,14% 100%,0 30%);background:#05caff;min-width:76%;padding:.65cqw 1cqw;font:800 1.9cqw/1 Nunito,sans-serif;display:block;position:relative}.result-art-frame .score-title span:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(#07417c,#031a3c 42%,#052c55);position:absolute;inset:max(1px,.08cqw)}.score-title i{background:repeating-linear-gradient(0deg,#00dfff 0 .35cqw,#0000 .35cqw .65cqw);flex:1;height:1.4cqw;margin-right:-.4cqw;transform:skew(38deg);box-shadow:0 0 .7cqw #00d9ff66}.score-title i:last-child{margin-left:-.4cqw;margin-right:0;transform:skew(-38deg)}.result-art-frame .score-value-frame{isolation:isolate;clip-path:polygon(7% 0,93% 0,100% 15%,100% 78%,87% 100%,13% 100%,0 78%,0 15%);background:#0875a6;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:.7cqw .4cqw 1cqw;display:flex;position:relative}.score-value-frame:before{content:"";z-index:-1;clip-path:inherit;background:radial-gradient(#072955,#041c3f);position:absolute;inset:max(1px,.08cqw)}.result-art-frame .score-value-frame strong{color:#f5fcff;font-variant-numeric:tabular-nums;letter-spacing:-.12cqw;white-space:nowrap;text-align:center;text-shadow:0 .16cqw #b5e9ff,0 .32cqw #03a5ee,0 .5cqw #073477,0 .7cqw .5cqw #010919;font:700 6cqw/1 Fredoka,sans-serif}.result-art-frame .result-art-pieces{background:radial-gradient(#06254d 20%,#0000 80%),radial-gradient(circle,#1485c547 .18cqw,#0000 .22cqw) 0 0/.85cqw .85cqw,linear-gradient(110deg,#063364,#031631 50%,#063364);border-radius:2.8cqw;gap:.5cqw;padding:.9cqw 3cqw}.result-art-frame .result-art-pieces .score-title{width:58%}.result-art-frame .result-art-pieces .score-title span{padding:.55cqw 1.8cqw}.result-art-frame .result-art-pieces .score-value-frame{width:34%;padding:.2cqw .4cqw .6cqw}.result-art-frame .result-art-pieces .score-value-frame strong{font-size:5.5cqw}.result-art-frame .result-versus-winner .score-title{width:74%}.result-art-frame .result-versus-winner .score-value-frame{width:70%}.result-art-frame .result-versus-winner .score-value-frame strong{font-size:3cqw}.result-art-frame .score-count-complete{animation:.9s ease-out score-frame-gold}.result-art-frame .score-count-complete strong{transform-origin:50%;animation:.9s ease-out score-number-prize}@keyframes score-number-prize{0%,to{transform:scale(1)}30%{color:#fffbd1;-webkit-text-stroke:.09cqw #ffd43b;text-shadow:0 0 .6cqw #fff3a0,0 0 1.7cqw #ffc400,0 .3cqw #b66c00;transform:scale(1.16)}65%{transform:scale(1.04)}}@keyframes score-frame-gold{25%,55%{filter:drop-shadow(0 0 .7cqw #ffc400);background:#ffe052}}@media (prefers-reduced-motion:reduce){.result-art-frame .score-count-complete strong{animation-name:score-frame-gold}}.ranking-screen.arcade-ranking{background:#120a03 url(/backrank.png) 50%/cover no-repeat;flex-direction:column;justify-content:safe center;gap:clamp(12px,2vh,24px);min-height:100dvh;padding:clamp(16px,3vh,36px) 4vw;display:flex;overflow-y:auto}.arcade-ranking .ranking-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000059;border:1px solid #ac791b80;border-radius:28px;flex-shrink:0;width:min(1450px,100%);padding:clamp(16px,2.5vw,38px);transform:none;box-shadow:0 0 0 4px #090603,0 0 0 5px #6c4a182e,inset 0 1px #ffe8a34d,0 20px 65px #0008}.arcade-ranking .leaderboard-header{margin-bottom:clamp(18px,2.8vh,30px)}.arcade-ranking .leaderboard-logo{object-fit:contain;filter:drop-shadow(0 0 18px #ffc92866);width:min(850px,92%);max-height:28dvh;margin:0 auto;display:block}.leaderboard-header>svg{color:#ffc928;filter:drop-shadow(0 0 8px #ffb30066);width:36px;height:28px}.arcade-ranking .leaderboard-header h1{letter-spacing:.035em;color:#ffe094;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #6b3807)drop-shadow(0 0 16px #ffb30033);background:linear-gradient(#fff8dc 10%,#ffe69c 38%,#ffb300 62%,#fff1ba 90%);-webkit-background-clip:text;background-clip:text;width:fit-content;margin:4px auto 6px;font:700 clamp(32px,5.5vw,82px)/1 Fredoka,sans-serif}.leaderboard-header p{color:#cbb58a;letter-spacing:.22em;margin:10px 0 0;font:800 clamp(9px,1vw,14px) Nunito,sans-serif}.arcade-ranking .ranking-list{gap:clamp(7px,1.1vh,12px);max-height:none;margin:0;padding:0;list-style:none;overflow:visible}.arcade-ranking .ranking-row{--rank-accent:#b88b36;border:1px solid var(--rank-accent);background:linear-gradient(110deg,#34210f,#1a1008 50%,#271909);border-radius:clamp(12px,1.5vw,22px);grid-template-columns:clamp(48px,8vw,110px) minmax(0,1fr) minmax(90px,auto) clamp(74px,12vw,160px);gap:clamp(8px,1.6vw,22px);min-height:clamp(54px,7.8vh,95px);padding:8px clamp(10px,2vw,30px);position:relative;box-shadow:inset 0 1px #ffe3a312,0 4px 12px #0003}.arcade-ranking .rank-place-1{--rank-accent:#ffcc37;background:linear-gradient(110deg,#62400c,#2b1b08 55%,#4a2f09);animation:4s ease-in-out infinite champion-glow}.arcade-ranking .rank-place-2{--rank-accent:#c7ced8;background:linear-gradient(110deg,#3a3732,#211b13 55%,#302c24)}.arcade-ranking .rank-place-3{--rank-accent:#ce9459;background:linear-gradient(110deg,#492c19,#23170e 55%,#362314)}.arcade-ranking .rank-position{min-height:38px;color:var(--rank-accent);border:1px solid var(--rank-accent);background:linear-gradient(145deg,#ffe5ad18,#0005);border-radius:10px 3px;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:clamp(15px,2vw,27px);display:flex}.arcade-ranking .rank-position span{color:inherit}.rank-position svg{width:clamp(16px,2vw,27px);height:22px}.arcade-ranking .rank-player{color:#fff8e9;letter-spacing:.06em;overflow-wrap:anywhere;font-size:clamp(17px,2.4vw,34px)}.arcade-ranking .rank-score{color:#ffe5a0;font-variant-numeric:tabular-nums;white-space:nowrap;font:800 clamp(19px,2.8vw,42px)/1 Nunito,sans-serif}.arcade-ranking .rank-place-1 .rank-score{color:#fff1b8;text-shadow:0 0 14px #ffd0374d}.arcade-ranking .rank-score small{color:#cbb88b;font-size:.42em;font-weight:700}.arcade-ranking .rank-mode{color:#ffd96a;background:#09060370;border:1px solid #a48134;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:clamp(28px,3.8vh,48px);padding:4px 8px;font:800 clamp(10px,1.15vw,17px) Nunito,sans-serif;display:flex}.rank-mode svg{flex-shrink:0;width:20px;height:20px}.arcade-ranking .rank-mode-solo{color:#ffbd7e;border-color:#b27d40}.arcade-ranking .rank-mode-versus{color:#92c5ff;background:#10223688;border-color:#527dac}.arcade-ranking .ranking-hint{color:#cfbb92;background:#100a04b3;border:1px solid #a76d005e;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:22px auto 0;padding:10px 20px;font:800 clamp(9px,1vw,13px) Nunito,sans-serif;display:flex}.ranking-hint>span{align-items:center;gap:6px;display:inline-flex}.ranking-hint kbd{color:#fff0c3;width:24px;height:24px;font:inherit;background:linear-gradient(#52391c,#21160b);border:1px solid #be984e;border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 2px #0008}.arcade-ranking .ranking-back{color:#271706;background:linear-gradient(#ffe392,#e5ad37);border-width:1px;border-radius:12px;flex-shrink:0;min-height:46px;padding:10px 30px;font-size:15px;transform:none;box-shadow:0 4px #654112,0 0 20px #ffc9281a}.arcade-ranking .ranking-back:active{transform:translateY(3px)}.arcade-ranking .ranking-back:focus-visible{outline-offset:5px;outline:3px solid #fff4c7}.arcade-ranking .ranking-empty{padding:38px 12px;line-height:1.8}@keyframes champion-glow{0%,to{box-shadow:0 0 10px #ffb90026,inset 0 0 18px #ffb4000d}50%{box-shadow:0 0 22px #ffc80045,inset 0 0 24px #ffbe001a}}@media (width<=540px){.arcade-ranking .ranking-panel{padding:16px 10px}.arcade-ranking .ranking-row{grid-template-columns:40px minmax(0,1fr) auto 58px;gap:7px;padding:8px}.rank-position svg,.rank-mode svg{display:none}.arcade-ranking .rank-score{font-size:clamp(16px,4.7vw,24px)}.arcade-ranking .rank-score small{display:none}.arcade-ranking .ranking-hint{gap:6px;padding:9px}.ranking-hint kbd{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.arcade-ranking .rank-place-1{animation:none}}.welcome-screen.welcome-screen{isolation:isolate;grid-template-rows:minmax(0,48fr) auto minmax(0,30fr);align-content:start;align-items:start;gap:clamp(12px,2vh,24px);padding-top:clamp(10px,1.5vh,20px);position:relative;background:0 0!important}.welcome-info-bar{z-index:4;color:#b8f3ff;letter-spacing:.04em;text-align:center;-webkit-backdrop-filter:blur(8px)saturate(1.2);background:linear-gradient(#082e58cc,#061932bb);border:1px solid #6eeaffaa;border-radius:10px;justify-content:space-around;align-items:center;gap:14px;width:min(94vw,980px);min-height:34px;margin:clamp(8px,1.4vh,16px) auto 0;padding:7px 16px;font:700 clamp(9px,1vw,14px) Fredoka,sans-serif;display:flex;position:relative;box-shadow:inset 0 1px #c0f6ff55,0 0 14px #13cfff55}.welcome-info-bar span{white-space:nowrap;flex:1}.welcome-info-bar span+span{border-left:1px solid #65ddff42}.welcome-info-bar b{color:#ffe16a;text-shadow:0 0 8px #ffc92899}.welcome-screen.welcome-screen:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#0000 0 28%,#02091c18 78%),linear-gradient(#02091c22 0%,#0000 35%,#02091c66 100%)!important}.welcome-screen .welcome-brand{align-self:start;width:min(850px,94vw);height:100%}.welcome-screen .welcome-brand h1{height:100%}.welcome-screen .welcome-brand .welcome-logo{object-fit:contain;object-position:center top;width:100%;height:100%;margin:0;transform:translateY(-15dvh)}.welcome-screen .welcome-modes{align-self:start;margin-top:clamp(8px,2vh,24px)}.welcome-screen .welcome-actions{background:0 0;align-self:start}.welcome-secondary-actions{background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.welcome-screen .welcome-play{width:min(540px,68vw);min-height:clamp(68px,11.5vh,148px);font-size:clamp(32px,5.8vmin,78px)}.welcome-screen .welcome-ranking{min-height:64px;padding:12px 40px;font-size:clamp(18px,2.5vmin,28px)}@keyframes welcome-ship-drift{0%{transform:translateY(2px)rotate(-4deg)}to{transform:translateY(-3px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.welcome-banner-ship,.welcome-banner-guest{animation:none}}@media (width<=620px){.welcome-info-bar{gap:4px;width:calc(100% - 20px);padding:6px 4px;font-size:8px}}:root:has(.welcome-cockpit){--cockpit-height:calc(100vw / 6.3)}.welcome-cockpit{height:var(--cockpit-height);color:#dbfbff;-webkit-backdrop-filter:blur(9px)saturate(1.25);background:linear-gradient(#061b3d88,#03142a66);border-top:1px solid #73eaff;border-bottom:2px solid #20d7ff;width:100%;font-family:Fredoka,sans-serif;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0b5d9e,0 0 16px #18cfff99,0 8px 28px #02091caa}.welcome-cockpit:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#051733aa 0%,#0000 16% 84%,#051733aa 100%),linear-gradient(#64eaff16 0%,#0000 35%,#02091c77 100%);position:absolute;inset:0;box-shadow:inset 0 1px #baf5ff66,inset 0 -10px 22px #01081788}.welcome-cockpit:after{content:"";z-index:3;pointer-events:none;border:1px solid #64eaff66;border-radius:12px;position:absolute;inset:5px 1.2%;box-shadow:inset 0 0 18px #26cfff2e,0 0 12px #1ad8ff66}.welcome-header-art{z-index:2;pointer-events:none;opacity:.9;mix-blend-mode:screen;filter:saturate(1.1)drop-shadow(0 0 8px #13cfff66);width:100%;max-width:none;height:auto;position:absolute;top:-7.8vw;left:0}.welcome-cockpit>strong{z-index:4;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #16cfff;line-height:1;position:absolute}.welcome-art-score{width:15.5%;font-size:3vw;top:52%;left:16.3%}.welcome-art-player{width:5.7%;font-size:1.7vw;left:51.9%}.welcome-art-p1{top:54%}.welcome-art-p2{top:70.4%}.welcome-art-energy{z-index:4;box-sizing:border-box;background:#03213bcc;border:1px solid #24e8c8aa;border-radius:.5vw;gap:.18vw;width:11.65%;height:15.5%;padding:.15vw;display:flex;position:absolute;top:58.4%;left:73.45%;box-shadow:inset 0 0 8px #17dabb55,0 0 8px #17dabb66}.welcome-art-energy i{background:#073b5c;border-radius:.2vw;flex:1}.welcome-art-energy i.charged{background:linear-gradient(#91ffde,#16ddb7);box-shadow:0 0 5px #34f6ce}.welcome-art-total{background:#032039;border-radius:.4vw;width:5.2%;padding:.4vw 0;font-size:1.8vw;top:59.3%;left:86.1%}.credit-overlay.pix-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px)saturate(.85);backdrop-filter:blur(3px)saturate(.85);background:#020d24c2;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:hidden}.pix-dialog{--cyan:#13e3ff;--blue:#0870df;--blue-2:#064ba4;--navy:#031c4d;--navy-2:#061b3f;--yellow:#ffdc2f;--yellow-2:#ffad17;--white:#f8fcff;aspect-ratio:1448/1086;width:min(92vw,1180px);max-height:92vh;color:var(--white);text-align:center;isolation:isolate;background:url(/modalpay.png) 50%/cover no-repeat;border:none;border-radius:42px;padding:0;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000094}.pix-content-panel{z-index:2;background:0 0;border:none;border-radius:30px;flex-direction:column;align-items:center;padding:0 22px 16px;display:flex;position:absolute;inset:17% 8% 11%;overflow-y:auto}.pix-title{letter-spacing:-1px;text-shadow:0 5px #042355,0 9px 16px #0000004d;margin:0 0 20px;font-size:clamp(30px,3.4vw,48px);font-weight:1000;position:relative;top:-18px}.pix-title span{color:var(--yellow);text-shadow:0 5px #925b00,0 9px 16px #0000004d}.pix-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:960px;margin:0 auto;display:grid}.pix-package-card{color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 26%,#25b1ff6b,#0000 38%),linear-gradient(#0757a9 0%,#073874 100%);border:3px solid #13c9ff;border-radius:28px;min-height:260px;padding:22px 18px 16px;transition:transform .18s,border-color .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #00a2ff3d,0 10px 22px #00000040}.pix-package-card:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff21,#0000 28%);position:absolute;inset:0}.pix-package-card:hover,.pix-package-card:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-4px)}.pix-package-card.is-selected{border:5px solid var(--yellow);animation:1.8s ease-in-out infinite alternate selectedGlow;transform:translateY(-7px)scale(1.025);box-shadow:0 0 0 3px #fff693b8,0 0 28px #ffd800d1,inset 0 0 36px #ffdd001f,0 14px 30px #00000057}.pix-package-card>strong{text-shadow:0 4px #06285c;margin-top:4px;font-size:clamp(20px,1.9vw,27px);font-weight:1000;display:block}.pix-package-card>b{color:var(--yellow);text-shadow:0 4px #744700;margin-top:6px;font-size:clamp(22px,2.1vw,30px);font-weight:1000;display:block}.pix-selected-badge{color:#0000;letter-spacing:.4px;background:0 0;border-radius:999px;place-items:center;min-height:44px;margin:14px auto 0;padding:0 20px;font-size:15px;font-weight:1000;display:grid}.pix-package-card.is-selected .pix-selected-badge{color:#06214d;background:linear-gradient(#fff36a,#ffc824);box-shadow:0 4px #c8850d}.pix-token-stack{width:122px;height:128px;margin:2px auto 0;position:relative}.pix-token{aspect-ratio:1;color:#fff49b;text-shadow:0 3px #db8a0a;background:radial-gradient(circle at 32% 24%,#fff49c 0 9%,#0000 10%),linear-gradient(145deg,#ffe56a 0%,#ffc227 48%,#e89511 100%);border:6px solid #f49513;border-radius:50%;place-items:center;width:74px;font-size:44px;line-height:1;display:grid;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 6px #ffcf39,inset 0 -9px #93500033,0 9px #ad5e08,0 12px 18px #00000040}.pix-token-stack--2 .pix-token:first-child{transform:translate(-78%)translateY(18px)rotate(-8deg)}.pix-token-stack--2 .pix-token:nth-child(2){transform:translate(-28%)translateY(-4px)rotate(8deg)}.pix-token-stack--3 .pix-token:first-child{transform:translate(-88%)translateY(30px)rotate(-7deg)}.pix-token-stack--3 .pix-token:nth-child(2){transform:translate(-50%)translateY(4px)}.pix-token-stack--3 .pix-token:nth-child(3){transform:translate(-14%)translateY(30px)rotate(7deg)}.pix-balance{color:#eaf8ff;text-shadow:0 2px #042355,0 3px 10px #0000008c;margin-top:20px;font-size:18px;font-weight:700}.pix-back{border:3px solid var(--cyan);color:#fff;cursor:pointer;background:linear-gradient(#0756a1,#062e66);border-radius:22px;justify-content:center;align-items:center;gap:13px;min-width:330px;height:84px;margin-top:16px;font-size:26px;font-weight:1000;display:inline-flex;box-shadow:0 7px #021e47,0 0 18px #00d3ff4d}.pix-back__button{aspect-ratio:1;background:#dd2239;border:3px solid #fff;border-radius:50%;place-items:center;width:38px;font-size:21px;display:grid;box-shadow:0 3px #721424}.pix-status-message,.pix-error{text-shadow:0 2px #042355,0 3px 10px #0000008c;max-width:760px;margin:14px auto 0;font-weight:800}.pix-error{color:#ffd3d3}.pix-loading{justify-content:center;gap:7px;margin:15px 0 0;display:flex}.pix-loading i{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:.8s infinite alternate loadingDot}.pix-loading i:nth-child(2){animation-delay:.15s}.pix-loading i:nth-child(3){animation-delay:.3s}.pix-payment-stage,.pix-success,.pix-expired{width:min(100%,720px);margin:20px auto 0}.pix-purchase-summary{border:2px solid var(--yellow);color:#fff3a0;background:#001d4a80;border-radius:999px;margin-bottom:18px;padding:10px 22px;font-size:20px;font-weight:1000;display:inline-block}.pix-qr-shell{aspect-ratio:1;width:300px;box-shadow:0 0 0 6px var(--cyan), 0 0 34px #13e3ff6b;background:#fff;border:6px solid #fff;border-radius:28px;margin:0 auto;padding:18px}.pix-qr{object-fit:contain;width:100%;height:100%;display:block}.pix-qr-wait{color:#123a71;place-items:center;height:100%;font-weight:900;display:grid}.pix-scan{margin-top:24px;font-size:24px;display:block}.pix-waiting{color:#caefff;letter-spacing:1.4px;margin:12px 0 0;font-weight:900}.pix-time{color:var(--yellow);text-shadow:0 4px #654100;margin-top:14px;font-size:44px;font-weight:1000}.pix-time small{color:#d2e9f8;text-shadow:none;font-size:14px}.pix-help,.pix-reference{color:#c2dced}.pix-primary{border:3px solid var(--yellow);color:#07265d;background:linear-gradient(#ffde38,#f5a617);border-radius:18px;min-width:290px;height:76px;margin-top:20px;font-size:18px;font-weight:1000;box-shadow:0 6px #94550a}.pix-success__check{aspect-ratio:1;background:#53c91f;border:8px solid #e7ffb7;border-radius:50%;place-items:center;width:110px;margin:10px auto 20px;font-size:64px;font-weight:1000;display:grid;box-shadow:0 0 30px #73ff3c8c,0 9px #277d10}.pix-success>strong{color:var(--yellow);text-shadow:0 5px #7b4b00;font-size:48px;display:block}.pix-countdown{margin:6px 0;font-size:82px;display:block}.pix-gear{z-index:3;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #19d7ff 0 8deg, #0872df 8deg 19deg);pointer-events:none;border-radius:50%;width:118px;animation:10s linear infinite gearSpin;position:absolute;box-shadow:inset 0 0 0 20px #0a8cf1,inset 0 0 0 30px #044490,0 0 22px #00e1ff8c}.pix-gear:after{content:"";background:#051c4d;border-radius:50%;position:absolute;inset:38%}.pix-gear--tl{top:26px;left:-48px}.pix-gear--tr{animation-direction:reverse;top:26px;right:-48px}.pix-gear--bl{bottom:-38px;left:-34px}.pix-gear--br{animation-direction:reverse;bottom:-38px;right:-34px}.pix-star{z-index:2;color:var(--yellow);text-shadow:0 0 18px #ffcf1d,0 4px #b46b00;pointer-events:none;animation:2.6s ease-in-out infinite alternate starFloat;position:absolute}.pix-star--one{font-size:42px;top:180px;left:52px}.pix-star--two{font-size:34px;animation-delay:.7s;top:190px;right:58px}.pix-star--three{font-size:30px;animation-delay:1.2s;bottom:85px;right:95px}.pix-orbit{z-index:-2;filter:drop-shadow(0 0 10px #14e3ff99);border:10px solid #0000;border-top-color:#1fdcff5c;border-radius:50%;width:300px;height:120px;animation:3.4s ease-in-out infinite alternate orbitSweep;position:absolute}.pix-orbit--left{top:260px;left:-180px;transform:rotate(70deg)}.pix-orbit--right{animation-delay:1s;top:250px;right:-180px;transform:rotate(-70deg)}@keyframes selectedGlow{0%{filter:brightness()}to{filter:brightness(1.12)}}@keyframes loadingDot{0%{opacity:.45;transform:translateY(0)}to{opacity:1;transform:translateY(-7px)}}@keyframes gearSpin{to{transform:rotate(360deg)}}@keyframes starFloat{0%{opacity:.78;transform:translateY(0)rotate(-4deg)scale(.95)}to{opacity:1;transform:translateY(-13px)rotate(6deg)scale(1.08)}}@keyframes orbitSweep{0%{opacity:.4;transform:translateY(0)rotate(60deg)scale(.95)}to{opacity:1;transform:translateY(-12px)rotate(76deg)scale(1.05)}}@keyframes ambientPulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@media (width<=1100px){.pix-dialog{width:min(94vw,1000px)}.pix-package-card{min-height:230px}.pix-token-stack{margin-bottom:-8px;transform:scale(.88)}}@media (height<=820px){.pix-dialog{width:min(88vw,1000px)}.pix-package-card{min-height:210px}.pix-token-stack{margin-bottom:-14px;transform:scale(.78)}}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Nunito", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}html,body,#root{background:#1c5c98;height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}@keyframes conveyor-scroll{0%{transform:translate(0)}to{transform:translate(-100px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px 6px #ffc92866,0 0 40px 12px #ffc92833}50%{box-shadow:0 0 30px 10px #ffc928aa,0 0 60px 20px #ffc92855}}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}@keyframes countdown-zoom{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.2)}70%{transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes rocket-launch{0%{transform:translateY(0)scale(1)}20%{transform:translateY(-20px)scale(1.05)}to{transform:translateY(-900px)scale(.4)}}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes wing-move{0%{transform:translate(80px)translateY(-30px)rotate(15deg)}to{transform:translate(0)translateY(0)rotate(0)}}@keyframes blink-light{0%,to{opacity:1}50%{opacity:.2}}@keyframes press-start-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(200px)rotate(720deg)}}@keyframes piece-drop{0%{opacity:.4;transform:translateY(-110%)scale(.6)}55%{opacity:1;transform:translateY(12%)scale(1.12)}75%{transform:translateY(-5%)scale(.96)}90%{transform:translateY(4%)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes cell-success{0%{transform:scale(1);box-shadow:0 0 #ffffffe6}35%{transform:scale(1.18);box-shadow:0 0 28px 10px #fffc}to{transform:scale(1);box-shadow:0 0 #fff0}}@keyframes col-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)rotate(-1.5deg)}45%{transform:translate(7px)rotate(1.5deg)}75%{transform:translate(-4px)rotate(-.8deg)}}@keyframes score-float{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-52px)scale(1.4)}to{opacity:0;transform:translateY(-80px)scale(1)}}@keyframes col-done-pulse{0%,to{box-shadow:0 0 8px 2px #57d66b66}50%{box-shadow:0 0 28px 10px #57d66bcc}}@keyframes cursor-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.75;transform:scaleY(1.08)}}@keyframes part-pop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}60%{opacity:1;transform:scale(1.2)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes low-timer-warn{0%,to{opacity:1}50%{opacity:.3}}@keyframes rocket-soar{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.9)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.1)}22%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-130vh)scale(.25)rotate(-5deg)}}@keyframes engine-fire{0%,to{filter:hue-rotate();transform:scaleY(1)scaleX(1)}50%{filter:hue-rotate(30deg);transform:scaleY(1.5)scaleX(.8)}}@keyframes speed-line{0%{opacity:0;transform:translate(-20vw)}8%{opacity:.55}92%{opacity:.55}to{opacity:0;transform:translate(120vw)}}@keyframes win-text-in{0%{opacity:0;filter:blur(14px);transform:scale(.15)rotate(-10deg)}50%{opacity:1;filter:blur();transform:scale(1.18)rotate(3deg)}68%{transform:scale(.94)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes score-slam{0%{opacity:0;transform:translateY(-90px)scale(.45)rotate(-6deg)}55%{opacity:1;transform:translateY(10px)scale(1.12)rotate(1.5deg)}75%{transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes firework-burst{0%{opacity:1;transform:translate(0)scale(1.2)}to{transform:translate(var(--fx), var(--fy)) scale(0);opacity:0}}@keyframes grid-line-glow{0%,to{opacity:.08}50%{opacity:.18}}@keyframes piece-explode{0%{opacity:1;filter:brightness()blur();transform:scale(1)}35%{opacity:1;filter:brightness(4)blur(1px);transform:scale(1.6)}to{opacity:0;filter:brightness(5)blur(4px);transform:scale(0)}}@keyframes col-lock-flash{0%,to{background:#dc262614}50%{background:#dc262638}}@keyframes combo-bang{0%{opacity:0;transform:scale(.3)rotate(-8deg)}40%{opacity:1;transform:scale(1.4)rotate(3deg)}70%{opacity:1;transform:scale(1.1)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes result-drop{0%{opacity:0;transform:translateY(-60px)}60%{opacity:1;transform:translateY(8px)}80%{transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes planet-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes energy-fill{0%{width:30%}to{width:85%}}@keyframes space-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ship-wobble{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}@keyframes ship-patrol{0%,to{transform:translateY(-50%)rotate(-2deg)scale(1)}25%{transform:translate(7vw,-58%)rotate(3deg)scale(1.03)}50%{transform:translate(14vw,-42%)rotate(-2deg)scale(1.06)}75%{transform:translate(6vw,4%)rotate(3deg)scale(1.03)}}@keyframes laser-shot{0%{opacity:0;transform:translate(0)scaleX(.4)}12%{opacity:1}to{opacity:0;transform:translate(58vw)scaleX(1)}}@keyframes enemy-drift{0%,to{transform:translate(0)rotate(-5deg)}50%{transform:translate(-24px,18px)rotate(5deg)}}@keyframes enemy-patrol{0%,to{transform:translate(0)rotate(-4deg)}25%{transform:translate(-18px,12px)rotate(4deg)}50%{transform:translate(20px,-14px)rotate(-3deg)}75%{transform:translate(-10px,18px)rotate(5deg)}}@keyframes enemy-destroy{0%,72%{opacity:1;filter:drop-shadow(0 0 12px #a855f7)}82%{opacity:1;filter:drop-shadow(0 0 28px #ffc928)brightness(2);transform:scale(1.45)rotate(18deg)}to{opacity:0;transform:scale(0)rotate(90deg)}}@keyframes boss-appear{0%{opacity:0;transform:translateY(-50%)scale(0)rotate(-20deg)}60%{opacity:1;transform:translateY(-50%)scale(1.15)rotate(3deg)}to{opacity:1;transform:translateY(-50%)scale(1)rotate(0)}}@keyframes combo-flash{0%{opacity:0;transform:translate(-50%)scale(.6)}30%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes alignment-move{0%{left:10%}25%{left:45%}60%{left:42%}75%{left:44%}to{left:43%}}.conveyor-animate{animation:.8s linear infinite conveyor-scroll}.glow-yellow{animation:1.5s ease-in-out infinite pulse-glow}.press-start{animation:1.2s ease-in-out infinite press-start-pulse}.star-animate{animation:2s ease-in-out infinite star-twinkle}.spin-gear{animation:4s linear infinite spin-slow}.wing-animate{animation:2s ease-out forwards wing-move}.score-bounce{animation:.5s cubic-bezier(.22,1,.36,1) both bounce-in}.screen-toolbar{color:#fff;background:#09132f;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 12px;font-family:Fredoka,sans-serif;font-size:clamp(11px,1.2vw,18px);display:flex}.screen-toolbar button{cursor:pointer;background:linear-gradient(#06152d99,#06152dcc),url(/herogame.png) 50%/100% 100% no-repeat;border:1px solid #73baff;border-radius:10px;min-height:44px;padding:0 16px}.touch-controls{--control-top:#ff979c;--control-face:#ed4a66;--control-base:#9f2447;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 100%,#3a5590 0%,#142748 75%);border-top:2px solid #ffffff25;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(14px,2.2vw,42px);padding:clamp(9px,1.4vh,18px) clamp(8px,1.5vw,24px);display:flex}.touch-player-2{--control-top:#85e5ff;--control-face:#2ca6ed;--control-base:#156098}.touch-steering{background:#07162a66;border-radius:999px;gap:clamp(8px,1vw,18px);padding:clamp(5px,.8vh,9px);display:flex;box-shadow:inset 0 2px 5px #0005,0 1px #ffffff20}.touch-action{background:linear-gradient(165deg, var(--control-top), var(--control-face) 70%);color:#fff;text-shadow:0 2px 1px #0004;width:clamp(48px,7.5vw,142px);height:clamp(52px,10vh,108px);box-shadow:0 6px 0 var(--control-base), 0 9px 12px #0005, inset 0 3px 0 #ffffff60;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:3px solid #ffffff85;border-radius:32%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform 90ms,box-shadow 90ms,filter 90ms;display:flex;position:relative}.touch-action:before{content:"";pointer-events:none;background:#ffffff50;border-radius:50%;height:4px;position:absolute;top:6px;left:19%;right:19%}.touch-arrow{filter:drop-shadow(0 2px 1px #0003);pointer-events:none;width:62%;height:68%;overflow:visible}.touch-drop{color:#6a350b;text-shadow:0 1px #fff8;background:linear-gradient(155deg,#fff395,#ffd342 45%,#ffad24);border-color:#fff1ad;border-radius:50%;width:clamp(58px,9vw,165px);height:clamp(60px,11vh,120px);box-shadow:0 6px #bd701c,0 10px 18px #0005,inset 0 3px #fff8}.touch-action:active{filter:brightness(1.08);box-shadow:0 1px 0 var(--control-base), inset 0 2px 5px #0002;transform:translateY(5px)}@media (prefers-reduced-motion:reduce){.touch-action{transition:none}}button{touch-action:manipulation}button:focus-visible{outline-offset:-4px;outline:3px solid #fff}.garden-piece{-webkit-user-select:none;user-select:none;pointer-events:none;position:relative}.garden-friend{filter:drop-shadow(0 2px 1px #081c3b55);transform-origin:50% 85%;width:100%;height:100%;animation:3.8s ease-in-out infinite friend-sway;display:block;overflow:visible}.garden-win .garden-friend{animation-delay:-.8s}.garden-str .garden-friend{animation-delay:-1.6s}.garden-wL .garden-friend{animation-delay:-2.4s}.garden-wR .garden-friend{animation-delay:-3.2s}.garden-eyes{transform-box:fill-box;transform-origin:50%;animation:5.8s infinite friend-blink}.garden-str .garden-eyes{animation-delay:-2s}.garden-win .garden-eyes{animation-delay:-3.5s}.garden-wings{transform-origin:50px 50px;animation:2s ease-in-out infinite friend-flutter}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.welcome-screen{isolation:isolate;color:#fff;background:radial-gradient(at 38% 40%,#55d8f2,#2865bf 35%,#43308f 72%,#21164f);grid-template-rows:1fr auto 1fr;justify-items:center;gap:clamp(12px,2.5vh,30px);width:100%;height:100%;padding:clamp(12px,2.5vh,32px) 16px;font-family:Fredoka,sans-serif;display:grid;position:relative;overflow:hidden}.welcome-stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.welcome-stars span{background:#fff;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite star-twinkle;position:absolute}.welcome-brand{text-align:center;align-self:center}.welcome-brand h1{letter-spacing:.03em;margin:0;font-weight:700;line-height:.85}.welcome-brand h1 span{display:block}.welcome-brand h1 span:first-child{color:#ffce32;text-shadow:0 6px #ae731c;font-size:clamp(42px,min(13vw,11vh),156px)}.welcome-brand h1 span:nth-child(2){color:#fff5e9;text-shadow:0 4px #183c77;font-size:clamp(32px,min(10vw,8vh),116px)}.welcome-brand h1 span:last-child{color:#ff9834;text-shadow:0 6px #ad4f1c;font-size:clamp(42px,min(13vw,11vh),156px)}.welcome-brand p{letter-spacing:.14em;color:#e1f6ff;margin:18px 0 0;font-size:clamp(10px,1.8vmin,23px)}.welcome-play{color:#542a16;letter-spacing:.06em;cursor:pointer;background:linear-gradient(150deg,#ffe36a,#ffc425 50%,#ff972e);border:4px solid #ffe996;border-radius:clamp(24px,4vmin,48px);justify-content:center;align-items:center;gap:clamp(12px,3vw,40px);width:min(720px,84vw);min-height:clamp(96px,17vh,210px);font-size:clamp(42px,8vmin,108px);font-weight:700;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 9px #b5681d,0 16px 42px #17235866,inset 0 4px #fff8}.welcome-play svg{width:.8em;height:.8em}.welcome-play:active{transform:translateY(6px);box-shadow:0 3px #b5681d}.welcome-modes{text-align:center;align-self:center;width:min(800px,94vw)}.welcome-modes>p{letter-spacing:.12em;margin:0 0 12px;font-size:clamp(12px,2vmin,24px)}.welcome-mode-options{gap:clamp(8px,1.6vw,22px);display:flex}.welcome-mode{box-sizing:border-box;cursor:pointer;background:#ffffff14;border:3px solid #ffffff30;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:clamp(118px,18vh,210px);padding:clamp(10px,1.8vh,24px) 5px;display:flex;box-shadow:0 5px #182c6240}.welcome-mode>span{font-size:clamp(24px,4vmin,48px);line-height:1.1}.welcome-mode strong{font-size:clamp(11px,2vmin,24px)}.welcome-mode small{font-family:Nunito,sans-serif;font-size:clamp(9px,1.4vmin,17px)}.welcome-mode.is-selected{background:#ffdc5326;border-color:#ffdc53}@media (height<=600px){.welcome-screen{gap:10px;padding-block:8px}.welcome-brand p{margin-top:9px}.welcome-mode{border-radius:16px;gap:2px;min-height:100px;padding:6px}.welcome-modes>p{margin-bottom:5px}}.mission-backdrop{height:calc(100dvh - var(--cockpit-height));color:#fff;background:radial-gradient(at 35% 30%,#53cfe9,#3154a2 50%,#38256c);place-items:center;padding:18px;font-family:Fredoka,sans-serif;display:grid;overflow:auto}.mission-dialog{text-align:center;background:linear-gradient(155deg,#245aa9,#342671);border:3px solid #a4e9ff;border-radius:36px;width:min(800px,100%);padding:clamp(16px,3vh,36px);box-shadow:0 18px 60px #15215570}.mission-mascot{justify-content:center;align-items:center;gap:20px;display:flex}.mission-mascot>span{font-size:70px;animation:3s ease-in-out infinite friend-sway}.mission-eyebrow{color:#ffe182;letter-spacing:.12em;margin:12px 0 8px}.mission-dialog h2{margin:0 0 16px;font-size:clamp(26px,4.5vmin,52px);line-height:1.1}.mission-dialog #mission-description{margin:0;font-size:clamp(18px,2.8vmin,30px);line-height:1.4}.mission-dialog strong{color:#ffe177}.mission-example{justify-content:center;align-items:center;gap:8px;margin:18px 0;font-size:28px;display:flex}.mission-controls{color:#dbf5ff;font-size:clamp(14px,2vmin,22px)}.mission-countdown{justify-content:center;align-items:center;gap:16px;margin:16px 0;font-size:clamp(22px,3vmin,34px);display:flex}.mission-countdown strong{color:#553213;background:#ffdb60;border-radius:50%;place-items:center;width:64px;height:64px;font-size:38px;display:grid}.mission-progress{background:#12245f;border-radius:20px;height:10px;overflow:hidden}.mission-progress>div{border-radius:inherit;background:#87ebaa;height:100%;transition:width 1s linear}.mission-sound{cursor:pointer;color:#d7efff;min-height:44px;margin-top:10px;padding:8px 18px}.mission-sound:disabled{cursor:default}@media (height<=650px){.mission-mascot{display:none}.mission-dialog{padding:14px}.mission-example,.mission-countdown{margin:8px 0}}.welcome-screen,.mission-backdrop{background-color:#197ed0;background-image:radial-gradient(circle,#07296535 1.5px,#0000 2px),radial-gradient(at 35% 20%,#54dafa,#197bd1 48%,#243f99);background-size:9px 9px,cover}.welcome-screen.welcome-screen{background:0 0!important}.app-shell-splash{--cockpit-height:0px;background:linear-gradient(#03132a44 0%,#06255d22 42%,#06173355 100%),url(/fundo%20ato.png) 50%/cover no-repeat fixed;min-height:100dvh}.welcome-screen:before{content:"";pointer-events:none;z-index:-1;border:4px solid #101b43;border-radius:34px;position:absolute;inset:12px;box-shadow:0 0 0 3px #fff}.welcome-brand h1 span{-webkit-text-stroke:2px #101b43;paint-order:stroke fill;filter:drop-shadow(3px 4px #101b43)}.welcome-brand p{color:#101b43;background:#fff9e6;border:3px solid #101b43;border-radius:8px;padding:9px 16px;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #101b43}.welcome-play{color:#101b43;background:linear-gradient(145deg,#fff389,#ffde37 60%,#ffb92a);border:5px solid #101b43;outline:3px solid #fff9dc;box-shadow:0 9px #101b43,0 16px 30px #10336566,inset 0 4px #fff9}.welcome-modes>p{color:#fff9e6;text-shadow:2px 2px #101b43;font-weight:700}.welcome-mode{color:#101b43;background:#fff8e9;border:3px solid #101b43;box-shadow:4px 5px #101b43}.welcome-mode.is-selected{background:#ffe55c;border-color:#101b43;outline:3px solid #fff}.welcome-mode.is-selected strong{color:#101b43}.mission-dialog{color:#101b43;background:#fffaf0;border:5px solid #101b43;border-radius:30px;outline:3px solid #fff;width:min(950px,100%);overflow:hidden;box-shadow:10px 12px #10255470}.mission-comic-art{background-image:url(/stories.png);background-position:50% 12%;background-repeat:no-repeat;background-size:108%;border-bottom:5px solid #101b43;width:calc(100% + 2*clamp(16px,3vh,36px));height:clamp(100px,22vh,250px);margin:calc(-1*clamp(16px,3vh,36px)) calc(-1*clamp(16px,3vh,36px)) 16px}.mission-eyebrow{color:#185ba9;font-weight:700}.mission-dialog h2{color:#ffe04f;-webkit-text-stroke:2px #101b43;paint-order:stroke fill;text-shadow:2px 3px #101b43;background:#116fc0;border:3px solid #101b43;padding:8px;transform:rotate(-1deg)}.mission-dialog #mission-description strong{color:#101b43;background:#ffe665;border-radius:7px;padding:0 4px}.mission-example{color:#fff;background:#176ec1;border:3px solid #101b43;border-radius:10px;padding:8px;box-shadow:3px 4px #101b43}.mission-controls{color:#101b43}.mission-countdown{font-weight:700}.mission-countdown strong{border:3px solid #101b43;box-shadow:3px 3px #101b43}.mission-sound{color:#fff;background:#10265e;border-radius:14px}@media (height<=750px){.mission-comic-art{height:100px;margin-bottom:8px}.mission-dialog h2{margin-bottom:8px}.mission-eyebrow{margin-top:4px}}@media (height<=600px){.mission-comic-art{display:none}}.mission-image-screen{width:100%;height:calc(100dvh - var(--cockpit-height));background:#2866b4;place-items:center;display:grid;overflow:hidden}.mission-image-frame{width:min(100vw, calc((100dvh - var(--cockpit-height)) * 1312 / 1199));aspect-ratio:1312/1199;position:relative;container-type:inline-size}.mission-image-frame>img{object-fit:contain;width:100%;height:100%;display:block}.mission-image-counter{color:#422507;background:#ffdb43;border-radius:50%;place-items:center;width:7.2%;height:6.9%;font-family:Fredoka,sans-serif;font-size:5.4cqw;font-weight:700;line-height:1;display:grid;position:absolute;top:75.7%;left:62.8%}.mission-image-sound{cursor:pointer;background:0 0;border:0;border-radius:16px;width:26%;height:4.9%;position:absolute;top:85.9%;left:37%}.mission-image-sound>span{color:#fff;border-radius:inherit;background:#082560;border:1px solid #fff;place-items:center;width:100%;height:100%;font:500 1.7cqw Fredoka,sans-serif;display:grid}.mission-image-sound:disabled{cursor:default}.mission-image-screen{z-index:100;width:100vw;height:100dvh;position:fixed;inset:0}.mission-image-frame{aspect-ratio:auto;width:100%;height:100%}.mission-image-frame>img{object-fit:fill}.mission-image-counter{font-size:min(5.4vw,7vh)}.launch-screen{z-index:100;color:#fff4ab;background:repeating-conic-gradient(from 10deg,#137fca 0deg 15deg,#175cab 15deg 30deg);flex-direction:column;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.launch-screen>p{text-align:center;text-shadow:3px 3px #10214b;font-size:clamp(18px,3.5vmin,42px);font-weight:700}.launch-number{color:#ffdc3d;-webkit-text-stroke:clamp(4px, 1vmin, 12px) #101b43;paint-order:stroke fill;text-shadow:7px 10px #101b43,12px 15px #fff;font-family:Arial Black,Fredoka,sans-serif;font-size:clamp(120px,40vmin,480px);font-weight:900;line-height:1.15;animation:.6s cubic-bezier(.2,.8,.3,1) both launch-pop}.launch-rocket{font-size:clamp(60px,12vmin,150px);animation:.3s ease-in-out infinite friend-sway}@keyframes launch-pop{0%{opacity:0;transform:scale(.35)rotate(-12deg)}65%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.story-stage{height:calc(100dvh - var(--cockpit-height));background:radial-gradient(circle,#ffffff28 2px,#0000 3px) 0 0/16px 16px,radial-gradient(at top,#54d8ed,#2361b3 65%,#28276b);place-items:center;padding:clamp(16px,4vmin,52px);font-family:Fredoka,sans-serif;display:grid;overflow:auto}.story-book{background:#ffdf52;border:5px solid #10214b;border-radius:30px;outline:4px solid #fff1b0;width:min(1200px,100%);padding:clamp(10px,2vmin,24px);box-shadow:9px 12px #11245388}.story-heading{color:#10214b;align-items:center;gap:16px;margin-bottom:14px;display:flex}.story-heading>span:first-child{background:#fffbea;border:3px solid #10214b;flex-shrink:0;padding:8px 12px;font-weight:700;transform:rotate(-4deg)}.story-heading h2{flex:1;margin:0;font-size:clamp(17px,3vmin,38px);line-height:1.1}.story-heading>span:last-child{font-size:36px}.story-panel{background:#146fc0;border:4px solid #10214b;border-radius:16px;animation:.35s ease-out both story-arrive;overflow:hidden}.story-panel svg{width:100%;height:min(48vh,530px);display:block}.story-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.story-steps{gap:8px;display:flex}.story-steps span{color:#10214b;background:#fff5cc;border:2px solid #10214b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.story-steps .is-active{color:#fff;background:#102e68}.story-footer button{color:#fff;cursor:pointer;background:#102e68;border:2px solid #fff;border-radius:14px;min-height:44px;padding:8px 14px;font-size:clamp(11px,1.7vmin,18px)}@keyframes story-arrive{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.screen-toolbar{height:var(--cockpit-height);background:linear-gradient(#284c80,#10264c);border-bottom:5px solid #73cfee;gap:14px;padding:10px 20px;box-shadow:inset 0 -3px #071735}.cockpit-brand{align-items:center;gap:10px;display:flex}.program-rocket{vertical-align:middle;width:1em;min-width:40px;height:1.1em;min-height:44px;display:inline-block}.cockpit-brand>svg{width:56px;height:65px}.cockpit-brand strong{color:#ffe078;font-size:clamp(12px,1.5vw,22px);display:block}.cockpit-brand small,.cockpit-readout small{letter-spacing:.07em;color:#b9e8fc;font-size:clamp(8px,.75vw,12px);display:block}.cockpit-readout{background:#081d3b;border:2px solid #436992;border-radius:12px;flex:1;max-width:240px;padding:8px 12px;box-shadow:inset 0 3px 8px #0005}.cockpit-readout strong{color:#91f3b6;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.3vw,32px);line-height:1.1;display:block}.cockpit-progress progress{accent-color:#ffe078;width:100%;height:6px;margin-top:4px;display:block}.screen-toolbar button{background:linear-gradient(#4c92c9,#2a568d);border:2px solid #9ae5ff;border-radius:14px;font-weight:700;box-shadow:0 3px #071735}.mode-friends{gap:4px;display:flex}.launch-rocket .program-rocket{width:130px;height:140px}@media (width<=700px){:root{--cockpit-height:136px}.screen-toolbar{flex-wrap:wrap;gap:6px;padding:6px 10px}.cockpit-brand{flex:1}.cockpit-brand>svg{width:34px;height:40px}.screen-toolbar button{order:0;font-size:10px}.cockpit-readout{flex:25%;order:1;max-width:none;padding:5px 8px}}.screen-toolbar{background:radial-gradient(circle at 50% -90%,#1d83bd,#0000 48%),linear-gradient(#123d74,#06142d 82%);border-bottom:3px solid #2bdcff;flex-direction:column;gap:10px;min-height:190px;padding:14px clamp(16px,3vw,44px) 10px;display:flex;height:190px!important}@media (width<=700px){.screen-toolbar{gap:6px;min-height:168px;padding:8px;height:168px!important}.hero-panel-grid{gap:4px}.hero-panel-card{border-radius:9px;gap:3px;padding:6px 3px}.hero-panel-card small{font-size:7px}.hero-panel-card>strong{font-size:clamp(18px,5vw,28px)}.hero-team-card>strong{font-size:clamp(12px,3vw,19px)}.hero-energy-label strong{font-size:clamp(20px,5vw,30px)}.hero-energy-label span{font-size:7px}.hero-panel-bottom{gap:2px;padding:3px;font-size:7px}.hero-brand{font-size:8px}}.welcome-screen{grid-template-rows:1fr auto 1fr;place-items:center;gap:clamp(16px,3vh,36px);padding:clamp(20px,4vh,48px) 24px;display:grid}.welcome-brand{text-align:center;width:min(760px,90vw)}.welcome-play{place-self:center;margin:0}.welcome-modes{align-self:center;width:min(800px,90vw)}.welcome-mode-options{flex-direction:row;gap:clamp(10px,2vw,24px);display:flex}.welcome-mode{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.welcome-mode .mode-friends{flex-direction:row;justify-content:center;align-items:center;min-height:48px;display:flex}.screen-toolbar .cockpit-readout{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.screen-toolbar .cockpit-brand>svg{flex:0 0 48px;max-height:64px}@media (height<=600px){.welcome-screen{gap:10px;padding:10px 16px}.welcome-brand h1 span:first-child,.welcome-brand h1 span:last-child{font-size:9vh}.welcome-brand h1 span:nth-child(2){font-size:7vh}.welcome-play{min-height:76px;font-size:44px}}.welcome-brand .welcome-logo{object-fit:contain;border-radius:22px;width:auto;max-width:100%;height:auto;max-height:min(36vh,420px);margin:0 auto;display:block}.story-stack-stage{height:calc(100dvh - var(--cockpit-height));background:radial-gradient(circle,#ffffff25 2px,#0000 3px) 0 0/14px 14px,linear-gradient(135deg,#238fce,#233b88);padding:clamp(10px,2vmin,24px)}.story-stack{background:#102e63;border:4px solid #10214b;border-radius:24px;outline:3px solid #ffe477;grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(6px,1vh,12px);width:100%;height:100%;padding:clamp(6px,1vmin,12px);display:grid;position:relative;overflow:hidden}.story-stack-panel{opacity:0;border-radius:12px;min-height:0;transition:opacity .7s,transform .7s;overflow:hidden;transform:translateY(14px)}.story-stack-panel.is-revealed{opacity:1;transform:translateY(0)}.story-stack-panel img{object-fit:contain;width:100%;height:100%;display:block}.story-stack-skip{color:#10214b;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#ffe86a,#ffae19);border:4px solid #10214b;border-radius:24px;outline:3px solid #fff9c9;min-width:min(440px,78vw);min-height:clamp(64px,9vh,100px);padding:12px 28px;font:900 clamp(18px,3vw,34px) Fredoka,sans-serif;position:absolute;bottom:clamp(20px,5vh,64px);left:50%;transform:translate(-50%);box-shadow:0 8px #10214b,0 12px 24px #06142d99,inset 0 4px #fff9}.story-stack-skip.is-selected{filter:brightness(1.08)saturate(1.1)}.story-stack-skip:active{transform:translate(-50%,6px);box-shadow:0 2px #10214b,inset 0 3px #fff9}.story-stack-stage{background:#102451 url(/fundo%20ato.png) 50%/cover no-repeat}.story-stack{background:#091b3e47;box-shadow:0 8px 30px #050f3766,inset 0 0 22px #7ddfff22}.welcome-brand{width:min(1520px,94vw)}.welcome-brand .welcome-logo{max-width:100%;max-height:min(72vh,840px)}.welcome-screen{grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(12px,2vh,24px)}.welcome-brand{place-items:center;height:100%;min-height:0;display:grid}.welcome-brand h1{width:100%;height:100%;min-height:0}.welcome-brand .welcome-logo{object-fit:contain;width:100%;height:100%}.welcome-play{width:min(600px,76vw);min-height:clamp(76px,13vh,166px);font-size:clamp(36px,6.5vmin,88px)}.welcome-brand .welcome-logo{align-self:center;width:88%;height:88%;margin:auto}.welcome-brand h1{place-items:center;display:grid}.space-scenery-layer{object-fit:cover;object-position:center 48%;pointer-events:none;width:100%;height:100%;transition:opacity 3s ease-in-out;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.space-scenery-layer{transition:none}}.result-art-screen{z-index:200;background:#081b3b url(/fundo%20ato.png) 50%/cover;place-items:center;width:100vw;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.game-over-splash{z-index:380;background:#030b20dd url(/fundoescolha.png) 50%/cover;place-items:center;font-family:Fredoka,sans-serif;animation:.35s ease-out both game-over-fade-in;display:grid;position:fixed;inset:0}.game-over-card{text-align:center;background:#071b46dd;border:4px solid #ff6374;border-radius:28px;justify-items:center;width:min(700px,90vw);padding:24px;animation:.55s ease-out both game-over-card-in;display:grid;box-shadow:0 0 0 4px #101b43,0 0 42px #ff405c99}.game-over-card img{object-fit:contain;width:min(620px,86vw);max-height:36vh;display:block}.game-over-card strong{color:#ff7180;text-shadow:3px 4px #101b43;margin-top:8px;font-size:clamp(30px,6vmin,70px)}.game-over-card span{color:#c5efff;letter-spacing:.08em;margin-top:8px;font-size:clamp(12px,2vmin,20px)}@keyframes game-over-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game-over-card-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.rocket-race{z-index:210;color:#fff;background:#07183b url(/backpista.png) 50%/cover no-repeat;flex-direction:column;align-items:center;padding:clamp(10px,1.8vmin,22px) clamp(10px,2vw,24px);font-family:Fredoka,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.rocket-race:before,.rocket-race:after{content:"";z-index:0;pointer-events:none;opacity:.9;background-image:url(/backpista.png);background-repeat:repeat-y;background-size:auto 140dvh;width:max(0px,50vw - min(760px,96vw)/2);animation:5s linear infinite race-side-scenery;position:absolute;top:0;bottom:0}.rocket-race:before{background-position:0 0;left:0}.rocket-race:after{background-position:100% 0;right:0}.race-hero{z-index:1;aspect-ratio:3;background:#020d2c;flex:none;width:min(760px,96vw);position:relative;overflow:hidden}.race-hero img{object-fit:cover;width:100%;height:100%;display:block}.rocket-ready{z-index:210;color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#2b88d9,#102c6a 55%,#080e32);flex-direction:column;justify-content:center;align-items:center;padding:16px;font-family:Fredoka,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ready-stars{opacity:.55;background-image:radial-gradient(circle,#fff 1px,#0000 2px);background-size:42px 42px;animation:4s linear infinite ready-stars-move;position:absolute;inset:0}.ready-art-frame{z-index:1;aspect-ratio:768/1365;background:#0756bd;border:clamp(4px,.7vmin,8px) solid #72dcff;border-radius:clamp(10px,2vmin,20px);place-items:center;width:min(100vw - 32px,56.2637dvh - 18.0044px);height:min(100dvh - 32px,177.734vw - 56.875px);padding:4px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #10214b,0 0 34px #28c8f588,inset 0 0 24px #001d6688}.ready-art-frame img{object-fit:contain;border-radius:clamp(10px,2vmin,20px);width:100%;height:100%;display:block}.ready-rocket,.rocket-ready h1,.rocket-ready p,.rocket-ready small,.ready-loader{z-index:1;position:relative}.ready-rocket{filter:drop-shadow(0 0 28px #ffc928);width:clamp(130px,26vmin,280px);animation:1.2s ease-in-out infinite alternate ready-rocket-float}.ready-kicker{color:#9feaff;letter-spacing:.18em;margin:16px 0 4px;font-size:clamp(14px,2vmin,24px)}.rocket-ready h1{color:#ffe16b;text-shadow:4px 5px #101b43;margin:0;font-size:clamp(34px,7vmin,82px)}.ready-message{margin:10px 0 24px;font-size:clamp(20px,3.4vmin,40px)}.ready-loader{z-index:3;background:#07163388;border:2px solid #b9f5ff;border-radius:99px;width:min(420px,62vw);height:12px;position:absolute;bottom:28px;overflow:hidden}.ready-loader span{border-radius:inherit;background:linear-gradient(90deg,#4ade80,#ffe04e,#ff8a2a);width:0;height:100%;animation:2.1s linear forwards ready-loading;display:block}.rocket-ready small{z-index:2;color:#c6efff;letter-spacing:.12em;background:#071633cc;border-radius:8px;margin-top:0;padding:5px 10px;position:absolute;bottom:14px}.ready-skip{z-index:1;color:#101b43;cursor:pointer;background:linear-gradient(145deg,#fff389,#ffb92a);border:3px solid #101b43;border-radius:14px;min-height:48px;margin-top:18px;padding:10px 22px;font:700 clamp(12px,1.8vmin,18px) Fredoka,sans-serif;position:relative;box-shadow:0 5px #101b43}.ready-skip:active{transform:translateY(4px);box-shadow:0 1px #101b43}@keyframes ready-loading{to{width:100%}}@keyframes ready-rocket-float{0%{transform:translateY(8px)rotate(-2deg)}to{transform:translateY(-8px)rotate(2deg)}}@keyframes ready-stars-move{0%{transform:translateY(0)}to{transform:translateY(42px)}}.race-skyline{z-index:0;pointer-events:none;background:linear-gradient(#06133366,#0b2e6dcc);position:absolute;inset:0}.race-header,.race-copy,.race-track,.race-stats,.race-progress{z-index:1;position:relative}.race-header{text-shadow:0 3px #101b43;justify-content:space-between;align-items:center;gap:16px;width:min(680px,100%);display:flex}.race-header strong{color:#ffe16b;font-size:clamp(22px,4vmin,50px)}.race-header span{color:#b9efff;font-size:clamp(14px,2vmin,24px)}.race-copy{text-align:center;z-index:6;pointer-events:none;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.race-copy h1{color:#ffe04e;letter-spacing:-.08em;-webkit-text-stroke:clamp(2px, .45vmin, 6px) #101b43;paint-order:stroke fill;text-shadow:clamp(5px,1vmin,12px) clamp(6px,1.2vmin,14px) #101b43,0 0 34px #ffc928;margin:0;font-family:Arial Black,Fredoka,sans-serif;font-size:clamp(88px,19vmin,210px);line-height:.78;animation:.65s cubic-bezier(.15,.9,.25,1.25) both race-countdown}.race-copy p{letter-spacing:.06em;text-shadow:0 2px #101b43;margin:clamp(12px,2vmin,22px) 0 0;font-size:clamp(12px,2vmin,22px);font-weight:700}.race-track{background:0 0;border:2px solid #9feaff;border-radius:16px;flex:auto;width:min(760px,96vw);height:min(73vh,860px);min-height:300px;max-height:none;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #02091dcc,0 0 35px #28c8f566}.race-track:before,.race-track:after{content:"";background:0 0;width:0;animation:none;position:absolute;top:0;bottom:0}.race-track:before{left:40%}.race-track:after{right:40%}.race-rocket{z-index:4;filter:drop-shadow(0 0 18px #ffc928);width:min(18%,clamp(76px,13vmin,112px));height:auto;animation:.1125s linear infinite alternate race-rocket-bob;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)}.race-obstacle{filter:drop-shadow(0 0 12px #f2514e);object-fit:contain;z-index:3;width:clamp(58.5px,12.24vmin,125.1px);height:clamp(63.9px,12.24vmin,119.7px);animation:none;position:absolute;transform:translate(-50%,-50%)}.race-obstacle.is-indestructible{filter:drop-shadow(0 0 8px #d9b7ff)drop-shadow(0 0 18px #8b3dff);opacity:.94}.race-obstacle.is-indestructible:after{content:""}.race-projectile{will-change:top;backface-visibility:hidden;z-index:5;background:linear-gradient(#fff,#6eeaff 45%,#1687ff);border:2px solid #fff;border-radius:999px;width:10px;height:clamp(28px,4vmin,44px);transition:top .1s linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #6eeaff,0 0 18px #1687ff,0 0 28px #fff}.race-explosion{z-index:6;color:#fff36b;text-shadow:0 0 5px #fff,0 0 16px #ff9d24,0 0 32px #ff3d18;pointer-events:none;font-size:clamp(42px,8vmin,96px);line-height:1;animation:.5s ease-out both race-enemy-explosion;position:absolute;transform:translate(-50%,-50%)}.race-traffic{z-index:2;object-fit:contain;filter:drop-shadow(0 0 12px #28c8f5);width:clamp(48px,9vmin,92px);animation:4.8s linear infinite race-traffic-fall;position:absolute}.race-traffic-0{animation-delay:-1.2s;top:-18%;left:18%}.race-traffic-1{animation-delay:-2.8s;top:-42%;left:62%}.race-traffic-2{animation-delay:-4s;top:-68%;left:42%}.race-obstacle-0{animation-delay:-.4s;top:-15%;left:12%}.race-obstacle-1{animation-delay:-1.5s;top:-30%;left:58%}.race-obstacle-2{animation-delay:-2.4s;top:-50%;left:35%}.race-obstacle-3{animation-delay:-3s;top:-70%;left:74%}.race-stats{justify-content:space-between;width:min(760px,96vw);padding:14px 4px 8px;font-size:clamp(13px,2vmin,22px);display:flex}.race-stats span{color:#c4edff;flex-direction:column;gap:3px;display:flex}.race-stats strong{color:#fff;font-size:clamp(25px,4vmin,42px)}.race-stats span:nth-last-child(2) strong{color:#ffe477}.race-stats span:nth-last-child(2){min-width:72px}.race-danger{color:#ff7070!important}.race-progress{background:#071633aa;border:2px solid #b8f4ff;border-radius:20px;width:min(760px,96vw);height:14px;overflow:hidden}.race-progress div{border-radius:inherit;background:linear-gradient(90deg,#4ade80,#ffe04e,#ff8a2a);height:100%;transition:width .1s linear}.race-reload-bar{background:#061735aa;border:1px solid #79eaff99;border-radius:99px;width:min(760px,96vw);height:7px;margin-top:5px;overflow:hidden}.race-reload-bar div{border-radius:inherit;background:linear-gradient(90deg,#ff8a24,#ffe477,#fff);height:100%;transition:width 50ms linear;box-shadow:0 0 10px #ffc928}.race-reload-bar:not(.is-reloading) div{background:#42e6a4;box-shadow:0 0 8px #42e6a4}@keyframes race-road{0%{transform:translateY(-64px)}to{transform:translateY(0)}}@keyframes race-side-scenery{0%{background-position-y:0}to{background-position-y:140dvh}}@keyframes race-traffic-fall{0%{transform:translateY(-120px)rotate(-90deg)}to{transform:translateY(900px)rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rocket-race:before,.rocket-race:after{animation:none}}@keyframes race-rocket-bob{0%{margin-bottom:0}to{margin-bottom:12px}}@keyframes race-enemy-explosion{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-25deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.35)rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(70deg)}}@keyframes race-countdown{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.result-art-frame{aspect-ratio:auto;width:100%;height:100%;position:relative;container-type:inline-size}.result-art-frame>img{object-fit:fill;width:100%;height:100%;display:block}.result-art-scores{gap:1.5%;width:87%;height:11.7%;display:flex;position:absolute;top:47.3%;left:6.5%}.result-stat{color:#fff;background:#071635;border:2px solid #37bbff;border-radius:3cqw;flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;min-width:0;font-family:Fredoka,sans-serif;display:flex}.result-stat-0{background:#281024;border-color:#f65a7c}.result-stat-2{border-color:#ffdf66}.result-stat-3{border-color:#54efb1}.result-stat strong{font-size:4cqw;line-height:1}.result-stat small{font-size:1.65cqw}.result-art-pieces{color:#99e9ff;background:#061c3e;border:2px solid #31b6f3;border-radius:3cqw;flex-direction:column;justify-content:center;align-items:center;width:79%;height:7.2%;font-family:Fredoka,sans-serif;display:flex;position:absolute;top:60.6%;left:10.5%}.result-art-pieces span{font-size:2cqw}.result-art-pieces strong{color:#fff;font-size:4cqw;line-height:1.1}.result-art-pieces small{font-size:1.3cqw}.name-entry-screen{z-index:400;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061735aa url(/fundoescolha.png) 50%/cover;align-content:center;place-items:center;gap:24px;padding:20px;font-family:Fredoka,sans-serif;display:grid;position:fixed;inset:0}.name-entry-modal{box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#123f83ee,#081b4fee);border:4px solid #72eaff;border-radius:28px;width:min(680px,94vw);min-height:min(680px,82dvh);padding:clamp(24px,5vw,48px);transform:translateY(-5vh);box-shadow:0 0 0 4px #071536,0 0 40px #20cfff99}.name-entry-record-art{object-fit:contain;filter:drop-shadow(0 0 10px #ffe47799);width:min(680px,92vw);max-height:260px;margin:-12px auto 4px;display:block}.name-entry-modal h1{color:#fff;text-shadow:3px 4px #071536;margin:0 0 4px;font-size:clamp(14px,2.4vmin,28px)}.name-entry-score{color:#8fffd1;margin:0 0 22px;font-size:clamp(16px,2.5vmin,26px)}.name-lock{justify-content:center;gap:clamp(10px,2vw,20px);display:flex}.name-letter{color:#b9eaff;cursor:pointer;background:#061b46;border:3px solid #6eeaff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:clamp(78px,15vw,116px);height:clamp(120px,22vw,168px);font-family:Fredoka,sans-serif;display:flex}.name-letter strong{color:#fff;font-size:clamp(46px,9vmin,78px)}.name-letter.is-active{background:linear-gradient(#1d79d0,#10245d);border-color:#ffe477;transform:translateY(-6px);box-shadow:0 0 0 4px #fff,0 0 24px #ffe477}.name-entry-hint{color:#b9f5ff;letter-spacing:.05em;font-size:clamp(11px,1.7vmin,17px)}.name-entry-save{color:#071536;cursor:pointer;background:linear-gradient(#ffe96a,#ffad24);border:4px solid #fff;border-radius:18px;width:min(430px,82vw);min-height:74px;margin:-2vh auto 0;padding:14px 34px;font:900 clamp(20px,3vmin,32px) Fredoka,sans-serif;box-shadow:0 5px #071536}.result-ranking-form{z-index:4;color:#fff;background:#061c3eee;border:2px solid #ffe477;border-radius:14px;width:min(42%,420px);padding:10px 14px;font:700 1.7cqw Fredoka,sans-serif;position:absolute;top:69%;left:50%;transform:translate(-50%)}.result-ranking-form label{color:#ffe477;margin-bottom:6px;display:block}.result-ranking-form>div{gap:8px;display:flex}.result-ranking-form input{color:#071536;text-align:center;text-transform:uppercase;border:2px solid #6eeaff;border-radius:8px;width:4ch;min-width:0;padding:5px;font:900 2.5cqw Fredoka,sans-serif}.result-ranking-form button{color:#fff;cursor:pointer;background:#147ddd;border:2px solid #b9f5ff;border-radius:8px;flex:1;font:800 1.7cqw Fredoka,sans-serif}.result-art-menu{cursor:pointer;background:0 0;border:0;border-radius:3cqw;width:38%;height:15%;position:absolute;top:76.7%;left:31%}.result-art-status{color:#ffe06c;background:linear-gradient(#1261ae,#071b43);border:3px solid #6bdaff;border-radius:4cqw;flex-direction:column;justify-content:center;align-items:center;width:84%;height:17%;font-family:Fredoka,sans-serif;display:flex;position:absolute;top:27%;left:8%}.result-art-status strong{font-size:6cqw}.result-art-status span{color:#fff;font-size:3cqw}.credit-balance{color:#ffe177;background:#10234a;justify-content:center;align-items:center;height:28px;font:600 clamp(10px,1.4vw,16px) Fredoka,sans-serif;display:flex}.screen-toolbar{height:calc(var(--cockpit-height) - 28px)}.credit-overlay{z-index:200;background:#07132edb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.credit-dialog{color:#fff;text-align:center;background:linear-gradient(#245eaa,#152e64);border:4px solid #ffe177;border-radius:28px;width:min(540px,94vw);padding:28px;font-family:Fredoka,sans-serif;box-shadow:0 10px #061934}.credit-dialog>svg{width:80px;height:88px}.credit-dialog h2{color:#ffe177;margin:16px 0;font-size:clamp(24px,4vmin,36px);line-height:1.1}.credit-dialog p{margin:16px 0;font-size:20px}.credit-dialog small{display:block}.credit-dialog button{color:#14254d;cursor:pointer;background:#ffda45;border:3px solid #fff3ac;border-radius:16px;min-height:52px;margin:24px auto 0;padding:12px 36px;font-weight:700;display:block}.welcome-screen{grid-template-rows:minmax(0,44fr) minmax(90px,18fr) minmax(0,38fr);gap:12px;padding:20px 24px}.welcome-brand{align-self:start}.welcome-brand h1{align-items:start}.welcome-brand .welcome-logo{align-self:start;width:88%;height:100%;max-height:100%;margin:0 auto}.welcome-play{align-self:center}.welcome-actions{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.welcome-test-race{color:#fff9e6;cursor:pointer;background:#102e68e8;border:2px solid #101b43;border-radius:12px;min-height:38px;padding:7px 16px;font:700 clamp(10px,1.4vmin,15px) Fredoka,sans-serif;box-shadow:0 3px #101b43}.welcome-test-race:active{box-shadow:none;transform:translateY(3px)}.welcome-play.is-controller-selected,.welcome-ranking.is-controller-selected,.welcome-test-race.is-controller-selected,.welcome-mode.is-controller-selected{outline-offset:5px;filter:brightness(1.12)saturate(1.15);z-index:2;outline:4px solid #fff}.welcome-test-race.is-controller-selected{color:#fff;background:linear-gradient(#44e1ff,#087ce9)}.welcome-ranking{color:#fff;cursor:pointer;background:linear-gradient(#263c85,#101d54);border:2px solid #ffe477;border-radius:14px;min-height:46px;margin-top:14px;padding:8px 28px;font:800 clamp(13px,1.8vmin,20px) Fredoka,sans-serif;box-shadow:0 4px #071536,inset 0 2px #fff8}.welcome-ranking:active{transform:translateY(3px);box-shadow:0 1px #071536}.ranking-screen{z-index:190;color:#fff;background:linear-gradient(#3d2608aa,#201204dd),url(/fundoescolha.png) 50%/cover;place-items:center;gap:18px;padding:22px;font-family:Fredoka,sans-serif;display:grid;position:fixed;inset:0}.ranking-panel{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#5d3b0dcc,#211506ee);border:4px solid #ffe477;border-radius:32px;width:min(760px,94vw);padding:clamp(24px,5vh,52px);transform:translateY(10vh);box-shadow:0 0 0 4px #10214b99,0 0 40px #ffc92899,inset 0 0 30px #ffe47722}.ranking-panel h1{margin:8px 0 22px;font-size:clamp(32px,5vmin,58px)}.ranking-title-art{filter:drop-shadow(0 0 16px #ffc928cc);width:min(720px,94vw);height:auto;margin:8px auto 22px;display:block}.ranking-list{gap:8px;max-height:52vh;display:grid;overflow:auto}.ranking-row{text-align:left;background:#261707dd;border:2px solid #ffc928aa;border-radius:14px;grid-template-columns:50px 1fr 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.ranking-row b{color:#ffdc52}.ranking-row span{color:#ffe477;text-align:right}.ranking-row small{color:#ffd98a}.ranking-empty{color:#ffe9ad}.ranking-back{color:#fff;cursor:pointer;background:linear-gradient(#ffd94a,#e98b16);border:3px solid #fff1a6;border-radius:16px;min-height:54px;margin-top:0;padding:10px 28px;font:800 18px Fredoka,sans-serif;transform:translateY(10vh);box-shadow:0 5px #071536}.ranking-back:active{transform:translateY(calc(10vh + 4px))}.ranking-hint{color:#ffe9ad;font-size:12px}.brick-game-screen{background-color:#0000;background-image:linear-gradient(#071b4628,#123d7828),url(/backgridbrick.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.game-over-splash{z-index:400;background:#020817dd url(/backgridbrick.png) 50%/cover;place-items:center;animation:.35s ease-out both game-over-in;display:grid;position:fixed;inset:0;overflow:hidden}.game-over-splash img{object-fit:contain;filter:drop-shadow(0 0 28px #ff3d3d99);width:min(820px,82vw);max-height:70vh;animation:1.35s cubic-bezier(.18,.8,.25,1) both game-over-grow}@keyframes game-over-in{0%{opacity:0}to{opacity:1}}@keyframes game-over-grow{0%{opacity:0;transform:scale(.18)}to{opacity:1;transform:scale(1)}}.player-start-countdown{z-index:8;color:#fff;text-align:center;pointer-events:none;text-shadow:0 5px #071536,0 0 24px #ffdf66;background:#06173508;place-content:center;justify-items:center;animation:.42s ease-out both player-countdown-pop;display:grid;position:absolute;inset:0}.player-start-countdown strong{color:#fff;box-shadow:none;text-shadow:0 6px #063a9a,0 0 22px #fff,0 0 42px #1687ff;letter-spacing:.08em;background:0 0;font:900 clamp(76px,16vmin,190px) Impact,Arial Black,sans-serif;display:block}.countdown-3{color:#a8dcff!important}.countdown-2{color:#6eb8ff!important}.countdown-1{color:#d7f1ff!important}.countdown-go{color:#fff!important;letter-spacing:.02em!important}.player-start-countdown span{color:#fff;letter-spacing:.08em;margin-top:10px;font:900 clamp(12px,2vmin,24px) Fredoka,sans-serif}.player-ai-badge{filter:drop-shadow(0 0 5px #6eeaff);margin-left:5px;display:inline-block}@keyframes player-countdown-pop{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.game-type-select{z-index:190;color:#fff;background-color:#0000;background-image:linear-gradient(#061c4c99,#071536bb),url(/fundoescolha.png);background-position:50%;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;padding:24px;font-family:Fredoka,sans-serif;animation:.35s ease-out both game-type-fade-in;display:grid;position:fixed;inset:0;overflow:auto}.game-type-panel{isolation:isolate;box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(7px)saturate(1.25);background:linear-gradient(145deg,#1679b866,#101d63a8),#061b46aa;border:3px solid #75eaffcc;border-radius:38px;width:min(760px,92vw);min-height:min(600px,78dvh);max-height:90dvh;padding:clamp(34px,5vh,58px) clamp(24px,5vw,52px);position:relative;top:-3vh;overflow:auto;box-shadow:0 0 0 4px #10214b99,0 0 50px #19caff99,inset 0 1px #fff8,inset 0 0 42px #49dfff22}.game-type-panel:before{content:"";z-index:-1;pointer-events:none;border:1px solid #b9f6ff55;border-radius:29px;position:absolute;inset:10px}.game-type-kicker{color:#ffe477;letter-spacing:.14em;margin:0 0 8px;font-size:clamp(14px,2.2vmin,24px)}.game-type-panel h1{text-shadow:3px 4px #101b43;margin:8px 0 38px;font-size:clamp(28px,4.5vmin,58px)}.game-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.game-type-option{color:#fff;cursor:pointer;background:linear-gradient(#168fd8,#123c9a);border:4px solid #d1f8ff;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:205px;padding:20px 16px;font-family:Fredoka,sans-serif;transition:transform .12s,filter .12s,box-shadow .12s;display:flex;box-shadow:0 8px #071536,inset 0 4px #fff9}.game-type-option:nth-child(2){background:linear-gradient(#9c55ff,#392091)}.game-type-icon{background:#ffffff1c;border:2px solid #d7fbff99;border-radius:18px;place-items:center;min-width:76px;min-height:54px;padding:4px 10px;font-size:clamp(30px,5vmin,54px);line-height:1;display:grid;box-shadow:inset 0 2px #fff8,0 0 16px #6eeaff55}.game-type-option strong{font-size:clamp(18px,2.6vmin,30px)}.game-type-option small{max-width:250px;font:600 clamp(11px,1.6vmin,16px) Nunito,sans-serif}.game-type-option.is-selected,.game-type-option:focus-visible{outline-offset:6px;filter:brightness(1.18)saturate(1.15);outline:5px solid #fff;transform:translateY(-4px)}.game-type-option:active{transform:translateY(5px);box-shadow:0 2px #071536,inset 0 3px #fff9}.game-type-hint{color:#b9f5ff;letter-spacing:.08em;margin:38px 0 0;font-size:clamp(11px,1.8vmin,18px)}@media (width<=600px){.game-type-panel{min-height:min(620px,88dvh);padding:30px 20px;top:-1.5vh}.game-type-options{grid-template-columns:1fr;gap:16px}.game-type-option{min-height:132px;padding:14px}.game-type-panel h1{margin-bottom:24px}}@keyframes game-type-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.welcome-modes{align-self:center}@media (width<=700px){:root{--cockpit-height:164px}}.frozen-piece{filter:saturate(.4);background:#8fe8ffb0;border-radius:25%;position:relative;box-shadow:inset 0 0 0 2px #e7fcff,0 0 12px #80dfff}.frozen-piece:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#0000 40%,#ffffffb0 43%,#0000 48% 65%,#ffffff80 68%,#0000 72%);position:absolute;inset:0}.attack-notice{text-align:center;color:#112850;background:#a7edff;flex-shrink:0;padding:6px;font:700 clamp(10px,1.5vmin,18px) Fredoka,sans-serif}.cockpit-attack{color:#ffe078;overflow-wrap:anywhere;pointer-events:none;font:600 clamp(10px,1.1vw,15px)/1.2 Fredoka,sans-serif;display:block}.duel-life{color:#c7f4ff;background:#0c234b;flex-shrink:0;padding:6px 12px;font:700 clamp(9px,1.4vmin,16px) Fredoka,sans-serif}.duel-life>div{justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.duel-life progress{accent-color:#60e69a;border-radius:9px;width:100%;height:16px;display:block;overflow:hidden}.duel-life progress::-webkit-progress-bar{background:#291c40}.duel-life progress::-webkit-progress-value{background:linear-gradient(90deg,#2aae7a,#b1f781);border-radius:9px;transition:width .3s}.attack-bursts{z-index:30;pointer-events:none;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.attack-burst{isolation:isolate;color:#b9f8ff;flex-direction:column;justify-content:center;align-items:center;padding:20px 32px;animation:2.8s ease-out both attack-boom;display:flex;position:relative}.attack-burst:before{content:"";z-index:-1;clip-path:polygon(0 35%,20% 30%,12% 5%,37% 20%,50% 0,59% 20%,85% 4%,80% 28%,100% 35%,85% 52%,100% 75%,75% 76%,82% 100%,56% 82%,39% 100%,32% 80%,8% 92%,17% 63%,0 60%,12% 46%);background:#0b204ee8;position:absolute;inset:-12%}.attack-burst strong{-webkit-text-stroke:3px #10214b;paint-order:stroke fill;text-shadow:4px 5px #10214b,6px 7px #fff;font-family:Fredoka,sans-serif;font-size:clamp(42px,9vmin,120px);font-weight:900;line-height:1.1}.attack-burst span{color:#10214b;background:#fff5dc;border-radius:8px;margin-top:8px;padding:4px 12px;font:700 clamp(10px,1.8vmin,20px) Fredoka,sans-serif}.attack-extra{color:#ffe75d}.attack-random{color:#f0a7ff}@keyframes attack-boom{0%{opacity:0;transform:scale(.25)rotate(-14deg)}12%{opacity:1;transform:scale(1.12)rotate(5deg)}22%,75%{opacity:1;transform:scale(1)rotate(-4deg)}to{opacity:0;transform:scale(1.1)translateY(-20px)}}.controller-status{color:#a8e8ff;background:#10234a;flex-shrink:0;justify-content:space-around;padding:3px 8px;font:600 clamp(8px,1.2vmin,13px) Fredoka,sans-serif;display:flex}.coop-powers{align-items:center;gap:4px;display:flex}.coop-power{color:#071633;white-space:nowrap;border-radius:7px;padding:3px 6px;font:700 clamp(7px,1vw,11px) Fredoka,sans-serif;box-shadow:0 2px #07163388}.coop-power-clear{background:linear-gradient(135deg,#8ff5ff,#21b9ed)}.coop-power-charge{background:linear-gradient(135deg,#fff18b,#ff9e2e)}.controller-discovery{color:#d0f5ff;background:#10234a;justify-content:space-around;align-items:center;gap:10px;min-height:42px;padding:6px 12px;font:600 clamp(10px,1.3vw,16px) Fredoka,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.screen-toolbar{isolation:isolate;height:calc(var(--cockpit-height) - 28px);color:#e8fbff;background:#06152d;border:0;border-bottom:3px solid #1bd8ff;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;min-height:124px;padding:0 5.5%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -12px 28px #020b1acc,0 5px 20px #020b1aaa}.screen-toolbar:after{content:"";z-index:-1;pointer-events:none;opacity:.32;background:repeating-linear-gradient(0deg,#0000 0 3px,#27cfff08 4px 5px);position:absolute;inset:0}.screen-toolbar>.hero-game-art{z-index:0;object-fit:fill;object-position:center;pointer-events:none;opacity:1;mix-blend-mode:normal;width:100%;height:100%;position:absolute;inset:0}.screen-toolbar>:not(.hero-game-art){z-index:1;position:relative}.cockpit-brand,.cockpit-readout{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative}.cockpit-brand{border-color:#18cfff;align-items:center;gap:clamp(8px,1vw,16px);padding:clamp(8px,1vw,14px);display:flex}.cockpit-brand:before,.cockpit-readout:before{display:none}.cockpit-brand>svg{filter:drop-shadow(0 0 9px #19cfff99);flex:none;width:clamp(42px,4.8vw,72px);height:clamp(42px,5.5vw,78px)}.cockpit-brand small,.cockpit-readout small{z-index:1;color:#8feaff;letter-spacing:.08em;white-space:nowrap;font-size:clamp(8px,.72vw,12px);position:relative}.cockpit-brand strong{z-index:1;color:#ffd447;text-shadow:0 0 12px #ff9d2e66;white-space:nowrap;margin-top:4px;font-size:clamp(16px,1.8vw,30px);line-height:1;display:block;position:relative}.cockpit-readout{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8% 5% 4%;display:flex}.cockpit-readout strong{z-index:1;color:#65f2bd;text-shadow:0 0 15px #35ffbb77;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(24px,3vw,48px);line-height:1;display:block;position:relative}.cockpit-team-status{color:#f4fbff!important;text-shadow:0 0 12px #35bfff99!important;font-size:clamp(18px,2vw,34px)!important;line-height:1.12!important}.screen-toolbar .cockpit-progress{box-shadow:none;border:0}.cockpit-progress progress{z-index:1;accent-color:#18efb7;filter:drop-shadow(0 0 5px #00efb077);width:100%;height:8px;margin-top:10px;position:relative}@media (width<=800px){:root{--cockpit-height:150px}.screen-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 4%}.cockpit-readout{padding:8% 3% 4%}.cockpit-brand>svg{width:34px;height:40px}.cockpit-brand strong{font-size:clamp(11px,2.2vw,18px)}.cockpit-readout strong{font-size:clamp(18px,3vw,28px)}}.race-instrument-panel{background:url(/painel%20nave.png) top/100% 139.15% no-repeat;flex-shrink:0;width:100%;height:clamp(108px,23vh,280px);position:relative;container-type:inline-size}.race-instrument-panel .race-stats{background:0 0;border:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2%;height:43%;margin:0;padding:0;display:grid;position:absolute;inset:18% 3.5% auto}.race-instrument-panel .race-stats span{text-align:center;color:#a6efff;white-space:nowrap;text-shadow:0 0 8px #18bbff,0 0 16px #009aff;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;font:700 clamp(11px,2.7cqw,28px)/1 Nunito,sans-serif;display:flex}.race-instrument-panel .race-stats strong{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 8px #42caff,0 0 18px #008eff;font:900 clamp(17px,4.2cqw,50px)/1 Nunito,sans-serif;display:block}.race-instrument-panel .race-stats .race-danger{color:#ff627c;text-shadow:0 0 10px #f12657}.race-instrument-panel .race-progress{background:0 0;border:0;border-radius:999px;width:auto;height:9%;margin:0;padding:0;position:absolute;top:67%;left:5.6%;right:5.6%;overflow:hidden}.race-instrument-panel .race-progress>div{border-radius:inherit;background:linear-gradient(90deg,#16dba0,#a4ed37,#ffe838,#ff951b);height:100%;transition:width .25s;box-shadow:inset 0 2px 2px #ffffff80,0 0 10px #53eac0}.race-instrument-panel .race-stats{width:auto}.rocket-race{gap:0}.rocket-race .race-track{border-bottom-right-radius:0;border-bottom-left-radius:0;flex:1 1 0;width:min(760px,100%);height:auto;min-height:0}.rocket-race .race-instrument-panel{z-index:2;width:min(760px,100%);height:clamp(108px,20vh,230px);margin:0}.screen-toolbar{width:100%;min-height:190px;box-shadow:none;background:#020a1d;border:0;padding:0;display:block;position:relative;overflow:hidden;height:clamp(190px,20vw,310px)!important}.screen-toolbar .hero-panel-art{z-index:0;object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen-toolbar .hero-value,.screen-toolbar .hero-bottom-values,.screen-toolbar .hero-alert{z-index:1;font-variant-numeric:tabular-nums;pointer-events:none;font-family:Fredoka,sans-serif;position:absolute}.screen-toolbar .hero-value{color:#ecfbff;text-align:center;text-shadow:0 0 10px #4acfff,0 0 20px #008eff;font-size:clamp(24px,3vw,54px);line-height:1}.screen-toolbar .hero-record{width:16.2%;top:25.5%;left:30.7%}.screen-toolbar .hero-points{width:16.2%;top:25.5%;left:51.2%}.screen-toolbar .hero-energy{color:#70f4b9;text-shadow:0 0 12px #32ffbd,0 0 24px #00b979;width:19%;font-size:clamp(24px,3.2vw,58px);top:24%;left:76.2%}.screen-toolbar .hero-bottom-values{color:#ecfbff;text-align:center;text-shadow:0 0 8px #23cfff;grid-template-columns:10.8% 12.4% 13% 27.5% 11.8% 15.5%;align-items:center;font-size:clamp(10px,1.25vw,23px);display:grid;bottom:16.5%;left:19.4%;right:2.8%}.screen-toolbar .hero-bottom-values strong:first-child{color:#7deaff}.screen-toolbar .hero-bottom-values strong:nth-child(2){color:#ffe05e}.screen-toolbar .hero-bottom-values strong:nth-child(3){color:#ff6cdb}.screen-toolbar .hero-bottom-values strong:nth-child(4){color:#ffe05e}.screen-toolbar .hero-bottom-values strong:nth-child(5){color:#72dfff}.screen-toolbar .hero-bottom-values strong:nth-child(6){color:#5dffbd}.screen-toolbar .hero-alert{color:#ffe05e;white-space:nowrap;font-size:clamp(8px,.8vw,13px);bottom:2%;right:4%}@media (width<=700px){.screen-toolbar{min-height:150px;height:150px!important}.screen-toolbar .hero-value{font-size:clamp(16px,4vw,28px)}.screen-toolbar .hero-bottom-values{font-size:clamp(7px,1.7vw,12px)}}.rocket-race .race-hero{width:min(760px,100%);max-height:23vh}.screen-toolbar{isolation:isolate;background:radial-gradient(circle at 50% -80%,#1c8fcb 0,#0000 45%),linear-gradient(#123d74 0%,#071b3c 72%,#06132d 100%);border:0;border-bottom:3px solid #28d9ff;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,22px);min-height:156px;padding:clamp(12px,1.4vw,22px) clamp(16px,2.5vw,44px);display:grid;overflow:hidden;box-shadow:inset 0 -12px 24px #02091acc,0 5px 18px #02091a;height:156px!important}.screen-toolbar:before{content:"";z-index:-1;pointer-events:none;opacity:.28;background:linear-gradient(90deg,#0000 0 32.7%,#24cfff 32.8% 32.9%,#0000 33%),linear-gradient(90deg,#0000 0 66.2%,#24cfff 66.3% 66.4%,#0000 66.5%),repeating-linear-gradient(0deg,#0000 0 5px,#45dfff0d 6px 7px);position:absolute;inset:0}.screen-toolbar>.cockpit-readout{z-index:1;text-align:center;background:linear-gradient(145deg,#0b2e59e8,#06142fe8);border:2px solid #27bfff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:12px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #00aaff24,0 0 12px #00aaff35}.screen-toolbar>.cockpit-readout:after{content:"";pointer-events:none;border:1px solid #65ddff2b;border-radius:11px;position:absolute;inset:5px}.screen-toolbar>.cockpit-readout small,.screen-toolbar>.cockpit-readout strong,.screen-toolbar>.cockpit-readout progress,.screen-toolbar>.cockpit-readout .cockpit-attack{z-index:1;position:relative}.screen-toolbar>.cockpit-readout small{color:#8ceaff;letter-spacing:.08em;font:700 clamp(10px,1vw,16px) Fredoka,sans-serif}.screen-toolbar>.cockpit-readout strong{color:#66f3b8;text-shadow:0 0 14px #36ffbc88;font-variant-numeric:tabular-nums;margin:0;font:900 clamp(28px,3.2vw,54px)/1 Nunito,sans-serif}.screen-toolbar>.cockpit-readout .cockpit-team-status{color:#fff!important;text-shadow:0 0 12px #25bfff!important;font-size:clamp(19px,2.1vw,34px)!important;line-height:1.12!important}.screen-toolbar>.cockpit-progress{border-color:#23e8b6;box-shadow:inset 0 0 24px #00e49d24,0 0 16px #00e49d42}.screen-toolbar>.cockpit-progress strong{color:#6df8b9;font-size:clamp(20px,2.3vw,38px)}.screen-toolbar>.cockpit-progress progress{accent-color:#27edb2;filter:drop-shadow(0 0 5px #00efb077);width:88%;height:9px;margin:3px 0 0}.screen-toolbar>.cockpit-progress .cockpit-attack{color:#ffe16a;text-overflow:ellipsis;white-space:nowrap;max-width:95%;font:700 clamp(9px,.9vw,13px) Fredoka,sans-serif;overflow:hidden}@media (width<=700px){:root{--cockpit-height:164px}.screen-toolbar{gap:5px;min-height:136px;padding:8px;height:136px!important}.screen-toolbar>.cockpit-readout{border-radius:10px;padding:7px 4px}.screen-toolbar>.cockpit-readout small{font-size:8px}.screen-toolbar>.cockpit-readout strong{font-size:clamp(19px,5vw,28px)}}.rocket-race .race-instrument-panel{isolation:isolate;-webkit-backdrop-filter:blur(7px)saturate(1.08);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;background-color:#143e6729;border-radius:clamp(14px,2vw,26px);overflow:hidden;box-shadow:inset 0 1px #b9edff35,0 5px 20px #04163535;-webkit-mask-image:linear-gradient(#000 0% 82%,#0000 100%),linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(#000 0% 82%,#0000 100%),linear-gradient(90deg,#0000,#000 3% 97%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.race-instrument-panel:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(155deg,#d5f5ff15,#7aceff05 35%,#0000 62%);border:1px solid #c4eeff24;position:absolute;inset:0}.rocket-race .race-track{border-color:#a9e6ff55;border-radius:18px 18px 12px 12px}.race-rocket{will-change:left, top;transition:left .18s cubic-bezier(.22,.68,.3,1),top .18s cubic-bezier(.22,.68,.3,1)}@media (prefers-reduced-motion:reduce){.race-rocket{transition:none}}.race-instrument-panel .race-stats .race-lives{flex-direction:column;gap:4px;display:flex}.race-instrument-panel .race-stats .race-lives span{color:#fff;font-size:clamp(14px,3.2cqw,36px)}.race-winner-banner{z-index:5;color:#ffe26a;text-align:center;background:#10234a;border:3px solid #ffe26a;border-radius:18px;width:90%;padding:12px;font:700 5cqw Fredoka,sans-serif;position:absolute;top:25%;left:5%}.shared-attack{color:#baf4ff}.shared-versus:after{content:"";z-index:-2;background:linear-gradient(90deg,#0000,#82e8ff,#0000 40% 60%,#82e8ff,#0000);width:80vw;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #53dbff}.shared-combo{color:#ffe260}.shared-power-gear{background:radial-gradient(#fff6 0%,#93c5fd33 30%,#0000 65%);flex-direction:row;gap:12px;width:100%;height:100%;padding:8px 16px;animation-duration:3.2s}.shared-power-gear:before{content:none}.shared-power-gear img{object-fit:contain;filter:drop-shadow(0 0 16px #fff6);flex:0 auto;min-width:0;max-width:100%;height:100%}.shared-power-gear .gear-score-award{white-space:nowrap;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.result-art-pieces.result-versus-winner strong{color:#ffe16a;text-align:center;font-size:clamp(12px,4.2cqw,48px)}.race-impact{aspect-ratio:1;z-index:9;pointer-events:none;width:clamp(58px,12vmin,120px);animation:.6s ease-out both race-impact-pop;position:absolute}.race-impact svg{filter:drop-shadow(0 0 12px #ffba43);width:100%;height:100%;display:block}@keyframes race-impact-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-15deg)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(5deg)}60%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)rotate(18deg)}}.screen-toolbar{background:#02091b;border:0;min-height:230px;padding:0;display:block;position:relative;overflow:hidden;height:clamp(230px,28vw,390px)!important}.screen-toolbar:before,.screen-toolbar:after{display:none}.hero-panel-art{z-index:0;object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-image-value,.hero-image-energy,.hero-image-bottom{z-index:1;pointer-events:none;font-variant-numeric:tabular-nums;font-family:Fredoka,sans-serif;position:absolute}.hero-image-value{color:#f4fdff;text-align:center;text-shadow:0 0 10px #36cfff,0 0 24px #008eff;font-size:clamp(30px,4vw,72px);line-height:1}.hero-image-points{width:28%;top:25%;left:17%}.hero-image-team{width:28%;font-size:clamp(18px,2.3vw,42px);line-height:1.15;top:22%;left:37%}.hero-image-energy{flex-direction:column;align-items:center;gap:9px;width:28%;display:flex;top:19%;right:6%}.hero-image-energy strong{color:#75f5bb;text-shadow:0 0 12px #31ffbd,0 0 24px #00a878;font-size:clamp(28px,3.5vw,62px);line-height:1}.hero-image-energy progress{appearance:none;background:#03101f;border:1px solid #9cffe455;border-radius:99px;width:85%;height:11px;box-shadow:inset 0 2px 5px #000b,0 0 8px #10e5a477}.hero-image-energy progress::-webkit-progress-bar{border-radius:inherit;background:#03101f}.hero-image-energy progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg,#13d997,#b7f23b,#ffe33c);box-shadow:0 0 12px #43f0ae}.hero-image-energy progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#13d997,#b7f23b,#ffe33c)}.hero-image-energy em{color:#ffe46a;text-overflow:ellipsis;white-space:nowrap;max-width:95%;font-size:11px;font-style:normal;overflow:hidden}.hero-image-bottom{color:#9beeff;text-align:center;text-shadow:0 0 8px #22cfff;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;font-size:clamp(9px,1.05vw,18px);display:grid;bottom:8%;left:18%;right:3.5%}.hero-image-bottom span{white-space:nowrap}.hero-image-bottom b{color:#fff;margin-left:3px}.hero-image-bottom span:nth-child(3) b{color:#ff72dc}.hero-image-bottom span:nth-child(5) b{color:#70dcff}.hero-image-bottom span:nth-child(7) b{color:#63f5bb}@media (width<=700px){.screen-toolbar{min-height:160px;height:160px!important}.hero-image-value{font-size:clamp(20px,6vw,32px)}.hero-image-team{font-size:clamp(12px,3.5vw,22px)}.hero-image-energy{gap:4px}.hero-image-energy strong{font-size:clamp(19px,5vw,30px)}.hero-image-energy progress{height:6px}.hero-image-bottom{font-size:clamp(6px,1.6vw,10px)}}.screen-toolbar{background:linear-gradient(90deg,#06152dcc,#0000 18% 82%,#06152dcc),radial-gradient(circle at 50% -80%,#2c9bd0 0,#0000 48%),linear-gradient(#174b86 0%,#081c3d 72%,#041026 100%);min-height:214px;padding:18px clamp(20px,4vw,64px) 12px;height:214px!important}.screen-toolbar:before{content:"";pointer-events:none;opacity:.35;background:linear-gradient(115deg,#0000 0 7%,#42d9ff1c 7.1% 7.3%,#0000 7.4% 92%,#42d9ff1c 92.1% 92.3%,#0000 92.4%),repeating-linear-gradient(0deg,#0000 0 7px,#a4edff0b 8px 9px);display:block;position:absolute;inset:0}.screen-toolbar:after{content:"";pointer-events:none;border:1px solid #5edfff42;border-radius:18px;display:block;position:absolute;inset:7px 1.5%;box-shadow:inset 0 0 28px #19bbff12,0 0 18px #19bbff16}.hero-panel-grid{z-index:1;gap:clamp(12px,1.6vw,26px);position:relative}.hero-panel-card{background:linear-gradient(135deg,#1b548633,#0000 32%),linear-gradient(145deg,#0a315be8,#04132de8);border-width:1px;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #b4eeff40,inset 0 -10px 22px #01091c88,0 7px 18px #010a1e88,0 0 14px #00aaff2e}.hero-panel-card:before{content:"";background:linear-gradient(90deg,#0000,#5be5ff,#0000);height:2px;position:absolute;top:0;left:12%;right:12%;box-shadow:0 0 12px #2bcfff}.hero-panel-card:after{content:"";border:1px solid #37d8ff33;width:100px;height:70px;position:absolute;bottom:-24px;right:-18px;transform:rotate(-25deg);box-shadow:0 0 16px #1ebfff22}.hero-panel-card small{z-index:1;text-shadow:0 0 8px #30cfff;font-size:clamp(10px,1vw,16px);position:relative}.hero-panel-card>strong,.hero-energy-label,.hero-panel-card progress,.hero-energy-card em{z-index:1;position:relative}.hero-panel-card>strong{font-size:clamp(34px,3.5vw,60px)}.hero-panel-card progress{appearance:none;background:#020a1c;border:1px solid #8be8ff88;border-radius:999px;box-shadow:inset 0 2px 5px #000b,0 0 8px #18cfff55}.hero-panel-card progress::-webkit-progress-bar{border-radius:inherit;background:linear-gradient(#06152c,#132744)}.hero-panel-card progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg,#16dba0,#b1ef36,#ffe23d);box-shadow:0 0 10px #58edb6}.hero-panel-card progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#16dba0,#b1ef36,#ffe23d);box-shadow:0 0 10px #58edb6}.hero-energy-card{background:radial-gradient(circle at 50% 110%,#00d99c1d,#0000 62%),linear-gradient(145deg,#073d50e8,#04172be8);border-width:2px}.hero-energy-label strong{font-size:clamp(36px,3.8vw,64px)}.hero-panel-bottom{z-index:1;letter-spacing:.03em;background:linear-gradient(#0c3158ee,#06162fe8);border-color:#29bde9;border-radius:12px;min-height:38px;padding:7px 14px;font-size:clamp(10px,.95vw,15px);position:relative;box-shadow:inset 0 1px #a6efff35,0 0 12px #009eff30}.hero-panel-bottom span:not(.hero-brand){border-left:1px solid #52dfff35;place-items:center;min-height:22px;display:grid}.hero-brand{text-shadow:0 0 10px #ff9b2e99}@media (width<=700px){.screen-toolbar{min-height:178px;padding:10px 8px 8px;height:178px!important}.screen-toolbar:after{border-radius:11px;inset:4px 1%}.hero-panel-card{border-radius:11px}.hero-panel-card>strong{font-size:clamp(22px,6vw,32px)}.hero-energy-label strong{font-size:clamp(24px,6vw,34px)}.hero-panel-bottom{min-height:30px;padding:4px 2px;font-size:7px}}.screen-toolbar{background:radial-gradient(circle at 50% -90%,#1d83bd,#0000 48%),linear-gradient(#123d74,#06142d 82%);border:0;border-bottom:3px solid #2bdcff;flex-direction:column;gap:10px;width:100%;min-height:190px;padding:14px clamp(16px,3vw,44px) 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -12px 24px #02091acc,0 5px 18px #02091a;height:190px!important}.screen-toolbar:before,.screen-toolbar:after,.screen-toolbar>.hero-panel-art{display:none}.hero-panel-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);min-height:0;display:grid}.hero-panel-card{color:#e8fbff;text-align:center;background:linear-gradient(145deg,#0b315de8,#06142fe8);border:2px solid #25bfff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:10px 18px;display:flex;box-shadow:inset 0 0 24px #00aaff20,0 0 14px #00aaff35}.hero-panel-card small{color:#8feaff;letter-spacing:.08em;font:700 clamp(9px,.9vw,14px) Fredoka,sans-serif}.hero-panel-card>strong{color:#72f3bd;text-shadow:0 0 14px #38ffbd88;font:900 clamp(28px,3vw,50px)/1 Nunito,sans-serif}.hero-panel-card progress{accent-color:#39edb5;width:88%;height:8px}.hero-team-card>strong{color:#fff;text-shadow:0 0 12px #30cfff;font-size:clamp(17px,1.8vw,30px);line-height:1.15}.hero-energy-card{border-color:#2aefb6;box-shadow:inset 0 0 24px #00e49d24,0 0 18px #00e49d40}.hero-energy-label{color:#76f5bd;align-items:baseline;gap:5px;display:flex}.hero-energy-label strong{text-shadow:0 0 15px #32ffbd;font:900 clamp(30px,3.2vw,54px)/1 Nunito,sans-serif}.hero-energy-label span{font:700 clamp(10px,1vw,15px) Fredoka,sans-serif}.hero-energy-card em{color:#ffe16a;text-overflow:ellipsis;white-space:nowrap;max-width:95%;font:700 11px Fredoka,sans-serif;overflow:hidden}.hero-panel-bottom{color:#9ceeff;text-align:center;background:#061c3bd9;border:1px solid #188bc5;border-radius:10px;grid-template-columns:1.3fr repeat(6,minmax(0,1fr));align-items:center;gap:6px;min-height:30px;padding:5px 10px;font:700 clamp(9px,.85vw,13px) Fredoka,sans-serif;display:grid}.hero-panel-bottom b{color:#fff;margin-left:3px}.hero-brand{color:#ffd447;font-size:clamp(10px,1vw,15px)}.hero-brand b,.hero-p1 b{color:#ff6bd9}.hero-p2 b{color:#63dfff}.hero-status{color:#61f5bb}@media (width<=700px){.screen-toolbar{gap:6px;min-height:168px;padding:8px;height:168px!important}.hero-panel-grid{gap:4px}.hero-panel-card{border-radius:9px;gap:3px;padding:6px 3px}.hero-panel-card small{font-size:7px}.hero-panel-card>strong{font-size:clamp(18px,5vw,28px)}.hero-team-card>strong{font-size:clamp(12px,3vw,19px)}.hero-energy-label strong{font-size:clamp(20px,5vw,30px)}.hero-energy-label span{font-size:7px}.hero-panel-bottom{gap:2px;padding:3px;font-size:7px}.hero-brand{font-size:8px}}.welcome-screen{grid-template-rows:minmax(0,1fr) auto auto}.welcome-actions{z-index:2;position:relative}:root{--cockpit-height:95px}.screen-toolbar{min-height:var(--cockpit-height);gap:0;padding:5px clamp(10px,2vw,24px);height:var(--cockpit-height)!important}.screen-toolbar .hero-panel-card{border-radius:12px;gap:2px;padding:4px 8px}.screen-toolbar .hero-panel-card>strong{font-size:clamp(18px,2.1vw,30px)}.screen-toolbar .hero-team-card>strong{font-size:clamp(13px,1.5vw,20px)}.screen-toolbar .hero-energy-card>strong{font-size:clamp(12px,1.8vw,24px)}.screen-toolbar .hero-panel-card small{font-size:clamp(7px,.8vw,11px)}.screen-toolbar .hero-panel-card progress{height:4px}.screen-toolbar .hero-panel-grid{width:100%}.screen-toolbar .hero-panel-card{animation:4s ease-in-out infinite alternate cockpit-soft-glow}@keyframes cockpit-soft-glow{0%{box-shadow:inset 0 0 12px #00aaff14,0 0 6px #00aaff20}to{box-shadow:inset 0 0 22px #00aaff30,0 0 12px #00aaff40}}@media (width<=700px){:root{--cockpit-height:84px}}@media (prefers-reduced-motion:reduce){.screen-toolbar .hero-panel-card{animation:none}}.rising-row-easter-egg{color:#ffcd38;font-size:10px;animation:.65s ease-in-out infinite press-start-pulse;display:block}.top-hud-bar{position:relative}.top-hud-time{min-width:120px;position:absolute;left:50%;transform:translate(-50%)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
