:root{--ink:#dff7ff;--glass:rgba(6,19,40,.94);--panel2:#0d2442;--cyan:#69e6ff;--gold:#ffcb6b;--danger:#ff6e83}body{background:radial-gradient(ellipse at 50% -20%,#1c3d69 0,#071326 42%,#02050f 100%);min-height:100dvh}#game-container{width:min(100%,1280px);padding:clamp(7px,1.4vw,16px)}#terminal-header,#terminal-footer{border-color:#2c6d98;background:linear-gradient(110deg,rgba(7,22,46,.98),rgba(4,10,25,.94));box-shadow:0 10px 30px rgba(0,0,0,.25)}#terminal-title{font-size:clamp(14px,2.2vw,22px);text-shadow:0 0 15px rgba(105,230,255,.5)}#terminal-title small{color:#7d9ab3;font-size:.62em}.header-actions{gap:7px}.ui-button,.credit-chip,.footer-credit{min-height:38px;border-radius:9px;background:linear-gradient(180deg,#143962,#0b203d);border:1px solid #397eaa;color:var(--ink);font-weight:700}.ui-button:active,.ui-button.is-pressed{transform:translateY(1px);filter:brightness(1.3)}.store-button{border-color:#a76cff;color:#f1dfff}.credit-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border-color:#f3bf53;color:#fff1bd;background:linear-gradient(180deg,#5b3e18,#231a0d)}.credit-chip b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffcf63;color:#362000;font-size:17px}.footer-credit{padding:5px 9px;color:#ffe4a1}.footer-credit:hover,.credit-chip:hover{border-color:#fff1b5}#screen{position:relative;overflow:hidden;border-radius:12px;border-color:#326c93;box-shadow:0 0 42px rgba(71,177,255,.2),inset 0 0 30px #000}canvas{max-height:none;aspect-ratio:16/10;touch-action:none}#touch-hint{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:20px;background:rgba(1,7,19,.65);color:#a5d8eb;font-size:11px;pointer-events:none}.touch-controls{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:10px;min-height:145px;user-select:none;-webkit-user-select:none;touch-action:none}.joystick-zone{position:relative;width:136px;height:136px;flex:0 0 136px;border-radius:50%;border:2px solid rgba(105,230,255,.62);background:radial-gradient(circle at 50% 50%,rgba(38,116,159,.35) 0 26%,rgba(6,18,43,.88) 28% 100%);box-shadow:inset 0 0 25px rgba(105,230,255,.17),0 0 15px rgba(0,0,0,.3);touch-action:none;cursor:crosshair}.joystick-zone:before,.joystick-zone:after{content:"";position:absolute;background:rgba(105,230,255,.24);left:50%;top:10%;width:1px;height:80%;transform:translateX(-50%)}.joystick-zone:after{left:10%;top:50%;width:80%;height:1px;transform:translateY(-50%)}.joystick-zone.is-active{border-color:#fff0a0;box-shadow:inset 0 0 28px rgba(105,230,255,.35),0 0 20px rgba(105,230,255,.42)}.joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(0,0);margin:-27px;border-radius:50%;border:2px solid #d5fbff;background:radial-gradient(circle at 35% 28%,#d7ffff,#4b9fc8 48%,#17466e);box-shadow:0 4px 12px #001322;pointer-events:none;transition:transform .04s linear}.joystick-label{position:absolute;inset:0;display:grid;place-items:center;color:#86d7e8;font-size:11px;font-weight:700;letter-spacing:.15em;pointer-events:none}.action-cluster{display:flex;align-items:center;justify-content:flex-end;gap:12px}.action-cluster button{border-radius:50%;border:2px solid;color:white;font-weight:900;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 8px 18px rgba(0,0,0,.4)}.fire-button{width:124px;height:124px;background:radial-gradient(circle at 34% 25%,#ffb266,#da3b34 55%,#651822);border-color:#ffd79c!important;font-size:19px}.bomb-button{width:82px;height:82px;background:radial-gradient(circle at 34% 25%,#d8abff,#6635a0 55%,#301952);border-color:#ecd5ff!important;font-size:12px}.touch-pause{width:52px;height:52px;background:#173855;border-color:#8fdfff!important}.action-cluster button.is-pressed{transform:scale(.94);filter:brightness(1.35);box-shadow:0 0 24px currentColor}#terminal-footer{font-size:12px}.modal{z-index:30;padding:clamp(8px,2vw,24px);background:rgba(0,3,12,.89);backdrop-filter:blur(9px)}.modal-content{width:min(100%,1160px);padding:clamp(13px,2vw,24px);border-radius:14px;border-color:#3d83ac;background:linear-gradient(145deg,#091d38,#040a18);box-shadow:0 22px 80px #000}.modal-header{position:sticky;top:-18px;z-index:2;padding:5px 0;background:#091d38}.modal-header h2{font-size:clamp(21px,3vw,32px)}.fleet-cards{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:14px}.ship-card{position:relative;overflow:hidden;min-height:410px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ship-color),#fff 16%);border-left:5px solid var(--ship-color);background:linear-gradient(150deg,rgba(19,45,78,.95),rgba(4,11,28,.97));box-shadow:inset 0 0 32px rgba(255,255,255,.025)}.ship-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 27%,color-mix(in srgb,var(--ship-color),transparent 82%),transparent 45%);pointer-events:none}.ship-card>*{position:relative;z-index:1}.ship-card h3{font-size:20px}.ship-meta{min-height:33px}.ship-loadout{margin:9px 0;color:#e4f8ff;font-weight:700}.ship-preview{height:166px;margin:0;border-radius:8px;background:radial-gradient(circle at 50% 40%,rgba(77,148,220,.18),rgba(1,4,13,.2) 70%);overflow:hidden}.ship-preview canvas{width:100%;height:100%;object-fit:contain}.card-actions{grid-template-columns:1fr 1fr;gap:7px}.card-actions>:first-child{grid-column:1/-1}.card-actions .ui-button{font-size:11px;min-height:34px;padding:6px}.store-balance{display:inline-flex;margin:0 0 8px;padding:8px 13px;border:1px solid #f1bc54;border-radius:20px;background:#2b1e0e;color:#ffe6a3;font-weight:800}.store-sections{display:grid;gap:14px}.store-section{border:1px solid #245a82;border-radius:11px;padding:12px;background:rgba(5,16,34,.72)}.store-section h3{margin:0;color:#a9ebff}.store-section>p{margin:5px 0 11px;color:#94aec4}.store-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.store-item{border:1px solid #2d638d;border-radius:8px;padding:11px;background:#0a1c35}.store-item h4{margin:0;color:#e1f7ff}.store-item p{min-height:38px;color:#a5c3d5;font-size:12px}.store-item.real-money{border-color:#c89b50}.store-item.premium-item{border-color:#b87dff;background:linear-gradient(145deg,#23123e,#0a1129)}#overlay{z-index:25;background:rgba(0,3,12,.78);pointer-events:none}#overlay-content{border:1px solid #5fcbe7;border-radius:12px;background:rgba(4,15,32,.92);box-shadow:0 0 40px rgba(83,215,255,.25)}#overlay-content pre{font-family:inherit;white-space:pre-wrap;line-height:1.5;color:#d8f8ff;text-shadow:0 0 9px #5fcbe7}@media (min-width:900px){.touch-controls{position:absolute;z-index:5;left:max(16px,calc((100vw - 1248px)/2 + 16px));right:max(16px,calc((100vw - 1248px)/2 + 16px));bottom:22px;pointer-events:none}.touch-controls>*{pointer-events:auto}.joystick-zone{width:142px;height:142px;flex-basis:142px}.fire-button{width:132px;height:132px}}@media (max-width:720px){#terminal-header{align-items:stretch}.header-actions{justify-content:flex-start}.header-actions label{display:none}.header-actions select{max-width:75px}.store-button{display:none}.touch-controls{min-height:116px}.joystick-zone{width:108px;height:108px;flex-basis:108px}.joystick-knob{transform-origin:center;width:46px;height:46px;margin:-23px}.fire-button{width:104px;height:104px}.bomb-button{width:68px;height:68px}.touch-pause{width:44px;height:44px}.action-cluster{gap:7px}.card-actions{grid-template-columns:1fr}.card-actions>:first-child{grid-column:auto}}@media (orientation:portrait) and (max-width:720px){#touch-hint{display:none}.touch-controls{margin-top:5px}}@media(prefers-reduced-motion:reduce){.joystick-knob{transition:none}.action-cluster button.is-pressed{transform:none}}

.store-ship-card{min-height:250px}.store-ship-preview{height:126px;margin:7px 0 9px;background:radial-gradient(circle at 50% 42%,rgba(77,148,220,.22),rgba(1,4,13,.4) 70%)}.store-ship-preview canvas{width:100%;height:100%;object-fit:contain}
#build-id{display:inline-block;margin-left:8px;padding:2px 6px;border:1px solid #f3bf53;border-radius:8px;color:#ffe09a;font-size:.48em;letter-spacing:.05em;vertical-align:middle}
.credit-pack{overflow:hidden}.credit-pack-art{display:block;width:100%;height:150px;object-fit:contain;margin:3px 0 8px;filter:drop-shadow(0 0 10px rgba(75,227,255,.42));animation:credit-shine 3.8s ease-in-out infinite}.leaderboard-modal{max-width:580px}.leaderboard-modal label{display:grid;gap:6px;max-width:300px;color:#bfe4f2;font-weight:700}.leaderboard-modal input{padding:9px;border:1px solid #397eaa;border-radius:7px;background:#07162b;color:#effcff}.leaderboard-modal>#submit-score{margin:10px 0}.leaderboard-list{padding-left:28px;line-height:1.8;color:#dff7ff}.leaderboard-list li{border-bottom:1px solid rgba(72,144,190,.3)}@keyframes credit-shine{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 8px rgba(75,227,255,.32))}50%{transform:translateY(-2px);filter:drop-shadow(0 0 15px rgba(255,205,96,.65))}}@media(prefers-reduced-motion:reduce){.credit-pack-art{animation:none}}
.upgrade-weapons{border-color:#ffb86b!important;color:#fff1d4}.upgrade-engines{border-color:#74d9ff!important;color:#dff8ff}.upgrade-defense{border-color:#8ff0c9!important;color:#e1fff1}
.booster-item{border-color:#4b88b4;background:linear-gradient(145deg,#0a2340,#071426)}.booster-store-art{display:block;width:100%;height:112px;margin:5px 0 8px;background-image:url('assets/boosters/booster-icons-r2.png');background-repeat:no-repeat;background-size:700% 100%;background-position:var(--booster-position) 50%;filter:drop-shadow(0 0 12px rgba(96,212,255,.42));border-radius:9px}

#privacy-details{margin-top:16px;padding:12px;border:1px solid #397eaa;border-radius:9px;background:#07192d;color:#c7e6f1}#privacy-details summary{cursor:pointer;font-weight:800;color:#e0f6ff}#privacy-details p{max-width:80ch;line-height:1.5}

/* Gameplay owns the visible viewport. Scroll remains available inside modals. */
html,body{min-height:100%;min-height:100dvh}body.gameplay-viewport{height:100dvh;overflow:hidden;overscroll-behavior:none}body.gameplay-viewport #game-container{height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}body.gameplay-viewport #screen{min-height:0;height:100%;display:grid;place-items:center;margin-block:clamp(3px,.8vh,8px)}body.gameplay-viewport #gameCanvas{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16/10}
@media (orientation:landscape) and (max-height:540px){body.gameplay-viewport #game-container{padding:clamp(3px,.8vw,8px)}body.gameplay-viewport #terminal-header{min-height:0;padding:4px 6px;align-items:center;flex-direction:row}body.gameplay-viewport #terminal-title{font-size:clamp(10px,2.7vw,15px);white-space:nowrap}body.gameplay-viewport #terminal-title small,body.gameplay-viewport .header-actions label,body.gameplay-viewport #language-select,body.gameplay-viewport #sensitivity-select,body.gameplay-viewport #store-button,body.gameplay-viewport #terminal-footer,body.gameplay-viewport #touch-hint{display:none}body.gameplay-viewport .header-actions{gap:4px;flex-wrap:nowrap;margin-left:auto}body.gameplay-viewport .ui-button,body.gameplay-viewport .credit-chip{min-height:32px;padding:4px 7px;font-size:11px}body.gameplay-viewport .credit-chip{gap:3px}body.gameplay-viewport .credit-chip b{width:16px;height:16px;font-size:13px}body.gameplay-viewport .touch-controls{min-height:0;height:clamp(76px,25vh,104px);margin-top:4px;gap:6px}body.gameplay-viewport .joystick-zone{width:clamp(76px,23vw,104px);height:clamp(76px,23vw,104px);flex-basis:clamp(76px,23vw,104px)}body.gameplay-viewport .joystick-knob{width:clamp(36px,10vw,46px);height:clamp(36px,10vw,46px);margin:calc(clamp(36px,10vw,46px)/-2)}body.gameplay-viewport .action-cluster{gap:5px}body.gameplay-viewport .fire-button{width:clamp(78px,24vw,104px);height:clamp(78px,24vw,104px);font-size:clamp(12px,3vw,17px)}body.gameplay-viewport .bomb-button{width:clamp(46px,14vw,68px);height:clamp(46px,14vw,68px);font-size:clamp(9px,2.3vw,12px)}body.gameplay-viewport .touch-pause{width:clamp(34px,10vw,44px);height:clamp(34px,10vw,44px)}}