:root{--accent:#bb3e20;--purple:var(--accent);--accent-bright:#ff794e;--lime:#f4cd69;--paper:#f5f3eb}
header{position:relative;border-bottom-style:dashed;z-index:3}
header>.sign-mount{position:absolute;top:calc(100% - 2px);left:1%;border:0;margin:0;padding-top:34px}
.sign-mount:before,.sign-mount:after{top:-3px;width:6px;height:6px;border:0}
.sign-mount:before{left:22px}.sign-mount:after{right:22px}
.sign-mount .sign{transform-origin:50% -35px;background:#f4cd69}
.sign-mount .sign:before,.sign-mount .sign:after{height:35px;top:-35px}
.hero{padding-top:120px}
.primary:hover{background:#973016}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #bb3e20;outline-offset:5px}
.motion-halo{background:radial-gradient(ellipse at 30% 40%,#ee8c5240,transparent 55%),radial-gradient(ellipse at 70% 60%,#f4cd6955,transparent 55%)}
.orbit-ring{border-color:#bb3e2033}.orbit-ring:after{background:#c25f35;box-shadow:0 0 18px #df794150}
.signal-section{background:#101211;color:#f5f3f0;padding:65px 6% 25px;overflow:hidden}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:32px}
.section-heading>p{max-width:380px;font-size:16px;line-height:1.65;color:#6c6a67;margin:0 0 5px}
.home-section h2,.signal-section h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(45px,5.2vw,74px);font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:-.7px;margin:0}
.home-section h2 em,.signal-section h2 em{font-style:normal;color:var(--accent)}
.signal-section h2 em{color:var(--accent-bright)}
.signal-section .section-heading>p{color:#afadaa}
.signal-section .eyebrow{color:var(--accent-bright)}
.home-section{padding:68px 6%;max-width:1600px;margin:auto;border-bottom:1px solid var(--line)}
.home-section .eyebrow,.signal-section .eyebrow{font-size:12px;letter-spacing:1.4px;margin-bottom:18px}
.signal-controls,.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}
.segmented{display:flex;gap:5px;flex-wrap:wrap}
.segmented button{padding:10px 16px;background:transparent;border:1px solid #bfbdba;border-radius:4px;font-size:13px;font-weight:600}
.segmented button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.signal-section .segmented button{border-color:#4b4946;color:#dddbd8}
.signal-section .segmented button[aria-pressed=true]{background:#ebe9e6;border-color:#ebe9e6;color:#191714}
.signal-action{border:0;background:none;color:#edebe8;border-bottom:1px solid #7b7976;padding:8px 0;font-size:13px}
.signal-action[aria-pressed=true]{color:var(--accent-bright);border-color:var(--accent-bright)}
.signal-scene-label{display:flex;align-items:center;gap:8px;color:#afadaa;font-size:12px}
.signal-scene-label select{color:#f5f3f0;background:#272522;border:1px solid #4c4a47;padding:8px;border-radius:4px;font:inherit}
.signal-stage{position:relative;min-height:500px;height:min(52vw,640px);margin-top:15px}
#society-particles{display:block;width:100%;height:100%;touch-action:pan-y;cursor:crosshair;border-radius:8px}
.signal-fallback{display:none;position:absolute;width:60%;height:90%;object-fit:contain;left:20%;top:0}
.signal-stage.failed canvas{visibility:hidden}.signal-stage.failed .signal-fallback{display:block}
.signal-coordinate{position:absolute;bottom:10px;font-size:11px;letter-spacing:2px;color:#93918e;pointer-events:none}
.signal-left{left:3%}.signal-right{right:3%}
.signal-instructions{display:flex;justify-content:space-between;gap:15px;padding-top:21px;border-top:1px solid #373532;font-size:11px;letter-spacing:1.5px;color:#b0aeab}
.collection-count{display:flex;align-items:center;gap:18px}
.collection-count strong{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:64px;line-height:1}
.collection-count span{font-size:12px;line-height:1.6;color:#72706d}
.collection-toolbar{margin:25px 0}.collection-toolbar>span{font-size:12px;color:#706e6b}
.art-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.art-gallery article{background:#fffdf6;border:1px solid #dad8d5;transition:transform .25s}
.art-gallery article:hover{transform:translateY(-6px) rotate(-1deg)}
.art-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.art-gallery article>div{padding:18px}.art-gallery article span{display:block;font-size:10px;color:var(--accent);letter-spacing:1px;margin-bottom:7px}.art-gallery article strong{font-size:16px}
.section-foot{display:flex;justify-content:space-between;gap:25px;margin-top:25px;align-items:center}.section-foot p{font-size:12px;color:#72706d;margin:0;max-width:550px}
.derby-section{background:#efedea;max-width:none}
.race-demo{background:#fbf9f6;border:1px solid #aeaca9;padding:24px}
.race-demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #dcdad7}
.example-label{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:#716f6c}
.race-demo-header output{font-family:var(--mono);font-size:16px}
.race-lanes{padding:10px 0}
.demo-lane{display:flex;gap:12px;align-items:center;min-height:89px;border-bottom:1px dashed #c4c2bf}
.lane-number{font-family:var(--mono);color:#92908d;font-size:12px}
.lane-track{position:relative;flex:1;min-width:0;height:88px;margin-right:15px;background:linear-gradient(90deg,transparent calc(100% - 3px),#3a3835 calc(100% - 3px))}
.lane-racer{position:absolute;left:0;top:14px;display:flex;align-items:center;gap:8px;will-change:transform}
.lane-racer img{width:54px;height:54px;border-radius:5px;object-fit:cover;border:2px solid #fff}
.lane-racer>span{font-size:12px;white-space:nowrap}.lane-racer strong{display:block;font-family:var(--mono);font-size:14px;margin-top:4px;color:#3a672d}
.lane-racer strong.negative{color:#aa351c}
.race-scrubber{max-width:700px;margin:25px auto 0}.race-scrubber label,.level-console label{font-size:14px;display:block;margin-bottom:12px}
input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}
.race-scrubber>div,.level-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:#74726f;margin-top:8px}
#race-leader{text-align:center;font-size:12px;line-height:1.6;margin:18px 0 0;color:#676562}
.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}.three-notes article>span{font-size:11px;color:var(--accent);letter-spacing:1px}.three-notes h3{font-size:20px;margin:15px 0 10px}.three-notes p{font-size:15px;line-height:1.65;color:#6d6b68;margin:0}
.level-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.level-console{padding:30px;background:#282623;color:#f7f5f2;border-radius:6px}
.level-console .example-label{color:#c3c1be}.level-readout{display:flex;align-items:center;justify-content:space-between;margin:24px 0 35px;gap:15px}
.level-readout>strong{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:100px;line-height:1;color:#f4cd69}
.level-readout output{display:block;font-size:43px;letter-spacing:-1px}
.level-readout>div>span{font-size:10px;color:#b9b7b4;letter-spacing:1px}
.level-ticks{color:#c8c6c3}
#level-description{font-size:15px;line-height:1.6;margin:25px 0 16px;min-height:72px}
.level-warning{font-size:12px;color:#c0bebb;line-height:1.6;margin-bottom:0}
.reward-explain article{padding:20px 0;border-top:1px solid #aeaca9}.reward-explain article>span{font-size:11px;color:var(--accent);letter-spacing:1px}.reward-explain h3{font-size:24px;margin:15px 0 12px}.reward-explain p{font-size:16px;line-height:1.65;color:#6e6c69}.risk-note{display:block;font-size:13px;color:#923517;line-height:1.6;border-left:3px solid #b85127;padding-left:13px}
.mechanic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.mechanic-grid article{padding:24px 20px;background:#eeeee4;border-top:2px solid #989693}.mechanic-grid article>span{font-size:28px;color:var(--accent)}.mechanic-grid h3{font-size:22px;margin:20px 0 12px}.mechanic-grid p{font-size:14px;line-height:1.7;color:#6a6865;margin:0}
.protocol-note{display:grid;grid-template-columns:1fr 2fr;gap:16px 30px;border-top:1px solid #bebcb9;margin-top:30px;padding-top:25px;align-items:start}
.protocol-note>span{font-size:12px;font-weight:700;letter-spacing:1px}.protocol-note p{font-size:15px;line-height:1.7;margin:0}.protocol-note a{justify-self:start}.protocol-note small{font-size:12px;line-height:1.5;color:#7b7976}
.episodes-section{background:#1d1b18;color:#f6f4f1;max-width:none}.episodes-section h2 em{color:var(--accent-bright)}.episodes-section .section-heading>p{color:#c0bebb}
.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.episode-grid video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#0c0a07}.episode-grid article>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0}.episode-grid article span{font-size:11px;color:#d4b777;letter-spacing:1px}.episode-grid article strong{font-size:14px}
.mint-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mint-phases article{border:1px solid #bfbdba;padding:27px}.mint-phases article>span{font-size:11px;color:var(--accent);letter-spacing:1px}.mint-phases h3{margin:20px 0;font-size:24px}.mint-phases article>strong{display:block;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:44px;margin-bottom:17px}.mint-phases p{font-size:15px;line-height:1.6;color:#6f6d6a;margin:0}
.mint-status{display:flex;align-items:start;gap:30px;padding-top:25px}.mint-status>span{font-size:11px;white-space:nowrap;font-weight:700;color:var(--accent)}.mint-status p{font-size:13px;line-height:1.6;color:#72706d;margin:0;max-width:820px}
.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:55px}.faq-section details{border-top:1px solid #bcbab7}.faq-section summary{position:relative;cursor:pointer;font-size:17px;line-height:1.4;padding:21px 25px 21px 0;list-style:none;font-weight:600}.faq-section summary:after{content:'+';position:absolute;right:0;top:20px}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:15px;line-height:1.7;color:#716f6c;margin:0 0 20px;max-width:600px}
.society-footer{display:flex;align-items:center;justify-content:space-between;gap:50px;background:#151310;color:#edebe8;padding:60px 6%}
.society-footer>img{width:42%;max-width:540px;height:auto;mix-blend-mode:screen}.society-footer p{font-size:18px}.society-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;margin-bottom:22px}.society-footer small{font-size:11px;color:#adaba8}
@media(max-width:900px){.hero{padding-top:115px}.section-heading{gap:25px;align-items:start}.section-heading>p{max-width:300px}.home-section,.signal-section{padding-left:5%;padding-right:5%}.art-gallery{gap:16px}.art-gallery article>div{padding:14px}.art-gallery article strong{font-size:14px}.level-layout{gap:25px}.mechanic-grid{grid-template-columns:1fr 1fr}.mint-phases{gap:12px}.mint-phases article{padding:20px}.signal-controls{flex-wrap:wrap}.episode-grid{gap:14px}.faq-section{gap:30px}.level-readout output{font-size:34px}}
@media(max-width:600px){header>.sign-mount{left:2%;padding-top:26px}.sign-mount .sign:before,.sign-mount .sign:after{height:27px;top:-27px}.sign-mount .sign{transform-origin:50% -27px}.hero{padding-top:110px}.intro h1{font-size:clamp(65px,19vw,88px)}.home-section,.signal-section{padding:45px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px;max-width:none;font-size:15px}.section-heading h2,.home-section h2{font-size:48px}.signal-stage{min-height:420px;height:430px}.signal-coordinate{font-size:8px;letter-spacing:.5px}.signal-controls{gap:15px}.signal-controls .segmented{order:0}.signal-scene-label{order:1}.signal-action{order:2;width:100%;text-align:left}.signal-instructions{font-size:8px;letter-spacing:.4px;gap:12px;line-height:1.6}.segmented button{padding:9px 11px;font-size:12px}.collection-toolbar{align-items:start;flex-direction:column;gap:12px}.collection-count{margin-top:23px}.collection-count strong{font-size:48px}.art-gallery{grid-template-columns:1fr 1fr;gap:14px}.art-gallery article>div{padding:12px 9px}.art-gallery article span{font-size:8px}.art-gallery article strong{font-size:13px;line-height:1.3;display:block}.section-foot{align-items:start;flex-direction:column;gap:15px}.race-demo{padding:16px 12px}.example-label{font-size:9px;letter-spacing:.3px}.race-demo-header output{font-size:13px}.demo-lane{gap:5px;min-height:72px}.lane-track{height:72px;margin-right:0}.lane-racer img{width:34px;height:34px}.lane-racer>span{font-size:9px}.lane-racer strong{font-size:11px}.lane-racer{gap:5px;top:17px}.lane-number{font-size:9px}.three-notes{grid-template-columns:1fr;gap:22px}.three-notes h3{margin:10px 0}.three-notes p{font-size:14px}.level-layout{grid-template-columns:1fr}.level-console{padding:23px}.mechanic-grid{grid-template-columns:1fr 1fr;gap:12px}.mechanic-grid article{padding:18px 14px}.mechanic-grid h3{font-size:20px}.mechanic-grid p{font-size:13px}.protocol-note{grid-template-columns:1fr;gap:14px}.episode-grid{grid-template-columns:1fr;gap:25px}.episode-grid video{aspect-ratio:4/3;object-fit:contain}.mint-phases{grid-template-columns:1fr}.mint-phases article{padding:23px}.mint-phases h3{margin:12px 0}.mint-phases article>strong{font-size:38px}.mint-status{display:block}.mint-status p{margin-top:12px}.faq-section{grid-template-columns:1fr}.faq-section summary{font-size:16px}.society-footer{flex-direction:column;align-items:start;gap:25px;padding:40px 6%}.society-footer>img{width:90%}.society-footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){.art-gallery article{transition:none}}