.tool-visual{--tv-ink:#193c31;--tv-green:#b6e8a3;--tv-blue:#c7cff7;--tv-copper:#e6bd98;background:#f2f6ee;border:1px solid #bed1bd;border-radius:24px;margin:24px 0;padding:24px;overflow:hidden;color:var(--tv-ink)}.tv-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tv-header h3,.tv-header h4{font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-.04em;margin:0}.tv-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;margin:0 0 8px;color:#597965}.tv-badge{padding:8px 11px;border:1px solid #9fbaa1;border-radius:30px;font:600 11px system-ui}.tv-stage{margin-top:18px;background:radial-gradient(circle at 20% 20%,#e2ecd9 0,transparent 55%),linear-gradient(135deg,#fcfdf9,#edf2e8);border-radius:16px;border:1px solid #d2dfca;overflow:auto}.tv-scene{display:block;width:100%;min-width:480px;height:auto;max-height:680px}.tv-scene .tv-face{fill:var(--tv-green);stroke:#42745a;stroke-width:1.5}.tv-scene .tv-node{fill:#e8eee0;stroke:#8ea995;stroke-width:1}.tv-scene .unknown,.tv-scene .tv-unknown{fill:#f1cda1;stroke:#9b7046}.tv-scene .tv-frame{fill:none;stroke:#345b46;stroke-width:8}.tv-scene .tv-outline{fill:none;stroke:#345b46;stroke-width:1.8}.tv-scene .tv-secondary{fill:var(--tv-blue);stroke:#6375bd}.tv-scene .tv-ghost{fill:#d9ded6;fill-opacity:.5;stroke:#718270;stroke-dasharray:5 4}.tv-scene .tv-bleed{fill:var(--tv-copper);stroke:#a97855}.tv-scene .tv-safe{fill:#b6e8a3;stroke:#42745a}.tv-scene .tv-link,.tv-scene .tv-arrow{fill:none;stroke:#507d61;stroke-width:1.5}.tv-scene .tv-vector{fill:none;stroke:#576fcb;stroke-width:3;stroke-dasharray:1000;animation:tv-reveal 1.3s ease-out}.tv-scene .tv-panel{fill:#b6e8a355;stroke:#42745a;stroke-width:1}.tv-scene .tv-route{fill:none;stroke:#527b65;stroke-width:7;stroke-dasharray:12 7;animation:tv-route 15s linear infinite}.tv-scene .tv-floor{fill:#d9e7d1;stroke:#789171}.tv-scene .tv-cube-front{fill:#b6e8a3;stroke:#527550}.tv-scene .tv-cube-side{fill:#80b888;stroke:#527550}.tv-scene .tv-cube-top{fill:#dbeacf;stroke:#527550}.tv-scene .tv-mass{fill:none;stroke:#80b888;opacity:.8}.tv-scene text{fill:#18372c;font:14px system-ui,sans-serif}.tv-scene .tv-big{font-size:28px;font-weight:650;letter-spacing:-.04em}.tv-scene .tv-small{font-size:12px}.tv-scene .tv-tiny{font-size:10px}.tv-scene .tv-label{font-size:14px;font-weight:550}.tv-caption{font-size:13px;line-height:1.6;max-width:90ch;color:#4b6858;margin:14px 0}.tv-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.tv-controls label{font-size:11px;font-weight:600;display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;color:#395c46}.tv-controls output{color:#1b4932;font-weight:700}.tv-controls input{width:100%;accent-color:#46765a;margin-top:6px;cursor:ew-resize}.tv-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tv-toolbar button,.tv-toolbar a{border:1px solid #a2bda4;border-radius:9px;background:#ffffffb5;padding:8px 11px;font:600 12px system-ui;color:#254d35;text-decoration:none;cursor:pointer}.tv-toolbar a{margin-left:auto}.tool-visual :focus-visible{outline:3px solid #3759b9;outline-offset:3px}.tv-numeric{margin-top:18px;font-size:13px;overflow:auto}.tv-numeric summary{cursor:pointer;font-weight:600}.tv-numeric table{border-collapse:collapse;width:100%;margin-top:12px}.tv-numeric th,.tv-numeric td{padding:9px;text-align:left;border-bottom:1px solid #d2dfca}.tv-numeric caption{text-align:left;padding:10px 0;font-weight:600}.tv-hide-labels text{visibility:hidden}.tool-visual .tv-face,.tool-visual .tv-secondary{animation:tv-appear .55s ease-out}.game-stage{background:radial-gradient(ellipse at 100% 0,#e8efdd,transparent 60%),#f5f7f0}.game-stage button{transition:transform .2s ease,box-shadow .2s ease}.game-stage button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #193c3114}@keyframes tv-appear{from{opacity:.25}to{opacity:1}}@keyframes tv-reveal{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes tv-route{to{stroke-dashoffset:-190}}@media(max-width:700px){.tool-visual{padding:16px;border-radius:18px}.tv-controls{grid-template-columns:1fr 1fr}.tv-scene{min-width:420px}.tv-toolbar a{margin-left:0}}@media(max-width:440px){.tv-controls{grid-template-columns:1fr}.tv-header{align-items:start}}@media(prefers-reduced-motion:reduce){.tool-visual *,.game-stage button{animation:none!important;transition:none!important;transform:none!important}}

.tool-visual{--tv-ink:#081a24;--tv-green:#d5ff35;--tv-blue:#b9caff;--tv-copper:#ffb09a;background:#eef3e8}.tv-header h4{font-weight:850;text-transform:uppercase;color:#081a24;margin:0}.tv-badge{background:#081a24;color:#d5ff35;border-color:#081a24}.tv-toolbar button:hover,.tv-toolbar a:hover{background:#d5ff35;color:#081a24}.tv-controls input{accent-color:#306bff}
/* Fit first; explicitly expanded diagrams retain a contained scroll surface. */
.tv-scene{min-width:0;max-width:100%}.tv-stage.tv-expanded .tv-scene{min-width:650px;max-width:none}