*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070b20;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;touch-action:none}#game{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden}canvas{display:block;width:100%;height:100%}.hud{pointer-events:none;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px max(15px,env(safe-area-inset-right)) 12px max(15px,env(safe-area-inset-left));background:linear-gradient(#030717d9,#03071700);font-weight:900;text-shadow:0 2px 10px #000}.brand{font-size:clamp(13px,2.7vw,22px);white-space:nowrap;letter-spacing:1px}.brand em{font-style:normal;color:#ff477b}.hud-stats{display:flex;gap:clamp(8px,2vw,23px);align-items:center;font-size:clamp(10px,2.4vw,17px);font-variant-numeric:tabular-nums}.hud-stats #level{color:#47eaff}.hud-stats #lives{color:#ff5980}.hud button{pointer-events:auto;background:#101936b0;color:white;border:1px solid #5689ba80;border-radius:11px;padding:8px 12px;font-size:18px;cursor:pointer}.bar{position:absolute;top:59px;height:4px;left:15px;right:15px;border-radius:10px;background:#22345e99;overflow:hidden;pointer-events:none}.bar div{height:100%;width:0;background:linear-gradient(90deg,#31dfff,#ee4afa);box-shadow:0 0 12px #2ee8ff;transition:width .2s}.overlay{position:absolute;inset:0;z-index:4;background:#050b1dc9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(9px)}.overlay.hidden{display:none}.panel{width:min(500px,100%);text-align:center;padding:clamp(25px,6vw,43px) 22px;border:1px solid #6bdffb6b;border-radius:24px;background:linear-gradient(135deg,#122347ec,#111021eb);box-shadow:0 0 80px #247bde35,inset 0 0 40px #3276c017}.mini{font-size:12px;letter-spacing:3px;color:#76deff;font-weight:900}.panel h1{font-size:clamp(40px,10vw,73px);letter-spacing:-3px;line-height:1.04;margin:18px 0;text-shadow:0 0 40px #24c7ff70}.panel h1 b{color:#ff4b9b}.panel p{line-height:1.55;color:#d5e3ff;margin:0 auto 20px;max-width:390px}.instructions{font-size:13px;color:#9fc4e5;line-height:1.7;margin-bottom:24px}.instructions span{margin:0 4px;color:#e962a9}#start{cursor:pointer;border:0;color:#04132c;background:linear-gradient(100deg,#37e9fa,#8cf6b6);font-size:16px;font-weight:1000;letter-spacing:1px;border-radius:14px;padding:17px 23px;width:min(100%,335px);box-shadow:0 10px 35px #26d9e943}#start:active{transform:scale(.97)}#best{font-size:12px;color:#afbad1;margin-top:20px;font-weight:800;letter-spacing:1px}.touch{position:absolute;inset:auto 0 max(16px,env(safe-area-inset-bottom)) 0;pointer-events:none;display:none;align-items:flex-end;justify-content:space-between;padding:0 20px}.dpad{pointer-events:auto;display:grid;gap:4px;justify-items:center}.dpad>div{display:flex;gap:4px}.dpad button{touch-action:none;border:1px solid #8de7ff89;background:#12335894;color:#d9faff;border-radius:14px;font-size:21px;font-weight:900;width:55px;height:55px;box-shadow:inset 0 0 15px #32adfb18}.dpad button.active{background:#2d98baaf}.touch-note{color:#c5faff85;font-size:10px;font-weight:900;letter-spacing:1px;display:flex;gap:8px;align-items:center;padding-bottom:12px}.touch-note strong{font-size:44px;color:#48e7f099;text-shadow:0 0 18px #4af2f6}#toast{position:absolute;z-index:3;top:23%;left:50%;transform:translateX(-50%);font-weight:1000;white-space:nowrap;text-align:center;color:white;font-size:clamp(21px,5vw,38px);text-shadow:0 0 25px #38e2ff;opacity:0;transition:opacity .2s;pointer-events:none}@media(pointer:coarse){.touch{display:flex}}@media(max-width:500px){.brand{max-width:100px;line-height:1}.hud{padding-top:9px}.hud-stats{gap:7px}.bar{top:48px}.hud button{padding:5px 8px}.touch{padding:0 12px}.dpad button{width:49px;height:49px}}@media(max-height:530px){.panel{padding:15px}.panel h1{margin:8px 0}.panel p{margin-bottom:8px}.instructions{margin-bottom:10px}.touch{opacity:.72}.dpad button{width:43px;height:43px}}
/* V2 garage */
[hidden]{display:none!important}.panel{width:min(790px,100%);max-height:94dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#388fbb #08142b;padding:20px 21px}.panel h1{font-size:clamp(29px,6vw,53px);margin:7px 0}.panel p{margin-bottom:9px}.instructions{margin-bottom:10px}.garage-header{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#88eaff;font-weight:900;font-size:13px;margin:12px}.pilot-line{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.pilot-line input{border:1px solid #52b8f6;border-radius:10px;background:#07152b;color:white;padding:13px 12px;font-size:16px;max-width:250px}.small-btn,.action-btn{border:1px solid #50aada70;border-radius:11px;padding:12px 14px;background:#172c4a;color:white;cursor:pointer;font-weight:800}.action-btn.primary{background:linear-gradient(100deg,#32dfff,#9af9ab);color:#08172d}.action-btn:disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:12px 0}.ship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:9px;max-height:270px;overflow-y:auto;scrollbar-width:thin}.ship-card{background:#0a1833;border:1px solid #32668e;border-radius:13px;color:white;cursor:pointer;min-height:150px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.ship-card.picked{border:2px solid #55f9e8;box-shadow:inset 0 0 18px #15c5f32b}.ship-card img{width:86px;height:94px;object-fit:contain;filter:drop-shadow(0 0 9px #00dfff64)}.ship-card small{font-size:10px;color:#b8d5f5}.ship-card b{font-size:12px}.fineprint{color:#8c9cb6;font-size:11px;margin:10px auto}.profile-row{margin-top:8px}.compact-label{font-size:12px;color:#92bade;font-weight:800;margin:12px 0 8px}#coins{color:#ffdf6a}#sound{margin-left:3px}#menu-back{margin:6px auto}#file-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#file-buttons label{display:inline-block}#file-buttons input{display:none}@media(max-width:550px){.panel{padding:14px 12px;border-radius:18px}.ship-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:205px}.ship-card{min-height:122px}.ship-card img{width:65px;height:75px}.panel p{font-size:12px}.instructions{font-size:11px}.hud-stats #coins{font-size:10px}.brand{font-size:13px}}
/* Galaxy Arcade v3 */
#pin,#room-code{min-width:100px;max-width:190px}.ship-card{position:relative;transition:transform .17s,box-shadow .17s;border:1px solid #39769388!important;background:linear-gradient(160deg,#15334e,#10162e)!important}.ship-card:hover{transform:translateY(-6px) scale(1.035);box-shadow:0 0 32px #4befff55}.ship-card img{filter:drop-shadow(0 4px 13px #6bdcff88);object-fit:contain}#coop-box{border:1px solid #43c9e5;border-radius:15px;margin:12px 0;padding:13px;background:#081e32e6}#room-info{margin:10px;color:#89f5dc;font-size:13px}#coop-hud{color:#88ffcd}.panel{max-width:850px!important}#garage{max-height:min(43vh,370px);overflow:auto}#onboard .pilot-line{flex-wrap:wrap}#onboard input{flex:1;min-width:140px}@media(max-width:600px){#garage{max-height:31vh}.ship-card img{height:74px!important}#pin{max-width:none}.panel{padding:16px!important}}
/* PATCH COOP 3.1 */
.touch .dpad{display:none!important}canvas{touch-action:none}#touch{pointer-events:none}#touch .touch-note{background:#081d34b0;padding:6px 12px;border-radius:30px;letter-spacing:.08em}#coop-box{background:linear-gradient(155deg,#102943ed,#0a1030f2);box-shadow:inset 0 1px 20px #3bc5f31c,0 16px 35px #02081188}#room-launch{display:inline-flex;margin:8px auto;justify-content:center}#room-launch[hidden],#room-pause[hidden]{display:none!important}.coop-room-title{font-weight:950;color:#8afde4;letter-spacing:.09em;text-shadow:0 0 16px #32bffb88}.coop-room-title span{font-weight:600;color:#a9bfe9;font-size:10px}.ship-card{perspective:500px;box-shadow:inset 0 1px #8fe8ff33,0 7px 14px #03091c77;transform-style:preserve-3d}.ship-card img{transition:transform .2s;filter:drop-shadow(0 7px 11px #49cfff99) saturate(1.3)}.ship-card:hover img{transform:translateY(-5px) rotateY(-8deg) scale(1.13)}.ship-card.picked{background:linear-gradient(140deg,#164357,#11132d)!important}.ship-card:not(.picked):nth-child(3n+2) img{filter:hue-rotate(65deg) saturate(1.3) drop-shadow(0 5px 12px #ab6aff88)}.ship-card:not(.picked):nth-child(3n) img{filter:hue-rotate(145deg) saturate(1.35) drop-shadow(0 5px 12px #fe71bb77)}@media(max-width:600px){#touch .touch-note{font-size:10px;opacity:.68}#coop-box .pilot-line{display:flex;flex-wrap:wrap}}
/* Patch v3.2: menu e pausa leve, adaptados ao mobile */
#pause-display:not([hidden]){position:absolute;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:rgba(1,7,20,.28)}#pause-display strong{font:900 clamp(42px,10vw,92px)/1 system-ui;letter-spacing:.13em;color:#d6ffff;text-shadow:0 0 24px #17d5ff;animation:pauseBlink 1.25s ease-in-out infinite alternate}#pause-display small{margin-top:14px;color:#e0faff;font-weight:800;letter-spacing:.09em;text-shadow:0 2px 9px #000}@keyframes pauseBlink{from{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}#coop-box{padding:15px!important;border-radius:17px;background:linear-gradient(150deg,#0e2543,#090e23);box-shadow:inset 0 1px 16px #3ddcff1b}#coop-box .pilot-line{display:grid;grid-template-columns:1fr minmax(120px,1fr) auto;gap:9px;align-items:center}#room-code{text-align:center;font-weight:900;letter-spacing:.13em;font-size:18px;min-width:0}#room-info{line-height:1.5;padding:10px;color:#a3efff}.ship-card{box-shadow:inset 0 0 14px #3c70ff1c,0 8px 16px #0005;transition:transform .15s}.ship-card img{filter:drop-shadow(0 9px 7px #0009) drop-shadow(0 0 12px #3aeaff55)}.ship-card:hover{transform:translateY(-4px)}.touch-note{display:none!important}@media(max-width:650px){#coop-box .pilot-line{grid-template-columns:1fr 1fr}#room-code{grid-column:1/-1;grid-row:1}#room-create,#room-join{font-size:11px;padding:11px 5px}#coop-box{padding:10px!important}.ship-card img{height:72px;object-fit:contain}#file-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}#file-buttons>*{font-size:10px}.hud-stats{font-size:10px}}
/* Galaxy arcade 4 */
.overlay{background:radial-gradient(ellipse at 25% 15%,#172d5855,transparent 65%),#030817d9;backdrop-filter:blur(4px)}.panel{border-radius:6px!important;border-color:#446a95!important;background:linear-gradient(150deg,#14233bf5,#070d1df5)!important;box-shadow:0 25px 90px #000b,inset 0 0 0 5px #ffffff04!important}.mini{font-size:10px;letter-spacing:3px;color:#96aaca}.panel h1{letter-spacing:5px!important;font-style:italic}.panel h1 b{color:#58eaff!important;text-shadow:3px 3px #25448a,0 0 30px #1dc4ff66}.hero-ship{position:relative;display:grid;place-items:center;min-height:200px;background:radial-gradient(ellipse,#1673a644,transparent 65%);margin:0 auto 12px;border-bottom:1px solid #344a67}.hero-ship img{width:190px;height:160px;object-fit:contain;filter:drop-shadow(0 15px 20px #17b6ff77);animation:hoverShip 4s ease-in-out infinite;image-rendering:pixelated}.hero-ship span,.hero-ship small{font-size:10px;letter-spacing:3px;color:#82b7d3}.hero-ship small{padding-bottom:12px;color:#e6bc77}.action-btn,.small-btn,.pilot-line input{border-radius:4px!important}.action-btn.primary{background:linear-gradient(110deg,#77f4ff,#38bbeb)!important;box-shadow:0 4px 0 #176184;color:#031722!important}.pilot-line input:focus{outline:2px solid #7eefff;outline-offset:3px}.ship-card{border-radius:4px!important}.ship-card.picked{outline:2px solid #72f6ed}.ship-card img{image-rendering:pixelated}#onboard .pilot-line{max-width:540px;margin:auto}#onboard input{max-width:none;flex-basis:42%}#onboard button{flex:1}.fineprint{line-height:1.6;max-width:480px}.instructions{color:#a8bad0}#toast{white-space:normal;width:90%;font-size:clamp(16px,3vw,29px)}@keyframes hoverShip{50%{transform:translateY(-10px) rotate(-3deg)}}@media(max-width:600px){.hero-ship{min-height:156px}.hero-ship img{height:112px;width:150px}.hero-ship span,.hero-ship small{font-size:8px}.mini{letter-spacing:1.5px}#onboard button{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.hero-ship img{animation:none}}