@font-face{font-family:OrbSerif;src:local("Palatino Linotype"),local("Georgia");font-display:swap}:root{color-scheme:dark;--gold:#f3cf86;--ink:#07182b;--world-bg:url(../assets/backgrounds/costa-mediterranica.webp);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#051322;color:#eef6ff}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.32}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #92edff;outline-offset:3px}button[hidden],[hidden]{display:none!important}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}#app{display:grid;place-items:center;isolation:isolate}.ambient{position:fixed;inset:-30px;z-index:-2;background:linear-gradient(#03102188,#031021ee),var(--world-bg) center 65%/cover;filter:blur(8px);transform:scale(1.04)}.ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#020916c9 90%)}.stage-shell{position:relative;width:min(100vw,calc(100dvh * 440 / 780));height:min(100dvh,calc(100vw * 780 / 440));max-height:1100px;max-width:620px;isolation:isolate;overflow:hidden;box-shadow:0 0 0 1px #b9914a80,0 0 80px #0008;container-type:inline-size;user-select:none;background:#123a58}.scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02192a91,#09263815 44%,#061a2850 80%,#04101cdd),var(--world-bg) center/cover}.scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #06101d66;pointer-events:none}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}.hud{position:absolute;top:max(1.2%,env(safe-area-inset-top));left:3%;right:3%;height:7.7%;min-height:35px;display:grid;grid-template-columns:12% 23% 42% 15%;gap:2.5%;align-items:center;border:1px solid #d7ae68a8;border-radius:14px;background:linear-gradient(180deg,#233344f2,#0b1830f5 62%,#101d30ed);box-shadow:0 3px 9px #0008,inset 0 1px #ffe2a75e;padding:1.4% 2%}.round{padding:0;border-radius:50%;border:1px solid #edce8c;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#f5dd91,#9b6f24 55%,#372c1e);box-shadow:inset 0 0 0 2px #07192b,0 1px 4px #0008;color:#fff5ce;aspect-ratio:1;width:100%}.round svg{width:50%;height:50%;filter:drop-shadow(0 1px 1px #000)}.score-block,.level-block{display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.2}.hud small{font-size:1.65cqw;letter-spacing:.9px;color:#b4c3d1}.score-block strong{font-size:5.2cqw;letter-spacing:.1px;color:#fffef9}.level-block{border-left:1px solid #ba95534d}.level-block strong{font:5.8cqw/1.1 OrbSerif,Georgia,serif;color:#ffe2a2}.score-meter{position:relative;height:75%;display:flex;align-items:center;padding-top:2px}.score-track{position:absolute;width:100%;height:20%;background:#071322;border-radius:6px;border:1px solid #e1bd76;overflow:hidden;box-shadow:0 0 5px #26cdfb44}.score-fill{display:block;height:100%;background:linear-gradient(90deg,#1d8dcc,#6eedff);width:0;transition:width .3s}.hud-stars{position:relative;display:flex;width:100%;justify-content:space-around;font-size:7cqw;line-height:1;color:#263a4a;-webkit-text-stroke:.7px #c09c60;text-shadow:0 2px 2px #000b}.hud-stars .lit{color:#ffda67;text-shadow:0 0 8px #ffd44b88,0 2px #8c5f20}.mission{position:absolute;top:10.1%;left:7%;right:7%;text-align:center;pointer-events:none;line-height:1.3;text-shadow:0 2px 5px #000,0 0 10px #071c39}.mission .world-name{display:block;text-transform:uppercase;font-size:1.8cqw;color:#e5d8b6;letter-spacing:1.5px;margin-bottom:3px}.mission>div{display:flex;justify-content:center;align-items:center;gap:12px}.mission strong{font-size:2.7cqw;font-weight:600}.mission #objective-progress{font-size:2.3cqw;color:#bce9ff;font-variant-numeric:tabular-nums}.shot-counter{position:absolute;left:12.7%;top:81.3%;width:13%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;border:1px solid #f1d197;border-radius:50%;background:radial-gradient(circle at 35% 20%,#234461,#091628 75%);box-shadow:0 3px 12px #0007,inset 0 0 0 3px #9c7a3b66}.shot-counter strong{font-size:6cqw;color:#fff3d9}.shot-counter small{margin-top:3px;font-size:1.45cqw;letter-spacing:.5px;color:#a7c0ce}.shot-counter.urgent{border-color:#ff8c86;box-shadow:0 0 12px #ec504659}.shot-counter.urgent strong{color:#ffafa1}.queue{position:absolute;left:71%;top:80.1%;width:17%;padding:0;border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:2px}.queue img{width:86%;height:auto;filter:drop-shadow(0 3px 5px #0006)}.queue small{font-size:1.5cqw;letter-spacing:1px;color:#d7e6f1;text-shadow:0 2px 3px #000}.swap{position:absolute;top:85.5%;left:60%;width:8%;height:4.7%;border-radius:50%;padding:0;display:grid;place-items:center;background:#102b40cc;border:1px solid #debf7c9c;color:#f3d89a}.swap svg{width:65%;height:65%}.powers{position:absolute;bottom:4.6%;left:8%;right:8%;height:7.1%;display:flex;justify-content:center;align-items:center;gap:3%;border-radius:12px;background:linear-gradient(90deg,transparent,#0b132ba8 25%,#0b132ba8 75%,transparent)}.powers:empty{display:none}.power{position:relative;height:100%;aspect-ratio:1;padding:2px;border-radius:50%;border:1px solid #d6aa58a8;box-shadow:0 2px 8px #0006,inset 0 0 0 2px #9c782c88;background:radial-gradient(circle at 35% 20%,#35526b,#06162d 70%);transition:transform .15s,border-color .15s}.power img{width:100%;height:100%;object-fit:contain;pointer-events:none}.power b{position:absolute;bottom:-3px;right:-3px;min-width:16px;aspect-ratio:1;display:grid;place-items:center;background:#0b1e2c;border:1px solid #ffe3ad;border-radius:50%;font-size:2cqw}.power.selected{transform:translateY(-4px);border-color:#c9fcff;box-shadow:0 0 16px #56e5ff9c}.bottom-signature{position:absolute;bottom:max(1.3%,env(safe-area-inset-bottom));width:100%;text-align:center;font:2.2cqw OrbSerif,Georgia,serif;color:#eddcb5a6;letter-spacing:3px;pointer-events:none}#tutorial{position:absolute;top:74.3%;width:100%;text-align:center;font:italic 3cqw OrbSerif,Georgia,serif;letter-spacing:.2px;color:#e7f7ffdd;text-shadow:0 2px 4px #000a;pointer-events:none;margin:0}#frozen{position:absolute;top:70.5%;width:100%;text-align:center;color:#bdf4ff;text-shadow:0 0 8px #45b7ff;font-size:2.5cqw}.confirm-shot{position:absolute;left:35%;top:73.5%;width:30%;height:5%;background:linear-gradient(#ffdb8b,#a87525);border:1px solid #ffe4a8;color:#1d2030;border-radius:20px;box-shadow:0 3px 15px #0007;font-size:2.8cqw;font-weight:700}.game-dialog{position:fixed;width:min(430px,calc(100vw - 30px));max-height:min(90dvh,840px);border:1px solid #d3aa62a1;border-radius:18px;padding:30px;background:radial-gradient(ellipse at 50% 0,#213b50,#0b1b2c 70%);color:#edf5ff;box-shadow:0 25px 100px #000a;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#af9256 #102032}.game-dialog::backdrop{background:#03111dc9;backdrop-filter:blur(8px)}.game-dialog h1{font:36px/1.1 OrbSerif,Georgia,serif;color:#fff0ce;letter-spacing:-.5px;margin:17px 0}.game-dialog h2{font:21px OrbSerif,Georgia,serif;font-weight:400;color:#f2dbad}.game-dialog p{font-size:13px;line-height:1.65}.game-dialog .eyebrow,.dialog-head>span{font-size:9px;color:#e3c58b;letter-spacing:2.1px}.brand-name{letter-spacing:3.2px!important}.game-dialog button,.file-button{touch-action:manipulation}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{width:32px;height:32px;border:1px solid #6e7d854f;border-radius:50%;background:#132e42;color:#f3dab0;font-size:24px;line-height:1}.pause-menu{display:flex;flex-direction:column;gap:7px;margin-top:25px}.pause-menu>button,.secondary,.save-tools>button,.file-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #4860706b;background:#17304780;border-radius:8px;padding:12px 15px;color:#d5e3ed;font-size:13px;text-align:left}.pause-menu>button:hover,.secondary:hover{background:#263e50}.primary{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:15px!important;background:linear-gradient(180deg,#f6d99a,#d3a35b)!important;border:1px solid #ffecb5!important;border-radius:9px;color:#2a2831!important;font-size:14px;font-weight:700;box-shadow:inset 0 1px #fff5d4,0 3px 12px #0005}.pause-menu>.primary{justify-content:space-between}.subtle{color:#9fb6c6}.tiny{font-size:10px!important}.result{text-align:center}.result h1{font-size:34px}.result-stars{display:flex;justify-content:center;align-items:center;gap:10px;font-size:52px;line-height:1;color:#253a50;text-shadow:0 2px 2px #0008;-webkit-text-stroke:1px #9d8147;margin:25px 0 15px}.result-stars span:nth-child(2){font-size:64px;transform:translateY(-7px)}.result-stars .lit{color:#ffdb75;filter:drop-shadow(0 0 9px #ffc54145)}.result p:not(.eyebrow){color:#abc0cf}.result-score{display:block;font:42px/1.2 OrbSerif,Georgia,serif;color:#ffe6a6;margin:20px 0}.result-score small{display:block;font:9px Segoe UI,sans-serif;letter-spacing:2px;color:#aebfc9}.result-facts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#acc7d8;margin:22px 0}.result .secondary{margin-top:10px;justify-content:center}.text-button{display:block;margin:15px auto 0;border:0;background:none;color:#e1c999;font-size:12px;padding:8px}.world-picker{display:flex;align-items:center;gap:10px;text-align:center;margin-top:18px}.world-picker>div{flex:1;min-width:0}.world-picker img{width:100%;height:126px;object-fit:cover;object-position:center 65%;border:1px solid #a88c5388;border-radius:10px}.world-picker p{font-size:8px;letter-spacing:2px;color:#d3bb8c;margin:9px 0 2px}.world-picker h2{font-size:21px;margin:0 0 10px}.world-picker>button{width:28px;border:0;background:none;font-size:33px;color:#dfc58b;padding:0}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.level-grid button{min-height:52px;border:1px solid #4e667976;border-radius:9px;background:linear-gradient(#29465c,#132c42);padding:6px;color:#eff2e6;display:grid;place-items:center}.level-grid button>span{font-size:16px}.level-grid small{font-size:9px;letter-spacing:1px;color:#f5cf76;height:11px}.level-grid .current{border-color:#f0d38f;box-shadow:0 0 8px #d9b56f25}.settings{margin-top:20px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ffffff0c;min-height:48px;font-size:12px;color:#c9dce8}.setting input[type=range]{width:115px;accent-color:#e6c780}.setting input[type=checkbox]{width:18px;height:18px;accent-color:#e6c780}.setting select{max-width:128px;font-size:12px;padding:6px;background:#17354a;border:1px solid #8b794c;border-radius:5px;color:#efdfbd}.save-tools{display:flex;gap:10px;margin:22px 0 10px}.save-tools>button,.file-button{justify-content:center;font-size:11px;padding:10px;text-align:center}.file-button{cursor:pointer}.file-button input{display:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.stats-grid>div{display:flex;flex-direction:column;border:1px solid #5570864a;border-radius:9px;background:#19334877;padding:17px 12px;min-width:0}.stats-grid strong{font:26px OrbSerif,Georgia,serif;color:#ffe1a2;overflow-wrap:anywhere}.stats-grid span{font-size:10px;color:#9fb7c7;margin-top:7px}.power-guide article{display:flex;gap:12px;align-items:center;margin:20px 0;border-bottom:1px solid #ffffff0b;padding-bottom:15px}.power-guide article img{width:62px;height:62px;flex-shrink:0}.power-guide h2{font-size:19px;margin:0 0 5px}.power-guide p{font-size:11px;color:#adc3d1;margin:0}.help p{color:#afc6d7}.help a{color:#edcc8d;font-size:12px}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px;text-align:center;height:100%;color:#e7cf9d;background:radial-gradient(circle,#17374c,#071827 70%)}.boot>span{font:25px OrbSerif,Georgia,serif;letter-spacing:4px}.boot small{font-size:11px;color:#9fb6ca}.boot button{padding:12px 20px;border:1px solid #be9d62;border-radius:8px;background:#244257;color:#ffe4ae}.toast{position:fixed;z-index:100;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,140px);max-width:min(420px,90vw);padding:13px 20px;border:1px solid #bba16a8c;border-radius:10px;background:#0a2035f2;box-shadow:0 8px 30px #0008;color:#e9dfc6;font-size:12px;text-align:center;pointer-events:none;transition:transform .25s}.toast.visible{transform:translate(-50%)}.sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.stage-shell.arrive .scene{animation:arrive .65s ease-out}@keyframes arrive{0%{opacity:.45;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@media(max-width:520px){.game-dialog{padding:24px}.game-dialog h1{font-size:32px}.game-dialog .power-guide img{width:53px;height:53px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-height:420px)and (orientation:landscape){.stage-shell{height:100dvh;width:calc(100dvh * 440 / 780)}.game-dialog{max-height:94dvh}.hud{top:1.2%}}.stage-shell.preparing{visibility:hidden}.mission{top:9.2%}.mission .world-name{display:none}.hud{grid-template-columns:12% 23% 42% 15%;gap:2.5%}.home-screen{position:fixed;inset:0;z-index:20;isolation:isolate;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#03122455,#04142b11 40%,#03122477),var(--world-bg) center 62%/cover}.home-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,transparent 15%,#02102299 100%);box-shadow:inset 0 0 130px #04101d77}.home-topbar{display:flex;align-items:center;justify-content:space-between;width:min(100% - 36px,1100px);padding:12px 18px;margin-top:max(18px,env(safe-area-inset-top));border:1px solid #dfbc7990;border-radius:18px;background:linear-gradient(180deg,#173047ec,#081a31ed);box-shadow:0 8px 28px #0006,inset 0 1px #ffe0a537;backdrop-filter:blur(15px)}.home-brand{display:flex;gap:16px;align-items:center;min-width:0}.home-brand img{width:55px;height:55px;border-radius:13px;box-shadow:0 0 0 1px #ddba6b80}.home-brand h1{font:clamp(17px,3.5vw,30px)/1.2 OrbSerif,Georgia,serif;letter-spacing:clamp(1px,.4vw,5px);color:#ffe1a0;text-shadow:0 2px 3px #0009;margin:0}.home-settings{display:grid;place-items:center;flex-shrink:0;width:49px;height:49px;margin-left:14px;border-radius:50%;border:1px solid #e5c77c8c;background:radial-gradient(circle at 40% 20%,#42667c,#162c46);box-shadow:inset 0 0 0 3px #09192a,0 2px 7px #0006;color:#ffe0a0}.home-settings svg{width:25px;height:25px;stroke-width:1.6}.home-actions{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);display:grid;gap:20px;width:min(310px,75vw)}.home-actions button{min-height:70px;border:1px solid #ffe0a8;border-radius:16px;font:700 24px/1 OrbSerif,Georgia,serif;letter-spacing:4px;box-shadow:0 8px 25px #0007,inset 0 1px #fff7;transition:transform .15s,filter .15s}.home-actions button:hover{transform:translateY(-2px);filter:brightness(1.08)}.home-actions button:active{transform:translateY(1px)}#home-play{background:linear-gradient(180deg,#fff0b0,#e6bb57 48%,#bc812d);color:#352008;text-shadow:0 1px #fff4}#home-help{background:linear-gradient(180deg,#18364feb,#082039ed);color:#ffe2a1;font-size:19px;letter-spacing:3px;border-color:#e9cb8599}@media(max-width:520px){.home-topbar{padding:10px;width:calc(100% - 24px);border-radius:14px}.home-brand{gap:10px}.home-brand img{width:44px;height:44px;border-radius:10px}.home-settings{width:43px;height:43px;margin-left:8px}.home-actions{gap:17px}.home-actions button{min-height:66px}}:root{--app-topbar-space: calc(76px + env(safe-area-inset-top)) }#app{padding-top:var(--app-topbar-space)}.stage-shell{width:min(100vw,calc((100dvh - var(--app-topbar-space)) * 440 / 780));height:min(calc(100dvh - var(--app-topbar-space)),calc(100vw * 780 / 440))}.game-topbar{position:fixed;z-index:15;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100vw - 24px),620px);height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border:1px solid #dfbc7990;border-radius:14px;background:linear-gradient(180deg,#173047f5,#081a31f5);box-shadow:0 5px 20px #0006,inset 0 1px #ffe0a537}.game-brand{display:flex;align-items:center;gap:12px;min-width:0;padding:0;border:0;background:none;color:#ffe1a0;text-align:left}.game-brand img{width:42px;height:42px;flex-shrink:0;border-radius:10px;box-shadow:0 0 0 1px #ddba6b80}.game-brand span{font:clamp(16px,4.2vw,22px)/1.2 OrbSerif,Georgia,serif;letter-spacing:1.8px;white-space:nowrap;text-shadow:0 2px 3px #0009}.game-settings{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;border:1px solid #e5c77c8c;background:radial-gradient(circle at 40% 20%,#42667c,#162c46);box-shadow:inset 0 0 0 3px #09192a;color:#ffe0a0}.game-settings svg{width:24px;height:24px;stroke-width:1.6}@media(max-height:420px){:root{--app-topbar-space: calc(58px + env(safe-area-inset-top)) }.game-topbar{height:44px;top:calc(6px + env(safe-area-inset-top));padding:4px 10px}.game-brand img{width:32px;height:32px}.game-settings{width:34px;height:34px}.game-brand span{font-size:16px}}