:root{color-scheme:dark;font-family:"Microsoft YaHei",system-ui,sans-serif;color:#eee9df;background:#0d0d0f;--gold:#dcc480;--muted:#aaa5a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#352020,transparent 55%);min-height:100vh}header{max-width:1440px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center}h1{font-size:24px;margin:6px 0}h1 span{font-size:14px;color:var(--gold);font-weight:400;margin-left:12px}small{font-size:10px;letter-spacing:3px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:0 30px 30px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.map-panel,.card{background:#1c1d20;border:1px solid #353336;border-radius:18px;padding:16px}.map-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:10px}.map-heading span{font-size:12px;color:var(--muted)}#viewport{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1;background:#13191e}svg{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:5px;padding:4px;background:#202125e8;border-radius:30px}.zoom button{padding:9px 12px;border-radius:22px}button,select,.import{font:inherit;color:inherit;background:#131417;border:1px solid #3b393c;border-radius:10px;padding:12px;cursor:pointer}button:hover,.import:hover{border-color:var(--gold)}button:focus-visible,select:focus-visible,.import:focus-within{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{background:linear-gradient(110deg,#efdda5,#bca363);color:#282219;border:0;font-weight:700}.card>button{width:100%;margin-top:10px}h2{font-size:30px;margin:12px 0}.intro,#instructions,#hint,#summary{font-size:13px;color:var(--muted);line-height:1.8}.intro{margin-bottom:26px}aside{padding-top:20px}label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:12px 0;gap:12px}select{width:190px;max-width:75%}.stats{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #363438;font-size:13px}#timer{color:var(--gold)}#result{line-height:1.8;font-size:14px;color:var(--gold)}#result.wrong{color:#f1a3a3}.records{display:flex;gap:10px;flex-wrap:wrap;margin:20px 4px;font-size:12px;color:var(--muted)}.records>span{width:100%}.records button,.import{padding:8px;margin:0}#storageNote{width:100%;line-height:1.6}dialog{width:min(520px,90vw);background:#202125;color:#eee9df;border:1px solid #49443b;border-radius:18px;padding:26px}dialog::backdrop{background:#000a}dialog p{font-size:14px;line-height:1.8}.muted{color:var(--muted)}[hidden]{display:none!important}@media(max-width:850px){header{padding:20px}main{padding:0 14px 24px;grid-template-columns:1fr;gap:12px}aside{padding:0}aside>small,aside>h2,aside>.intro{display:none}.card{padding:16px}h1{font-size:18px}h1 span{display:block;margin:6px 0 0}.map-panel{padding:10px}#hint{margin:8px 0}.map-heading{font-size:13px}select{width:70%}}

.sim-stages{display:flex;gap:6px;margin:14px 0}.sim-stages span{flex:1;text-align:center;padding:9px 0;border:1px solid #444;border-radius:8px;font-size:12px;color:var(--muted)}.sim-stages .current{border-color:var(--gold);background:#51462c;color:#fff0c4}.sim-stages .done{color:#a7db82;border-color:#527149}.sim-stats,#simReview{font-size:12px;line-height:1.9;color:#c8c4bc}.sim-actions{display:flex;gap:8px;margin:12px 0}.sim-actions button{flex:1;padding:10px 4px;font-size:12px}.sim-note{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid #363438;padding-top:12px}#simReview a{color:var(--gold)}

#simRisk{font-size:12px;line-height:1.8;color:#a7db82;border-left:3px solid #527149;padding:8px 10px;background:#18241c}#simRisk.danger{color:#ffb087;border-color:#ee8756;background:#302018}#simReview{white-space:pre-line}

#simIntel{font-size:12px;line-height:1.9;white-space:pre-line;color:#c8c4bc}#simScout,#simSurvey{font-size:12px}.scouted-ring{pointer-events:none}

/* Simulation experience: action controls stay with the map. */
.simulation-ui main{grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.simulation-ui .map-panel{position:sticky;top:12px}.simulation-ui aside{padding-top:0}.simulation-ui aside>.intro{margin-bottom:16px}.simulation-ui .sim-note{display:none}.simulation-ui #instructions{display:none}#mapDock{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#mapDock button{flex:1;min-width:120px;padding:12px 8px;font-size:13px}#mapHud{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:9px 12px;background:#141619e8;border:1px solid #55605e;border-radius:10px;pointer-events:none;color:#d4eeec;font-size:13px}#mapHud.alert{border-color:#ff754f;color:#ffb49c}#simNextAction{font-size:13px;line-height:1.8;color:#eee0aa;background:#302b1c;padding:9px 12px;border-radius:8px;margin:10px 0 0}body:not(.simulation-ui) #simNextAction{display:none}#simActivity{font-size:12px;color:#ffc58a;line-height:1.8;background:#31261c;border-left:3px solid #d69351;padding:8px 10px}.sim-toggle{justify-content:flex-start;font-size:12px;line-height:1.7}.sim-toggle input{accent-color:#dcc480}.simulation-ui #hint{font-size:11px;margin:8px 0 0}.simulation-ui .card{padding:14px}.simulation-ui #simIntel{margin:10px 0}.simulation-ui .sim-stages{margin:10px 0}.simulation-ui aside>small{display:none}@media(max-width:850px){.simulation-ui main{grid-template-columns:1fr}.simulation-ui .map-panel{position:static}#mapDock{display:grid;grid-template-columns:1fr 1fr;gap:7px}#mapDock button{min-width:0;padding:12px 7px}#mapHud{font-size:11px;padding:7px 9px}.simulation-ui #simNextAction{font-size:12px}}

.simulation-ui #viewport{width:min(100%,calc(100svh - 320px));margin-inline:auto}.simulation-ui #mapDock{max-width:900px;margin-inline:auto}.simulation-ui #mapHud{font-weight:600}@media(max-width:850px){.simulation-ui #viewport{width:100%}.simulation-ui #mapDock{margin-inline:0}}

.simulation-ui .zoom{top:52px;bottom:auto;right:10px}.simulation-ui .zoom button{padding:7px 10px}

#simSettings{margin-top:14px;padding-top:10px;border-top:1px solid #3b393c}#simSettings summary{cursor:pointer;color:var(--muted);font-size:12px;padding:7px 0}#simSettings>button{width:100%;margin:8px 0}body:not(.simulation-ui) #simSettings{display:none}body:not(.simulation-ui) .camera-control{display:none}.camera-control{font-size:11px}.camera-control.selected{border-color:#64ead9;color:#64ead9}.simulation-ui #mapDock button{min-width:100px}.simulation-ui #mapHud.alert{box-shadow:0 0 0 2px #e9844325}.simulation-ui #simNextAction{min-height:42px}.simulation-ui #simActivity:empty{display:none}

/* Apex-style map language and compact match panel. */
body.simulation-ui{--gold:#e54d50;--muted:#9da6ad;background:#101318;color:#e8ebee}.simulation-ui .map-panel,.simulation-ui .card{border-radius:4px;background:#171c22;border-color:#343c44}.simulation-ui aside>h2{font-size:27px;border-left:4px solid #e54d50;padding-left:12px}.simulation-ui button,.simulation-ui select{border-radius:3px;background:#20262d;border-color:#414b55}.simulation-ui .primary{background:#d7474b;color:#fff;letter-spacing:.5px}.simulation-ui .primary:hover{background:#e3565a}.simulation-ui #start,.simulation-ui #submit{display:none!important}.simulation-ui #simNextAction{background:#20272e;border-left:3px solid #d7474b;color:#e2e6e9;border-radius:2px}.simulation-ui #mapHud{border-radius:3px;background:#171b20ec;border-color:#717a82;color:#fff}.simulation-ui #simActivity{background:#29241f;border-color:#b89569;color:#dcc6a6}.simulation-ui .sim-stages span{border-radius:2px}.simulation-ui .sim-stages .current{background:#bf393d;border-color:#e54d50;color:#fff}.simulation-ui .sim-stages .done{background:#26352e;border-color:#506b5a;color:#b7d3c0}.simulation-ui #simRisk{background:#222b27;color:#b7d3c0;border-color:#688d72}.simulation-ui #simRisk.danger{background:#332125;border-color:#e54d50;color:#efacac}.simulation-ui #simIntel{line-height:1.9;color:#c6d0d8}.review-heading{font-size:11px;color:#9da6ad;letter-spacing:1px;margin-bottom:10px}.review-row{display:grid;grid-template-columns:24px 32px 36px 1fr 38px;align-items:center;gap:6px;border-top:1px solid #303a43;padding:10px 0;font-size:12px}.review-row em{font-style:normal;font-size:11px;text-align:center;padding:2px 3px;background:#263c32}.review-row em.unsafe{background:#4a2b2e;color:#edabab}.review-row strong{text-align:right;color:#d4dbe0}#mapLegend{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0;font-size:11px;color:#bbc2ca}#mapLegend span{display:flex;align-items:center;gap:5px}#mapLegend svg{width:17px;height:17px}.enemy-key{color:#fa474b}.player-key{color:#ffe154}body:not(.simulation-ui) #mapLegend{display:none}.simulation-ui .zoom{background:#171b20e8;border-radius:3px}.simulation-ui .zoom button{border-radius:2px}

.simulation-ui #result{color:#dbe1e6}.simulation-ui #result.wrong{color:#edabab}.simulation-ui #simStats{font-size:12px;letter-spacing:.2px}

/* Preserve the supplied native icon pixels; marker size stays constant when zooming. */
.native-facility-icon{image-rendering:auto} .simulation-ui .enemy-marker .squad-arrow{filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 2px #ff343e99)} .simulation-ui .enemy-key{color:#ff343e}

 #mapLegend svg{width:24px;height:24px;overflow:visible}

/* Keep recurring instructions in the help dialog. */
.simulation-ui aside>.intro,.simulation-ui #instructions,.simulation-ui #hint,.simulation-ui .sim-note{display:none}.simulation-ui #simNextAction:empty{display:none}.simulation-ui #simIntel{font-size:12px;line-height:1.6}.simulation-ui #mapLegend{margin-bottom:8px}

.simulation-ui #simControls>.sim-actions,.simulation-ui #simControls #simScout,.simulation-ui #simControls #simSurvey,.simulation-ui #simControls #simHold,.simulation-ui #simControls #simPause,.simulation-ui #simControls #simSkip,.simulation-ui #simControls #exit,.simulation-ui aside #exit{display:none!important}.simulation-ui #mapDock{flex-wrap:wrap}.simulation-ui #mapDock button{min-width:110px;flex:1}



#rings .planned-route{fill:none!important}body:not(.simulation-ui) #difficultyLabel{display:none}

#hudLeft,#hudRight{position:absolute;top:12px;z-index:3;pointer-events:none;max-width:43%;font-size:11px}#hudLeft{left:12px}#hudRight{right:12px;text-align:right}#hudLeft #mapHud{position:static;margin:0 0 5px;width:fit-content}#hudLeft #simIntel,#hudRight #simRisk,#hudRight #simActivity{margin:5px 0;padding:7px 9px;border-radius:3px;background:#14191fe8;line-height:1.5;white-space:pre-line;font-size:11px}body:not(.simulation-ui) #hudLeft,body:not(.simulation-ui) #hudRight{display:none}.simulation-ui .zoom{top:120px}#phaseDialog{background:#1b2128;color:#fff;border:1px solid #646278;border-radius:6px;max-width:300px}#phaseDialog::backdrop{background:#0005}#phaseDialog div{display:flex;gap:8px}@media(max-width:600px){#hudLeft,#hudRight{top:6px;max-width:46%;font-size:10px}#hudLeft{left:6px}#hudRight{right:6px}#hudLeft #simIntel,#hudRight #simRisk,#hudRight #simActivity{font-size:10px;padding:5px}.simulation-ui .zoom{top:135px}}

/* Focused match HUD and quiet post-match summary. */
.simulation-ui #hudLeft{max-width:calc(100% - 24px);display:flex;flex-direction:column;align-items:flex-start;gap:0}
.simulation-ui #hudRight{display:none}
.simulation-ui #hudLeft #mapHud{max-width:none;white-space:nowrap;margin:0;padding:7px 10px;font-size:12px;border-color:#52606a;border-radius:4px 4px 0 0}
.simulation-ui #hudLeft #simIntel,.simulation-ui #hudLeft #simRisk,.simulation-ui #hudLeft #simActivity{margin:0;padding:5px 10px;font-size:11px;line-height:1.5;background:#14191feb;border:0;white-space:normal;max-width:100%}
.simulation-ui #hudLeft #simIntel{color:#b6d7d7}.simulation-ui #hudLeft #simRisk{color:#ced8d1;border-radius:0 0 4px 4px}.simulation-ui #hudLeft #simRisk.danger{color:#ffb2a5;background:#432629ee}
.simulation-ui #hudLeft #simActivity{margin-top:5px;color:#e3c396;border-left:2px solid #b89569}
.simulation-ui .zoom{top:auto;bottom:12px;right:12px}
.simulation-ui #progress,.simulation-ui #summary,.simulation-ui .records,.simulation-ui #simStats,.simulation-ui #clues{display:none}
.simulation-ui:not(.sim-finished) #result,.simulation-ui:not(.sim-finished) #replaySummary,.simulation-ui:not(.sim-finished) #replayDetail{display:none}
.simulation-ui.sim-finished #simStages{display:none}.simulation-ui.sim-finished #result{margin:18px 0 0;padding-top:18px;border-top:1px solid #343e47;font-size:22px;font-weight:700;color:#eef2f4}
.outcome-note{color:#a8b4be;font-size:12px;line-height:1.7;margin:7px 0 16px}.outcome-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.outcome-metrics>div{padding:10px 4px;background:#202830;border-radius:4px;text-align:center}.outcome-metrics strong{display:block;font-size:21px;color:#e1ebe5}.outcome-metrics span{display:block;font-size:11px;color:#a6b3bd;margin-top:5px}
#replayDetail{border-top:1px solid #343e47;padding:12px 0}#replayDetail>summary{cursor:pointer;font-size:12px;color:#bdc8d0}#replayDetail #simReview{margin:12px 0 0}.simulation-ui #simSettings{margin-top:0}.simulation-ui #simNextAction{min-height:0}.simulation-ui.sim-finished #simNextAction{display:none}
.facility-backing{opacity:.9}
.simulation-ui .card>label{margin:8px 0}.simulation-ui .card>label select{padding:10px}.simulation-ui #mapLegend{gap:12px;color:#a5b0b8;font-size:10px}.simulation-ui.sim-finished #mapDock{display:flex}
@media(max-width:600px){.simulation-ui #hudLeft{max-width:calc(100% - 12px)}.simulation-ui #hudLeft #mapHud{font-size:11px;padding:5px 7px}.simulation-ui #hudLeft #simIntel,.simulation-ui #hudLeft #simRisk,.simulation-ui #hudLeft #simActivity{font-size:10px;padding:4px 7px}.simulation-ui .zoom{bottom:7px;right:7px}.simulation-ui .zoom button{padding:7px 9px}}

.replay-layers{display:flex;gap:14px;flex-wrap:wrap}.replay-layers label{justify-content:flex-start;gap:6px;font-size:11px;color:#a9b6bf}

#replayPanel{padding:14px;margin:12px 0;background:#202830;border:1px solid #465563;border-radius:4px;font-size:12px;line-height:1.6}#replayPanel p{color:#bdcdd9;margin:6px 0}#replayPanel input{width:100%;accent-color:#e54d50}#replayPanel>div{display:flex;gap:8px;margin-top:8px}#replayPanel button{padding:7px 10px;font-size:12px}body:not(.simulation-ui) #replayPanel{display:none}.simulation-ui #hudLeft #simRisk{max-width:320px}

.simulation-ui #hudLeft #simRisk{white-space:pre-line;line-height:1.65}

/* Balance the denser survey glyph against the ring-console glyph. */


/* Render subdued icon ink directly, without rasterizing glow filters. */
.simulation-ui .native-facility-icon{color:#d2d8dc;opacity:.95;filter:none;shape-rendering:geometricPrecision}.simulation-ui .facility-backing{fill:#151b21;opacity:.85}

.simulation-ui .world-facility[data-used='true'] .native-facility-icon{color:#a1adb5;opacity:.48}.simulation-ui .world-facility[data-used='true'] .facility-backing{opacity:.72}

/* Tactile controls and a readable survey-action lifecycle. */
button{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:not(:disabled):hover{border-color:#95a8b8;box-shadow:0 2px 7px #0004,inset 0 1px 0 #ffffff12}
button:not(:disabled):active{transform:translateY(2px) scale(.98);box-shadow:inset 0 2px 5px #0007;filter:brightness(1.18)}
button.button-clicked{animation:button-ack .26s ease-out}
@keyframes button-ack{0%{transform:translateY(2px) scale(.98);box-shadow:inset 0 2px 5px #0008,0 0 0 2px #a8bccb70}100%{transform:translateY(0) scale(1)}}
.simulation-ui #dockIntel[data-state='ready']{background:#254d4b;border-color:#83d2c3;color:#e0fff7;box-shadow:inset 0 1px 0 #c7ffef22;animation:scan-ready .6s ease-out}
.simulation-ui #dockIntel[data-state='success']{opacity:1;background:#244738;border-color:#74b693;color:#d9f6e2}
.simulation-ui #dockIntel[data-state='planned'],.simulation-ui #dockIntel[data-state='routing']{opacity:1;background:#263440;border-color:#526d80;color:#c0d7e8}
.simulation-ui #dockPause[aria-pressed='true']{background:#344452;border-color:#8199ac;color:#eef8ff}
@keyframes scan-ready{from{box-shadow:0 0 0 4px #83d2c340}to{box-shadow:0 0 0 0 #83d2c300}}
.survey-pulse{position:absolute;pointer-events:none;border:2px solid #8debd1;border-radius:50%;background:radial-gradient(circle,transparent 58%,#8debd117 95%);z-index:2;animation:survey-wave .85s ease-out forwards;transform-origin:center}
@keyframes survey-wave{from{transform:translate(-50%,-50%) scale(.06);opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){button{transition:none}button.button-clicked{animation:none;outline:2px solid #adc7d8}.simulation-ui #dockIntel[data-state='ready']{animation:none}.survey-pulse{animation:none;transform:translate(-50%,-50%);opacity:.3}}

/* State is readable on the play surface, including when the sidebar is off screen. */
.simulation-ui #hudLeft #simRisk{display:none}
#matchVitals{position:absolute;left:12px;bottom:12px;width:min(290px,calc(100% - 24px));padding:12px 14px;background:#111a23f2;border:1px solid #415563;border-radius:5px;z-index:4;pointer-events:none;box-shadow:0 4px 16px #0005}
.vitals-heading,.vitals-detail{display:flex;align-items:center;justify-content:space-between;gap:10px}.vitals-heading{font-size:12px}.vitals-heading strong{color:#e6f0ef}.vitals-heading>span{font:700 16px system-ui;white-space:nowrap}.vitals-detail{font-size:10px;color:#afc1cc;margin-top:7px;line-height:1.5}.vitals-detail>span:last-child{white-space:nowrap;color:#d3dac1}
#healthTrack{position:relative;height:7px;margin-top:8px;background:#36424b;overflow:hidden;border-radius:2px}#healthTrack i{position:absolute;inset:0 auto 0 0;width:100%;background:#84c7b2;transition:width .12s linear}#healthTrack #healthLost{background:#f9d7c2;transition:width .6s .2s ease-out}
#matchVitals[data-danger=true]{border-color:#d78362}#matchVitals[data-danger=true] .vitals-heading strong{color:#ffc09b}#matchVitals[data-low=true] #healthFill{background:#f07171}#matchVitals[data-paused=true]{border-color:#b7c7d2}#ringTrack{height:2px;background:#33414a;margin-top:8px}#ringTrack i{display:block;height:100%;background:#e3d394}
#damageVeil{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit}#damageVeil[data-low=true]{box-shadow:inset 0 0 45px #d8323844}#damageVeil[data-outside=true]{border:2px solid #bd7893}#damageVeil.hit{animation:damage-impact .5s ease-out}@keyframes damage-impact{0%{background:#fa484519;box-shadow:inset 0 0 65px #ed5143a0}100%{background:transparent}}
#matchToast{position:absolute;z-index:5;top:12px;right:12px;max-width:47%;padding:11px 14px;background:#11252ded;border-left:3px solid #87cebd;border-radius:3px;pointer-events:none;box-shadow:0 3px 12px #0004}#matchToast strong{display:block;font-size:14px;color:#e5f8ef}#matchToast span{display:block;margin-top:4px;font-size:11px;line-height:1.6;color:#bcd1d7}#matchToast[data-kind=warning]{background:#34211fee;border-color:#f99476}#matchToast[data-kind=warning] strong{color:#ffc2a7}
.order-ping{position:absolute;width:26px;height:26px;border:2px solid #fff0b4;border-radius:50%;z-index:2;pointer-events:none;animation:order-ring .65s ease-out forwards}@keyframes order-ring{from{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}
#matchOutcome{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:22px;background:linear-gradient(#0b101620,#0b1016b8);overflow:auto}.outcome-card{width:min(420px,100%);padding:26px;background:#141d26f7;border:1px solid #76998c;border-top:4px solid #8fcbb0;box-shadow:0 18px 60px #0008;border-radius:5px;text-align:center;animation:outcome-arrive .24s ease-out}#matchOutcome[data-defeated=true] .outcome-card{border-color:#b46660;border-top-color:#ee8175}#outcomeTag{font-size:10px;letter-spacing:2px;color:#a2bdb2}#matchOutcome[data-defeated=true] #outcomeTag{color:#eeb1a7}#outcomeTitle{font-size:28px;line-height:1.3;margin:12px 0;color:#fff}#outcomeTitle:focus{outline:none}#outcomeCause{font-size:13px;color:#c6d0d8;line-height:1.8;margin:12px 0}#outcomeFacts{font-size:11px;color:#a6bac9;padding:12px 0;border-top:1px solid #40505b}.outcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.outcome-actions button{font-size:13px;padding:12px 6px}.outcome-actions button:last-child{grid-column:1/-1;background:transparent;border-color:transparent;color:#a9bac7;padding:8px}#outcomeBadge{position:absolute;top:12px;left:12px;z-index:4;padding:9px 12px;border-color:#789d8e;background:#15231ff2;font-size:12px}#outcomeBadge[data-defeated=true]{border-color:#b46660;background:#342122f2;color:#ffd0c6}.simulation-ui.outcome-open #mapDock{display:none}.simulation-ui.sim-finished .zoom{z-index:2}
@keyframes outcome-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
body:not(.simulation-ui) #matchVitals,body:not(.simulation-ui) #matchToast,body:not(.simulation-ui) #damageVeil,body:not(.simulation-ui) #matchOutcome,body:not(.simulation-ui) #outcomeBadge{display:none}
@media(max-width:1100px){#matchVitals{bottom:56px;width:min(280px,calc(100% - 24px))}}
@media(max-width:600px){#matchVitals{left:7px;bottom:48px;width:min(255px,calc(100% - 14px));padding:8px 10px}.vitals-heading{font-size:11px}.vitals-heading>span{font-size:14px}.vitals-detail{font-size:9px}#matchToast{top:7px;right:7px;padding:7px 9px;max-width:48%}#matchToast strong{font-size:12px}#matchToast span{font-size:10px}#matchOutcome{padding:12px}.outcome-card{padding:16px}#outcomeTitle{font-size:23px}#outcomeCause{font-size:12px;margin:8px 0}#outcomeFacts{font-size:10px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){#damageVeil.hit{animation:none;outline:2px solid #d78362;outline-offset:-2px}.order-ping{animation:none;transform:translate(-50%,-50%);opacity:.6}.outcome-card{animation:none}#healthTrack i,#healthTrack #healthLost{transition:none}}

.simulation-ui.sim-active .planned-route{animation:route-flow 1.2s linear infinite}@keyframes route-flow{to{stroke-dashoffset:-24}}@media(prefers-reduced-motion:reduce){.simulation-ui.sim-active .planned-route{animation:none}}