@charset "utf-8";
:root{color-scheme:dark;--bg:#090e14;--panel:#131d27;--ink:#e6edf1;--muted:#8b9ba8;--cyan:#90eef1;--orange:#ff8553;--line:#ffffff20}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:"Segoe UI","Yu Gothic",Meiryo,sans-serif}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:5px}button:disabled{cursor:default}button,.mech-card{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.15)}[hidden]{display:none!important}p,h1,h2{margin:0}#app{min-height:100svh;position:relative;isolation:isolate}.screen{min-height:100svh}.hangar{position:relative;overflow:hidden;padding:28px 5vw 46px}.hangar-atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#07111ded,#080e13ed),url('assets/hangar.webp') center/cover}.hangar:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% 35%,#28576330,transparent 60%)}.masthead{display:flex;align-items:center;gap:24px;max-width:1400px;margin:auto;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:.2em;font-weight:850;display:flex;gap:14px;align-items:center;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.38em;color:var(--muted);font-weight:400;margin-top:8px}.brand-mark{display:grid;place-items:center;width:34px;height:38px;font-size:30px;color:var(--cyan);border-left:3px solid var(--cyan);transform:skew(-13deg)}.edition{font-size:11px;letter-spacing:.17em;margin-left:auto;color:#acb8c1}.edition span{display:block;color:#647785;margin-top:6px}.icon-button{width:44px;height:44px;border:1px solid #73859460;background:#0c141cc7;font-size:20px}.hangar-content{max-width:1250px;margin:32px auto 0}.mission-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--muted);margin-bottom:10px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);margin-right:7px;box-shadow:0 0 12px var(--cyan)}h1{font-size:clamp(24px,3vw,40px);font-weight:600;letter-spacing:.05em;line-height:1.35}.mission-note{text-align:right;font-size:14px;line-height:1.8;color:#b6c3cc}.mission-note span{font-size:12px;color:var(--muted)}.mobile-only{display:none}.mech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mech-card{position:relative;min-height:365px;height:clamp(320px,44vh,490px);text-align:left;padding:0;overflow:hidden;border:1px solid #5063714d;background:#101922;transition:border-color .2s,transform .2s,box-shadow .2s}.mech-card.selected{border-color:var(--cyan);box-shadow:0 0 25px #88e1ef10}.mech-card[data-mech="1"]{--card-color:#ff9366}.mech-card[data-mech="2"]{--card-color:#c9b8ff}.mech-card{--card-color:var(--cyan)}.mech-card.selected:before{content:"";position:absolute;top:0;left:0;width:35%;height:3px;background:var(--card-color);z-index:4}.card-top{position:absolute;top:18px;left:18px;right:18px;z-index:3;font:12px monospace;color:var(--card-color);display:flex;justify-content:space-between;letter-spacing:.12em}.card-top span{font:11px "Segoe UI",sans-serif;color:#becbd5;background:#08111a9c;padding:3px 6px}.mech-art{position:absolute;inset:0;background-image:url('assets/hangar.webp');background-size:300% 100%;background-repeat:no-repeat;transition:transform .4s,filter .4s;filter:saturate(.6) brightness(.78)}.art-0{background-position:0% center}.art-1{background-position:50% center}.art-2{background-position:100% center}.selected .mech-art{filter:saturate(1) brightness(1.12);transform:scale(1.025)}.mech-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07101b22 30%,#0810184d 45%,#080f17f7 88%)}.card-info{position:absolute;bottom:20px;left:23px;right:20px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.mech-code{font:11px monospace;letter-spacing:.2em;color:var(--card-color)}.card-info strong{font-size:25px;font-weight:550;letter-spacing:.07em}.mech-sub{font-size:12px;color:#aab9c5;line-height:1.6}.stat-bars{display:flex;gap:5px;width:55%;height:3px;margin:8px 0}.stat-bars i{height:3px;flex:1;background:linear-gradient(90deg,var(--card-color) var(--v),#ffffff1a var(--v))}.card-special{font-size:10px;color:#8093a4}.card-special b{font-weight:400;color:#d1dfe8;font-size:12px;margin-left:10px}.selected-label{position:absolute;top:55px;right:15px;z-index:5;color:var(--cyan);font-size:10px;background:#0c252bd4;padding:5px 8px}.launch-panel{margin-top:25px;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.difficulty{display:flex;border:1px solid #61788955;max-width:420px}.difficulty button{border:0;border-right:1px solid #ffffff15;background:#0c141c;color:#889ba8;padding:11px 24px;font-size:14px;min-height:44px;white-space:nowrap}.difficulty button:last-child{border:0}.difficulty button.active{color:var(--cyan);background:#a9eef119;box-shadow:inset 0 -2px var(--cyan)}#difficulty-hint{font-size:12px;color:var(--muted);margin-top:9px}.launch-button{width:33%;min-width:220px;display:flex;justify-content:space-between;align-items:center;background:var(--cyan);color:#102028;border:0;min-height:66px;padding:15px 24px;clip-path:polygon(0 0,100% 0,100% 80%,96% 100%,0 100%);font-size:19px;font-weight:700;letter-spacing:.09em}.launch-button span:last-child{font-size:27px}.launch-button:disabled{background:#58696e;color:#b1bcbc}.hangar-footer{display:flex;justify-content:space-between;font:10px monospace;color:#586d7c;letter-spacing:.1em;margin-top:25px}.hangar-footer i{font-style:normal;color:var(--cyan);margin-left:4px}.hangar-footer b{font:10px sans-serif;color:#72848f;margin-left:12px}.utility{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));right:14px;display:flex;gap:7px;z-index:15}.utility button{background:#0b141dd9;border:1px solid #ffffff20;padding:7px 11px;font-size:11px;color:#9dadb8;min-height:32px}.battle{position:relative;width:100%;height:100svh;min-height:320px;overflow:hidden;background:#0b151b;touch-action:none;user-select:none}#game{display:block;width:100%;height:100%;touch-action:none}.battle-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 140px #02060a77}.hud{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:start;gap:20px;pointer-events:none}.hud button{pointer-events:auto}.armor{width:240px}.hud-label{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.08em;color:#bfe6ee;margin-bottom:9px;text-shadow:0 1px 4px #000}.health-track{height:6px;background:#090f15ac;border:1px solid #aac4d044;transform:skew(-15deg);padding:1px}.health-track div{height:100%;background:var(--cyan);transition:width .18s}.armor small{font-size:9px;color:#93a7b1;margin-top:5px;display:block}.score-panel{margin-left:auto;text-align:right;text-shadow:0 2px 4px #000}.score-panel span{display:block;font:9px monospace;color:#93a7b1;letter-spacing:.17em}.score-panel strong{font:26px monospace;letter-spacing:.08em}.stage-hud{position:absolute;top:91px;left:22px;right:22px;display:flex;justify-content:space-between;font:10px monospace;color:#91a5b2;pointer-events:none}.stage-hud #weapon-level{color:#a8e7f4;background:#10232ccb;padding:6px 10px;border-left:2px solid var(--cyan)}.battle-controls{position:absolute;bottom:46px;left:24px;right:26px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.joystick{pointer-events:auto;touch-action:none;width:150px;height:145px;text-align:center;font-size:10px;letter-spacing:.08em;color:#bbd0db99}.stick-rings{width:114px;height:114px;border:1px solid #a8c7d344;border-radius:50%;margin:0 auto 8px;background:radial-gradient(circle,#b3dff507 50%,#b3dff510 51%,#b3dff503 65%,transparent 66%);position:relative}.stick-rings:after,.stick-rings:before{content:"";position:absolute;background:#b3dff540;top:50%;left:-7px;right:-7px;height:1px}.stick-rings:after{top:-7px;bottom:-7px;left:50%;width:1px;height:auto;right:auto}#stick{position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);width:46px;height:46px;border-radius:50%;border:1px solid #adcbd666;background:#25445399;z-index:2}.combat-buttons{display:flex;gap:18px;align-items:center;pointer-events:auto}.special-button{position:relative;width:118px;height:118px;border-radius:50%;border:1px solid #a8dce54d;background:#091a24dc;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c4dee8;touch-action:none}.special-icon{font-size:29px;line-height:1.1}.special-button b{font-size:14px;font-weight:500;margin-top:4px}.special-button small{font-size:9px;margin-top:5px;color:#8babba}.charge-ring{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(var(--cyan) var(--charge,0%),#ffffff12 0);mask:radial-gradient(transparent 67%,#000 69%);-webkit-mask:radial-gradient(transparent 67%,#000 69%);pointer-events:none}.special-button.ready{background:#1f4c55e0;box-shadow:0 0 35px #7debf82b;color:#e3ffff;animation:ready 1.6s infinite}.special-button.ready small{color:var(--cyan)}@keyframes ready{50%{box-shadow:0 0 45px #7debf866}}.blade-button{width:75px;height:75px;background:#0b1921ce;border:1px solid #a4d8e656;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none}.blade-button>span{font-size:23px;line-height:.9;color:var(--cyan)}.blade-button b{font-size:11px;margin-top:5px;font-weight:400}.blade-button small{font-size:8px;color:#8ba3b0;margin-top:3px}.blade-button:disabled{opacity:.5}.keyboard-hint{position:absolute;bottom:17px;left:24px;font-size:10px;color:#92a9b077;pointer-events:none}.announcement{position:absolute;top:37%;left:0;right:0;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;font-size:clamp(24px,5vw,52px);font-weight:650;letter-spacing:.14em;text-shadow:0 0 20px #091b22,0 2px 8px #000;white-space:pre-line}.announcement.show{opacity:1}.announcement small{display:block;font-size:12px;letter-spacing:.15em;margin-top:12px;color:#bad3df}.pickup-notice{position:absolute;top:25%;left:0;right:0;text-align:center;color:#8dfaff;font-weight:700;letter-spacing:.1em;font-size:18px;pointer-events:none;opacity:0;text-shadow:0 0 15px #009dac,0 2px 4px #000;transition:opacity .2s}.pickup-notice.show{opacity:1}.boss-hud{position:absolute;left:25%;right:25%;top:95px;text-align:center;color:#ff9774;font:9px monospace;letter-spacing:.13em}.boss-hud b{font-size:11px;font-weight:400;letter-spacing:.03em}.boss-track{height:5px;background:#1c0c0ad0;margin-top:9px}.boss-track i{display:block;height:100%;background:#ff774f}.modal{position:fixed;inset:0;z-index:30;background:#03080ce8;backdrop-filter:blur(10px);display:grid;place-items:center;padding:25px;overflow-y:auto}.dialog{width:min(100%,460px);padding:35px;background:linear-gradient(135deg,#172632,#0e1720);border:1px solid #a4c7d12e;box-shadow:0 25px 100px #0008}.dialog h2{font-size:30px;line-height:1.4;letter-spacing:.05em;margin-bottom:22px}.dialog p{font-size:14px;color:#b3c2cc;line-height:1.8;margin-bottom:12px}.dialog .help-row{display:flex;gap:15px;align-items:center;margin:16px 0;font-size:14px;color:#bfced7;line-height:1.6}.help-row>span{flex-shrink:0;display:grid;place-items:center;width:37px;height:37px;border:1px solid #a9d9ed44;color:var(--cyan);font:18px monospace}.help-row strong{color:#eef7fb}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap}.dialog button{min-height:48px;padding:11px 18px;background:#10222e;border:1px solid #52708060;font-size:14px;flex:1;white-space:nowrap}.dialog button.primary{background:var(--cyan);color:#102129;border-color:var(--cyan);font-weight:700}.result-score{font:44px monospace;color:var(--cyan);margin:10px 0 25px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.result-stats div{font-size:10px;color:#9bb0be;border-top:1px solid #ffffff25;padding-top:10px}.result-stats b{font:22px monospace;display:block;color:#e4f4fc;margin-top:5px}#asset-error{color:#ffa582;font-size:14px;margin-top:15px}@media(min-width:1500px){.hangar-content{margin-top:55px}.mech-card{height:470px}}@media(max-width:700px){.hangar{padding:20px 18px 50px}.masthead{gap:12px;padding-bottom:17px}.brand{font-size:20px}.edition{font-size:8px}.edition span{font-size:8px}.brand-mark{height:32px;width:24px}.hangar-content{margin-top:25px}.mission-heading{align-items:start;margin-bottom:20px}.mission-note{font-size:11px;max-width:135px}.mission-note span{font-size:10px}.eyebrow{font-size:9px}.mech-grid{gap:7px}.mech-card{height:330px;min-height:0}.card-top{top:12px;left:9px;right:9px;font-size:10px}.card-top span{font-size:8px;padding:2px}.card-info{left:10px;right:8px;bottom:17px;gap:7px}.card-info strong{font-size:15px;letter-spacing:0}.mech-sub{font-size:10px;min-height:32px}.mech-code{font-size:8px}.stat-bars{width:80%;margin:3px 0}.card-special{font-size:8px;line-height:1.7}.card-special b{display:block;margin:0;font-size:10px}.selected-label{right:6px;top:45px;font-size:8px;padding:4px}.launch-panel{margin-top:20px;padding-top:19px;gap:16px;flex-direction:column;align-items:stretch}.difficulty-box{width:100%}.difficulty{max-width:none}.difficulty button{flex:1;padding:10px;font-size:13px}.launch-button{width:100%;min-height:58px;font-size:17px}.hangar-footer{font-size:9px;margin-top:18px}.hangar-footer b{display:none}.armor{width:155px}.hud{gap:13px;top:max(17px,env(safe-area-inset-top));left:17px;right:17px}.score-panel strong{font-size:22px}.hud-label{font-size:9px}.hud .icon-button{height:37px;width:37px;font-size:17px}.stage-hud{left:17px;right:17px;top:80px}.battle-controls{bottom:50px;left:8px;right:20px}.joystick{width:124px;height:124px}.stick-rings{width:96px;height:96px}.combat-buttons{gap:17px}.special-button{width:94px;height:94px}.special-button b{font-size:13px}.special-button small{font-size:8px}.blade-button{height:60px;width:60px}.blade-button b{font-size:10px}.keyboard-hint{display:none}.boss-hud{left:17px;right:17px;top:121px}.dialog{padding:26px}.dialog h2{font-size:25px}}@media(max-width:390px){.hangar{padding-left:12px;padding-right:12px}.mech-card{height:300px}.card-info strong{font-size:13px}.mission-note{display:none}.mobile-only{display:none}.brand{font-size:18px}.edition{display:none}.masthead .icon-button{margin-left:auto}.mech-sub{font-size:9px}.card-special b{font-size:9px}}@media(orientation:landscape) and (max-height:600px){.hangar{padding-top:15px}.masthead{padding-bottom:12px}.hangar-content{margin-top:15px}.mission-heading{margin-bottom:16px}.mission-heading h1{font-size:25px}.mech-card{height:290px;min-height:0}.card-info strong{font-size:21px}.launch-panel{flex-direction:row;margin-top:15px}.launch-button{width:35%}.battle-controls{bottom:30px}.joystick{width:100px;height:96px}.stick-rings{width:75px;height:75px}.special-button{width:82px;height:82px}.blade-button{width:60px;height:60px}.special-icon{font-size:24px}.special-button b{font-size:11px}.keyboard-hint{display:none}.boss-hud{top:23px;left:34%;right:34%}.stage-hud{top:79px}.utility{bottom:5px}.hud .armor{width:180px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}