@font-face{font-family:Fallback;src:local("Arial")}*{box-sizing:border-box}html,body,#game,#interface{margin:0;width:100%;height:100%;overflow:hidden}body{background:#0b181e;color:#e5e8e3;font-family:Arial,Helvetica,sans-serif;font-size:13px}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f7a35f;outline-offset:5px}#game{position:fixed;inset:0}canvas{display:block;outline:none}#interface{position:fixed;inset:0;pointer-events:none}#interface button,#interface a,.modal input,.modal select{pointer-events:auto}button{border:0;background:none}a{color:inherit;text-decoration:none}.hidden{display:none!important}.screen-grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.9' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:8}.screen-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,16,.65),transparent 22%,transparent 72%,rgba(4,12,16,.75)),radial-gradient(ellipse at 56% 48%,transparent 40%,rgba(3,10,14,.25))}.topbar{position:absolute;top:0;left:0;width:100%;padding:29px 3.4vw;display:flex;align-items:center;justify-content:space-between;z-index:12;border-bottom:1px solid #adc2c011}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;font-size:16px}.brand-mark{font-size:31px;color:#ecaa69;line-height:22px;transform:rotate(-12deg)}.brand-tag{display:block;margin-left:16px;padding-left:20px;border-left:1px solid #8a9e9e38;font-size:8px;letter-spacing:2.3px;color:#a1afb2;font-weight:500}.operation-tag{font-family:monospace;font-size:10px;letter-spacing:1.7px;color:#b3c3c6;display:flex;align-items:center;gap:12px}.divider{color:#f2a067;margin:0 4px}.live-dot{display:inline-block;width:5px;height:5px;background:#f2a166;border-radius:50%;box-shadow:0 0 10px #f2a16640}.tools{display:flex;gap:13px}.tools button{width:32px;height:32px;display:grid;place-items:center;color:#c0cdcf;opacity:.8;transition:.2s}.tools button:hover{color:#f5a567;opacity:1}.tools svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.3;fill:none}.tools button.muted{opacity:.3}.menu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,19,.77),rgba(4,14,19,.2) 47%,transparent 73%)}.hero-copy{position:absolute;left:7.1%;top:23%}.eyebrow{font-family:monospace;letter-spacing:2px;font-size:10px;color:#b4c4c5;display:flex;align-items:center;gap:12px}.mini-line{width:25px;height:2px;background:#eaa46a}h1{position:relative;font-family:Impact,Arial Narrow,Arial Black,sans-serif;font-size:clamp(95px,10.9vw,196px);line-height:.88;letter-spacing:2px;font-weight:400;margin:29px 0 22px;color:#eaece5;text-shadow:0 3px 26px #0002}h1 span{color:#efad73}h1 i{position:absolute;font:10px monospace;color:#e6aa77;letter-spacing:2px;top:4px;right:-24px;writing-mode:vertical-rl}h1:after{content:"";position:absolute;left:2px;bottom:-5px;width:95%;height:2px;opacity:.1;background:#fff}.hero-rule{height:1px;background:linear-gradient(90deg,#b7cac550,transparent);width:340px;margin:25px 0 19px}.hero-description{color:#adbfc0;font-size:13px;line-height:1.9;letter-spacing:.2px}.launch-row{display:flex;align-items:center;gap:21px;margin-top:29px}.primary{background:#f0a36a;color:#132229;padding:19px 23px;min-width:224px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:10px;font-weight:800;letter-spacing:1.4px;box-shadow:0 5px 25px #ef995214;transition:background .2s,transform .2s}.primary:hover{background:#ffc58a;transform:translateY(-2px)}.primary span{font-size:21px;line-height:10px;font-weight:400}.enter-hint{font:9px monospace;color:#8fa4a8;letter-spacing:1.3px;white-space:nowrap}kbd{font-family:monospace;border:1px solid #9fb2b43b;display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;font-size:9px;color:#c3cfcd;border-radius:2px;font-weight:500;min-width:19px;line-height:13px}.enter-hint kbd{margin-right:7px}.text-button{padding:16px 0;font-size:9px;letter-spacing:1.7px;color:#9ab1b5}.text-button:hover{color:#f5b37d}.text-button span{margin-left:12px;color:#edac79}.mission-card{position:absolute;right:5.5%;bottom:16.5%;width:318px;padding:24px 26px 20px;background:linear-gradient(135deg,#12272cdb,#0a1a20c7);border:1px solid #a2bab82b;backdrop-filter:blur(12px);border-top:2px solid #e6a574;box-shadow:0 18px 80px #0003}.card-label{font:9px monospace;letter-spacing:1.7px;color:#e8b386;display:flex;justify-content:space-between}.card-label span{font-size:7px;color:#799196;letter-spacing:1px}.mission-card h2{font-size:24px;font-weight:500;line-height:1.3;margin:25px 0 13px;letter-spacing:.3px}.mission-card p{color:#8fa9ae;font-size:10px;line-height:1.9;margin:0}.mission-meta{display:flex;flex-direction:column;gap:16px;margin:23px 0;padding-top:20px;border-top:1px solid #bdd5ce1c}.mission-meta>span{color:#6e8b91;font:8px monospace;letter-spacing:1px}.mission-meta b{display:block;color:#b8cacb;font:8px monospace;letter-spacing:1.2px;margin-top:6px}.mission-meta .live-dot{width:4px;height:4px;margin-right:6px;box-shadow:none}.sectors{border-top:1px solid #bdd5ce1c;padding-top:15px;display:flex;justify-content:space-between;font:6px monospace;letter-spacing:.5px;color:#708990}.sectors .active{color:#e6ab7d}.coordinate{position:absolute;left:7.1%;bottom:10.3%;font:8px monospace;letter-spacing:1.8px;color:#718f97}.coordinate span{margin:0 14px;color:#d2ac83}.bottom-bar{position:absolute;bottom:0;left:0;width:100%;padding:20px 3.4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aac4c41b;background:#081a2375;backdrop-filter:blur(8px);font:8px monospace;letter-spacing:1px;z-index:12;color:#849da3}.bottom-left{display:flex;align-items:center;gap:9px}.bottom-left i{font-style:normal;color:#52727c;margin-left:8px}.controls-strip{display:flex;gap:22px;align-items:center}.controls-strip>span{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.9px}.controls-strip kbd{padding:2px 4px;font-size:8px;min-width:16px}.bottom-right{display:flex;gap:9px;align-items:center}.bottom-right span{color:#c5d5d3}.hud{position:absolute;left:3.5%;right:3.5%;top:108px;display:flex;justify-content:space-between;align-items:start;z-index:4}.operator{display:flex;gap:13px;align-items:center}.operator-icon{color:#f2ae77;border:1px solid #8da7a83b;background:#0a1d25a8;width:48px;height:48px;display:grid;place-items:center;font-size:24px}.hud-label{font:9px monospace;letter-spacing:1.5px;color:#b9cdd1}.health-row{display:flex;align-items:center;gap:12px;margin:8px 0}.health-track{height:5px;width:180px;background:#6d889652}.health-track i{display:block;height:100%;width:100%;background:#eeb07c;box-shadow:0 0 14px #f0a47035;transition:width .15s}.health-row b{font:11px monospace;color:#f2bd93}.small-label{font:8px monospace;color:#87a3ae;letter-spacing:1px}.score-block{text-align:center;padding:0 30px}.score-block b{display:block;font:25px monospace;letter-spacing:3px;margin-top:7px}.weapon-block{text-align:right}.weapon-block strong{display:block;font:30px monospace;margin-top:7px;color:#edd8bc}.weapon-block small{font:8px monospace;letter-spacing:1px;color:#9bb3bb}.objective{position:absolute;left:3.5%;bottom:104px;width:250px}.objective>div:first-child{display:flex;gap:9px;align-items:center}.objective b{font:8px monospace;letter-spacing:1.2px;color:#c1cfd1}.objective p{font-size:11px;color:#93acb5;line-height:1.4}.progress-track{height:2px;background:#829fa837}.progress-track i{display:block;height:2px;background:#eda773;transition:width .2s}.boss-hud{position:absolute;top:200px;left:30%;right:30%;font:10px monospace;letter-spacing:1.6px;color:#efb389}.boss-hud>div:first-child{display:flex;justify-content:space-between}.boss-hud span{font-size:8px}.boss-track{height:6px;background:#80544090;border:1px solid #ca866958;margin-top:12px}.boss-track i{display:block;height:100%;background:#ef9b65;box-shadow:0 0 22px #f2a77350;transition:width .15s}.notice{position:absolute;top:27%;left:0;width:100%;text-align:center;animation:notice-in .3s ease;pointer-events:none;z-index:5}.notice span{font:22px Impact,Arial Narrow,sans-serif;letter-spacing:4px;color:#f0b17f;text-shadow:0 3px 12px #000}.notice p{font:9px monospace;letter-spacing:2px;color:#c9d7d7;text-shadow:0 2px 8px #000}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#07131edb;backdrop-filter:blur(12px);pointer-events:auto;z-index:20}.modal-card{width:min(540px,90vw);padding:43px;border:1px solid #76979d36;border-top:2px solid #f0ab73;background:#10242ad9;box-shadow:0 30px 150px #0005}.modal h2{font:42px Impact,Arial Narrow,sans-serif;letter-spacing:2px;margin:26px 0;color:#eee8d9}.modal-description{font-size:13px;color:#9eb7be;line-height:1.8;margin-bottom:27px}.modal #modal-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;align-items:center}.secondary{border:1px solid #92aeb644;padding:18px;font:9px monospace;letter-spacing:1.3px}.setting{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #7d9da42a;font:10px monospace;color:#b7c8cf;letter-spacing:1px}.setting input[type=range]{width:180px;accent-color:#eca970}.setting select{background:#132e38;border:1px solid #7e9ca449;padding:8px;color:#ddcfb7;font:10px monospace}.setting input[type=checkbox]{accent-color:#eda673}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#a1b8bf;font-size:11px}.manual-grid kbd{margin-right:8px}.result-grid{display:flex;justify-content:space-between;gap:20px}.result-grid span{font:8px monospace;color:#89a5af;letter-spacing:1px}.result-grid b{display:block;font:26px monospace;margin-top:12px;color:#e5c09b}.reduced-motion *{transition:none!important;animation:none!important}@keyframes notice-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1800px){.hero-copy{top:22%}.hero-description{font-size:16px}.primary{padding:23px 27px;min-width:265px;font-size:12px}.mission-card{width:365px;padding:30px}.mission-card h2{font-size:29px}.mission-card p{font-size:12px}.mission-meta b{font-size:10px}.mission-meta>span{font-size:9px}.card-label{font-size:10px}.sectors{font-size:7px}.topbar{padding-top:35px;padding-bottom:35px}.bottom-bar{padding-top:24px;padding-bottom:24px}.controls-strip>span{font-size:9px}.coordinate{font-size:9px}}@media(max-height:700px){.hero-copy{top:20%}h1{font-size:clamp(76px,9.7vw,130px);margin-top:20px;margin-bottom:15px}.hero-rule{margin:16px 0}.launch-row{margin-top:16px}.hero-description{font-size:11px}.coordinate{display:none}.mission-card{bottom:13%;width:290px;padding:20px}.mission-card h2{margin-top:18px}.mission-meta{margin:15px 0;padding-top:15px}.hud{top:88px}.topbar{padding-top:19px;padding-bottom:19px}}@media(max-width:1000px){.brand-tag,.operation-tag{display:none}.controls-strip{gap:10px}.mission-card{right:4%;width:265px}.hero-copy{left:5.5%}.enter-hint{display:none}.coordinate{left:5.5%}}@media(max-width:700px){.mission-card{display:none}.hero-copy{top:21%}h1{font-size:clamp(90px,18vw,150px)}.controls-strip{gap:8px}.controls-strip>span{font-size:0}.controls-strip kbd{font-size:8px}.bottom-left{font-size:6px}.bottom-right{display:none}.hud-label{font-size:7px;letter-spacing:.6px}.health-track{width:80px}.operator-icon{display:none}.score-block{padding:0}.score-block b{font-size:17px}.weapon-block strong{font-size:22px}.small-label{font-size:6px}.objective{bottom:80px}.boss-hud{left:15%;right:15%;top:160px}.modal-card{padding:25px}.modal h2{font-size:34px}.setting input[type=range]{width:130px}}.modal-card{max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-color:#59767c #10242a}.hero-copy{top:19%}.mission-select{display:flex;gap:7px;margin-top:21px;max-width:430px}.mission-option{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px;background:#0b2029b8;border:1px solid #97bab82c;min-width:119px;text-align:left;transition:background .2s,border-color .2s}.mission-option b{font:12px monospace;color:#718f97}.mission-option span{font:8px monospace;letter-spacing:.8px;color:#acc0c1;white-space:nowrap}.mission-option:hover{background:#203c42db;border-color:#d1ae775e}.mission-option[aria-pressed=true]{border-color:#efad7390;background:#63453355;box-shadow:inset 0 2px #efad73}.mission-option[aria-pressed=true] b,.mission-option[aria-pressed=true] span{color:#efbd8b}.launch-row{margin-top:21px}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:11px;line-height:1.5}.boss-hud b{font:inherit;letter-spacing:inherit;max-width:78%}.mission-card h2{font-size:25px}body[data-mission=canopy] .mission-card{border-top-color:#c3d58e}body[data-mission=whiteout] .mission-card{border-top-color:#93d0eb}@media(min-width:1800px){.hero-copy{top:17%}.mission-select{max-width:510px}.mission-option{min-width:143px;padding:15px 17px}.mission-option span{font-size:9px}.mission-card h2{font-size:29px}}@media(max-height:760px){.hero-copy{top:17%}h1{font-size:clamp(75px,9vw,128px);margin:20px 0 15px}.hero-rule{margin:15px 0}.hero-description{line-height:1.6}.mission-select{margin-top:14px}.mission-option{padding:9px 10px;min-width:112px;gap:5px}.launch-row{margin-top:14px}.hero-copy>.text-button{padding:12px 0}.mission-card{bottom:13%;padding:20px}.mission-card h2{margin-top:18px}.mission-meta{margin:15px 0;padding-top:15px}}@media(max-width:700px){.hero-copy{top:18%}.mission-select{max-width:92vw;gap:5px}.mission-option{min-width:0;padding:10px}.mission-option span{font-size:7px;letter-spacing:.3px}}.boss-hint{font:8px monospace;letter-spacing:.7px;text-align:center;color:#e5d4c5;text-shadow:0 1px 3px #07131e,0 0 5px #07131e;margin:8px 0 0}.manual-grid{line-height:1.55}.manual-grid span{display:flex;align-items:flex-start;gap:8px}.manual-grid kbd{flex-shrink:0;margin-right:0}.objective .objective-status{color:#ffe0a1;font:10px monospace;line-height:1.5;letter-spacing:.3px;background:#10242ae6;border-left:2px solid #f0ab73;padding:7px 9px;text-shadow:0 1px 2px #07131e}.objective .objective-status.complete{color:#a6e8c4;border-color:#a6e8c4}
