/* ── SHADOWBAND — the night room (/noite, /en/night) ─────────────────────── */
.page-night .page-hero { background:linear-gradient(#12244a,#0a1730);
  border-bottom:1px solid #7ee0d04d;text-align:center;place-items:center }
.page-night .page-hero::before { background:linear-gradient(#08132b59,#08132bd9 62%) }
.night-hero .sb-mark { width:min(150px,36vw);margin-bottom:12px }
.night-hero .sb-word { color:#dffaf3 }
.night-hero h1 { margin:0 0 18px;font:700 clamp(.74rem,1.6vw,.92rem)/1.7 var(--mono);letter-spacing:.24em;color:#9ad8c9;text-transform:uppercase }
.night-hero .lede { color:#cfe8e2;max-width:62ch;margin-inline:auto }
.night-hero .page-stamp { background:#08132b99;border-color:#7ee0d059;color:#dffaf3 }
.night-hero .page-stamp span { color:#8fcfc1;border-color:#7ee0d040 }

.night-room { max-width:1080px;margin:clamp(24px,4vw,48px) auto;padding-inline:4vw }
.night-panel { background:linear-gradient(#0e1c36,#08131f);border:1px solid #7ee0d04d;box-shadow:0 0 60px #00000073 inset,0 0 0 6px #08131f,0 0 0 7px #7ee0d02e;
  padding:clamp(16px,2.4vw,28px);display:grid;gap:clamp(14px,2vw,22px) }
.night-shapes { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#7ee0d033;border:1px solid #7ee0d033 }
.night-shapes button { background:#0e1c36;color:#bcd9d2;border:0;padding:14px 10px 12px;cursor:pointer;display:grid;gap:4px;text-align:left;
  font:400 clamp(.9rem,1.8vw,1.15rem)/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;border-bottom:3px solid transparent }
.night-shapes button b { font:700 10px/1.4 var(--mono);letter-spacing:.18em;color:var(--turq) }
.night-shapes button i { font:700 10px/1.4 var(--mono);letter-spacing:.1em;color:#7fbfb2;font-style:normal }
.night-shapes button[aria-pressed=true] { background:#12244a;color:#dffaf3;border-bottom-color:var(--turq) }
.night-shapes button:hover { color:#dffaf3 }
.night-stage { display:grid;gap:12px }
.night-stage canvas { width:100%;height:clamp(120px,22vw,220px);display:block;background:#08131f;border:1px solid #7ee0d02e }
.night-transport { display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center }
.night-play { background:var(--turq);color:#08131f;border:1px solid var(--turq);padding:18px 26px;cursor:pointer;
  font:900 clamp(.9rem,1.6vw,1.05rem)/1 var(--mono);letter-spacing:.14em;min-width:140px }
.night-play:hover { background:#dffaf3;border-color:#dffaf3 }
.night-play[aria-pressed=true] { background:#08131f;color:var(--turq) }
.night-readout { display:flex;gap:14px;align-items:center;font:700 12px/1 var(--mono);letter-spacing:.12em;color:#9ad8c9;text-transform:uppercase;flex-wrap:wrap }
.night-meter { --lvl:0;display:inline-block;width:110px;height:10px;border:1px solid #7ee0d059;background:#08131f;position:relative;overflow:hidden }
.night-meter i { position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--lvl));background:linear-gradient(90deg,#7ee0d0 70%,#f3c04a);transition:transform .08s linear;display:block }
.night-timer { display:grid;gap:4px;font:700 10px/1.4 var(--mono);letter-spacing:.18em;color:#7fbfb2 }
.night-timer select { background:#08131f;color:#dffaf3;border:1px solid #7ee0d059;padding:8px 10px;font:700 12px/1 var(--mono);letter-spacing:.06em }
.night-dials { display:grid;grid-template-columns:repeat(6,1fr);gap:10px }
.night-dials label { display:grid;gap:6px;background:#08131f;border:1px solid #7ee0d02e;padding:10px 10px 8px }
.night-dials span { font:700 10px/1.4 var(--mono);letter-spacing:.18em;color:var(--turq) }
.night-dials em { font:700 11px/1.4 var(--mono);color:#dffaf3;font-style:normal;letter-spacing:.06em }
.night-dials input[type=range] { width:100%;accent-color:#7ee0d0;margin:4px 0;height:20px;background:transparent }
.night-foot { display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0;font:400 .85rem/1.5 var(--body);color:#83b8ad }
.night-install { background:transparent;color:var(--turq);border:1px solid var(--turq);padding:10px 12px;cursor:pointer;font:900 .66rem/1 var(--mono);letter-spacing:.1em }
.night-install:hover { background:var(--turq);color:#08131f }
.night-room.is-on .night-panel { box-shadow:0 0 60px #00000073 inset,0 0 0 6px #08131f,0 0 0 7px #7ee0d0,0 0 40px #7ee0d033 }

.night-how { max-width:880px;margin:clamp(24px,4vw,48px) auto;text-align:left;border-color:#7ee0d04d;background:linear-gradient(#12244a,#0a1730) }
.night-how .sheet-orn { opacity:.26;filter:hue-rotate(118deg) saturate(.7) }
.night-how .section-kicker { color:var(--turq) }
.night-how h2 { margin:6px 0 16px;font:400 clamp(1.35rem,3vw,2.2rem)/1.1 var(--display);color:var(--cream);text-transform:uppercase;text-align:center }
.night-layers { margin:0;display:grid;gap:0 }
.night-layers>div { display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-top:1px solid #7ee0d02e;align-items:baseline }
.night-layers dt { font:700 11px/1.5 var(--mono);letter-spacing:.18em;color:var(--turq) }
.night-layers dd { margin:0;color:#cfe8e2;line-height:1.7 }

.night-evidence { max-width:880px;margin:clamp(24px,4vw,48px) auto;padding-inline:5vw }
.night-evidence .section-kicker { color:var(--turq) }
.night-evidence h2 { margin:6px 0 10px;font:400 clamp(1.35rem,3vw,2.2rem)/1.1 var(--display);color:var(--cream);text-transform:uppercase }
.night-ev-lede { color:#cfe8e2;line-height:1.7;margin:0 0 18px }
.night-ev-lede a,.night-ev-list a,.night-safety a { color:var(--turq) }
.night-ev-list { list-style:none;margin:0;padding:0;counter-reset:ev }
.night-ev-list li { border-top:1px solid #7ee0d02e;padding:14px 0 14px 34px;position:relative;color:#cfe8e2;line-height:1.7 }
.night-ev-list li::before { counter-increment:ev;content:counter(ev,decimal-leading-zero);position:absolute;left:0;top:16px;font:700 10px/1.4 var(--mono);letter-spacing:.16em;color:var(--turq) }
.night-ev-list li p { margin:0 0 6px }
.night-ev-list li a { font:700 .78rem/1.5 var(--mono);letter-spacing:.02em }
.night-safety { margin:18px 0 0;padding:14px 16px;border:1px solid #7ee0d04d;background:#08131f;color:#bcd9d2;line-height:1.7;font-size:.92rem }
.night-safety b { font:700 10px/1.4 var(--mono);letter-spacing:.18em;color:var(--turq);margin-right:8px }

@media (max-width:820px) {
  .night-shapes { grid-template-columns:repeat(2,1fr) }
  .night-dials { grid-template-columns:repeat(3,1fr) }
  .night-transport { grid-template-columns:1fr;justify-items:stretch }
  .night-play { width:100% }
  .night-layers>div { grid-template-columns:1fr;gap:4px }
}

/* ── YOUR SOUND (/o-teu-som, /en/your-sound) ─────────────────────────────── */
.ys-wrap { max-width:880px;margin:clamp(24px,4vw,48px) auto;padding-inline:4vw }
.ys-intro { text-align:center;color:#ded2f6;line-height:1.75;max-width:62ch;margin:0 auto 12px }
.ys-begin { display:inline-block;margin-top:10px;background:var(--gold);color:var(--ground);border:1px solid var(--gold);padding:16px 26px;cursor:pointer;
  font:900 clamp(.9rem,1.6vw,1.05rem)/1 var(--mono);letter-spacing:.14em }
.ys-begin:hover { background:var(--cream);border-color:var(--cream) }
.ys-board { display:none;background:linear-gradient(#241355,#170c42);border:1px solid #f3c04a4d;box-shadow:0 0 60px #00000059 inset;padding:clamp(16px,2.6vw,30px) }
.ys-wrap.is-live .ys-intro { display:none }
.ys-wrap.is-live .ys-board { display:block }
.ys-progress { display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:18px;font:700 11px/1 var(--mono);letter-spacing:.18em;color:var(--gold) }
.ys-progress div { height:6px;border:1px solid #f3c04a59;background:#0d0724 }
.ys-progress i { display:block;height:100%;width:0;background:var(--gold);transition:width .4s ease }
.ys-stage .section-kicker { text-align:left;display:block;margin:0 0 6px }
.ys-stage h2,.ys-result-h { margin:0 0 8px;font:400 clamp(1.4rem,3.2vw,2.3rem)/1.08 var(--display);color:var(--cream);text-transform:uppercase }
.ys-p { color:#ded2f6;line-height:1.72;margin:0 0 16px }
.ys-opts { display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) }
.ys-opt { display:grid;gap:0;border:1px solid #f3c04a4d;background:#1d0f4780 }
.ys-opt.is-picked { border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset }
.ys-listen { background:#0d0724;color:var(--gold);border:0;border-bottom:1px solid #f3c04a4d;padding:14px;cursor:pointer;font:900 .72rem/1 var(--mono);letter-spacing:.14em }
.ys-listen[aria-pressed=true] { background:var(--gold);color:var(--ground) }
.ys-listen:hover { color:var(--cream) } .ys-listen[aria-pressed=true]:hover { color:var(--ground) }
.ys-pick { background:transparent;color:var(--cream);border:0;padding:16px 14px;cursor:pointer;text-align:left;display:grid;gap:4px }
.ys-pick b { font:400 clamp(1.1rem,2.2vw,1.5rem)/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em }
.ys-pick span { color:#c4b3e8;font-size:.92rem;line-height:1.5 }
.ys-pick:hover:not(:disabled) { background:#f3c04a14 }
.ys-pick:disabled { cursor:default;opacity:.85 }
.ys-fact { margin-top:18px;border-top:1px solid #f3c04a4d;padding-top:14px;display:grid;gap:8px }
.ys-fact p:not(.section-kicker) { margin:0;color:#ded2f6;line-height:1.7 }
.ys-fact a { color:var(--gold);font:700 .76rem/1.5 var(--mono) } .ys-fact a em { color:var(--violet-dim);font-style:normal }
.ys-next { justify-self:end;background:var(--gold);color:var(--ground);border:1px solid var(--gold);padding:12px 18px;cursor:pointer;font:900 .74rem/1 var(--mono);letter-spacing:.14em }
.ys-next:hover { background:var(--cream);border-color:var(--cream) }
.ys-bpm { margin:0 0 10px;color:var(--gold);font:700 .8rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase } .ys-bpm b { font-size:1.4rem;letter-spacing:0 }
.ys-quote { margin:14px 0;padding:14px 18px;border-left:3px solid var(--gold);background:#0d072480;color:var(--cream);line-height:1.7;font-style:italic }
.ys-quote cite { display:block;margin-top:8px;font:700 .72rem/1.5 var(--mono);font-style:normal } .ys-quote cite a { color:var(--gold) }
.ys-second { color:#c4b3e8;margin:0 0 12px } .ys-second b { color:var(--cream) }
.ys-bars { display:grid;gap:6px;margin:0 0 18px }
.ys-bars div { display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;font:700 10px/1.4 var(--mono);letter-spacing:.14em;color:#c4b3e8;text-transform:uppercase }
.ys-bars i { display:block;height:8px;background:#0d0724;border:1px solid #f3c04a4d;position:relative }
.ys-bars i::after { content:"";position:absolute;inset:0;width:var(--w);background:var(--gold) }
.ys-links { display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px } .ys-links a { color:var(--gold) }
.ys-share { display:flex;gap:8px;flex-wrap:wrap } .ys-share .deck-action { color:var(--cream);border-color:var(--cream) }
.ys-signal { max-width:640px;margin:clamp(24px,3.4vw,44px) auto 0;text-align:center;padding-top:clamp(20px,3vw,36px);border-top:1px solid #f3c04a33 }
.ys-signal h2 { margin:6px 0 10px;font:400 clamp(1.35rem,3vw,2.2rem)/1.1 var(--display);color:var(--cream);text-transform:uppercase }
.ys-signal .lead-form { max-width:520px;margin:0 auto;text-align:left }
.ys-method { max-width:880px;margin:0 auto clamp(40px,5vw,70px);padding-inline:5vw;text-align:center }
.ys-method p:not(.mixer-label) { color:#ded2f6;line-height:1.75;max-width:66ch;margin-inline:auto } .ys-method a { color:var(--gold) } .ys-method .mixer-label { color:var(--gold);letter-spacing:.2em }

/* ── fixes after the first live look ─────────────────────────────────────── */
/* an author display: rule beats the browser's [hidden]; the answer must stay
   shut until a choice is made, or the page gives the game away */
.ys-fact[hidden],.ys-signal[hidden],.night-install[hidden] { display:none !important }
/* the night pages are turquoise, not gold — the shared kicker was inheriting gold */
.night-hero .section-kicker,.page-night .page-hero .section-kicker { color:var(--turq) }
.page-night .page-hero .page-stamp span { color:#8fcfc1 }