.test-map-page{max-width:1500px;margin:auto}.tm-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tm-heading h1{margin:.25em 0}.tm-heading p{color:var(--muted)}.tm-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 0}.tm-tools label{display:flex;align-items:center;gap:9px}.tm-tools select{padding:8px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.tm-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.tm-viewport{height:78vh;min-height:400px;overflow:auto;border:1px solid #334155;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#192735,#0c1420);color:#dce7f2}.tm-canvas{margin:auto}.tm-canvas svg{display:block;width:100%;height:auto}.tm-area polygon{fill:currentColor;fill-opacity:.055;stroke:currentColor;stroke-opacity:.12;stroke-width:50;stroke-linejoin:round}.tm-area text{fill:currentColor;font-size:17px;font-weight:650;text-anchor:middle;letter-spacing:1px}.tm-slot{cursor:pointer;outline:none}.tm-slot circle{fill:#172331;stroke:currentColor;stroke-width:2}.tm-slot:hover circle,.tm-slot:focus circle,.tm-selected circle{stroke-width:4;fill:#304352}.tm-upper circle{stroke-dasharray:5 3}.tm-locked{opacity:.45}.tm-slot text{fill:currentColor;text-anchor:middle;font-size:12px;pointer-events:none}.tm-slot .tm-number{font-weight:700;font-size:11px}.tm-portrait{width:100%;height:100%;pointer-events:none}.tm-portrait img{height:100%;width:100%;object-fit:contain}.tm-slot foreignObject{pointer-events:none}.tm-measure{pointer-events:none;fill:none;stroke:#f8e3aa;stroke-width:2}.tm-measure line{stroke-dasharray:6 5}.tm-scale{fill:#9caebe;stroke:#9caebe}.tm-scale text{stroke:none;font-size:13px}.tm-inspector{padding:22px;border:1px solid var(--line,#334155);border-radius:16px;background:var(--panel);align-self:start;line-height:1.6;min-width:0}.tm-inspector h2,.tm-inspector h3{margin:8px 0}.tm-inspector p{color:var(--muted)}.tm-distance{display:flex;flex-direction:column;margin:24px 0}.tm-distance strong{font-size:38px;line-height:1.2;color:var(--text)}.tm-distance span{color:var(--muted);font-size:12px}.tm-inspector dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px}.tm-inspector dd{margin:0}.tm-nearest button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line,#334155);background:transparent;color:var(--text);text-align:left;cursor:pointer}.tm-nearest button:hover{color:#76dc86}.tm-legend{display:flex;gap:16px;flex-wrap:wrap;padding:16px 0;font-size:12px}.tm-legend span{display:flex;gap:7px;align-items:center}.tm-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.tm-footnote{font-size:12px;color:var(--muted);line-height:1.7}@media(max-width:900px){.tm-layout{grid-template-columns:1fr}.tm-heading{align-items:start;flex-direction:column}.tm-viewport{height:65vh}.tm-inspector{padding:18px}.tm-tools{font-size:12px}.tm-tools input[type=range]{width:100px}}

.tm-view-switch{display:flex;border:1px solid #4e6478;border-radius:8px;overflow:hidden}.tm-view-switch button{padding:9px 14px;border:0;background:var(--panel);color:var(--text);cursor:pointer}.tm-view-switch button.active{background:#265c59;color:#e1fff1}.tm-base-art{pointer-events:none}.tm-base-art path{stroke-linecap:round;stroke-linejoin:round;fill:none}.tm-path-edge{stroke:#5e6262}.tm-path-floor{stroke:#a6987e}.tm-platform-edge{fill:#858b8d;stroke:#bcc2c2;stroke-linejoin:round}.tm-platform-floor{fill:#69747e;stroke:#69747e;stroke-linejoin:round}.tm-grate{fill:url(#tmDeckGrate);stroke:#b9b4a7;stroke-width:2}.tm-foundation{fill:#565d60;stroke:#303d43;stroke-width:2}.tm-room-wall{fill:#b7aa90;stroke:#e1d7bf;stroke-width:3}.tm-room-floor{fill:#868475;stroke:#d1c7b4;stroke-width:2}.tm-floor-inlay{fill:none;stroke:#aca795;stroke-width:1}.tm-lounge-room .tm-room-floor{fill:#a39883}.tm-fusion-room .tm-room-floor{fill:#a8acaa}.tm-worker-room .tm-room-floor{fill:#657265}.tm-pad-rim{fill:#bcb9ad;stroke:#e1ded1;stroke-width:2}.tm-pad-deck{fill:url(#tmDeckGrate);stroke:#5e686a;stroke-width:2}.tm-base-art .tm-stairs{stroke:#2acbb6;stroke-linecap:butt;stroke-dasharray:2 1}.tm-ship-silhouette{fill:#343e48!important;stroke:#949c9e;stroke-width:2}.tm-worker-core{fill:#384f3d;stroke:#93a780;stroke-width:3}.tm-worker-reactor{fill:#6b9346;stroke:#a4c276;stroke-width:3}.tm-worker-glow{fill:#b4cd69}.tm-base-art .tm-fusion-table{stroke:#414d5a;stroke-linecap:round}.tm-fusion-tank .tm-pad-deck{fill:#86c2c8}.tm-base-art .tm-battle-shell{stroke:#974e43}.tm-base-art .tm-battle-floor{stroke:#60616b}.tm-base-art .tm-mezzanine{stroke:#a9a5a0;stroke-opacity:.55;stroke-dasharray:5 3;stroke-linecap:butt}.tm-console .tm-pad-deck{fill:#675e45}.tm-build-platform .tm-pad-deck{fill:#59656a}.tm-chip-machine{fill:#5c8d66;stroke:#b7c9ac;stroke-width:3}.tm-physical .tm-area polygon{display:none}.tm-physical .tm-area text{paint-order:stroke;stroke:#111f2c;stroke-width:4px;font-size:17px}.tm-physical .tm-locked{opacity:.78}.tm-physical .tm-slot-label{paint-order:stroke;stroke:#172331;stroke-width:3px}

.tm-battle-cutaway{fill:#64636a;stroke:#a85548;stroke-width:10;stroke-linejoin:round}

/* Blend the room layers into the dark map without rectangular backdrops. */
.tm-registered-art{mix-blend-mode:lighten}

.tm-cards-toggle{margin:18px 0;display:inline-flex;align-items:center;gap:10px}.tm-cards-toggle img{width:42px;height:42px;object-fit:contain}#tmTraditionalCards[hidden]{display:none!important}.tm-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tm-valid-drop circle{stroke:#bfff77;stroke-width:5;fill:#365d42}.tm-dragging{opacity:.45}.tm-slot{touch-action:none}.tm-production{margin:12px 0;font-size:18px}

/* Pointer drags move droids; map labels and portraits are not selectable. */
.tm-canvas,.tm-canvas *{-webkit-user-select:none;user-select:none}.tm-canvas img{-webkit-user-drag:none}

.tm-upper-panel rect{fill:#182735;stroke:#bd756e;stroke-width:2}.tm-upper-panel path{fill:none;stroke:#bd756e;stroke-width:1.5;stroke-dasharray:5 6;opacity:.45}.tm-upper-panel text{fill:#ffb4a6;text-anchor:middle;font-size:15px;font-weight:700}.tm-upper-panel .tm-upper-note{fill:#a4b8c9;font-size:11px;font-weight:400}

.tm-empty-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;pointer-events:none}.tm-empty-icon img{width:24px;height:24px;object-fit:contain}

.tm-key-legend .tm-key-panel{fill:#142330;fill-opacity:.96;stroke:#628295;stroke-width:1.5}.tm-key-legend text{fill:#e1edf2;font-size:15px}.tm-key-legend .tm-key-heading{fill:#83debb;font-size:15px;font-weight:750;letter-spacing:1px}.tm-key-legend .tm-key-help{fill:#aebfca;font-size:13px}.tm-key-legend .tm-keycap{fill:#2a4051;stroke:#6d8799;stroke-width:1}.tm-key-legend .tm-key-name{text-anchor:middle;font-family:monospace;font-size:14px;font-weight:700;fill:#fff}.tm-key-legend .tm-key-action{font-weight:500}

.tm-label-layer text{text-anchor:middle;font-size:12px}.tm-slot.tm-building circle{fill:#8d3039}.tm-slot.tm-built circle{fill:#287348}

.tm-extra-slots{display:flex;flex-wrap:wrap;gap:24px;margin:16px 0}.tm-extra-slots section{flex:1;min-width:240px}.tm-extra-slots h3{margin:0 0 10px}.tm-extra-slots section>div{display:flex;flex-wrap:wrap;gap:12px}.tm-extra-slot{display:flex;flex-direction:column;align-items:center;gap:6px;width:130px;text-align:center}.tm-extra-circle{width:64px;height:64px;border-radius:50%;border:2px solid #71dcd7;background:#142330;color:#71dcd7;display:grid;place-items:center;cursor:pointer}.tm-extra-circle img{max-width:48px;max-height:48px;object-fit:contain}.tm-extra-circle:disabled{opacity:.45;cursor:default}.tm-extra-slot .btn{font-size:11px;padding:4px 7px}.tm-extra-slot small{font-size:11px}