.atlas-body{grid-template-columns:235px minmax(0,1fr);gap:30px;align-items:start}
.atlas .layer{height:85px;min-height:85px}.atlas .layer b{font-size:12px;letter-spacing:0}.atlas .layer small{font-size:11px}
.atlas-mission{padding:25px 0 0}.atlas-mission small{color:#8bbda4;font:10px var(--mono)}.atlas-mission p{margin-top:10px;color:#e0eadf;font-size:16px;line-height:1.7}.atlas-mission>span{display:block;margin-top:20px;font-size:10px;color:#95aea0}
.atlas-stage{min-width:0;background:#e8eeec;color:#253e36;position:relative;overflow:hidden}
.stage-topline{height:65px;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#eff3f1;border-bottom:1px solid #cedbd4}
.stage-topline>div:first-child{display:flex;align-items:center;gap:14px}.stage-topline span{font:10px var(--mono);color:#607b71}.stage-topline strong{font-size:13px;font-weight:500}
.atlas-controls{display:flex;gap:6px}.atlas-controls button{height:30px;width:30px;display:grid;place-items:center;font:19px Arial;color:#3c6755;background:transparent;border:1px solid #b9cabe;border-radius:3px;cursor:pointer}.atlas-controls button:hover{background:#dbe7e0}.atlas-controls button:focus-visible{outline:2px solid #168b7f;outline-offset:2px}
.atlas-viewport{position:relative;height:390px;overflow:hidden}
#atlas-canvas{display:block;width:100%;height:100%}
.object-tag{position:absolute;left:0;top:0;pointer-events:none;padding:5px 7px;font:9px var(--mono);white-space:nowrap;color:#dcffe5;background:#17392fec;border:1px solid #78bb91;transform:translate(-50%,-100%)}
.object-tag[data-object="obstacle"]{color:#ffe1d5;border-color:#ec927b;background:#4e2927ee}.object-tag[data-object="goal"]{color:#bfffd4;border-color:#7af2bc;background:#124b3cee}
.scene-key{display:flex;flex-wrap:wrap;gap:14px;padding:10px 15px 0;color:#627d6e;font:9px var(--mono)}.scene-key span{display:inline-flex;align-items:center;gap:6px}.scene-key i{display:block;width:8px;height:8px;border-radius:50%;background:#3188a0}.scene-key i.obstacle{background:#c76c5b}.scene-key i.goal{background:#269c82}
.scene-hud{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 15px 0;background:#f8fbf5ed;border:1px solid #bfcfc4}
.scene-hud>div{padding:9px 12px;border-right:1px solid #cbd8ce;min-width:0}.scene-hud>div:last-child{border:0}
.scene-hud small{display:block;color:#627d6e;font:9px var(--mono)}.scene-hud b{display:block;margin-top:4px;color:#244a37;font:15px var(--mono)}
.scene-caption{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;background:#eff3f1;color:#536f60;font-size:10px}.scene-caption>span:last-child{font:10px var(--mono);white-space:nowrap}
.scene-progress{height:3px;background:#c7d6cb}.scene-progress i{display:block;height:100%;background:#168b7f;width:0}
.atlas-stage[data-mode="observe"] .scene-progress i{background:#456dd1}.atlas-stage[data-mode="verify"] .scene-progress i{background:#bb654f}
.verify-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f8fbf5ed;border:1px solid #b7cbbd;font-size:10px;padding:0 10px;margin:10px 15px 0}.verify-checks[hidden]{display:none}
.verify-checks span{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d2dfd5;color:#536f60}.verify-checks span:last-child{border:0}.verify-checks b{font:9px var(--mono);color:#7c897e}.verify-checks .pass b{color:#168b7f}.verify-checks .fail b{color:#b9513d}
.atlas-stage[data-mode="verify"] .object-tag{display:none}
.atlas-details{display:grid;grid-template-columns:1fr 1.2fr;gap:18px 40px;padding:25px 0;margin-top:16px;border-block:1px solid #406151;align-items:center}.atlas-details small{font:9px var(--mono);color:#91b9a4}.atlas-details h3{font-size:21px;line-height:1.5;color:#e7f1e8;margin-top:9px}.atlas-details p{font-size:12px;color:#a3beae}.atlas-details>span{grid-column:1/-1;font:9px var(--mono);color:#b3d1bb}
.atlas .atlas-route{width:100%;margin-top:0;border:0}.atlas-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:#e5ede6;color:#3c5b4d;font-size:14px}.atlas-fallback[hidden]{display:none}
@media(max-width:900px){.atlas-body{grid-template-columns:1fr}.atlas .layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.atlas .layer{height:86px;padding:10px;grid-template-columns:1fr}.atlas .layer i,.atlas .layer strong{display:none}.atlas .layer small{font-size:10px}.atlas-mission{display:none}.atlas .layer.active{padding-left:10px}.atlas-viewport{height:390px}}
@media(max-width:600px){.atlas-body{gap:14px;margin-top:26px}.atlas .layers{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas .layer{height:70px;min-height:70px}.stage-topline{height:62px;padding:10px 12px}.stage-topline>div:first-child{display:block}.stage-topline strong{display:block;margin-top:5px;font-size:12px}.stage-topline span{font-size:9px}.atlas-viewport{height:330px}.scene-key{gap:8px;padding:8px 8px 0;font-size:8px}.scene-hud{margin:8px 8px 0}.scene-hud>div{padding:8px}.scene-hud b{font-size:12px}.scene-hud small{font-size:8px}.scene-caption{padding:9px 10px;font-size:9px;gap:6px}.scene-caption>span:last-child{font-size:9px}.atlas-details{grid-template-columns:1fr;gap:14px}.atlas-details h3{font-size:20px}.verify-checks{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px}.verify-checks span{padding:7px 0}.verify-checks span:nth-child(2){border-right:0}}