/* REDO / The Frequency Room. Static first; no decorative animation loops. */
.redo-room{--r-bg:#101e25;--r-panel:#172a32;--r-line:#3b535b;--r-paper:#f5f0dc;--r-soft:#b4c9cb;--r-accent:#baf16c;position:relative;isolation:isolate;background:var(--r-bg);color:var(--r-paper);padding:35px 0 24px;overflow:hidden;color-scheme:dark}
.redo-room:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/paper.webp');opacity:.035;pointer-events:none}
.redo-room [hidden]{display:none!important}.redo-room :focus-visible{outline:3px solid var(--r-accent);outline-offset:4px}.redo-room .wrap{max-width:1360px}.redo-room button,.redo-room input{font:inherit}.redo-room button{min-height:46px;border:1px solid var(--r-line);background:transparent;color:var(--r-paper);border-radius:4px;padding:10px 16px;font-size:12px;font-weight:700}.redo-room button:hover:not(:disabled){border-color:var(--r-accent);background:#233a3d}.redo-room button:disabled{cursor:default;opacity:.7}.redo-room .redo-primary{background:var(--r-accent);border-color:var(--r-accent);color:#15251b}.redo-room .redo-primary:hover:not(:disabled){background:#d4ff9a;color:#15251b}.redo-room a{ text-underline-offset:4px}.redo-room a:hover{text-decoration:underline}
.redo-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--r-line);padding-bottom:24px}.redo-wordmark{font-family:var(--display);font-size:38px;letter-spacing:-.03em;display:flex;align-items:center;gap:20px;line-height:1}.redo-wordmark span{font:700 9px/1.5 var(--font);letter-spacing:.16em;max-width:95px}.redo-edition{font:500 9px/1.8 var(--font);letter-spacing:.13em;color:var(--r-soft);text-align:right}.redo-edition>span{font-size:22px;color:var(--r-accent);margin:0 16px}
.redo-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:68px 0 64px}.redo-kicker{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--r-soft);display:flex;align-items:center;gap:12px;margin-bottom:25px}.redo-kicker>span{font-size:26px;line-height:1;color:var(--r-accent)}.redo-room h2{font-size:clamp(65px,7.4vw,108px);line-height:1.02;letter-spacing:-.025em}.redo-room h2>span{color:var(--r-accent)}.redo-intro{font-size:14px;line-height:1.85;margin-top:26px;color:var(--r-paper)}.redo-margin-note{display:flex;gap:12px;align-items:center;margin:23px 0 26px;color:var(--r-soft)}.redo-margin-note>span{font-size:27px;color:var(--r-accent)}.redo-margin-note p{font-size:10px;line-height:1.7}.redo-explore{display:inline-flex;align-items:center;gap:35px;min-height:46px;font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--r-accent)}.redo-explore>span{font-size:24px;color:var(--r-accent)}
.redo-receiver{min-width:0;background:var(--r-panel);border:1px solid var(--r-line);border-radius:12px;padding:18px;box-shadow:0 24px 50px #0003;position:relative}.redo-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 9px/1.5 monospace;color:var(--r-soft);letter-spacing:.04em}.redo-hud>span:first-child{display:flex;gap:8px;align-items:center}.redo-hud i{width:6px;height:6px;border-radius:50%;background:var(--r-accent)}.redo-stage{position:relative;aspect-ratio:1.12;margin:15px 0;display:grid;place-items:center;isolation:isolate;overflow:hidden;border:1px solid #3b535b;background:radial-gradient(ellipse at 50% 50%,#34565a 0%,#203a41 40%,#142830 75%);border-radius:5px}.redo-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#9fc3c00a 1px,transparent 1px),linear-gradient(90deg,#9fc3c00a 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.redo-orbits{position:absolute;inset:8%;pointer-events:none;z-index:-1}.redo-orbits span{position:absolute;inset:3%;border:1px solid #83b2a847;border-radius:50%}.redo-orbits span:nth-child(2){inset:15% -7%;transform:rotate(-32deg);border-style:dashed}.redo-orbits span:nth-child(3){inset:-8% 22%;transform:rotate(36deg)}.redo-orbits b{position:absolute;top:8%;right:0;color:var(--r-accent);font-size:30px;line-height:1}.redo-aperture{position:relative;width:83%;aspect-ratio:1;transform:rotate(-4deg)}.redo-aperture>img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 14px #0004)}.redo-canvas{position:absolute;inset:0;filter:drop-shadow(0 12px 14px #0004)}.redo-canvas canvas{width:100%!important;height:100%!important;display:block}.redo-stage.has-animation #redo-preview{visibility:hidden}.redo-axis{position:absolute;left:12px;right:12px;text-align:center;font:8px/1.4 monospace;letter-spacing:.13em;color:var(--r-soft);pointer-events:none}.redo-axis-top{top:12px}.redo-axis-bottom{bottom:11px}.redo-caption{display:flex;justify-content:space-between;align-items:center;gap:16px}.redo-label{display:block;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.13em;color:var(--r-soft)}.redo-caption h3{font-size:26px;letter-spacing:-.045em;line-height:1.2;margin-top:6px}.redo-caption a{font-size:10px;flex-shrink:0;border-bottom:1px solid var(--r-line);padding:12px 0}.redo-reading{font-size:11px;color:var(--r-soft);line-height:1.8;margin:12px 0 18px;min-height:40px}.redo-actions{display:flex;flex-wrap:wrap;gap:7px}.redo-actions .redo-primary{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px}.redo-status{font-size:10px;color:var(--r-soft);line-height:1.7;margin-top:12px;min-height:34px}.redo-timeline{border-top:1px solid var(--r-line);padding-top:14px;margin-top:14px}.redo-timeline label{display:flex;justify-content:space-between;font:10px/1.5 monospace}.redo-timeline>span{font-size:9px;color:var(--r-soft)}.redo-room input[type=range]{display:block;min-height:44px;width:100%;margin:4px 0;accent-color:var(--r-accent);cursor:pointer}
.redo-tuner{padding:30px 0 34px;border-top:1px solid var(--r-line);scroll-margin-top:30px}.redo-tuner-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.redo-tuner h3,.redo-make h3{font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-.045em;margin:9px 0 0}.redo-navigation{display:flex;align-items:center;gap:14px;flex-shrink:0}.redo-navigation button{font-size:22px;line-height:1;padding:8px;width:46px}.redo-navigation span{font:10px monospace;color:var(--r-soft)}.redo-dial{margin:26px 0 22px;padding:20px 22px 14px;border:1px solid var(--r-line);border-radius:5px;background:#ffffff03}.redo-dial label{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;letter-spacing:.12em}.redo-dial label span{color:var(--r-soft);letter-spacing:0;font-weight:400}.redo-scale{background:repeating-linear-gradient(90deg,#b4c9cb55 0 1px,transparent 1px calc(100% / 45));background-size:100% 8px;background-repeat:no-repeat;background-position:bottom;padding:8px 0 11px}.redo-scale-labels{display:flex;justify-content:space-between;color:var(--r-soft);font:8px/1.5 monospace;letter-spacing:.04em;margin-top:10px}.redo-signals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.redo-room .redo-signal{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-width:0;text-align:left;padding:13px 12px 16px;position:relative;border-radius:5px;background:#ffffff03;transition:border-color .15s,background .15s}.redo-room .redo-signal[aria-pressed=true]{border:2px solid var(--r-accent);padding:12px 11px 15px;background:#baf16c0c}.redo-signal[aria-pressed=true]:after{content:'↗';position:absolute;right:10px;bottom:12px;color:var(--r-accent);font-size:18px}.redo-signal-number{font:8px/1.5 monospace;letter-spacing:.04em;color:var(--r-soft)}.redo-signal img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;padding:10px 6px;pointer-events:none}.redo-signal>span:last-child{font-size:11px;padding-right:14px;line-height:1.5}.redo-room .redo-signal:disabled{opacity:1}
.redo-make{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;border-top:1px solid var(--r-line);padding:38px 0}.redo-make p:not(.redo-label){font-size:12px;line-height:1.8;margin-top:13px;color:var(--r-soft)}.redo-card-form{min-width:0}.redo-card-form label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.redo-card-form label span{font-size:10px;color:var(--r-soft);font-weight:400}.redo-card-form input{width:100%;background:#0c191f;color:var(--r-paper);border:1px solid var(--r-line);border-radius:4px;min-height:52px;padding:12px;margin:10px 0}.redo-card-actions{display:flex;gap:8px}.redo-card-actions .redo-primary{flex:1;display:flex;justify-content:space-between;gap:12px;align-items:center}.redo-card-form #redo-save-status{font-size:10px;min-height:36px;margin-top:8px}.redo-credits{border-top:1px solid var(--r-line);border-bottom:1px solid var(--r-line);padding:22px 0}.redo-credits summary{cursor:pointer;font-size:13px;font-weight:700;min-height:44px;align-content:center}.redo-credits summary span{font-size:10px;font-weight:400;color:var(--r-soft);margin-left:18px}.redo-credits>div{display:grid;grid-template-columns:1fr 1fr;gap:20px 6%;padding:14px 0 10px}.redo-credits p{font-size:11px;line-height:1.9;color:var(--r-soft)}.redo-credits strong{color:var(--r-paper)}.redo-credits a{text-decoration:underline;color:var(--r-paper)}.redo-colophon{display:flex;justify-content:space-between;gap:20px;font:8px/1.7 monospace;color:var(--r-soft);letter-spacing:.08em;padding-top:24px}.redo-colophon>span:last-child{white-space:nowrap}.redo-colophon>span>span{color:var(--r-accent);font-size:16px;vertical-align:middle;margin-left:9px}
.redo-card-proof{grid-column:1/-1;max-width:900px;width:100%;margin:28px auto 0;min-width:0}.redo-card-proof canvas{display:block;width:100%;height:auto;border:1px solid var(--r-line);box-shadow:0 14px 35px #0003}.redo-card-proof>span{display:block;margin-top:12px;font:9px monospace;letter-spacing:.15em;color:var(--r-soft);text-align:right}.redo-return{display:inline-flex;align-items:center;min-height:48px;margin-top:12px;font-size:12px;color:var(--r-accent)}#redo-stage{scroll-margin-top:130px}
@media(min-width:1600px){.redo-room h2{font-size:120px}}
@media(max-width:1050px){.redo-room .wrap{width:calc(100% - 64px)}.redo-hero{gap:4%;padding-top:45px}.redo-room h2{font-size:clamp(60px,8vw,84px)}.redo-receiver{padding:14px}.redo-actions button{padding:10px 12px;font-size:10px}.redo-caption{gap:8px}.redo-caption h3{font-size:22px}.redo-caption a{font-size:9px}.redo-signal-number{font-size:7px}}
@media(max-width:760px){.redo-room .wrap{width:calc(100% - 40px)}.redo-edition{max-width:170px;font-size:8px}.redo-edition>span{margin:0 5px}.redo-hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.redo-room h2{font-size:clamp(68px,13.5vw,100px)}.redo-kicker{margin-bottom:20px;font-size:8px}.redo-intro{font-size:13px;margin-top:22px}.redo-margin-note{margin:15px 0}.redo-receiver{max-width:550px;width:100%;justify-self:center;padding:16px}.redo-stage{aspect-ratio:1.18}.redo-aperture{width:78%}.redo-caption h3{font-size:26px}.redo-reading{min-height:0}.redo-actions button{font-size:11px}.redo-tuner-heading{align-items:flex-start}.redo-tuner h3{font-size:28px;max-width:320px}.redo-navigation{gap:8px}.redo-navigation span{display:none}.redo-navigation button{width:44px;min-height:44px}.redo-dial{padding:16px 14px}.redo-dial label{display:block}.redo-dial label span{display:block;margin-top:5px}.redo-scale-labels{font-size:7px}.redo-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.redo-room .redo-signal{padding:10px 8px 13px}.redo-room .redo-signal[aria-pressed=true]{padding:9px 7px 12px}.redo-signal>span:last-child{font-size:10px}.redo-signal img{padding:8px 0}.redo-signal-number{font-size:7px;letter-spacing:0}.redo-signal[aria-pressed=true]:after{font-size:15px;right:6px}.redo-make{grid-template-columns:1fr;gap:24px}.redo-credits>div{grid-template-columns:1fr;gap:15px}.redo-credits summary span{display:block;margin:7px 0 0 16px}.redo-colophon{font-size:7px;gap:16px}.redo-colophon>span:first-child{max-width:150px}.redo-colophon>span:last-child{white-space:normal;text-align:right}}
@media(max-width:380px){.redo-room .wrap{width:calc(100% - 32px)}.redo-wordmark{gap:10px;font-size:32px}.redo-wordmark span{font-size:8px;max-width:70px}.redo-edition{font-size:7px;max-width:110px}.redo-room h2{font-size:65px}.redo-kicker{font-size:7px;gap:7px}.redo-receiver{padding:12px}.redo-caption h3{font-size:23px}.redo-actions{gap:6px}.redo-actions button{padding:9px;font-size:10px}.redo-tuner h3{font-size:24px}.redo-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.redo-card-actions button{padding:10px;font-size:11px}.redo-axis{font-size:7px}}
@media(prefers-reduced-motion:reduce){.redo-room *{transition:none!important;scroll-behavior:auto!important}}
body.motion-off .redo-room *{transition:none!important}
@media print{.redo-room{background:#fff;color:#111;--r-soft:#333;--r-line:#777;--r-paper:#111;--r-accent:#385a15;--r-panel:#fff;padding:20px 0}.redo-room:before,.redo-orbits,.redo-dial,.redo-player-tools,.redo-navigation,.redo-make,.redo-explore,.redo-canvas{display:none!important}.redo-stage #redo-preview{visibility:visible!important}.redo-hero{padding:20px 0;gap:20px;grid-template-columns:1fr 1fr}.redo-room h2{font-size:60px}.redo-receiver{box-shadow:none;break-inside:avoid}.redo-stage{background:#eee}.redo-signals{grid-template-columns:repeat(5,1fr)}.redo-room .redo-signal{break-inside:avoid}.redo-room .wrap{width:100%}}