#mech-ui{position:fixed;inset:0;z-index:12;pointer-events:none;color:#e9f3ee;font-size:12px;--mc-cyan:#9be0df;--mc-dark:rgba(9,23,34,.91);--mc-line:#6a929f;--mc-red:#ff8266}
#mech-ui[hidden],#mech-ui [hidden]{display:none!important}
#mech-ui button,.mc-stick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}
.mech-area:not(.mech-drive) #hud .race-top,.mech-area:not(.mech-drive) #hud .dash,.mech-area:not(.mech-drive) #hud .desktop-help,.mech-area:not(.mech-drive) #touch,.mech-area #hud .map-wrap,.mech-area #hud .combat-status,.mech-area #hud #use-item,.mech-area #hud .race-messages,.mech-area #hud #respawn{display:none!important}
.mech-drive #mc-pause,.mech-drive #mc-top-info{display:none}.mech-mouse #game{cursor:none}
#mc-top{position:absolute;top:calc(var(--top,0px) + 14px);left:calc(var(--left,0px) + 18px);right:calc(var(--right,0px) + 18px);display:flex;align-items:flex-start;gap:12px}
#mc-top-info{display:flex;flex-direction:column;gap:7px;padding:9px 12px;background:var(--mc-dark);border-left:4px solid var(--mc-cyan);max-width:230px}
#mc-sector{font-size:15px;color:var(--mc-cyan)}#mc-fps{font-size:11px;color:#a7c5d0}#mc-lives{color:#f6d695;font-size:12px}
#mc-top-buttons{margin-left:auto;display:flex;gap:9px}#mc-top-buttons button{min-width:48px;height:48px;border:2px solid var(--mc-line);background:var(--mc-dark);padding:8px 12px;font-size:12px;color:#edf5e9}#mc-pause{font-size:19px!important}
#mc-objective{position:absolute;top:calc(var(--top,0px) + 15px);left:50%;transform:translateX(-50%);width:min(420px,40vw);padding:10px 13px;background:var(--mc-dark);border:2px solid var(--mc-line);text-align:center}
#mc-objective-title{display:block;font-size:18px;color:#f5eac8}#mc-objective-note{display:block;line-height:1.4;font-size:11px;margin-top:6px;color:#bccfd6}#mc-boss-bar{height:7px;margin-top:8px;background:#263d49}#mc-boss-fill{display:block;height:100%;background:var(--mc-red)}
#mc-telemetry{position:absolute;bottom:calc(var(--bottom,0px) + 20px);left:50%;transform:translateX(-50%);width:228px;background:var(--mc-dark);border:2px solid var(--mc-line);padding:10px 12px;box-sizing:border-box}
.mc-stat{display:flex;justify-content:space-between;font-size:11px;margin:0 0 4px}.mc-meter{height:6px;background:#2e414c;margin-bottom:8px}.mc-meter:last-child{margin-bottom:0}.mc-meter i{display:block;height:100%;background:var(--mc-cyan)}#mc-hp-fill{background:#f2be87}#mc-stam-fill{background:#f0e9b6}
#mc-controls,#mc-sticks{position:absolute;inset:0}#mc-tools{position:absolute;right:calc(var(--right,0px) + 20px);bottom:calc(var(--bottom,0px) + 20px);display:flex;gap:9px}
#mc-tools button{position:relative;width:102px;min-height:80px;margin:0;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;padding:7px;background:var(--mc-dark);border:2px solid var(--mc-line);box-shadow:0 3px 0 #07151e;color:#eaf5ed;overflow:hidden}
#mc-tools button svg{width:27px;height:27px;fill:currentColor}#mc-tools strong{font-size:13px;font-weight:normal}#mc-tools small{font-size:9px;color:#a7bdc8;white-space:nowrap}#mc-tools button.held{color:#0b2532;background:#a5e2df;border-color:#e3fbef;transform:translateY(2px);box-shadow:none}#mc-tools button.held small{color:#173b4a}#mc-tools button:disabled{opacity:.5}#mc-tools button:focus-visible,.mc-stick:focus-visible,#mc-top button:focus-visible{outline:3px solid #fff3be;outline-offset:4px}
#mc-tools #mc-weapon{border-color:#edcb96}#mc-weapon .mc-blaster-icon{display:none}#mc-weapon[data-weapon="blaster"] .mc-blaster-icon{display:block}#mc-weapon[data-weapon="blaster"] .mc-blade-icon{display:none}#mc-tools #mc-weapon[data-weapon="blaster"]{border-color:#99dfe6}#mc-roll:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:var(--charge,100%);background:#e2d3a1}
.mc-stick{position:absolute;bottom:calc(var(--bottom,0px) + 22px);width:146px;height:146px;background:rgba(13,31,43,.62);border:2px solid var(--mc-line);box-sizing:border-box;border-radius:14px}#mc-move-pad{left:calc(var(--left,0px) + 22px)}#mc-aim-pad{right:calc(var(--right,0px) + 22px);border-color:#e3c595}.mc-stick span,.mc-stick small{position:absolute;left:0;right:0;text-align:center;z-index:2;pointer-events:none}.mc-stick span{top:9px;color:#c7e6e7;font-size:11px}.mc-stick small{bottom:9px;color:#b3d4d9;font-size:9px}.mc-stick-base{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);border:1px solid #83b3bc66;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.mc-stick-base:before,.mc-stick-base:after{content:'';position:absolute;background:#7fa7b455}.mc-stick-base:before{width:74%;height:1px}.mc-stick-base:after{height:74%;width:1px}.mc-stick-thumb{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#bededc;border:3px solid #edfae9;box-shadow:0 3px 0 #163344;z-index:1;border-radius:9px;flex-shrink:0}.mc-stick-thumb svg{width:25px;height:25px;fill:#143b4a}.mc-stick.held .mc-stick-thumb{background:#ebd6a6}#mc-aim-pad.guarding{border-color:#a8e0e6}#mc-aim-pad.guarding small{color:#a8e0e6}#mc-aim-pad.firing{border-color:#ffc087}#mc-aim-pad.firing .mc-stick-thumb{background:#ffc087}
body.touch #mc-tools{bottom:calc(var(--bottom,0px) + 185px)}#mc-key-help{position:absolute;bottom:calc(var(--bottom,0px) + 25px);left:calc(var(--left,0px) + 22px);line-height:1.8;color:#d8e9e7;font-size:12px;background:var(--mc-dark);padding:9px 12px}body.touch #mc-key-help{display:none}
#mc-reticle{position:fixed;display:block;width:25px;height:25px;transform:translate(-50%,-50%);border:2px solid #ecf4d5;box-shadow:0 0 0 1px #153340;border-radius:50%;pointer-events:none;z-index:20}#mc-reticle:before,#mc-reticle:after{content:'';position:absolute;background:#ecf4d5;box-shadow:0 0 0 1px #153340}#mc-reticle:before{width:3px;height:7px;left:9px;top:-5px}#mc-reticle:after{width:7px;height:3px;left:-5px;top:9px}#mc-reticle.guarding{border-color:#9ae1ef;background:#9ae1ef33}
#mc-warning{position:absolute;top:calc(var(--top,0px) + 110px);left:50%;transform:translateX(-50%);padding:7px 10px;border-left:3px solid #f5c576;background:var(--mc-dark);color:#f9d18b;font-size:11px;white-space:nowrap}
#mc-subtitle{position:absolute;bottom:calc(var(--bottom,0px) + 36px);left:50%;transform:translateX(-50%);padding:13px 18px;max-width:85vw;border-left:3px solid var(--mc-red);background:var(--mc-dark);color:#f3e9d3;font-size:18px;line-height:1.5;text-align:center}
#mc-cine-rule{position:absolute;left:4%;right:4%;bottom:calc(var(--bottom,0px) + 19px);height:2px;background:linear-gradient(90deg,transparent,#a3bdc7,transparent)}
.mech-cinematic #mc-top-info{background:transparent}.mech-cinematic #mc-lives,.mech-cinematic #mc-fps{display:none}#mc-respawn{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);background:var(--mc-dark);border:2px solid var(--mc-line);padding:15px 23px;text-align:center;min-width:220px}#mc-respawn span,#mc-respawn small{display:block;font-size:11px;line-height:1.5}#mc-respawn strong{display:block;font-size:42px;color:#f4d19d;margin:8px}
body.swap-controls #mc-move-pad{left:auto;right:calc(var(--right,0px) + 22px)}body.swap-controls #mc-aim-pad{right:auto;left:calc(var(--left,0px) + 22px)}body.touch.swap-controls #mc-tools{right:auto;left:calc(var(--left,0px) + 20px)}
@media(max-height:480px) and (orientation:landscape){#mc-top{top:calc(var(--top,0px) + 9px);left:calc(var(--left,0px) + 11px);right:calc(var(--right,0px) + 11px)}#mc-top-info{gap:4px;padding:6px 8px;max-width:175px}#mc-sector{font-size:14px}#mc-fps,#mc-lives{font-size:11px}#mc-top-buttons button{height:48px;min-width:48px;font-size:10px}#mc-objective{top:calc(var(--top,0px) + 9px);width:34vw;padding:7px 9px}#mc-objective-title{font-size:16px}#mc-objective-note{font-size:10px;margin-top:4px}#mc-telemetry{bottom:calc(var(--bottom,0px) + 10px);display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:8px;width:228px;padding:7px 9px}.mc-stat{font-size:10px}.mc-meter{grid-row:2;margin:0;height:5px}#mc-hp-meter{grid-column:1}#mc-guard-meter{grid-column:2}#mc-stam-meter{grid-column:3}#mc-tools{right:calc(var(--right,0px) + 11px);bottom:calc(var(--bottom,0px) + 12px);gap:7px}#mc-tools button{width:76px;min-height:58px;padding:5px;gap:3px}#mc-tools button svg{width:21px;height:21px}#mc-tools strong{font-size:12px}#mc-tools small{font-size:8px}body.touch #mc-tools{bottom:calc(var(--bottom,0px) + 146px)}.mc-stick{bottom:calc(var(--bottom,0px) + 12px);width:122px;height:122px}#mc-move-pad{left:calc(var(--left,0px) + 13px)}#mc-aim-pad{right:calc(var(--right,0px) + 13px)}.mc-stick span{font-size:10px}.mc-stick small{font-size:8px}.mc-stick-base{width:74px;height:74px}.mc-stick-thumb{width:37px;height:37px}.mc-stick-thumb svg{width:21px;height:21px}#mc-warning{top:calc(var(--top,0px) + 104px);font-size:11px}#mc-key-help{font-size:10px;left:11px;bottom:12px}#mc-subtitle{font-size:14px;bottom:26px}body.swap-controls #mc-move-pad{right:calc(var(--right,0px) + 13px)}body.swap-controls #mc-aim-pad{left:calc(var(--left,0px) + 13px)}body.touch.swap-controls #mc-tools{left:calc(var(--left,0px) + 11px)}}
@media(orientation:portrait) and (max-width:600px){#mc-top{top:calc(var(--top,0px) + 10px);left:12px;right:12px}#mc-top-info{padding:7px 9px;gap:4px;max-width:200px}#mc-sector{font-size:12px}#mc-fps,#mc-lives{font-size:10px}#mc-objective{top:calc(var(--top,0px) + 88px);width:calc(100% - 28px);box-sizing:border-box;padding:9px}#mc-objective-title{font-size:15px}#mc-objective-note{font-size:11px}#mc-warning{top:calc(var(--top,0px) + 186px);font-size:11px;max-width:90vw;white-space:normal;text-align:center}#mc-telemetry{bottom:calc(var(--bottom,0px) + 184px);width:calc(100% - 28px);padding:8px 10px;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:9px}.mc-stat{font-size:11px}.mc-meter{grid-row:2;margin:0;height:5px}#mc-hp-meter{grid-column:1}#mc-guard-meter{grid-column:2}#mc-stam-meter{grid-column:3}body.touch #mc-tools,body.touch.swap-controls #mc-tools{right:auto;left:50%;bottom:calc(var(--bottom,0px) + 23px);transform:translateX(-50%);flex-direction:column;gap:8px}#mc-tools button{width:72px;min-height:60px;padding:5px;gap:3px}#mc-tools button svg{width:21px;height:21px}#mc-tools strong{font-size:11px}#mc-tools small{font-size:7px}.mc-stick{bottom:calc(var(--bottom,0px) + 23px);width:118px;height:130px}#mc-move-pad{left:10px}#mc-aim-pad{right:10px}.mc-stick span{font-size:9px}.mc-stick small{font-size:8px}.mc-stick-base{width:74px;height:74px}.mc-stick-thumb{width:38px;height:38px}#mc-subtitle{font-size:14px;width:85vw;box-sizing:border-box}#mc-key-help{font-size:10px;bottom:23px;left:12px}body.swap-controls #mc-move-pad{right:10px}body.swap-controls #mc-aim-pad{left:10px}.mech-drive #mc-objective{top:calc(var(--top,0px) + 95px)}}

/* Procedural title treatment; the marching 3D model remains visible behind it. */
#mc-intro{position:absolute;inset:0;overflow:hidden;--beat:0;pointer-events:none;background:linear-gradient(112deg,rgba(9,14,21,.90),rgba(15,20,28,.28) 37%,transparent 62%);border-top:9px solid #0c1119;border-bottom:9px solid #0c1119}
.mc-intro-lines{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 94px,#dc51410a 95px 97px);box-shadow:inset 0 0 calc(25px + 45px * var(--beat)) #df4b3428}
.mc-intro-copy{position:absolute;left:6%;top:29%;width:min(42%,570px);transform:translateY(calc(-3px * var(--beat)));text-shadow:3px 3px #080d13;display:flex;flex-direction:column;gap:16px}
.mc-intro-copy small{font-size:clamp(8px,1vw,14px);letter-spacing:2px;color:#b4bdc5}.mc-intro-copy strong{font-size:clamp(24px,4.4vw,65px);line-height:1.22;color:#f6e6cc;font-weight:normal;transform-origin:left;transform:scale(calc(1 + .018 * var(--beat)))}
.mc-intro-copy span{font-size:clamp(9px,1.2vw,17px);line-height:1.65;color:#f07c66}.mc-intro-copy i{width:100%;height:4px;background:#c84d3d;box-shadow:0 0 calc(4px + 18px * var(--beat)) #f45230}.mc-intro-copy em{font-size:clamp(10px,1.4vw,20px);font-style:normal;color:#b7c7d0;letter-spacing:3px}
.mc-intro-seal{position:absolute;right:5%;bottom:9%;font-size:clamp(25px,7vw,96px);font-weight:normal;color:#f96c4445;border:3px solid #e0644045;padding:.2em .3em;transform:skewY(-7deg)}
#mc-intro[data-command="1"] .mc-intro-copy strong{color:#ffab8d}#mc-damage{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--bottom,0px) + 142px);max-width:55%;padding:7px 10px;background:#211c22ed;border-left:3px solid #ff8b69;color:#ffd4b3;font-size:10px;line-height:1.5;text-align:center}
@media(orientation:portrait){.mc-intro-copy{top:13%;left:7%;width:86%;gap:11px}.mc-intro-copy strong{font-size:35px}.mc-intro-seal{bottom:13%}#mc-damage{bottom:calc(var(--bottom,0px) + 300px);max-width:85%}}
@media(max-height:480px) and (orientation:landscape){.mc-intro-copy{gap:9px;top:25%}#mc-damage{bottom:calc(var(--bottom,0px) + 115px);font-size:8px;max-width:48%}}

#mc-dialogue{position:absolute;bottom:calc(var(--bottom,0px) + 30px);left:50%;transform:translateX(-50%);width:min(690px,84vw);box-sizing:border-box;padding:15px 21px 18px;background:linear-gradient(120deg,#111f2af5,#0b1721ed);border:2px solid #6c8797;border-left:5px solid var(--speaker,#bcd5df);box-shadow:0 7px 0 #050d16a0;pointer-events:none;text-shadow:2px 2px #09121c}
.mc-dialogue-head{display:flex;align-items:center;gap:12px;color:var(--speaker);font-size:17px}.mc-dialogue-head strong{font-weight:normal}.mc-dialogue-head small{margin-left:auto;color:#90a5b1;font-size:9px;letter-spacing:1px}#mc-radio{font-size:12px;letter-spacing:2px}#mc-dialogue-text{font-size:16px;line-height:1.6;color:#eef2e7;min-height:3.2em;margin:10px 0 0}
@media(max-height:480px) and (orientation:landscape){#mc-dialogue{bottom:14px;width:min(640px,81vw);padding:9px 14px 11px}.mc-dialogue-head{font-size:13px}#mc-dialogue-text{font-size:12px;margin-top:6px;min-height:3.2em}.mc-dialogue-head small{font-size:8px}}
@media(orientation:portrait){#mc-dialogue{bottom:calc(var(--bottom,0px) + 24px);width:92vw;padding:12px 14px}.mc-dialogue-head{font-size:14px}#mc-dialogue-text{font-size:13px;min-height:4.8em}.mc-dialogue-head small{font-size:7px}}

#mc-dialogue{width:min(900px,88vw)}#mc-dialogue-text{font-size:22px;line-height:1.5;min-height:3em}.mc-dialogue-head{font-size:20px}
#mc-upgrade[hidden]{display:none!important}
#mc-upgrade{position:fixed;inset:0;z-index:32;display:flex;flex-direction:column;background:linear-gradient(130deg,#081824,#132833);color:#e7f1ed;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;overflow:hidden;--up-accent:#a4e7e3}
#mc-upgrade *{box-sizing:border-box}#mc-upgrade button{font:inherit;cursor:pointer;border:2px solid #547887;color:#dce9e8;background:#142d3b;padding:12px;min-height:50px;border-radius:0}#mc-upgrade button:hover{border-color:#b3e8e5;background:#204252}#mc-upgrade button:focus-visible{outline:3px solid #fff0ac;outline-offset:2px}#mc-upgrade button:disabled{opacity:.42;cursor:default}
.up-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #395663;padding-bottom:14px;flex-shrink:0}.up-head small{color:#8ac5d0;font-size:15px;letter-spacing:2px}.up-head h2{font-size:34px;margin:10px 0;color:#f6e6b9;line-height:1.2;font-weight:normal}.up-head p{font-size:18px;line-height:1.4;margin:0;color:#b6cbd2}.up-budget{display:flex;align-items:center;gap:14px;flex-shrink:0}.up-budget strong{font-size:58px;color:var(--up-accent);font-weight:normal}.up-budget span{width:86px;font-size:16px;line-height:1.4}
.up-tabs{display:flex;gap:8px;padding:14px 0;flex-shrink:0}.up-tabs button{flex:1;border-top-color:var(--branch)!important;font-size:18px!important;color:var(--branch)!important}
.up-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(310px,21vw,410px);gap:20px;min-height:0;flex:1}.up-scroll{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-color:#8fb5c1 #0a1d28;scrollbar-width:thin;border:1px solid #37525f;background:radial-gradient(ellipse at top,#1d3a49,#0a1822 75%);position:relative}.up-tree{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:1280px;width:100%;min-height:560px;padding-top:64px;background-image:linear-gradient(#9ad6dc06 1px,transparent 1px),linear-gradient(90deg,#9ad6dc06 1px,transparent 1px);background-size:24px 24px}.up-core{position:absolute;top:13px;left:20px;right:20px;padding:10px;border:1px solid #507281;color:#c1e9e5;text-align:center;font-size:19px;background:#132b38}.up-core span{color:#9fb7c2;font-size:15px}.up-branch{min-width:0;border-right:1px solid #36515e66}.up-branch header{text-align:center;display:flex;flex-direction:column;gap:8px;color:var(--branch);font-size:22px}.up-branch header strong{font-weight:normal}.up-branch header small{font-size:14px;color:#b6c9d1}.up-path{position:relative;height:444px;margin-top:10px}.up-path svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.up-path path{fill:none;stroke:var(--branch);stroke-width:2;opacity:.6}
#mc-upgrade .up-node{position:absolute;width:44%;height:112px;padding:8px 5px;border-color:#5a7b8b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#102331;box-shadow:0 4px 0 #06101a}.up-node b{font-size:14px;color:var(--branch);font-weight:normal}.up-node strong{font-size:20px;font-weight:normal;line-height:1.1}.up-node small{font-size:12px;color:#b6c7d1}.up-pos-0{left:28%;top:24px}.up-pos-1{left:3%;top:174px}.up-pos-2{left:53%;top:174px}.up-pos-3{left:3%;top:324px}.up-pos-4{left:53%;top:324px}#mc-upgrade .up-node[data-state="selected"]{background:#27434b;border-color:var(--branch)}.up-node[data-state="selected"] small{color:var(--branch)}#mc-upgrade .up-node[data-state="locked"]{background:#0e1d29;color:#b4bfcc;border-style:dashed}#mc-upgrade .up-node.focused{outline:2px solid #e8eee4;outline-offset:3px}
.up-detail{overflow:auto;overscroll-behavior:contain;padding:20px;background:#102431;border:1px solid #4b6b78;scrollbar-width:thin}.up-detail>small{font-size:14px;color:#8fcad1;line-height:1.4}.up-detail h3{font-size:30px;font-weight:normal;color:#f2e3b5;line-height:1.2;margin:14px 0}.up-detail p{font-size:18px;line-height:1.5;color:#c4d6de;margin:12px 0}.up-detail #up-stat{color:#e7f6ef;font-size:22px}.up-detail #up-req{font-size:15px;color:#a9c3cf}.up-detail #up-toggle{width:100%;font-size:18px;background:#224653;border-color:#90c6cb;color:#e5f6ee}.up-slots{display:grid;gap:8px;margin-top:20px}.up-slots div{display:flex;align-items:center;gap:12px;padding:12px 8px;border:1px dashed #56727f;min-height:54px;font-size:14px;color:#a5bbc7}.up-slots div.filled{border:1px solid #7caaa9;color:#d1e8e1;background:#1e3a46}.up-slots b{font-weight:normal;color:#95cbca}.up-detail .up-hint{font-size:15px;color:#a4bcc8}.up-footer{display:flex;align-items:center;gap:14px;padding-top:14px;flex-shrink:0}.up-footer p{flex:1;font-size:17px;color:#bdd3d7;line-height:1.4;margin:0}#mc-upgrade #up-confirm{background:#a3dcd5;color:#102f3e;border-color:#e1f7e5;font-size:19px}#mc-upgrade #up-clear{font-size:17px}.upgrade-open #mech-ui,.upgrade-open #lab-toggle{visibility:hidden}
@media(max-height:650px) and (orientation:landscape){#mc-upgrade{padding:10px 14px}.up-head>div>small,.up-head>div>p{display:none}.up-head{align-items:center;padding-bottom:5px;min-height:34px}.up-head h2{font-size:25px;margin:0}.up-budget strong{font-size:30px}.up-budget span{font-size:14px;width:auto}.up-tabs{padding:7px 0}.up-tabs button{min-height:44px!important;padding:6px!important;font-size:16px!important}.up-main{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.up-tree{padding-top:0;min-height:450px}.up-core,.up-branch header{display:none}.up-path{margin-top:0}.up-detail{padding:12px}.up-detail>small{font-size:12px}.up-detail h3{font-size:24px;margin:8px 0}.up-detail p{font-size:16px;margin:8px 0}.up-detail #up-stat{font-size:18px}.up-detail #up-toggle{font-size:16px}.up-footer{padding-top:8px;gap:8px}.up-footer p{font-size:14px}#mc-upgrade #up-confirm,#mc-upgrade #up-clear{font-size:16px;padding:9px}}
@media(orientation:portrait) and (max-width:700px){#mc-upgrade{padding:12px}.up-head{gap:10px;padding-bottom:8px}.up-head h2{font-size:26px;margin:7px 0}.up-head small{font-size:12px;letter-spacing:1px}.up-head p{font-size:15px}.up-budget{gap:5px;flex-direction:column;justify-content:center}.up-budget strong{font-size:36px}.up-budget span{font-size:12px;width:54px;text-align:center}.up-tabs{gap:4px;padding:8px 0}.up-tabs button{padding:5px!important;font-size:14px!important;min-height:46px!important}.up-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(145px,1fr) minmax(160px,.85fr);gap:10px}.up-tree{padding-top:12px;min-height:500px}.up-core{display:none}.up-branch header{font-size:21px}.up-branch header small{font-size:13px}.up-detail{padding:12px}.up-detail>small{font-size:12px}.up-detail h3{font-size:26px;margin:7px 0}.up-detail p{font-size:16px;margin:8px 0}.up-detail #up-stat{font-size:19px}.up-detail #up-toggle{font-size:17px}.up-slots{margin-top:12px}.up-footer{flex-wrap:wrap;gap:8px;padding-top:8px}.up-footer p{flex:0 0 100%;font-size:14px}.up-footer button{flex:1}#mc-upgrade #up-confirm,#mc-upgrade #up-clear{font-size:16px;padding:9px}}
@media(orientation:portrait) and (max-height:700px){.up-head>div>small,.up-head>div>p{display:none}.up-head h2{font-size:23px}.up-head{min-height:48px}.up-main{grid-template-rows:minmax(140px,1fr) minmax(150px,.85fr)}.up-detail #up-stat{margin:5px 0}.up-footer p{font-size:13px}}
@media(max-height:400px) and (orientation:landscape){.up-detail>small{display:none}.up-detail h3{font-size:23px;margin:0 0 3px}.up-detail p{line-height:1.3;margin:5px 0}.up-detail #up-toggle{min-height:44px;padding:8px;position:sticky;bottom:0;box-shadow:0 3px 0 #102431}}
@media(max-height:480px) and (orientation:landscape){#mc-dialogue{width:min(800px,84vw);padding:10px 16px}#mc-dialogue-text{font-size:17px;line-height:1.4;min-height:2.8em}.mc-dialogue-head{font-size:16px}body.touch #mc-tools{gap:4px}body.touch #mc-tools button{width:70px}}
@media(orientation:portrait) and (max-width:600px){#mc-dialogue-text{font-size:18px;line-height:1.5;min-height:4.5em}.mc-dialogue-head{font-size:17px}body.touch #mc-tools:has(#mc-ram:not([hidden])){bottom:calc(var(--bottom,0px) + 14px);gap:4px}body.touch #mc-tools:has(#mc-ram:not([hidden])) button{min-height:50px}body.touch #mc-tools:has(#mc-ram:not([hidden])) svg{height:14px}}

#mc-ending-fade{position:fixed;inset:0;background:#04090e;pointer-events:none;z-index:18}#mc-ending-fade[hidden]{display:none}
#mc-ending-title{position:fixed;left:5%;right:5%;bottom:clamp(36px,12vh,100px);z-index:19;pointer-events:none;text-align:center;color:#f3e5c4;font:clamp(23px,4.2vw,58px)/1.3 Pixel,monospace;letter-spacing:.035em;text-shadow:0 3px #04090e,0 0 16px #04090e;opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0))*10px))}
#mc-ending-title span{display:inline-block;max-width:100%;padding:12px 0;border-bottom:2px solid #dfbf8580}#mc-ending-title[hidden]{display:none}
#mc-ending-title.mc-title-out{animation:mc-title-out .45s ease-in forwards}
#finish.trial-clear{background:#04090e}#finish.trial-clear .finish-panel{animation:mc-report-in 1.1s .18s cubic-bezier(.16,.75,.24,1) both}
@keyframes mc-title-out{from{opacity:1}to{opacity:0}}
@keyframes mc-report-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#mc-ending-title.mc-title-out,#finish.trial-clear .finish-panel{animation-duration:.001s;animation-delay:0s}}
@media(max-width:480px){#mc-ending-title{font-size:clamp(22px,6.4vw,30px);bottom:15vh}}
#arena-screen{background:radial-gradient(ellipse at 50% 40%,#233944,#050d16 75%);z-index:26}.arena-panel{width:min(600px,100%);text-align:center;border-top-color:#e0bd80}.arena-panel h2{font-size:clamp(28px,6vw,48px);color:#f3e5c4}.arena-state{color:#9ad9dd!important;letter-spacing:3px}.arena-panel .quiet{width:100%;margin-top:4px}.arena-emblem{height:90px;display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:30px 0}.arena-emblem i{display:block;width:38px;height:52px;background:linear-gradient(#607c87,#1d3545);border:2px solid #a3c8cb;border-top:7px solid #e0bd80;box-shadow:6px 6px #07131e}.arena-emblem i:nth-child(2){height:80px}
.trial-clear .finish-panel{width:min(600px,100%);border-top-color:#dfbf85}.trial-clear #finish-title{font-size:clamp(28px,5vw,45px);line-height:1.2;color:#f3e5c4}.trial-clear .results{margin-bottom:12px}.trial-clear #finish-note{font-size:16px}.trial-clear #again{font-size:22px}#finish-arena[hidden]{display:none}
@media(max-height:480px) and (orientation:landscape){.arena-emblem{height:50px;margin:15px 0}.arena-emblem i{height:30px}.arena-emblem i:nth-child(2){height:48px}.arena-panel{padding:16px 24px}.arena-panel h2{margin:10px 0;font-size:28px}.arena-panel p{font-size:12px;margin:8px 0}.arena-panel button{min-height:44px}.trial-clear .finish-panel{padding:18px 24px}}
@media(min-width:600px) and (max-height:480px) and (orientation:landscape){
 .trial-clear .finish-panel,.arena-panel{width:min(900px,100%);padding:12px 20px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr);column-gap:28px;align-items:center}
 .trial-clear #finish-tag{grid-area:1/1;font-size:12px}.trial-clear #finish-title{grid-area:2/1;font-size:27px;margin:8px 0}
 .trial-clear #finish-note{grid-area:3/1;font-size:12px;line-height:1.4;margin:4px 0 10px}.trial-clear .results{grid-area:4/1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
 .trial-clear .results>div{padding:6px 0;font-size:9px;align-items:center}.trial-clear .results b{font-size:12px}
 .trial-clear #finish-arena{grid-area:2/2}.trial-clear #again{grid-area:3/2}.trial-clear #finish-home{grid-area:4/2}
 .trial-clear .finish-panel>button{font-size:18px;min-height:48px;margin:6px 0;padding:10px 12px}
 .arena-panel>.eyebrow{grid-area:1/1/2/3;font-size:11px}.arena-emblem{grid-area:2/1;margin:12px 0 4px}
 .arena-panel h2{grid-area:3/1}.arena-state{grid-area:4/1}.arena-panel>p:not(.arena-state){grid-area:5/1;margin:4px 0}
 .arena-panel #arena-back{grid-area:2/2/4/3;margin:8px 0;font-size:18px;padding:12px;min-height:52px}
 .arena-panel #arena-home{grid-area:4/2/6/3;font-size:16px;min-height:48px}
}
