:root{color-scheme:dark;--bg:#071426;--cyan:#48e9ff;--cyan2:#a5f8ff;--muted:#869bad;--border:rgba(159,214,238,.17);--card:rgba(5,20,38,.58)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4fbff}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.hidden{display:none!important}#app{position:relative;width:100%;height:100%;height:100dvh;min-height:380px;overflow:hidden;isolation:isolate;background:#061523}#world,#hudCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}#world{z-index:0;touch-action:none}#hudCanvas{z-index:3;pointer-events:none}.filmgrain,.vignette{position:absolute;inset:0;pointer-events:none}.filmgrain{z-index:4;opacity:.12;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 160 160%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%22.35%22/%3E%3C/svg%3E')}.vignette{z-index:2;background:radial-gradient(ellipse 75% 65% at 48% 43%,transparent 38%,rgba(0,5,18,.52) 100%)}.brandbar{position:absolute;top:0;left:0;right:0;z-index:15;padding:23px clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(180,230,255,.11);background:linear-gradient(180deg,rgba(1,9,21,.55),rgba(1,9,21,0));height:79px;pointer-events:none}.brand,.brand-right{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brandmark{width:37px;height:37px;border:1px solid rgba(102,232,255,.7);display:grid;place-items:center;transform:rotate(45deg);font-size:21px;font-weight:900;color:#a4f5ff;box-shadow:0 0 22px rgba(49,209,247,.11)}.brandmark>*{display:inline-block;transform:rotate(-45deg)}.brandmark{position:relative;font-family:Georgia,serif}.brandmark:after{content:'•';position:absolute;font-size:8px;bottom:4px;right:3px;color:#5cf2ff}.brandname{font-size:12px;letter-spacing:.25em;font-weight:800}.brandname b{font-weight:400;color:#80a1ba}.brand-right{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:750;letter-spacing:.19em;color:#9cb7c9}.brand-right i{height:13px;width:1px;background:#4f677b}.live-dot,.hint-dot,.systems-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79f0d3;box-shadow:0 0 16px #24d5a5}
.menu-layer{z-index:6;position:absolute;inset:0;overflow-y:auto;background:linear-gradient(100deg,rgba(1,12,28,.98) 0%,rgba(2,17,37,.95) 42%,rgba(3,18,34,.64) 74%,rgba(2,10,22,.5) 100%)}.menu-layer:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 70% at 78% 38%,rgba(14,102,159,.20),transparent),linear-gradient(125deg,transparent 20%,rgba(13,120,167,.06) 55%,transparent 75%)}.menu-sheen{position:absolute;pointer-events:none;inset:0;background:linear-gradient(145deg,transparent 52%,rgba(54,232,255,.035) 53%,transparent 54%)}.menu-grid{position:relative;max-width:1450px;min-height:calc(100% - 85px);margin:auto;display:grid;grid-template-columns: 1.07fr .93fr;align-items:center;gap:clamp(10px,4vw,75px);padding:110px clamp(24px,6vw,90px) 50px}.menu-copy{max-width:645px;z-index:3}.eyebrow,.section-heading,.modal-label{font-size:10px;letter-spacing:.24em;font-weight:800;color:#8ddcef}.eyebrow{display:flex;align-items:center;gap:11px;white-space:nowrap}.eyebrow-line{width:29px;height:1px;background:var(--cyan)}.eyebrow-edition{color:#536e86;margin-left:14px}.menu-copy h1{font-size:clamp(42px,5.15vw,79px);line-height:1.035;letter-spacing:-.07em;font-weight:820;margin:24px 0 20px}.menu-copy h1 em{font-style:normal;background:linear-gradient(90deg,#a5f8ff,#30cfee 55%,#a5d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.description{color:#acc0d0;font-size:clamp(13px,1.1vw,16px);line-height:1.8;max-width:545px;margin:0 0 33px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:15px;color:#d9f7ff}.section-heading small{color:#6e8a9e;letter-spacing:.13em;font-size:10px}.mission-list{display:grid;gap:7px;margin:12px 0 21px}.mission-card{width:100%;border:1px solid rgba(170,208,230,.10);background:rgba(9,28,47,.42);border-radius:9px;display:flex;align-items:center;gap:15px;padding:13px 17px;text-align:left;color:#f1faff;transition:background .2s,border-color .2s,transform .2s}.mission-card:not(:disabled):hover{background:rgba(11,56,81,.78);transform:translateX(3px)}.mission-card.selected{border-color:rgba(75,224,252,.57);background:linear-gradient(90deg,rgba(13,91,128,.5),rgba(8,35,62,.48));box-shadow:inset 3px 0 #49e1ff,0 0 22px rgba(40,180,230,.06)}.mission-card.locked{opacity:.43;cursor:not-allowed}.mission-index{width:30px;height:30px;display:grid;place-items:center;border:1px solid #385e75;color:#8de6fc;border-radius:6px;font-size:11px;font-weight:800}.mission-card.selected .mission-index{border-color:var(--cyan);background:#114460}.mission-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mission-info strong{font-size:13px;letter-spacing:.06em;font-weight:850}.mission-info small{color:#86a6bb;font-size:10px;letter-spacing:.07em}.mission-tag{font-size:9px;letter-spacing:.12em;color:#80c8dc;white-space:nowrap}.menu-buttons{display:flex;gap:10px;align-items:center}.primary-btn{height:55px;border:0;border-radius:6px;background:linear-gradient(100deg,#91f5ff,#39d6f1);color:#062438;font-size:12px;font-weight:900;letter-spacing:.15em;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 8px 38px rgba(19,196,236,.2);transition:filter .15s,transform .15s}.primary-btn:hover{filter:brightness(1.13);transform:translateY(-2px)}.menu-buttons .primary-btn{width:min(348px,85%)}.btn-icon{font-size:17px}.btn-arrow{font-size:22px;font-weight:400}.round-btn{height:54px;width:54px;background:rgba(11,40,60,.67);color:#cdf7ff;border:1px solid var(--border);border-radius:6px;font-size:20px}.menu-hint{color:#748da2;letter-spacing:.08em;font-size:10px;display:flex;align-items:center;gap:10px;margin-top:22px}.hint-dot{width:5px;height:5px;background:#42d8eb}.poster-area{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;max-width:530px;margin:auto;width:100%;padding:12px}.poster{position:relative;width:min(100%,520px);border-radius:22%;object-fit:cover;box-shadow:0 12px 70px rgba(0,1,15,.55),0 0 55px rgba(32,159,227,.08);border:1px solid rgba(112,210,252,.16);transform:perspective(1100px) rotateY(-6deg) rotateX(3deg);filter:saturate(.93)}.poster-glow{position:absolute;width:115%;height:110%;border-radius:50%;background:radial-gradient(circle,rgba(29,126,215,.26),transparent 65%);filter:blur(30px)}.poster-caption{position:absolute;left:2%;bottom:5%;padding:13px 21px;border-left:2px solid #67e8ff;background:linear-gradient(90deg,rgba(2,19,34,.88),rgba(3,17,29,.36));backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px;box-shadow:0 0 30px rgba(0,0,0,.2)}.poster-caption span,.poster-caption small{font-size:9px;letter-spacing:.17em;color:#9dd2df}.poster-caption strong{font-size:17px;letter-spacing:.12em}.menu-bottom{position:relative;max-width:1360px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:10px clamp(24px,6vw,90px) 20px;color:#648397;letter-spacing:.13em;font-size:9px}
.game-ui{position:absolute;inset:0;z-index:5;pointer-events:none}.game-ui button{pointer-events:auto}.mission-chip{position:absolute;top:101px;left:clamp(18px,3vw,55px);display:flex;gap:13px;align-items:center}.mission-chip-icon{font-size:26px;color:#85eafd}.mission-chip div{display:flex;flex-direction:column;gap:4px}.mission-chip small,.top-stats small,.hud-label,.bottom-center,.heading-small{font-size:10px;letter-spacing:.16em;color:#a7d3e1;font-weight:750}.mission-chip strong{font-size:17px;letter-spacing:.07em}.mission-chip div>span{font-size:10px;letter-spacing:.07em;color:#86c8d8}.top-stats{display:flex;gap:32px;align-items:center;position:absolute;top:106px;left:50%;transform:translateX(-50%);text-align:center}.top-stats>div:not(.stat-separator){display:flex;flex-direction:column;gap:3px}.top-stats strong{font-size:25px;font-weight:750;letter-spacing:.09em;font-variant-numeric:tabular-nums}.stat-separator{width:1px;height:38px;background:#46687d}.top-tools{position:absolute;top:100px;right:clamp(16px,3vw,55px);display:flex;gap:8px}.top-tools button{width:39px;height:39px;background:rgba(4,25,42,.65);border:1px solid rgba(133,211,242,.22);border-radius:6px;color:#e3fbff;font-size:18px}.left-hud,.right-hud{position:absolute;bottom:clamp(26px,6vw,76px);background:linear-gradient(90deg,rgba(5,25,40,.35),transparent);padding:14px 16px;min-width:210px}.left-hud{left:clamp(14px,2.5vw,44px);border-left:1px solid rgba(93,218,245,.42)}.right-hud{right:clamp(14px,2.5vw,44px);border-right:1px solid rgba(93,218,245,.42);background:linear-gradient(270deg,rgba(5,25,40,.35),transparent)}.hud-label{display:flex;justify-content:space-between;gap:20px;color:#90bfd0;font-size:9px}.hud-label strong{color:#f0feff;font-size:11px}.gauge{height:5px;background:rgba(116,185,204,.26);margin-top:9px;overflow:hidden;width:100%}.gauge>div{height:100%;width:100%;background:linear-gradient(90deg,#4be3b4,#c2f9b9);transition:width .2s}.shield-label{margin-top:18px}.shield-gauge>div{background:linear-gradient(90deg,#2b89e5,#7fe8ff);width:50%}.systems{margin-top:20px;font-size:9px;letter-spacing:.07em;color:#7badb8;display:flex;align-items:center;gap:9px}.systems-dot{height:6px;width:6px}.right-hud .hud-label{justify-content:flex-start}.right-hud .hud-label small{font-size:8px;color:#718fa3}.big-number{font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:7px;font-size:33px;letter-spacing:.09em;font-weight:800;margin:4px 0 13px}.big-number small{font-size:11px;color:#8ad6e2}.speed-label{margin-top:10px}.speed-number{margin-bottom:15px}.throttle-wrap{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.1em;color:#9cbccc}.throttle-track{height:4px;background:rgba(134,201,231,.23);flex:1}.throttle-track>div{height:100%;width:65%;background:#63e5fa}.bottom-center{position:absolute;left:50%;transform:translateX(-50%);bottom:21px;text-align:center;white-space:nowrap;letter-spacing:.08em}.heading-small span{color:#48e7ff;padding:0 5px}.combat-status{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:6px;color:#63e9c8;font-size:9px}.combat-status i{width:3px;height:3px;background:#577987;border-radius:50%}.toast{position:absolute;top:23%;left:50%;transform:translateX(-50%) translateY(-10px);text-align:center;min-width:220px;padding:12px 20px;background:rgba(2,28,46,.72);border:1px solid rgba(62,218,247,.42);border-radius:4px;color:#a8f6ff;font-size:13px;letter-spacing:.18em;font-weight:850;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}.toast.active{opacity:1;transform:translateX(-50%) translateY(0)}.flight-tips{position:absolute;left:50%;top:69%;transform:translateX(-50%);color:rgba(222,247,255,.65);font-size:10px;letter-spacing:.12em;white-space:nowrap;text-shadow:0 1px 8px #001323}.flight-tips span{color:#54d6eb}.damage-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,rgba(230,52,53,.4) 100%);opacity:0;transition:opacity .18s}.mobile-actions{position:absolute;right:14px;bottom:16px;display:none;gap:9px}.mobile-actions .action{border:1px solid rgba(141,238,254,.5);background:rgba(4,37,56,.63);color:#e3fbff;border-radius:50%;width:65px;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;touch-action:none}.action>span{font-size:23px}.action small{font-size:8px;letter-spacing:.08em}.action.missile{background:rgba(14,95,118,.65)}.action.pulse{border-color:#61caff}.action:active{background:rgba(40,166,191,.88)}
.screen-overlay{z-index:20;position:absolute;inset:0;background:rgba(1,10,24,.73);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal{background:linear-gradient(155deg,rgba(12,43,65,.97),rgba(2,17,31,.98));border:1px solid rgba(96,219,239,.30);width:min(470px,100%);padding:42px;border-radius:10px;text-align:center;box-shadow:0 22px 85px rgba(0,0,0,.53)}.modal h2{font-size:clamp(26px,4vw,43px);line-height:1.05;letter-spacing:-.035em;margin:17px 0}.modal p{color:#a8c4d3;font-size:13px;line-height:1.7;margin:0 0 28px}.modal .primary-btn{width:100%;justify-content:center}.text-btn{background:none;border:0;padding:18px;color:#a2c7da;font-size:11px;letter-spacing:.1em;font-weight:800}.result-score{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 29px;border-block:1px solid var(--border);padding:20px 0}.result-score>div{display:flex;flex-direction:column;gap:8px}.result-score small{font-size:9px;letter-spacing:.11em;color:#83afc4}.result-score strong{font-size:20px;font-variant-numeric:tabular-nums}.load-cover{position:absolute;inset:0;z-index:30;background:#030d1b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;letter-spacing:.28em;font-size:24px;font-weight:850;transition:opacity .7s}.load-symbol{font-size:38px;color:#63e1fa}.load-cover>span b{color:#65e8ff;font-weight:400}.load-cover small{font-size:9px;color:#7699aa}.load-bar{margin-top:15px;width:200px;height:2px;background:#193b54;overflow:hidden}.load-bar>div{width:45%;height:100%;background:#79eaff;animation:loadmove 1.5s ease-in-out infinite}@keyframes loadmove{from{transform:translateX(-100%)}to{transform:translateX(450%)}}
@media(max-width:1050px){.menu-grid{grid-template-columns:1fr .8fr;gap:25px;padding-inline:35px}.poster-caption{display:none}.menu-copy h1{font-size:clamp(43px,5.5vw,66px)}.top-stats{top:170px}.right-hud,.left-hud{min-width:170px}}@media(max-width:760px){.brandbar{height:62px;padding:16px 18px}.brandmark{height:29px;width:29px;font-size:16px}.brandname{font-size:10px}.brand-right{font-size:8px;gap:7px}.webgl-label,.brand-right i{display:none}.menu-grid{padding:83px 20px 35px;grid-template-columns:1fr;gap:20px;min-height:0}.menu-copy{max-width:100%}.eyebrow{font-size:9px;gap:7px}.eyebrow-edition{margin-left:auto}.menu-copy h1{font-size:clamp(38px,10vw,62px);margin:19px 0 13px}.description{font-size:12px;line-height:1.6;margin-bottom:23px}.section-heading{padding-bottom:11px}.mission-list{margin:9px 0 16px}.mission-card{padding:11px 12px;gap:12px}.mission-info strong{font-size:12px}.mission-info small{font-size:9px}.menu-buttons .primary-btn{width:calc(100% - 55px)}.menu-hint{font-size:8px;line-height:1.5}.poster-area{display:none}.menu-bottom{padding:15px 20px;font-size:8px}.menu-bottom>span:last-child{display:none}.mission-chip{top:80px;left:17px;gap:8px}.mission-chip-icon{font-size:18px}.mission-chip small{font-size:8px}.mission-chip strong{font-size:12px}.mission-chip div>span{font-size:8px}.top-stats{top:84px;left:auto;right:90px;transform:none;gap:12px}.top-stats small{font-size:8px}.top-stats strong{font-size:15px}.stat-separator{height:23px}.top-tools{top:76px;right:14px;gap:4px}.top-tools button{width:31px;height:31px;font-size:13px}.left-hud,.right-hud{bottom:104px;min-width:150px;padding:8px}.left-hud{left:9px}.right-hud{right:9px}.hud-label{font-size:8px}.hud-label strong{font-size:9px}.shield-label{margin-top:10px}.systems{font-size:8px;margin-top:10px}.big-number{font-size:23px;margin:2px 0 7px}.big-number small{font-size:9px}.throttle-wrap{font-size:7px}.bottom-center{bottom:18px;left:25%;font-size:8px}.heading-small{font-size:8px}.combat-status{font-size:7px}.mobile-actions{display:flex}.flight-tips{top:66%;font-size:8px}.modal{padding:33px 22px}}
@media(max-width:520px){.top-stats{top:132px;left:17px;right:auto;text-align:left}.top-stats strong{font-size:17px}.mission-chip{top:75px}.top-tools{top:77px}.left-hud,.right-hud{bottom:117px}.right-hud{min-width:120px}.left-hud{min-width:134px}.systems{max-width:133px;line-height:1.4}.big-number{font-size:20px}.bottom-center{left:17px;transform:none;bottom:18px;text-align:left}.bottom-center .heading-small{font-size:7px}.mobile-actions .action{height:57px;width:57px}.mobile-actions{gap:5px;bottom:12px}.action>span{font-size:18px}.action small{font-size:7px}.flight-tips{display:none}.menu-copy h1{font-size:clamp(36px,10.3vw,53px)}.mission-tag{font-size:8px}.eyebrow-edition{display:none}}
@media(max-height:700px) and (min-width:761px){.menu-grid{padding-top:86px;padding-bottom:10px}.menu-copy h1{font-size:clamp(42px,4.6vw,65px);margin:15px 0 8px}.description{margin-bottom:18px}.mission-card{padding:9px 13px}.mission-list{margin:7px 0 12px}.menu-hint{margin-top:12px}.poster{max-width:420px}.left-hud,.right-hud{bottom:29px}}
@media(hover:none) and (pointer:coarse){.mobile-actions{display:flex}.flight-tips{display:none}}

.controls-help{max-width:585px;display:flex;flex-direction:column;gap:6px;margin-top:15px;font-size:10px;color:#83a6bd;letter-spacing:.025em;line-height:1.55}.controls-help b{font-size:9px;letter-spacing:.18em;color:#95d4e8}.controls-help span:last-child{color:#668ca5}@media(max-width:760px){.controls-help{font-size:9px;margin-top:13px;line-height:1.55}}

/* ---- AERONIVRA 3D v2.0 — 10-operation hangar, briefing card, mission details ---- */
.menu-copy{max-width:720px}.menu-copy h1{font-size:clamp(40px,4.4vw,68px);margin:20px 0 16px}.description{margin-bottom:26px}
.mission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mission-card{padding:9px 11px;gap:11px;min-width:0}
.mission-card:not(:disabled):hover{transform:translateY(-1px)}
.mission-index{flex:none;width:34px;height:34px;color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.22);text-shadow:0 1px 3px rgba(0,0,0,.75);box-shadow:inset 0 -10px 14px rgba(0,0,0,.18)}
.mission-card.selected .mission-index{border-color:#bff8ff;box-shadow:0 0 0 2px rgba(72,233,255,.55),inset 0 -10px 14px rgba(0,0,0,.18)}
.mission-info{gap:4px}.mission-info strong,.mission-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mission-info strong{font-size:12px}.mission-info small{font-size:9px}.mission-tag{font-size:8px;letter-spacing:.1em}
.mission-brief{margin:0 0 18px;padding:12px 14px;border-left:2px solid rgba(72,233,255,.55);background:linear-gradient(90deg,rgba(8,40,62,.55),rgba(8,40,62,0));font-size:11px;line-height:1.65;color:#a9c6d6;min-height:58px}
.mission-brief b{color:#e6fbff;letter-spacing:.1em;font-weight:850}.mission-brief span{display:block;color:#7fa7bd;font-size:10px;letter-spacing:.08em;margin-top:3px}
.briefing{position:absolute;left:50%;top:31%;transform:translate(-50%,-10px);text-align:center;opacity:0;transition:opacity .6s,transform .6s;pointer-events:none;z-index:6;width:min(92%,640px)}
.briefing.active{opacity:1;transform:translate(-50%,0)}
.briefing small{display:block;font-size:10px;letter-spacing:.32em;color:#8de6fc;font-weight:800}
.briefing strong{display:block;font-size:clamp(28px,4.6vw,56px);letter-spacing:.03em;font-weight:850;margin:10px 0 8px;text-shadow:0 4px 30px rgba(0,0,0,.55)}
.briefing span{display:block;font-size:12px;letter-spacing:.1em;line-height:1.6;color:#d4eef8;text-shadow:0 1px 10px #001323}
.briefing em{display:inline-block;margin-top:12px;font-style:normal;font-size:10px;letter-spacing:.2em;color:#ffd38a;border:1px solid rgba(255,211,138,.4);padding:6px 12px;border-radius:3px;background:rgba(30,18,4,.35)}
@media(max-width:1050px){.mission-list{grid-template-columns:1fr}}
@media(max-width:760px){.mission-card{padding:9px 11px}.mission-brief{font-size:10px}.briefing{top:24%}.briefing span{font-size:10px}}
@media(max-height:700px) and (min-width:761px){.mission-card{padding:7px 10px}.mission-index{width:30px;height:30px}.mission-brief{margin-bottom:12px;padding:8px 12px;min-height:0}}