:root{font-family:ui-rounded,Avenir Next Rounded,Nunito,system-ui,sans-serif;color:#213f42;background:#cfe3dc;font-synthesis:none;--ink: #213f42;--soft: #617671;--paper: #fff8e8;--paper-strong: #fffdf5;--line: rgba(49, 78, 71, .18);--cyan: #409bac;--cyan-soft: #d8f0ef;--green: #62ad7d;--amber: #d99552;--red: #d96353}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(51,144,160,.48);outline-offset:2px}[hidden]{display:none!important}.eyebrow{color:var(--soft);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.primary-action,.secondary-action,.text-action{min-height:48px;border-radius:13px;font-weight:900;cursor:pointer}.primary-action{border:0;color:#fffdf5;background:var(--cyan);box-shadow:inset 0 -4px #2f7883}.secondary-action{border:1px solid var(--line);color:var(--ink);background:var(--paper-strong)}.text-action{border:0;color:var(--soft);background:transparent}.campaign-simple{width:100%;height:100%;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,.8fr) minmax(340px,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,6vw,82px);background:radial-gradient(circle at 20% 15%,rgba(255,253,239,.72),transparent 34%),linear-gradient(145deg,#d5e9e1 0,#d5e9e1 55%,#d9cb97 55%)}.campaign-title h1{margin:7px 0 10px;font-size:clamp(64px,9vw,126px);line-height:.78;letter-spacing:-.08em}.campaign-title p{max-width:420px;margin:0;color:var(--soft);font-size:16px;line-height:1.45}.slice-progress{display:inline-flex;margin-top:24px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff8e8bf;font-size:11px;font-weight:900;text-transform:uppercase}.slice-missions{display:grid;gap:10px}.slice-mission{min-height:72px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:#fff8e8c7;text-align:left;box-shadow:0 4px #314e471a;cursor:pointer}.slice-mission>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#327986;background:var(--cyan-soft);font-weight:900}.slice-mission div{display:grid;gap:3px}.slice-mission strong{font-size:13px;text-transform:uppercase}.slice-mission small{color:var(--soft);font-size:10px}.slice-mission b{color:var(--amber);font-size:9px;letter-spacing:.1em}.slice-mission[aria-pressed=true]{border-color:var(--cyan);background:var(--paper-strong);transform:translate(7px)}.slice-mission:disabled{opacity:.46;cursor:default}.slice-brief{padding:clamp(22px,3vw,38px);border:1px solid var(--line);border-radius:22px;background:#fff8e8f0;box-shadow:0 9px #314e471a,0 28px 70px #2d474021}.slice-brief h2{margin:8px 0 12px;font-size:clamp(40px,5vw,68px);line-height:.9;text-transform:uppercase}.slice-brief p{min-height:74px;color:var(--soft);line-height:1.5}.slice-brief .primary-action,.slice-brief .text-action{width:100%;margin-top:9px}.mission-shell,.battlefield-stage,.battlefield-canvas,.battlefield-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mission-shell{overflow:hidden;background:#cfe3dc;touch-action:none}.battlefield-canvas{display:block;touch-action:none}.battlefield-overlay{pointer-events:none;overflow:hidden}.battlefield-overlay button{pointer-events:auto;position:absolute;transform:translate(-50%,-100%)}canvas[data-route-tool]~.battlefield-overlay .world-node-label,canvas[data-route-tool]~.battlefield-overlay .world-squad-target{pointer-events:none}canvas[data-route-tool]~.battlefield-overlay .world-squad-target{opacity:.32}.world-node-label{min-width:82px;min-height:36px;display:grid;grid-template-rows:auto 3px;gap:4px;padding:5px 8px;border:1px solid rgba(47,83,75,.22);border-radius:10px;color:var(--ink);background:#fffdf5e6;box-shadow:0 3px #314e471f;opacity:0;transition:opacity .15s,transform .15s;cursor:pointer}.world-node-label.visible{opacity:1}.world-node-label span{overflow:hidden;font-size:8px;font-weight:900;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.world-node-label i,.world-enemy-label i{overflow:hidden;height:3px;border-radius:4px;background:#d6ded2}.world-node-label i:before,.world-enemy-label i:before{content:"";display:block;width:var(--health,100%);height:100%;background:var(--green)}.world-node-label b{display:none}.world-node-label[data-service-order] b{position:absolute;left:-9px;top:-9px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fffdf5;border-radius:50%;color:#fff;background:var(--green);box-shadow:0 2px #314e472e;font-size:9px}.world-route-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.world-route-label.launch{padding:4px 7px;border:2px solid var(--cyan);border-radius:8px;color:#286d79;background:#d8f0eff0;box-shadow:0 2px #314e4724;font-size:7px;font-weight:900;letter-spacing:.08em}.world-node-label.critical{border-color:#d963538c}.world-node-label.offline{color:#8b4c42;background:#ffe1d3f0}.world-node-label.jammed{color:#70418f;border-color:#9a62c7;background:#f3e2fff5;box-shadow:0 0 0 4px #9a62c733,0 3px #314e471f}.world-node-label.jammed:before{content:"⚡ JAMMED";position:absolute;left:-5px;top:-11px;padding:3px 6px;border-radius:7px;color:#fff;background:#8b54b5;font-size:6px;font-weight:900;letter-spacing:.05em;animation:jam-pulse .55s ease-in-out infinite alternate}.world-node-label.damaged i:before{background:var(--red)}.world-node-label.repairing{border-color:var(--green);box-shadow:0 0 0 3px #62ad7d33,0 3px #314e471f}.world-node-label.repairing:before{content:"R REPAIRING";position:absolute;left:-5px;top:-10px;padding:3px 5px;border-radius:7px;color:#315f46;background:#dff0df;font-size:6px;font-weight:900}.world-node-label.reserved:after{content:"◆ RESERVE";position:absolute;right:-5px;top:-10px;padding:3px 5px;border-radius:7px;color:#70451f;background:#f2d193;font-size:6px;font-weight:900}.world-node-label.jammed:before{content:"⚡ JAMMED";color:#fff;background:#8b54b5;animation:jam-pulse .55s ease-in-out infinite alternate}.world-squad-target{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:#317583;background:transparent;cursor:pointer}.world-squad-target span{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--cyan);border-radius:50%;background:#fffdf5e6;box-shadow:0 3px #314e471f;font-size:9px;font-weight:900}.world-squad-target.repair{color:#3d7b58}.world-squad-target.repair span{border-color:var(--green)}.world-enemy-label{min-width:56px;display:grid;gap:3px;padding:4px 6px;border:2px solid var(--red);border-radius:9px;color:#88443c;background:#ffecdaf0;cursor:pointer}.world-enemy-label.staging{border-style:dashed;color:#9b5b4f;background:#fff8e8db;animation:incoming-pulse .8s ease-in-out infinite alternate}.world-enemy-label.jammer{color:#70418f;border-color:#9a62c7;background:#f3e2fff0}.world-enemy-label span{font-size:7px;font-weight:900}.world-enemy-label i:before{background:var(--red)}.casual-hud{position:fixed;z-index:12;left:50%;top:max(10px,env(safe-area-inset-top));width:min(430px,calc(100% - 20px));display:grid;grid-template-columns:92px 1fr 52px;gap:7px;transform:translate(-50%)}.casual-hud>div,.casual-hud>button{min-height:52px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff8e8f0;box-shadow:0 4px #314e471f}.casual-hud>div{display:grid;align-content:center;gap:2px;padding:7px 11px}.casual-hud small{color:var(--soft);font-size:7px;font-weight:900;letter-spacing:.1em}.casual-hud strong{font-size:14px}.casual-hud>button{font-size:16px;font-weight:900;cursor:pointer}.city-hud{grid-template-columns:1fr auto}.city-hud i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:5px;background:#dbe1d4}.city-hud i b{display:block;height:100%;background:var(--cyan);transition:width .2s}.casual-forecast{position:fixed;z-index:11;left:50%;top:max(70px,calc(env(safe-area-inset-top) + 60px));min-height:40px;max-width:calc(100% - 22px);display:flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#fff8e8e6;box-shadow:0 3px #314e4717;transform:translate(-50%);white-space:nowrap}.casual-forecast strong{font-size:10px;text-transform:uppercase}.casual-forecast small{overflow:hidden;color:var(--soft);font-size:9px;text-overflow:ellipsis}.phase-pill{padding:4px 6px;border-radius:7px;color:#327986;background:var(--cyan-soft);font-size:7px;font-weight:900;letter-spacing:.08em}.phase-pill.live{color:#91483e;background:#ffe2d4}.casual-event{position:fixed;z-index:10;left:50%;top:max(116px,calc(env(safe-area-inset-top) + 106px));width:min(520px,calc(100% - 24px));transform:translate(-50%);pointer-events:none}.casual-toast{padding:7px 10px;border-radius:9px;color:var(--soft);background:#fff8e8d6;font-size:9px;font-weight:800;text-align:center}.casual-toast.warning{color:#8f493f;background:#ffe1d3e0}.casual-toast.success{color:#3d7654;background:#e0f1dee0}.casual-panel{position:fixed;z-index:15;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:min(690px,calc(100% - 16px));padding:5px;border:2px solid rgba(49,78,71,.35);border-top:6px solid var(--cyan);border-radius:18px;background:#fffaedfb;box-shadow:0 7px #314e4733,0 18px 42px #273e3838;transform:translate(-50%)}.casual-panel:before{content:"DRONE COMMANDS";position:absolute;left:15px;top:-17px;padding:3px 8px;border-radius:7px 7px 0 0;color:#fffdf5;background:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.11em}.planner-hint{min-height:48px;display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center;padding:4px 4px 6px 9px;border-bottom:1px solid var(--line)}.planner-hint>div{min-width:0;display:grid;gap:2px}.planner-hint strong{overflow:hidden;display:-webkit-box;font-size:10px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.orders-kicker{overflow:hidden;color:#327986;font-size:7px;font-weight:900;letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.orders-kicker.debrief{color:#3d7654}.planner-hint button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper-strong);font-size:18px;cursor:pointer}.planner-hint button:disabled{opacity:.3}.reserve-choices{display:flex!important;gap:4px!important;align-items:center;overflow:hidden}.reserve-choices button{width:auto;min-width:0;flex:1;padding:0 6px;color:#70451f;background:#f4deb1;font-size:7px;font-weight:900;text-transform:uppercase}.casual-tools{display:grid;grid-template-columns:repeat(var(--order-tools),minmax(0,1fr)) minmax(96px,1.25fr);gap:5px;padding:6px 2px 2px}.casual-tools>button{min-width:0;min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper-strong);text-align:left;cursor:pointer}.casual-tools>button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#317583;background:var(--cyan-soft);font-style:normal;font-weight:900}.casual-tools>button[data-tool=service]>i{color:#3d7b58;background:#dff0df}.casual-tools>button[data-tool=battery]>i{color:#77491e;background:#f4deb1}.casual-tools button span{min-width:0;display:grid;gap:2px}.casual-tools button strong,.casual-tools button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.casual-tools button strong{font-size:9px;text-transform:uppercase}.casual-tools button small{color:var(--soft);font-size:7px}.casual-tools>button[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan-soft);box-shadow:inset 0 -4px var(--cyan),0 2px #314e471a}.casual-tools>button[data-tool=service][aria-pressed=true]{border-color:var(--green);background:#e6f3e5;box-shadow:inset 0 -4px var(--green),0 2px #314e471a}.casual-tools>button:not(:disabled):active{transform:translateY(2px);box-shadow:none}.casual-tools>button.attention{border-color:var(--green);box-shadow:inset 0 -3px var(--green)}.casual-tools .dispatch-casual{color:#fffdf5;background:var(--cyan);border-color:transparent;box-shadow:inset 0 -5px #2f7883,0 3px #314e472e}.casual-tools .dispatch-casual small{color:#fffc}.casual-tools .dispatch-casual>i{color:#fff;background:#ffffff26}.casual-tools .dispatch-casual:disabled{color:#788783;background:#d2d9ce;box-shadow:none;cursor:default}.live-bar{min-height:58px;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:7px 8px 7px 12px;border:1px solid var(--line);border-radius:14px;background:#fff8e8eb;box-shadow:0 5px #314e471f}.live-bar>span{min-width:0;display:grid;gap:3px}.live-bar b{font-size:9px;text-transform:uppercase}.live-bar small{overflow:hidden;color:var(--soft);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.live-bar button{min-height:44px;border:1px solid var(--line);border-radius:10px;color:#317583;background:var(--paper-strong);font-size:9px;font-weight:900;cursor:pointer}.modal-layer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#2f433a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result-card{width:min(520px,100%);max-height:calc(100dvh - 30px);overflow:auto;padding:26px;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:19px;color:var(--ink);background:var(--paper);box-shadow:0 10px #314e471f,0 30px 80px #263d3533}.result-card.defeat{border-top-color:var(--red)}.result-card h2{margin:8px 0;font-size:clamp(34px,7vw,54px);line-height:.9;text-transform:uppercase}.result-card>p{color:var(--soft);font-size:12px;line-height:1.5}.result-consequence{padding:9px 11px;border-radius:10px;color:var(--ink)!important;background:#f3e8ca;font-weight:800}.objective-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.objective-list span{padding:7px 5px;border:1px solid var(--line);border-radius:9px;color:#929687;background:var(--paper-strong);font-size:8px;font-weight:900;text-align:center;text-transform:uppercase}.objective-list span.earned{color:#70451f;border-color:#d9955273;background:#f4deb1}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.result-stats span{padding:10px;border:1px solid var(--line);border-radius:10px}.result-stats small{display:block;color:var(--soft);font-size:7px;font-weight:900;text-transform:uppercase}.result-stats strong{display:block;margin-top:4px;font-size:19px}.result-actions,.pause-actions{display:grid;gap:7px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .text-action{grid-column:1/-1}.help-close{float:right;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--soft);background:var(--paper-strong);font-size:20px;cursor:pointer}.simple-help{display:grid;gap:7px;margin:14px 0}.simple-help section{display:grid;grid-template-columns:36px 1fr;gap:9px;padding:8px;border:1px solid var(--line);border-radius:10px}.simple-help i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#317583;background:var(--cyan-soft);font-style:normal;font-weight:900}.simple-help strong{font-size:9px;text-transform:uppercase}.simple-help p{margin:2px 0 0;color:var(--soft);font-size:9px;line-height:1.35}.help-note{padding:9px 11px;border-radius:10px;background:#f3e8ca}.help-card>.primary-action{width:100%}.fallback-shell{display:grid;place-items:center;width:100%;height:100%;padding:20px;background:#cfe3dc}.model-review{position:fixed;top:0;right:0;bottom:0;left:0;color:var(--ink);background:#eee8d5}.model-review__stage,.model-review__stage canvas{width:100%;height:100%;display:block}.model-review header{position:fixed;left:18px;top:16px;display:grid;padding:10px 12px;border-radius:10px;background:#fff7e2e6;text-transform:uppercase}.model-review header strong{font-size:14px}.model-review header small{color:var(--soft);font-size:8px}.model-review nav{position:fixed;left:50%;bottom:18px;display:flex;gap:5px;transform:translate(-50%)}.model-review nav button{min-width:62px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-weight:800}@media (orientation: portrait){.campaign-simple{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px;align-content:start;align-items:stretch;padding:max(16px,env(safe-area-inset-top)) 13px max(13px,env(safe-area-inset-bottom));overflow:hidden}.campaign-title h1{margin:5px 0 7px;font-size:clamp(54px,17vw,78px)}.campaign-title p{font-size:11px}.slice-progress{margin-top:8px;padding:5px 8px;font-size:8px}.slice-missions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.slice-mission{min-height:58px;grid-template-columns:34px 1fr;gap:6px;padding:5px;box-shadow:none}.slice-mission>span{width:32px;height:32px}.slice-mission strong{font-size:8px}.slice-mission small,.slice-mission b{display:none}.slice-mission[aria-pressed=true]{transform:none}.slice-brief{min-height:0;padding:15px;overflow:hidden}.slice-brief h2{font-size:clamp(32px,11vw,46px)}.slice-brief p{min-height:0;margin:8px 0;font-size:10px;line-height:1.35}.slice-brief .primary-action,.slice-brief .text-action{min-height:46px;margin-top:5px}.casual-hud{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;grid-template-columns:78px 1fr 48px;transform:none}.casual-hud>div,.casual-hud>button{min-height:48px}.casual-forecast{top:max(65px,calc(env(safe-area-inset-top) + 55px));width:calc(100% - 18px);min-height:38px}.casual-event{top:max(108px,calc(env(safe-area-inset-top) + 98px))}.casual-panel{width:calc(100% - 16px);bottom:max(8px,env(safe-area-inset-bottom))}.planner-hint{min-height:44px}.planner-hint strong{font-size:9px}.planner-hint small{display:none}.casual-tools{gap:4px;padding:5px}.casual-tools>button{min-height:58px;grid-template-columns:1fr;justify-items:center;gap:2px;padding:4px 2px;text-align:center}.casual-tools>button>i{width:27px;height:27px}.casual-tools button strong{font-size:8px}.casual-tools button small{max-width:76px;font-size:6px}.live-bar{min-height:54px}.world-node-label{min-width:72px}.result-card{padding:20px}}@media (max-height: 610px) and (orientation: landscape){.campaign-simple{grid-template-columns:minmax(205px,1fr) 250px 290px;gap:12px;padding:16px 18px}.campaign-title h1{font-size:min(14vh,64px)}.slice-mission{min-height:58px}.slice-brief{padding:20px}.slice-brief h2{font-size:38px}.slice-brief p{min-height:50px;font-size:10px}.casual-hud{top:7px}.casual-forecast{top:66px}.casual-event{top:111px}.casual-panel{left:10px;bottom:8px;width:min(650px,calc(100% - 90px));transform:none}.planner-hint{min-height:43px}.casual-tools>button{min-height:52px}.result-card{padding:18px}}@media (max-width: 360px) and (orientation: portrait){.casual-tools button small{display:none}.planner-hint{padding-left:8px}.world-node-label{min-width:66px;padding-inline:5px}}@keyframes incoming-pulse{to{box-shadow:0 0 0 5px #d9635333}}@keyframes jam-pulse{to{transform:scale(1.06);background:#a56bcf}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}