.cs-base {--cs-mint:#a9e1cc;--cs-border:#61797b;--cs-ink:#183139;color:#f6eeda}
.cs-base .baseHead {padding:16px 56px 13px 20px}
.cs-base .baseHead h2{margin:.17em 0 0;font-size:clamp(24px,4vw,37px)}
.cs-base .baseArena {position:relative;overflow:hidden;border-block:1px solid #5f7777}
.cs-base .cs-sky,.cs-base .cs-tour {position:absolute;z-index:3;background:#152b36df;color:#f4efdc;border:1px solid #71918c;border-radius:18px;font:700 12px/1.15 system-ui,sans-serif}
.cs-base .cs-sky{bottom:9px;left:11px;display:flex;align-items:center;gap:5px;padding:4px 10px;pointer-events:none}.cs-base .cs-sky svg{width:21px;height:21px}
.cs-base .cs-tour{right:10px;top:9px;min-height:36px;padding:6px 12px;cursor:pointer}
.cs-base .cs-body{padding:12px 19px 15px}
.cs-base .cs-resource-head,.cs-base .cs-heading,.cs-base .cs-cta,.cs-base .cs-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cs-base .cs-resource-head{font-size:.82rem;color:#dedfcf}.cs-base .cs-resource-head span{color:#aec9c0;text-align:right}
.cs-base .cs-meters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:7px 0 13px;padding-bottom:12px;border-bottom:1px solid #62757388}
.cs-base .cs-meter>span{font:650 .82rem/1.2 system-ui,sans-serif;color:#cfe2d8;display:flex;align-items:center;gap:4px}.cs-base .cs-meter svg{width:22px;height:22px}.cs-base .cs-meter strong{font-size:1.04rem}.cs-base .cs-meter strong i{color:#a6c9c3;font-style:normal}
.cs-base .cs-bar{height:5px;background:#486063;border-radius:4px;overflow:hidden}.cs-base .cs-bar i{display:block;height:100%;background:var(--cs-mint);transition:width .2s}.cs-base [data-low=true] .cs-bar{background:#ac6255}
.cs-base .cs-heading{margin:9px 0}.cs-base .cs-heading h3{font-size:clamp(20px,3vw,30px)}.cs-base [data-cs=free]{padding:5px 10px;background:#345150;border-radius:9px;color:#ffe4ab;font-weight:750}
.cs-base .cs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.cs-base .cs-card{padding:9px 11px;border:1px solid var(--cs-border);border-radius:13px;background:#223c43;display:grid;grid-template-rows:auto 1fr auto;gap:4px;min-width:0}.cs-base .cs-card.cs-on{background:#2c4c4d;border-color:#9bceb8}.cs-base .cs-card.cs-need{border-color:#d4ac69}
.cs-base .cs-station-title{display:flex;align-items:center;gap:8px;line-height:1.12}.cs-base .cs-station-title .pi{width:32px;height:32px;flex-shrink:0}.cs-base .cs-card small{color:#c8d9ce;font-size:.78rem}
.cs-base .cs-card .picFormula{margin:0;font-size:12px;align-self:center}.cs-base .cs-card .picFormula .pi{width:17px;height:17px}
.cs-base .cs-step{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #75908d5c;padding-top:5px}.cs-base .cs-step b{font:700 .93rem/1.2 ui-monospace,monospace;color:#ffcf8d}
.cs-base .cs-step button,.cs-base .cs-parts button{border:1px solid #779391;color:#f8f1df;background:#35525a;cursor:pointer;border-radius:8px;font:700 1rem/1 system-ui,sans-serif;min-width:43px;min-height:38px}
.cs-base .cs-step button:disabled{opacity:.36;cursor:default}.cs-base .cs-step button[data-n="1"]:enabled{background:#eaba77;color:#272f32}
.cs-base .cs-radio{display:flex;align-items:center;gap:8px;margin:11px 0}.cs-base .cs-radio img{width:43px;height:43px;object-fit:contain}.cs-base .cs-radio small{font:750 .65rem/1.2 ui-monospace,monospace;letter-spacing:.1em;color:var(--cs-mint)}.cs-base .cs-radio p{margin:2px 0}
.cs-base .cs-feedback{color:#ffd79c;font-weight:650}.cs-base .cs-feedback:not(:empty){padding-bottom:8px}
.cs-base .cs-cta{justify-content:flex-start;flex-wrap:wrap}.cs-base .cs-foot{margin-top:12px;padding-top:9px;border-top:1px solid #566e70}
.cs-base .cs-handoff{padding:9px 11px;border:1px solid #6b8680;border-radius:13px;background:#152f36;margin:9px 0;color:#eef0db}
.cs-base .cs-handoff p{margin:0 0 6px}.cs-base .cs-parts{display:flex;gap:6px;flex-wrap:wrap}.cs-base .cs-parts button{font-size:.84rem;line-height:1.17;padding:6px 10px}.cs-base .cs-parts button[aria-pressed=true]{background:#47786c;border-color:#a1dfbb;color:white}
.cs-base .cs-handoff small{display:block;margin-top:6px;color:#b4d7c7}.cs-base .cs-range{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:.8rem}.cs-base .cs-range input{flex:1;min-width:40px;accent-color:var(--cs-mint)}
.cs-base .cs-progress{height:7px;border-radius:5px;background:#3c575b;overflow:hidden}.cs-base .cs-progress i{display:block;height:100%;width:100%;transform-origin:left;background:#8dd9c0}
.cs-base [hidden]{display:none!important}
.cs-base .cs-meters:has(.cs-meter:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}
.cs-base .cs-protection{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px}.cs-base .cs-protection button{font:650 .8rem/1.2 system-ui,sans-serif;min-height:38px;padding:6px 9px;border:1px solid #79958a;border-radius:8px;background:#2d484b;color:#f5eddb;cursor:pointer}.cs-base .cs-protection button[aria-pressed=true]{background:#486b5f;color:#baf3ce}.cs-base .cs-protection small{color:#d7c8a9}
.cs-base .cs-fallback-monitor{position:absolute;right:1%;bottom:3%;margin:0;width:28%;border:2px solid #92aaa5;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #13212399;background:#22383e;color:#e8e8ce;pointer-events:none}
.cs-base .cs-fallback-monitor.working{width:49%;right:2%;bottom:6%}
.cs-base .cs-fallback-monitor canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.cs-base .cs-fallback-monitor figcaption{padding:.2em .5em;font:650 clamp(9px,1.1vw,13px)/1.2 system-ui,sans-serif}.cs-base .outpostEffects{left:8px;right:auto;bottom:5px}.cs-base .outpostOffline:has(.cs-fallback-monitor)~.cs-sky{bottom:auto;top:8px}
@media(max-width:600px){
 .cs-base .baseHead{padding:10px 43px 9px 11px;gap:3px}.cs-base .baseHead .linkBtn{font-size:.74rem}.cs-base .cs-body{padding:8px 10px 10px}.cs-base .cs-meters{gap:5px}.cs-base .cs-meter>span{font-size:.68rem;gap:1px}.cs-base .cs-meter svg{width:16px;height:16px}
 .cs-base .cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cs-base .cs-card{padding:6px 7px}.cs-base .cs-station-title .pi{width:24px;height:24px}.cs-base .cs-station-title{gap:4px;font-size:.84rem}.cs-base .cs-radio p,.cs-base .cs-handoff p{font-size:.88rem}
 .cs-base .cs-resource-head{font-size:.7rem}.cs-base .cs-step button{min-height:37px;min-width:41px}.cs-base .cs-tour{min-height:33px;font-size:.72rem}
}