@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap";
:root{--ink:#031014;--deep:#041b22;--panel:#04171de0;--line:#77dada4d;--cyan:#7ff3e5;--cyan-strong:#22d7c3;--ice:#d8ffff;--danger:#ff5b4f;--warning:#ffc95d;--muted:#7899a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:#e9ffff;width:100%;height:100%;margin:0;font-family:Noto Sans JP,sans-serif;overflow:hidden}button{border:1px solid var(--line);color:inherit;font:inherit;letter-spacing:.08em;cursor:pointer;background:#031419b8;padding:.8rem 1rem;transition:all .16s}button:hover:not(:disabled),button:focus-visible{border-color:var(--cyan);background:#145d6159;outline:none;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.38}.app-shell{background:#031014;width:100vw;height:100dvh;position:relative;overflow:hidden}.eyebrow,.speaker{color:var(--cyan);letter-spacing:.28em;margin:0;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:600}.primary-action{border-color:var(--cyan-strong);box-shadow:inset 3px 0 var(--cyan), 0 0 28px #22d7c314;background:linear-gradient(100deg,#096968cc,#04353ecc)}.title-screen{isolation:isolate;background:radial-gradient(circle at 68% 44%,#1fb4ae29,#0000 25%),linear-gradient(90deg,#010a0dfa 0%,#021216d1 46%,#03222780 100%),repeating-linear-gradient(113deg,#0000 0 80px,#65e7d607 82px 83px),#031318;grid-template-columns:minmax(18rem,1fr) minmax(18rem,.7fr);align-items:center;width:100%;height:100%;padding:clamp(2rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.title-screen:before,.title-screen:after{content:"";z-index:-1;border-radius:50%;position:absolute}.title-screen:before{border:1px solid #6de8dd21;width:70vmin;height:21vmin;top:34%;right:-6vmin;transform:rotate(-7deg);box-shadow:inset 0 0 50px #36c3bc0d,0 0 80px #1daea80f}.title-screen:after{border:1px solid #61e1d60d;width:120vmax;height:120vmax;top:42%;left:52%;transform:translate(-50%,-50%)}.ocean-grain{z-index:-1;opacity:.35;background-image:radial-gradient(circle,#b9fff74d 0 1px,#0000 1.5px),radial-gradient(circle,#b9fff724 0 1px,#0000 1.5px);background-position:0 0,19px 23px;background-size:83px 89px,121px 131px;animation:18s linear infinite drift;position:absolute;inset:0}@keyframes drift{to{transform:translate(20px,-70px)}}.title-copy{align-self:end;padding-bottom:10vh}.title-copy h1{flex-direction:column;margin:.8rem 0 1.2rem;line-height:.8;display:flex}.title-copy h1 span{color:#91b8bd;letter-spacing:.54em;margin-left:.35rem;font-size:clamp(1.2rem,2.4vw,2.2rem);font-weight:300}.title-copy h1 strong{letter-spacing:-.12em;text-shadow:0 0 60px #68e8dc29;font-size:clamp(5rem,11vw,10rem);font-weight:900}.title-tagline{color:#97b2b7;letter-spacing:.08em;max-width:35rem;font-size:clamp(.8rem,1.1vw,1rem)}.emblem{filter:drop-shadow(0 0 24px #4ce7da33);width:36vmin;height:36vmin;position:absolute;top:43%;left:65%;transform:translate(-50%,-50%)}.emblem-ring{border:1px solid #6ff1e447;border-radius:50%;position:absolute;inset:0}.ring-a{border-top-color:var(--cyan);border-bottom-color:#0000;animation:18s linear infinite spin}.ring-b{border-left-color:#0000;border-right-color:var(--cyan);animation:11s linear infinite reverse spin;inset:14%}@keyframes spin{to{transform:rotate(360deg)}}.emblem-zero{color:#b2fff7b8;border:1px solid #67f0e059;border-radius:50%;place-items:center;font-family:Rajdhani,sans-serif;font-size:11vmin;font-weight:300;display:grid;position:absolute;inset:25%}.title-menu{flex-direction:column;place-self:end;gap:.75rem;width:min(25rem,100%);padding-bottom:8vh;display:flex}.title-menu button{text-align:left;min-height:3.5rem}.title-menu .primary-action{flex-direction:column;font-size:1.1rem;font-weight:700;display:flex}.title-menu small{color:var(--cyan);font-family:Rajdhani,sans-serif;font-size:.66rem}.best-score,.title-coordinates{color:#66878e;letter-spacing:.16em;font-family:Rajdhani,sans-serif}.title-coordinates{font-size:.7rem;position:absolute;bottom:1.5rem;right:2rem}.briefing-screen{background:linear-gradient(#020c10e6,#021217f0),repeating-linear-gradient(0deg,#0000 0 47px,#7ae8dc0a 48px),#071c23;min-height:100%;padding:1.5rem clamp(1.5rem,5vw,6rem) 3rem;overflow:auto}.briefing-header{border-bottom:1px solid var(--line);color:#688b91;letter-spacing:.18em;justify-content:space-between;align-items:center;min-height:4rem;font-family:Rajdhani,sans-serif;font-size:.72rem;display:flex}.back-button{background:0 0;border:0}.briefing-grid{grid-template-columns:minmax(20rem,.9fr) minmax(24rem,1.1fr);gap:clamp(2rem,6vw,7rem);width:min(76rem,100%);margin:4vh auto 0;display:grid}.mission-card{border:1px solid var(--line);background:#051a20b8;padding:1.5rem;box-shadow:0 28px 70px #00000047}.mission-card h2,.briefing-copy h2{margin:.3rem 0 1.5rem;font-size:clamp(2rem,4vw,3.6rem)}.mission-visual{background:radial-gradient(circle,#49c0b824,#0000 35%),linear-gradient(#092c35,#031116);border:1px solid #72e4d82b;place-items:center;height:30vh;min-height:15rem;display:grid;position:relative;overflow:hidden}.mission-visual:before{content:"";aspect-ratio:1;border:1px solid #74efe024;border-radius:50%;width:80%;position:absolute;box-shadow:0 0 0 4rem #46c5b805}.disc-sub{background:linear-gradient(#2b595e,#05181d 62%);border:1px solid #abfff699;border-radius:50%;width:58%;height:24%;position:relative;box-shadow:0 12px 35px #000,inset 0 6px 15px #8fefe514}.disc-sub:before{content:"";background:#17363c;border:1px solid #abfff673;border-radius:50% 50% 20% 20%;width:28%;height:75%;position:absolute;top:-42%;left:36%}.disc-sub i{background:#ff675a;border-radius:50%;width:5px;height:5px;position:absolute;bottom:15%;box-shadow:0 0 12px #ff493a}.disc-sub i:first-child{left:16%}.disc-sub i:nth-child(2){left:49%}.disc-sub i:nth-child(3){right:16%}.scanline{background:#7bffef73;height:1px;animation:4s ease-in-out infinite scan;position:absolute;left:0;right:0;box-shadow:0 0 12px #7bffef4d}@keyframes scan{0%,to{opacity:0;top:8%}20%,80%{opacity:1}50%{top:92%}}dl{margin:0}.mission-card dl div,.result-panel dl div{border-bottom:1px solid #73dad21f;justify-content:space-between;gap:2rem;padding:.72rem 0;display:flex}dt{color:var(--muted);font-size:.78rem}dd{margin:0;font-family:Rajdhani,Noto Sans JP,sans-serif}.briefing-copy{align-self:center}.briefing-copy blockquote,.result-panel blockquote{border-left:2px solid var(--cyan);color:#c6dfe0;background:#145e5d21;margin:0 0 2.5rem;padding:1.3rem 1.6rem;line-height:2}.briefing-copy h3{color:var(--cyan);letter-spacing:.18em;margin-top:2rem;font-size:.76rem;font-weight:500}.briefing-copy>p{color:#9fb7bb;line-height:1.9}.vehicle-select{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.vehicle-select button{text-align:left;flex-direction:column;display:flex}.vehicle-select button.selected{border-color:var(--cyan);box-shadow:inset 3px 0 var(--cyan)}.vehicle-select .ryuou-option,.vehicle-select .corback-option{background-position:100%;background-repeat:no-repeat;background-size:auto 100%;padding-right:6rem}.vehicle-select small{color:var(--muted);letter-spacing:.14em;font:600 .7rem Rajdhani,sans-serif;display:block}.game-model-loading{z-index:20;position:absolute;inset:0}.vehicle-select span{color:var(--muted);margin-top:.35rem;font-size:.72rem}.briefing-actions,.result-actions{justify-content:flex-end;gap:.75rem;margin-top:2.5rem;display:flex}.briefing-actions button{min-width:9rem}.result-screen{background:radial-gradient(circle,#1e888426,#0000 40%),linear-gradient(#020e12e6,#020e12fa),#04151a;place-items:center;width:100%;height:100%;padding:2rem;display:grid;overflow:auto}.result-panel{border:1px solid var(--line);background:#031419db;width:min(38rem,100%);padding:clamp(1.5rem,4vw,3.5rem)}.result-panel h2{margin:.2rem 0;font-size:2.5rem}.result-rank{float:right;color:var(--cyan);text-shadow:0 0 30px #5af1e159;margin:-4.4rem 0 0;font-family:Rajdhani,sans-serif;font-size:6rem;font-weight:700;line-height:1}.result-panel dl{margin:2.5rem 0}.unlock-notice{color:var(--warning);background:#ffc95d0d;border:1px solid #ffc95d66;flex-direction:column;padding:1rem;display:flex}.unlock-notice span{letter-spacing:.2em;font-family:Rajdhani,sans-serif;font-size:.7rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00070ad6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.controls-modal{border:1px solid var(--line);background:#061c22;width:min(42rem,100%);max-height:90vh;padding:2rem;position:relative;overflow:auto}.controls-modal h2{margin:.4rem 0 1.5rem}.modal-close{border:0;font-size:1.5rem;position:absolute;top:.8rem;right:.8rem}.control-grid{grid-template-columns:1fr 1fr;gap:.55rem 2rem;display:grid}.control-grid div{border-bottom:1px solid #6fddd21a;justify-content:space-between;align-items:center;padding:.55rem 0;display:flex}kbd{color:var(--cyan);font-family:Rajdhani,sans-serif;font-weight:700}.control-grid span,.controller-note{color:#91adb2;font-size:.8rem}.controller-note{margin-top:1.5rem;line-height:1.8}.loading-screen{width:100%;height:100%;color:var(--muted);letter-spacing:.14em;background:#031116;align-content:center;place-items:center;gap:1.5rem;display:grid}.loading-sonar{border:1px solid var(--cyan);border-right-color:#0000;border-radius:50%;width:5rem;height:5rem;animation:1.1s linear infinite spin}.game-screen{-webkit-user-select:none;user-select:none;background:#020d11;width:100%;height:100%;position:relative}.game-screen canvas{cursor:crosshair;width:100%;height:100%;display:block}.game-hud{z-index:5;pointer-events:none;text-shadow:0 1px 4px #001015;font-family:Rajdhani,Noto Sans JP,sans-serif;position:absolute;inset:0;overflow:hidden}.game-hud:before{content:"";opacity:.16;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#64eede14 4px);position:absolute;inset:0}.hud-top-left,.hud-top-right,.weapon-panel,.telemetry,.sonar-panel,.dialogue-box{position:absolute}.hud-top-left{width:min(25rem,36vw);top:2rem;left:2rem}.hud-label{color:#8ab8ba;letter-spacing:.2em;margin:0 0 .35rem;font-size:.66rem}.hp-row{align-items:center;gap:.65rem;display:flex}.hp-row strong{color:var(--cyan);font-size:1rem}.hp-track,.reload-track,.boss-health div{background:#020c0fb3;border:1px solid #81ede142;height:5px;overflow:hidden}.hp-track{width:11rem}.hp-track i,.reload-track i,.boss-health i{background:var(--cyan);height:100%;box-shadow:0 0 12px var(--cyan);transition:width .12s linear;display:block}.objective{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#083d40b3,#0000);flex-direction:column;margin:1.2rem 0 0;padding:.65rem .8rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;display:flex}.objective span{color:var(--cyan);letter-spacing:.18em;margin-bottom:.2rem;font-family:Rajdhani,sans-serif;font-size:.6rem}.hud-top-right{text-align:right;grid-template-columns:auto auto;gap:.1rem 1rem;display:grid;top:2rem;right:2rem}.hud-top-right span{color:#78999e;letter-spacing:.16em;align-self:end;font-size:.65rem}.hud-top-right strong{color:#cffff8;grid-row:span 2;font-size:2rem;font-weight:400}.hud-top-right small{color:var(--danger);letter-spacing:.12em;font-size:.65rem}.crosshair{border:1px solid #97f5ea29;border-radius:50%;width:7rem;height:7rem;transition:all .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#aefff59e;position:absolute}.crosshair:before{width:1px;height:20%;top:40%;left:50%}.crosshair:after{width:20%;height:1px;top:50%;left:40%}.crosshair i{border-style:solid;border-color:#9df7ecb3;width:.7rem;height:.7rem;position:absolute}.crosshair i:first-child{border-width:1px 0 0 1px;top:0;left:0}.crosshair i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.crosshair i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.crosshair i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}.crosshair.locked{border-color:#ff594bb3;width:5.4rem;height:5.4rem;box-shadow:0 0 24px #ff493f26}.crosshair.locked i{border-color:var(--danger)}.crosshair span{color:#ff9388;letter-spacing:.12em;width:max-content;max-width:15rem;font-size:.7rem;position:absolute;top:calc(100% + .7rem);left:50%;transform:translate(-50%)}.stage-select{flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;display:flex}.stage-select button{padding:.7rem;font-size:.75rem}.stage-select button[aria-pressed=true]{color:#ffd1a7;background:#432b20;border-color:#ffab6a}.ash-wing-briefing{background:50%/contain no-repeat;width:100%;height:100%}.smoke-warning{color:#ffc28a;letter-spacing:.08em;font-size:.7rem}.sonar-panel{align-items:flex-end;gap:.7rem;display:flex;bottom:2rem;left:2rem}.sonar-grid{background:linear-gradient(90deg,#0000 49.5%,#71e7db1f 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#71e7db1f 50%,#0000 50.5%),radial-gradient(circle,#0000 0 24%,#69e5d71a 25% 25.8%,#0000 26% 49%,#69e5d71a 50% 50.8%,#0000 51%),#021d21a6;border:1px solid #79ecdf73;border-radius:50%;width:9rem;height:9rem;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #3ed2c20f}.sonar-sweep{transform-origin:0;background:linear-gradient(90deg, var(--cyan), transparent);opacity:.32;width:50%;height:1px;animation:3s linear infinite sweep;position:absolute;bottom:50%;left:50%}.pinging .sonar-sweep{opacity:1;animation-duration:.75s}@keyframes sweep{to{transform:rotate(360deg)}}.sonar-grid b{background:#ff7c6f;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff5448}.sonar-grid b.boss{background:0 0;border:1px solid #ffad6e;width:9px;height:9px}.sonar-grid b.target{z-index:1;background:#65ff8f;border-color:#65ff8f;animation:.7s ease-in-out infinite alternate contactPulse;box-shadow:0 0 8px #65ff8f}@keyframes contactPulse{to{box-shadow:0 0 18px 4px #65ff8fb8}}.sonar-self{background:var(--cyan);clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);width:9px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar-copy{flex-direction:column;min-width:4rem;display:flex}.sonar-copy span{color:var(--cyan);letter-spacing:.18em;font-size:.62rem}.sonar-copy strong{font-size:.9rem}.telemetry{gap:3rem;display:flex;bottom:2rem;left:50%;transform:translate(-50%)}.telemetry div{flex-direction:column;align-items:center;display:flex}.telemetry span{color:#7da6aa;letter-spacing:.18em;font-size:.55rem}.telemetry strong{color:#d2fff8;font-size:1.7rem;font-weight:400}.telemetry small{color:#71969a;margin-left:.18rem;font-size:.6rem}.weapon-panel{border-right:2px solid var(--cyan);text-align:right;background:linear-gradient(270deg,#05373cbd,#0000);width:13rem;padding:.8rem 1rem;bottom:2rem;right:2rem}.weapon-panel p{justify-content:space-between;margin:0 0 .5rem;display:flex}.weapon-panel p span,.weapon-panel small{color:#7fa4a8;letter-spacing:.1em;font-size:.58rem}.weapon-panel p strong{color:var(--cyan);font-size:.82rem}.reload-track{margin-bottom:.4rem}.boss-health{text-align:center;width:min(34rem,46vw);position:absolute;top:2rem;left:50%;transform:translate(-50%)}.boss-health span{color:#ff9f86;letter-spacing:.24em;font-size:.65rem}.boss-health div{border-color:#ff5d4c61;height:7px;margin-top:.45rem}.boss-health i{background:var(--danger);box-shadow:0 0 14px var(--danger)}.dialogue-box{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#010e1233,#010e12d1 20% 80%,#010e1233);width:min(38rem,54vw);padding:.7rem 1rem;bottom:7.4rem;left:50%;transform:translate(-50%)}.dialogue-box span{color:var(--cyan);letter-spacing:.18em;font-size:.56rem}.dialogue-box p{text-align:center;margin:.25rem 0 0;font-family:Noto Sans JP,sans-serif;font-size:.78rem}.hud-status{color:var(--warning);letter-spacing:.12em;flex-direction:column;font-size:.58rem;display:flex;position:absolute;top:9.7rem;left:2rem}.death-overlay{text-align:center;background:#18050873;place-content:center;gap:.5rem;animation:.8s ease-in-out infinite alternate damageBlink;display:grid;position:absolute;inset:0}.death-overlay strong{color:#ff776b;letter-spacing:.18em;font-size:2.5rem}.death-overlay span{color:#ffc1ba;font-family:Noto Sans JP,sans-serif}@keyframes damageBlink{to{background:#260407a6}}.pause-button{z-index:9;background:#03181da3;border-radius:50%;place-items:center;width:2.7rem;height:2.7rem;padding:0;font-family:sans-serif;font-weight:700;display:grid;position:absolute;top:7rem;right:1.6rem}.game-tip{z-index:4;color:#a6d8d894;letter-spacing:.12em;pointer-events:none;font-family:Rajdhani,sans-serif;font-size:.58rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.pause-overlay{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00080bc2;place-items:center;display:grid;position:absolute;inset:0}.pause-panel{border:1px solid var(--line);background:#04181ef0;flex-direction:column;gap:.7rem;width:min(23rem,100% - 2rem);padding:2.5rem;display:flex}.pause-panel h2{margin:0 0 1.2rem;font-size:2.2rem}@media (max-width:760px){.hud-top-left,.sonar-panel{left:.8rem}.hud-top-right,.weapon-panel{right:.8rem}.hud-top-left,.boss-health{width:50vw}.telemetry{display:none}.dialogue-box{width:84vw;bottom:6.5rem}.title-screen{grid-template-columns:1fr;padding:2rem}.emblem{top:30%;left:68%}.title-copy{align-self:center;padding-bottom:0}.title-menu{justify-self:stretch;padding-bottom:2rem}.briefing-grid,.control-grid{grid-template-columns:1fr}}