:root{color-scheme:dark;--navy:#082d38;--deep:#051e28;--gold:#e5bf75;--cream:#fff0ca;--muted:#b2ccca;--border:#bd97566e;--rim:inset 0 0 0 1px #f5d99a20,0 6px 20px #00151d70}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07394c;color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff0ad;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.hidden{display:none!important}#game{position:relative;height:100dvh;min-height:300px;overflow:hidden;isolation:isolate}#panorama{position:absolute;inset:-3%;background:url('/assets/archipelago.png') center 49%/auto 108% repeat-x;z-index:-5}#world{position:absolute;width:100%;height:100%;inset:0;z-index:-4;touch-action:none}#weather{position:absolute;inset:0;background:linear-gradient(#1c244ba0,#67468733 55%,#12454d40);opacity:0;transition:opacity 5s;z-index:-3;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(#02213180,transparent 24%,transparent 57%,#031b2a8a),radial-gradient(ellipse at center,transparent 40%,#06222c66)}.plaque{background:linear-gradient(145deg,#123d4dea,#051c29ee);border:2px solid #bd9756;border-radius:9px;box-shadow:var(--rim);position:relative}.plaque:before{content:'';position:absolute;inset:4px;border:1px solid #e4c37d44;border-radius:5px;pointer-events:none}#topbar{position:absolute;z-index:12;top:max(16px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.brand{display:flex;align-items:center;gap:12px;padding:12px 20px}.crest{font:36px Georgia;border:1px solid #c2a26b;border-radius:50%;width:47px;height:47px;text-align:center;line-height:45px}.brand-name{display:block;font:24px Georgia;letter-spacing:.075em;text-shadow:0 2px #000}.brand-sub{display:block;font-size:9px;letter-spacing:.2em;margin-top:5px;color:#e2c38d}.top-buttons{display:flex;gap:6px}.smallButton{background:#072a38ba;border:1px solid #e7d19466;border-radius:5px;padding:10px 12px;font-size:12px;min-height:40px}.smallButton:hover{background:#315966}#scoreHud{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:22px;padding:10px 23px;align-items:center}.goldRead{display:flex;gap:12px;align-items:center}.gold-icon{border:2px solid #f6d692;background:linear-gradient(140deg,#f3d385,#997133);border-radius:50%;height:34px;width:34px;color:#734e21;text-align:center;font:26px Georgia;line-height:30px}.goldRead #gold{font:32px Georgia;color:#ffde8e}.goldRead small,.timerRead small{display:block;font-size:8px;letter-spacing:.13em;white-space:nowrap;margin-top:2px}.timerRead{border-left:1px solid #cdb68155;padding-left:22px;text-align:center}.timerRead #timer{font:28px Georgia;font-variant-numeric:tabular-nums}#compass{position:absolute;z-index:6;left:50%;transform:translateX(-50%);top:100px;display:flex;justify-content:space-between;gap:42px;background:linear-gradient(90deg,transparent,#073340c9,transparent);padding:7px 22px;font:12px Georgia;letter-spacing:.1em;width:370px;text-align:center}#compassCenter{color:#ffe19b}#compass i{position:absolute;left:calc(50% - 6px);bottom:-7px;width:12px;height:12px;background:#e9c16e;transform:rotate(45deg);box-shadow:0 0 10px #ffe9a1}#nextRank{position:absolute;top:88px;right:24px;z-index:6;text-align:right;text-shadow:0 2px 5px #000;background:#05253280;border-radius:5px;padding:9px 12px;font-size:12px}#nextRank small{display:block;font-size:8px;letter-spacing:.13em;color:#c7d9cf}#nextName{display:block;margin:4px 0}#nextGap{font:15px Georgia;color:#ffe0a0}.intro{position:absolute;inset:0;display:flex;align-items:center;padding:110px 8vw 35px;background:linear-gradient(90deg,#052430f2,#062c3cbe 37%,transparent 80%);z-index:8;overflow:auto}.intro-copy{max-width:470px}.eyebrow{color:#e6c386;font-size:11px;letter-spacing:.2em;margin:0 0 15px}.intro h1{font:clamp(38px,5vw,73px)/1.02 Georgia;margin:0 0 22px;text-shadow:0 3px 20px #00202d80;letter-spacing:-.035em;font-weight:400}.intro h1 em{font-weight:400;color:#f4d490}.intro-description{font-size:15px;line-height:1.65;color:#d3e1d8;max-width:400px}.intro-tags{display:flex;align-items:center;gap:13px;margin:23px 0;color:#e9cf95;font-size:9px;letter-spacing:.1em}.intro-tags i{width:3px;height:3px;background:#e9cf95;transform:rotate(45deg)}.intro label{display:block;font-size:9px;letter-spacing:.15em;margin-bottom:7px}#crewName{width:100%;max-width:400px;border:1px solid #bca77980;border-radius:4px;background:#052735b5;color:#f9e8c2;padding:11px 12px;font-size:16px}.launch-actions{display:flex;gap:10px;margin-top:14px;max-width:400px}.primary,.secondary{padding:14px 19px;border-radius:5px;font-size:14px;min-height:46px}.primary{background:linear-gradient(135deg,#f0d795,#bc924d);border:1px solid #ffeab8;box-shadow:inset 0 0 0 3px #71572f22,0 5px 16px #06182350;color:#173746}.primary span{margin-left:16px}.primary:hover{filter:brightness(1.1)}.secondary{border:1px solid #c7ac7288;background:#082d3bbc;color:#f5dcaa}.secondary:hover{background:#235363}.intro-note,.fine{font-size:11px;line-height:1.6;color:#b5c9c6}.graphics-note{font-size:10px;color:#b5c9c6;margin:5px 0}.rotate-note{display:none;font-size:11px;color:#e0c98f}.intro-seal{margin-left:auto;text-align:center;align-self:flex-end;margin-bottom:50px;text-shadow:0 3px 8px #062c38}.intro-seal>span{font-size:10px;letter-spacing:.24em}.intro-seal strong{display:block;font:35px Georgia;margin:15px 0 0}.intro-seal p{font:italic 19px Georgia}.intro-seal>div{font-size:9px;letter-spacing:.2em;margin-top:28px;color:#d8d4ae}#labels{position:absolute;inset:0;pointer-events:none;z-index:2}.target{position:absolute;transform:translate(-50%,-100%);text-align:center;font-size:8px;letter-spacing:.12em;text-shadow:0 2px 4px #04212a;color:#fff2c9;min-width:62px}.target .health{display:block;width:62px;height:3px;background:#04222a99;margin:4px auto 0}.target .health i{height:100%;display:block;background:#f4cc7e}.target.ghost{color:#a8ffdb}.target.kraken{color:#ffdda0;font-size:11px}.target.kraken .health{width:110px;height:5px}.toast{position:absolute;top:155px;left:50%;transform:translateX(-50%);width:min(75%,660px);text-align:center;pointer-events:none;z-index:8;opacity:0;transition:opacity .25s;text-shadow:0 3px 8px #001926}.toast.show{opacity:1}.toast>span{display:block;font:28px Georgia;letter-spacing:.06em;color:#ffe3a2}.toast>small{display:block;font-size:12px;margin-top:7px;color:#e6eee0}.toast.gold>span,.toast.jackpot>span{color:#ffe088}.toast.jackpot>span{font-size:36px;animation:rewardPop .45s ease-out}.toast.ghost>span{color:#a5ffe2}@keyframes rewardPop{0%{transform:scale(.65);opacity:.1}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}#hitFlash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #ee704666;opacity:0;transition:opacity .15s}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border:2px solid #fff4c4aa;border-radius:50%;box-shadow:0 0 4px #12343a;pointer-events:none;z-index:4}#reticle:before,#reticle:after{content:'';position:absolute;background:#fff4c4;width:10px;height:2px;top:16px;left:-8px}#reticle:after{left:auto;right:-8px}#reticle i{position:absolute;left:15px;top:15px;width:4px;height:4px;border-radius:50%;background:#fff4c4}#reticle.locked{border-color:#f5c550;box-shadow:0 0 16px #ffd46c80}#reloadText{position:absolute;left:50%;top:45px;transform:translateX(-50%);font-size:9px;letter-spacing:.1em;color:#fff1c2;white-space:nowrap}.event-direction{position:absolute;right:22px;top:43%;background:#052937bc;border:1px solid #c5d3a285;border-radius:20px;padding:10px 16px;z-index:8;font-size:11px}.combo{position:absolute;left:25px;top:40%;text-shadow:0 2px 10px #00202e}.combo>span{display:block;font:48px Georgia;color:#ffdb82}.combo>span:before{content:'×';font-size:25px}.combo small{font-size:9px;letter-spacing:.2em}.lesson{position:absolute;left:50%;bottom:225px;transform:translateX(-50%);background:#072a38df;border:1px solid #d1b27477;border-radius:20px;padding:8px 16px;font-size:12px;color:#f9e5bb;white-space:nowrap;pointer-events:none;z-index:8}.lesson:empty{display:none}.controls{position:absolute;z-index:9;bottom:max(15px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:flex-end;justify-content:space-between;gap:18px;pointer-events:none}.controls>*{pointer-events:auto}.left-controls,.right-controls{width:200px}.control-label{text-align:center;font-size:9px;letter-spacing:.18em;color:#fae5b7;text-shadow:0 1px 5px #001721}.wheel{background:radial-gradient(#093a4580,transparent 67%);border:none;width:200px;height:200px;padding:0;position:relative;touch-action:none;filter:drop-shadow(0 6px 4px #001926a0)}.wheel svg{width:100%;height:100%;will-change:transform}.wheel-arrow{position:absolute;bottom:20px;font:38px Georgia;color:#ffe2a2}.wheel-arrow.left{left:4px}.wheel-arrow.right{right:4px}.telegraph{height:180px;padding:10px 10px 10px 41px;width:170px;margin-left:auto;display:grid;gap:4px}.telegraph button{background:#102f3ec7;border:1px solid #89774e;border-radius:5px;font:14px Georgia;letter-spacing:.02em}.telegraph button.selected{background:linear-gradient(140deg,#236979,#0e3445);border-color:#f1d493;box-shadow:inset 0 0 12px #d0b25a33;text-shadow:0 0 9px #ffecb477}.lever-track{position:absolute;top:20px;bottom:20px;left:15px;width:12px;background:linear-gradient(90deg,#634c2c,#ead196,#876536);border-radius:9px;box-shadow:0 0 0 2px #342c1d}.lever-track i{position:absolute;top:0;left:-7px;width:26px;height:34px;background:linear-gradient(120deg,#ffebb0,#9c7030);border:1px solid #f6dc97;border-radius:12px;box-shadow:3px 4px 8px #00121c;transition:top .2s}.center-controls{display:flex;flex-direction:column;align-items:center;min-width:250px;max-width:340px;margin-bottom:3px}.ship-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;max-width:280px;padding:8px 13px;background:linear-gradient(90deg,transparent,#062c3ccc,transparent);text-shadow:0 2px 4px #001924}.ship-status #speed{font:14px Georgia}.hull{height:4px;width:55px;background:#203f4b}.hull i{display:block;height:100%;background:#aed9b9;width:100%}#crewStatus{font-size:8px;letter-spacing:.12em;flex-basis:100%;text-align:center;color:#cdded3}.station-actions{display:flex;gap:10px;margin-top:8px}.station-actions button{padding:12px 16px;min-width:117px;min-height:78px;display:flex;align-items:center;justify-content:center;flex-direction:column}.station-actions span{font:10px Georgia;letter-spacing:.08em}.station-actions small{font-size:7px;letter-spacing:.1em;color:#bcb993;margin-top:4px}.button-icon{font:27px Georgia!important;margin-bottom:5px}.station-actions svg{height:24px;width:32px;fill:none;stroke:#e7c581;stroke-width:2;margin-bottom:10px}#aimPad{position:relative;width:170px;height:150px;margin:8px auto 16px;border:1px solid #e5c99180;border-radius:35%;background:radial-gradient(ellipse,#1b5260a8,#082a38c7);box-shadow:inset 0 0 0 7px #dcc0760a,0 8px 20px #00162280;touch-action:none}.pad-axis{position:absolute;background:#d9c49533}.pad-axis.horizontal{height:1px;left:15px;right:15px;top:50%}.pad-axis.vertical{width:1px;top:15px;bottom:15px;left:50%}#aimKnob{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f2d696,#977643);border:2px solid #f2dda6;box-shadow:0 4px 7px #00192380;pointer-events:none}.pad-cross{position:absolute;left:calc(50% - 5px);top:calc(50% - 10px);color:#5a492a;pointer-events:none}.fire-button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:148px;height:148px;border-radius:50%;border:3px solid #e3b96c;margin:0 5px 15px auto;background:radial-gradient(circle at 45% 30%,#9c5938,#5e2b26 65%,#311b22);box-shadow:inset 0 0 0 7px #ffc86c20,0 7px 20px #00121b99;touch-action:none}.fire-button:active{background:radial-gradient(#cd9355,#713523)}.fire-button svg{height:36px;width:36px;fill:none;stroke:#f9d18b;stroke-width:3}.fire-button strong{font:22px Georgia;margin-top:4px}.fire-button small{font-size:7px;letter-spacing:.12em;margin-top:7px;color:#e7c295}.fire-ring{position:absolute;inset:-8px;border:2px solid #ffc76238;border-radius:50%}.look-banner{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10;display:flex;align-items:center;flex-direction:column;gap:13px;white-space:nowrap}.look-banner span{font-size:11px;letter-spacing:.1em;background:#063341cc;border-radius:5px;padding:9px}body.looking .controls{display:none}dialog{color:var(--cream);background:linear-gradient(140deg,#103c4a,#041f2c);border:1px solid #d7b574;border-radius:12px;box-shadow:0 20px 100px #00101b;max-width:min(620px,94vw);max-height:92dvh;padding:32px;overflow:auto}dialog::backdrop{background:#001520ad;backdrop-filter:blur(5px)}dialog h2{font:30px Georgia;margin:10px 0 12px;font-weight:400}.dialog-intro{font-size:13px;line-height:1.5;color:#c4d7cf}.close-dialog{position:absolute;right:10px;top:9px;background:transparent;border:0;font:27px Georgia;color:#d7c593;width:32px;height:32px}.ship-selector{position:relative;height:290px;min-width:360px;margin-top:15px}.ship-outline{position:absolute;left:calc(50% - 70px);width:140px;top:0;bottom:0;background:repeating-linear-gradient(0deg,#755c36 0 13px,#493f2b 13px 15px);border:3px solid #b89457;border-radius:50% 50% 26% 26%/35% 35% 12% 12%;box-shadow:inset 0 0 0 8px #1b353e}.station{position:absolute;padding:13px 10px;min-height:53px;width:145px;border:1px solid #bb9d63;border-radius:6px;background:#0c3544;box-shadow:0 3px 12px #021822}.station span{display:block;font-size:10px;letter-spacing:.04em}.station small{display:block;font-size:8px;margin-top:6px;color:#a7caba;letter-spacing:.1em}.station.selected{background:#276371;border-color:#f7dea1}.station.selected small{color:#ffe096}.station.helm{left:calc(50% - 72px);top:18px}.station.port1{left:0;top:104px}.station.port2{left:0;top:191px}.station.star1{right:0;top:104px}.station.star2{right:0;top:191px}#pauseDialog{text-align:center;min-width:320px}#pauseDialog button{display:block;width:100%;margin-top:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.help-grid h3{font:18px Georgia;color:#e1c389;margin-bottom:8px}.help-grid p{font-size:13px;color:#c6d8d2;line-height:1.6}.settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:18px}.settings select{max-width:270px;background:#0e3544;color:#e3d3ae;border:1px solid #a28958;padding:10px;border-radius:4px}.source-link{display:block;color:#e4c58c;font-size:12px;margin-top:20px}.results{position:absolute;inset:0;z-index:20;overflow:auto;background:radial-gradient(ellipse at 50% 25%,#134452f0,#031822fa 70%);padding:35px 20px}.results-wrap{max-width:680px;margin:auto;text-align:center}.results h2{font:clamp(28px,4vw,48px) Georgia;margin:12px 0}.results #endTeam{font:17px Georgia;color:#d3d7bc;margin:8px}.final-total{padding:12px 0 20px}.final-total>span{display:block;font:clamp(46px,7vw,78px) Georgia;color:#ffdc84;text-shadow:0 4px 0 #6b512c,0 0 30px #eeb85128;font-variant-numeric:tabular-nums}.final-total small{display:block;font-size:9px;letter-spacing:.24em;margin-top:7px}.breakdown{display:flex;justify-content:center;gap:24px;font-size:11px;color:#b4ccc4;margin-bottom:23px}.breakdown span{color:#efd28e;display:block;font:20px Georgia;margin-bottom:4px}.rank-stage{background:#062733;border:1px solid #b694576b;border-radius:7px;padding:14px}.rank-heading{display:flex;justify-content:space-between;gap:10px;text-align:left;margin:0 0 12px;font-size:9px;letter-spacing:.12em;color:#e8c995}.rank-heading small{font-size:7px;color:#a9bdb5}#leaderboard{position:relative}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #9e814335;background:linear-gradient(90deg,#433a2a88,#102f3a);margin-bottom:5px;border-radius:3px;text-align:left;transition:transform .35s,background .35s;color:#c4d0bd;font-size:12px}.rank-row .rank{width:22px;font:16px Georgia;color:#d6b477}.rank-row .score{margin-left:auto;color:#edd391;font-variant-numeric:tabular-nums}.rank-row.you{background:linear-gradient(90deg,#b68d43,#e9c579);color:#173846;border-color:#ffefba;box-shadow:0 0 18px #f4c96930;animation:rankSlam .38s}.rank-row.you .rank,.rank-row.you .score{color:#183846}.rank-row.you .name{font-weight:600}.rank-row.crushed{animation:crushed .5s}.rank-row .tag{font-size:8px;opacity:.65;margin-left:8px}@keyframes rankSlam{0%{transform:scale(1.1) translateY(12px)}65%{transform:scale(.98)}100%{transform:scale(1)}}@keyframes crushed{0%{transform:translateX(0)}30%{transform:translateX(15px) rotate(1deg)}65%{transform:translateX(-7px)}100%{transform:translateX(0)}}.rank-message{color:#f5d799;font:17px Georgia;min-height:22px}.results-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-bottom:25px}.text-button{background:transparent;border:0;color:#c5cbb5;text-decoration:underline;font-size:11px}.results #skipCount{flex-basis:100%;margin-top:7px}#loading{position:absolute;inset:0;z-index:99;background:#062b39;display:flex;align-items:center;justify-content:center;flex-direction:column;font:18px Georgia}.loading-ring{width:40px;height:40px;border:2px solid #3b5861;border-top-color:#e8c582;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#fatal{position:absolute;inset:20%;z-index:100;background:#073341;border:1px solid #e0c082;padding:30px;text-align:center;font-size:16px;line-height:1.6}
@media(max-width:1000px){.brand{padding:9px 13px}.brand-name{font-size:18px}.brand-sub{font-size:7px}.crest{width:32px;height:32px;font-size:26px;line-height:30px}#scoreHud{padding:9px 15px;gap:12px}.goldRead #gold{font-size:27px}.timerRead{padding-left:12px}.timerRead #timer{font-size:24px}.smallButton{font-size:10px;padding:8px;min-height:36px}#compass{top:83px;font-size:10px;width:310px}#nextRank{top:77px;right:15px}.toast{top:133px}.toast>span{font-size:24px}.left-controls,.right-controls{width:165px}.wheel{width:165px;height:165px}.telegraph{height:154px;width:150px}.center-controls{min-width:235px}.station-actions button{min-width:106px;min-height:66px;padding:9px 12px}.lesson{bottom:185px}.intro-seal{display:none}}
@media(max-height:600px) and (orientation:landscape){#topbar{top:8px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.brand{padding:7px 10px;gap:8px}.brand-name{font-size:16px}.brand-sub{font-size:6px}.crest{width:26px;height:26px;font-size:22px;line-height:23px}#scoreHud{padding:5px 13px;gap:10px}.goldRead{gap:6px}.gold-icon{width:25px;height:25px;font-size:19px;line-height:22px}.goldRead #gold{font-size:23px}.timerRead #timer{font-size:20px}.goldRead small,.timerRead small{font-size:6px}#compass{top:66px;width:280px;padding:4px 16px;font-size:9px}#nextRank{top:63px;padding:6px 8px;font-size:9px}#nextRank small{font-size:6px}#nextGap{font-size:12px}.toast{top:103px}.toast>span{font-size:20px}.toast.jackpot>span{font-size:26px}.toast>small{font-size:10px;margin-top:3px}.controls{bottom:max(8px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:10px}.left-controls,.right-controls{width:128px}.wheel{width:128px;height:128px}.wheel-arrow{font-size:27px;bottom:12px}.control-label{font-size:7px}.telegraph{height:122px;width:127px;padding:7px 7px 7px 31px}.telegraph button{font-size:11px}.lever-track{left:11px;top:15px;bottom:15px;width:9px}.lever-track i{left:-5px;width:19px;height:25px}.center-controls{min-width:210px}.ship-status{padding:4px 9px;gap:4px 9px}#speed{font-size:11px!important}#crewStatus{font-size:6px}.station-actions{gap:7px;margin-top:3px}.station-actions button{min-width:95px;min-height:53px;padding:6px 10px}.station-actions span{font-size:8px}.station-actions small{font-size:6px}.button-icon{font-size:18px!important;margin-bottom:2px}.station-actions svg{height:18px;width:25px;margin-bottom:6px}#aimPad{width:112px;height:101px;margin:6px auto 7px}#aimKnob{width:36px;height:36px;left:calc(50% - 18px);top:calc(50% - 18px)}.fire-button{width:106px;height:106px;margin:0 4px 7px auto}.fire-button svg{width:25px;height:25px}.fire-button strong{font-size:16px}.fire-button small{font-size:6px;margin-top:4px}.lesson{bottom:148px;font-size:10px;padding:6px 12px}.combo{top:33%;left:16px}.combo>span{font-size:32px}.combo small{font-size:7px}.event-direction{right:14px;font-size:9px;padding:7px 11px}.intro{padding:76px 7vw 20px;align-items:flex-start}.intro-copy{max-width:580px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.intro .eyebrow{grid-column:1/-1;font-size:9px;margin-bottom:9px}.intro h1{grid-column:1;font-size:39px;margin-bottom:9px}.intro-description{grid-column:1;font-size:11px;line-height:1.5;margin:0}.intro-tags{display:none}.intro label{grid-column:2;grid-row:2;align-self:start;margin-top:6px;font-size:8px}.intro #crewName{grid-column:2;grid-row:2;align-self:start;margin-top:23px;font-size:14px;padding:9px}.launch-actions{grid-column:2;grid-row:2;align-self:end;flex-direction:column;gap:7px;margin:0}.launch-actions button{padding:10px 12px;min-height:38px;font-size:12px}.intro-note{grid-column:2;grid-row:3;font-size:9px;margin:8px 0}.graphics-note{grid-column:2;font-size:8px}.intro .rotate-note{display:none}dialog{padding:23px;max-height:96dvh}dialog h2{font-size:25px;margin:6px 0}.ship-selector{height:225px;margin-top:8px}.station.helm{top:8px}.station.port1,.station.star1{top:77px}.station.port2,.station.star2{top:151px}.dialog-intro{font-size:11px;margin:6px 0}.help-grid p{font-size:11px}.results{padding-top:25px}.results h2{font-size:29px}.final-total>span{font-size:47px}.breakdown{margin-bottom:12px}.rank-row{padding:7px 12px}}
@media(max-width:600px) and (orientation:portrait){#topbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.brand{padding:8px 10px;gap:8px}.brand-name{font-size:17px}.brand-sub{font-size:6px}.crest{display:none}.top-buttons{gap:4px}.smallButton{font-size:9px;padding:7px;min-height:32px}#scoreHud{top:62px;left:0;transform:none;padding:8px 12px;gap:13px}.goldRead #gold{font-size:24px}.timerRead #timer{font-size:22px}.gold-icon{display:none}#compass{top:126px;width:260px;font-size:9px}#nextRank{top:80px;right:12px;padding:0;background:none;font-size:9px}#nextRank small{font-size:6px}#nextGap{font-size:11px}.toast{top:172px;width:88%}.toast>span{font-size:21px}.toast.jackpot>span{font-size:27px}.toast>small{font-size:10px}.intro{padding:95px 26px 25px;background:linear-gradient(90deg,#052430ee,#062c3c9e);align-items:center}.intro h1{font-size:51px;margin-bottom:20px}.intro-description{font-size:13px}.intro .eyebrow{font-size:9px}.intro-tags{gap:11px;font-size:8px;margin:19px 0}.intro-note{font-size:9px}.rotate-note{display:block}.launch-actions button{padding:12px 13px;font-size:12px}.controls{bottom:max(14px,env(safe-area-inset-bottom));left:12px;right:12px;gap:0;padding-bottom:90px}.left-controls,.right-controls{width:145px}.wheel{width:145px;height:145px}.telegraph{width:133px;height:139px;padding-left:34px}.telegraph button{font-size:12px}.lever-track{left:12px;top:17px;bottom:17px;width:10px}.lever-track i{width:21px;height:27px;left:-6px}.center-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);min-width:265px}.ship-status{padding:4px 10px;gap:4px 10px}.ship-status #speed{font-size:12px}#crewStatus{font-size:6px}.station-actions{margin-top:4px;gap:9px}.station-actions button{min-width:117px;min-height:52px;padding:7px 13px}.station-actions .button-icon{display:none}.station-actions svg{height:17px;width:26px;margin-bottom:5px}.station-actions span{font-size:9px}.station-actions small{font-size:6px}.lesson{bottom:260px;font-size:10px;max-width:90%;white-space:normal;text-align:center}.combo{top:35%;left:13px}.combo>span{font-size:35px}.event-direction{top:39%;right:12px;font-size:9px;max-width:130px}.fire-button{width:127px;height:127px}.fire-button svg{width:29px;height:29px}.fire-button strong{font-size:19px}#aimPad{width:138px;height:123px;margin-bottom:12px}.ship-selector{min-width:0;width:calc(100vw - 90px);height:280px}.station{width:125px}.station span{font-size:8px}.station.helm{left:calc(50% - 62px)}dialog{padding:26px 20px}dialog h2{font-size:27px}.help-grid{grid-template-columns:1fr;gap:0}.help-grid h3{margin-top:9px}.help-grid p{margin-top:5px;font-size:12px}.rank-heading{flex-direction:column;gap:5px}.rank-row{font-size:10px;padding:9px 8px;gap:7px}.rank-row .tag{font-size:6px}.breakdown{gap:16px;font-size:9px}.results h2{font-size:31px}.final-total>span{font-size:61px}.results .eyebrow{font-size:9px}.settings select{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}