/* Estilos do kit da skill /anatomy (MIT, (c) 2026 Ryan) — copiados de kit/iso.css; ajustes da página no fim. */
.iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}
.iso[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}
.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

/* ---- ajustes da Casa Rua Seis: a maquete viva dentro do bloco da casa inteligente */
.iso-palco.iso{--anatomy-card:#141618;--anatomy-paper:#141618;--anatomy-mid:#5d5d5d;--anatomy-muted:#9a9a9a}
.iso-palco .iso-figure{margin:0}
.iso-palco .iso-plate{padding:44px 14px 40px}
.iso-palco .iso-svg{max-height:620px}
.iso-stage{outline:none;touch-action:manipulation}
.iso-stage:focus-visible{outline:2px solid var(--brand-soft);outline-offset:6px}
.iso-stage .piso,.iso-stage .peca{cursor:pointer}
.iso-stage .peca{transition:transform .45s var(--anatomy-ease)}
.iso-stage .peca.on{transform:translateY(calc(var(--lift, 8px) * -1))}
.iso-stage .peca .led{fill:var(--anatomy-lo)}
.iso-stage .peca.on .led{fill:#fff;animation:iso-led 1.6s var(--anatomy-ease) infinite}
.iso-stage .piso.on .iso-top{fill:#5a3420}
.iso-stage .piso.on .iso-edge{stroke:var(--brand-soft)}
.iso-stage .piso.passa .iso-top{fill:#2a2420}
.iso-stage .nome .iso-face-text{fill:#bdbab5}
.iso-stage .nome.on .iso-face-text{fill:var(--brand-soft)}
.iso-stage .nomes{pointer-events:none}
@keyframes iso-led{0%,100%{opacity:.35}45%{opacity:1}}
@media (prefers-reduced-motion:reduce){.iso-stage .peca{transition:none}.iso-stage .peca.on .led{animation:none}}
@media (max-width:560px){.iso-palco .iso-plate{padding:40px 6px 52px}}

/* ---- a obra, mês a mês (js/obra.js) */
.obra-bloco{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px;margin:6px 0 18px}
#obraPalco.iso{--anatomy-card:#141618;--anatomy-paper:#141618;--anatomy-mid:#5d5d5d;--anatomy-muted:#9a9a9a}
#obraPalco .iso-figure{margin:0}
#obraPalco .iso-plate{padding:44px 10px 40px}
.obra-ctrl{display:flex;align-items:center;gap:12px;margin:12px 0 8px}
.obra-play{flex:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-2);
  color:var(--ink);font-size:15px;cursor:pointer;touch-action:manipulation}
.obra-play.tocando{border-color:var(--brand)}
.obra-regua{flex:1;min-width:0;display:grid;gap:2px;font-size:.8rem;color:var(--ink-2)}
.obra-regua input{width:100%;min-height:32px;accent-color:var(--brand);touch-action:manipulation}
.obra-texto{min-height:3em;margin:10px 0 6px;color:var(--ink);font-size:.95rem;line-height:1.55}
.obra-palco .iso-stage,.obra-palco{touch-action:pan-y pinch-zoom}
.obra-palco svg:not([data-fase="3"]) .carga{display:none}
.obra-palco svg.pintada .parede .iso-edge,.obra-palco svg.pintada .parede .iso-crease{stroke:#d9d4cc}
.obra-palco .trab{transition:transform 1.4s var(--anatomy-ease),opacity .45s var(--anatomy-ease)}
.obra-palco .trab.fora{opacity:0}
.obra-palco .anda{animation:obra-lida 1.3s ease-in-out infinite}
.obra-palco .trab:nth-child(2) .anda{animation-delay:-.4s}
.obra-palco .trab:nth-child(3) .anda{animation-delay:-.8s}
.obra-palco .trab:nth-child(4) .anda{animation-delay:-.2s}
.obra-palco .trab:nth-child(5) .anda{animation-delay:-.6s}
@keyframes obra-lida{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4px)}}
.obra-palco .capacete .iso-top,.obra-palco .capacete .iso-fill{fill:#F26A1B}
.obra-palco .capacete .iso-shade[data-shade]{fill:#B44D12}
.obra-palco .camisa .iso-top,.obra-palco .camisa .iso-fill{fill:#5E7FA3}
.obra-palco .camisa .iso-shade[data-shade]{fill:#3D5A7A}
.obra-palco .planta .iso-top,.obra-palco .planta .iso-fill{fill:#5E8A4A}
.obra-palco .planta .iso-shade[data-shade]{fill:#3E6232}
@media (max-width:560px){#obraPalco .iso-plate{padding:40px 4px 52px}}

/* ---- cores dos materiais da maquete da obra (mesma ideia de uma maquete física: papelão, concreto, bloco) */
.obra-palco .terra .iso-top{fill:#7d6a53}
.obra-palco .terra .iso-fill{fill:#5b4c3c}
.obra-palco .terra .iso-shade[data-shade="0"]{fill:#43382c}
.obra-palco .terra .iso-shade[data-shade="1"]{fill:#4f4234}
.obra-palco .terra .iso-shade[data-shade="2"]{fill:#5b4c3c}
.obra-palco .terra .iso-shade[data-shade="3"]{fill:#675645}
.obra-palco .rua .iso-top{fill:#4a4c50}
.obra-palco .calcada .iso-top{fill:#a29c92}
.obra-palco .calcada .iso-fill{fill:#857f77}
.obra-palco .calcada .iso-shade[data-shade="0"]{fill:#6b665f}
.obra-palco .calcada .iso-shade[data-shade="1"]{fill:#78736b}
.obra-palco .calcada .iso-shade[data-shade="2"]{fill:#857f77}
.obra-palco .calcada .iso-shade[data-shade="3"]{fill:#928c83}
.obra-palco .concreto .iso-top{fill:#a7a9ac}
.obra-palco .concreto .iso-fill{fill:#7e8084}
.obra-palco .concreto .iso-shade[data-shade="0"]{fill:#64666a}
.obra-palco .concreto .iso-shade[data-shade="1"]{fill:#717377}
.obra-palco .concreto .iso-shade[data-shade="2"]{fill:#7e8084}
.obra-palco .concreto .iso-shade[data-shade="3"]{fill:#8b8d91}
.obra-palco .parede .iso-top{fill:#b9744f}
.obra-palco .parede .iso-fill{fill:#8c553e}
.obra-palco .parede .iso-shade[data-shade="0"]{fill:#6e4130}
.obra-palco .parede .iso-shade[data-shade="1"]{fill:#7d4b37}
.obra-palco .parede .iso-shade[data-shade="2"]{fill:#8c553e}
.obra-palco .parede .iso-shade[data-shade="3"]{fill:#9b5f45}
.obra-palco .telha .iso-top{fill:#61656b}
.obra-palco .telha .iso-fill{fill:#45494e}
.obra-palco .telha .iso-shade[data-shade="0"]{fill:#33363a}
.obra-palco .telha .iso-shade[data-shade="1"]{fill:#3c3f44}
.obra-palco .telha .iso-shade[data-shade="2"]{fill:#45494e}
.obra-palco .telha .iso-shade[data-shade="3"]{fill:#4e5258}
.obra-palco .madeira .iso-top{fill:#b88d5b}
.obra-palco .madeira .iso-fill{fill:#866642}
.obra-palco .madeira .iso-shade[data-shade="0"]{fill:#6a5034}
.obra-palco .madeira .iso-shade[data-shade="1"]{fill:#785b3b}
.obra-palco .madeira .iso-shade[data-shade="2"]{fill:#866642}
.obra-palco .madeira .iso-shade[data-shade="3"]{fill:#947149}
.obra-palco .metal .iso-top{fill:#a3abb3}
.obra-palco .metal .iso-fill{fill:#727a82}
.obra-palco .metal .iso-shade[data-shade="0"]{fill:#5a6168}
.obra-palco .metal .iso-shade[data-shade="1"]{fill:#666d75}
.obra-palco .metal .iso-shade[data-shade="2"]{fill:#727a82}
.obra-palco .metal .iso-shade[data-shade="3"]{fill:#7e868f}
.obra-palco .barracao .iso-top{fill:#7591ad}
.obra-palco .barracao .iso-fill{fill:#4f667e}
.obra-palco .barracao .iso-shade[data-shade="0"]{fill:#3d5064}
.obra-palco .barracao .iso-shade[data-shade="1"]{fill:#465b71}
.obra-palco .barracao .iso-shade[data-shade="2"]{fill:#4f667e}
.obra-palco .barracao .iso-shade[data-shade="3"]{fill:#58718b}
.obra-palco .portao .iso-top{fill:#2f3033}
.obra-palco .portao .iso-fill{fill:#222326}
.obra-palco .portao .iso-shade[data-shade="0"]{fill:#18191b}
.obra-palco .portao .iso-shade[data-shade="1"]{fill:#1d1e20}
.obra-palco .portao .iso-shade[data-shade="2"]{fill:#222326}
.obra-palco .portao .iso-shade[data-shade="3"]{fill:#27282b}
.obra-palco .piso .iso-top{fill:#dcd5c8}
.obra-palco .piso .iso-fill{fill:#aba59a}
.obra-palco .piso .iso-shade[data-shade="0"]{fill:#8f897f}
.obra-palco .piso .iso-shade[data-shade="1"]{fill:#9d978c}
.obra-palco .piso .iso-shade[data-shade="2"]{fill:#aba59a}
.obra-palco .piso .iso-shade[data-shade="3"]{fill:#b9b3a7}
.obra-palco .janela .iso-top{fill:#4a6378}
.obra-palco .janela .iso-fill{fill:#324555}
.obra-palco .janela .iso-shade[data-shade="0"]{fill:#24323f}
.obra-palco .janela .iso-shade[data-shade="1"]{fill:#2b3b4a}
.obra-palco .janela .iso-shade[data-shade="2"]{fill:#324555}
.obra-palco .janela .iso-shade[data-shade="3"]{fill:#394e60}
.obra-palco .betoneira .iso-top{fill:#dca62a}
.obra-palco .betoneira .iso-fill{fill:#9d751a}
.obra-palco .betoneira .iso-shade[data-shade="0"]{fill:#7d5d12}
.obra-palco .betoneira .iso-shade[data-shade="1"]{fill:#8d6916}
.obra-palco .betoneira .iso-shade[data-shade="2"]{fill:#9d751a}
.obra-palco .betoneira .iso-shade[data-shade="3"]{fill:#ad811e}
.obra-palco .planta .iso-top{fill:#62904d}
.obra-palco .planta .iso-fill{fill:#3f5e30}
.obra-palco .planta .iso-shade[data-shade="0"]{fill:#2f4824}
.obra-palco .planta .iso-shade[data-shade="1"]{fill:#37532a}
.obra-palco .planta .iso-shade[data-shade="2"]{fill:#3f5e30}
.obra-palco .planta .iso-shade[data-shade="3"]{fill:#476a36}
.obra-palco svg.rebocada .parede .iso-top{fill:#c8c4bd}
.obra-palco svg.rebocada .parede .iso-fill{fill:#a29f99}
.obra-palco svg.rebocada .parede .iso-shade[data-shade="0"]{fill:#86837e}
.obra-palco svg.rebocada .parede .iso-shade[data-shade="1"]{fill:#94918b}
.obra-palco svg.rebocada .parede .iso-shade[data-shade="2"]{fill:#a29f99}
.obra-palco svg.rebocada .parede .iso-shade[data-shade="3"]{fill:#b0ada7}
.obra-palco svg.pintada .parede .iso-top{fill:#f2eee7}
.obra-palco svg.pintada .parede .iso-fill{fill:#d1cdc6}
.obra-palco svg.pintada .parede .iso-shade[data-shade="0"]{fill:#b3afa8}
.obra-palco svg.pintada .parede .iso-shade[data-shade="1"]{fill:#c2beb7}
.obra-palco svg.pintada .parede .iso-shade[data-shade="2"]{fill:#d1cdc6}
.obra-palco svg.pintada .parede .iso-shade[data-shade="3"]{fill:#e0dcd5}
.obra-palco .vidro .iso-fill,.obra-palco .vidro .iso-top,.obra-palco .vidro .iso-shade[data-shade]{fill:#9fc6db;fill-opacity:.38}
.obra-palco .parede path{transition:fill 1.2s var(--anatomy-ease)}
@media (prefers-reduced-motion:reduce){.obra-palco .trab,.obra-palco .parede path{transition:none}.obra-palco .anda{animation:none}}