#sheet:has(.atlas-box){max-width:810px;margin:auto;padding:clamp(10px,2.4vw,22px)}.atlas-summary,.atlas-detail,.atlas-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.atlas-summary{margin:8px 0;font-size:12px;color:#b7cdc2}.atlas-summary b{color:#f4d495;font:700 16px monospace}.atlas-box{position:relative;border:1px solid #557371;border-radius:3px;background-color:#1a303b;background-image:radial-gradient(#567078 1px,transparent 1px),radial-gradient(ellipse at center,#2d4f54,transparent 70%);background-size:18px 18px,100% 100%}.atlas-viewport{height:clamp(235px,48svh,460px);overflow:hidden;position:relative;touch-action:none;user-select:none;cursor:grab}.atlas-viewport:active{cursor:grabbing}.atlas-stage{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:0 0}.threads{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.threads path{fill:none;stroke:#526d76;stroke-width:2;stroke-dasharray:4 3}.threads .lit{stroke:#afab80;stroke-dasharray:none}.pin{position:absolute;display:grid;grid-template-columns:1fr auto;grid-template-rows:18px auto;align-items:center;justify-items:center;transform:translate(-50%,-50%)!important;width:108px;height:52px;min-height:0;padding:4px 6px;border:1px solid #76938c;border-bottom:3px solid #172a33;border-radius:4px;background:#2b434c;line-height:1.05;color:#e8efdd}.pin b{grid-row:2;grid-column:1/-1;font-size:13px}.pin canvas{width:38px;height:18px;grid-row:1;grid-column:1}.pin i{font:15px monospace;color:#b5d5c7}.pin small{font:10px monospace;color:#ccd7c6}.pin.lit{background:#3d5b50;border-color:#a4c5a1}.pin.pick{outline:2px solid #f3cd8d;outline-offset:2px}.atlas-nav{position:absolute;right:7px;bottom:6px;gap:3px}.atlas-nav button{padding:2px 7px;min-width:35px;min-height:34px;background:#263a43f2;font-size:13px}.atlas-scale{position:absolute;left:7px;bottom:5px;color:#accbc3;font:10px monospace;pointer-events:none}.atlas-detail{padding:10px 12px;border-left:3px solid #dabe8b;background:#2c434a;margin-top:9px}.atlas-detail small,.atlas-detail b,.atlas-detail button small{display:block}.atlas-detail small{font-size:11px;line-height:1.2;color:#b9cfc2}.atlas-detail button small{color:inherit;margin-top:3px}.atlas-detail p{margin:2px 0;font-size:13px}.atlas-detail button{flex:none;font-size:14px}.atlas-tip{font-size:11px;color:#adbfba;margin-top:6px}.event-strip{position:absolute;inset:5px auto auto 6px;display:flex;gap:3px;flex-wrap:wrap;max-width:72%;pointer-events:none}.event-strip span{font:700 10px/1.4 system-ui;color:#f9e6ba;background:#1d3443ef;border-left:3px solid #9dc7b7;padding:2px 5px}.event-strip .alert{border-color:#f39d7f;color:#ffd2ae}#toast{top:32px;white-space:pre-line;text-align:center;max-width:94%;width:max-content;font-size:11px}#bossbar{top:auto;bottom:8px;z-index:0}.lab-list{display:flex;flex-wrap:wrap;gap:4px}.lab-list button{font-size:12px;padding:4px 8px}.atlas-tip~*{display:none}@media(max-height:520px) and (orientation:landscape){.atlas-viewport{height:210px}.atlas-detail{padding:5px 9px}}