:root{--red:#ee292c;--yellow:#ffdf00;--cream:#f2ecdc;--ink:#171715;--mono:'Space Mono',monospace;--head:'Barlow Condensed','Impact','Arial Narrow',sans-serif;--pixel:'VT323',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:disabled{opacity:.35;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #008eaa;outline-offset:5px}button{border-radius:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--head);font-weight:900;line-height:.94}img{max-width:100%;display:block}.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;clip:auto;z-index:99;width:auto;height:auto;top:5px;left:5px;background:var(--yellow);padding:12px}.nav{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--cream);gap:25px;border-bottom:2px solid var(--ink)}.logo{font-family:var(--head);font-size:29px;font-weight:900;position:relative;text-decoration:none;line-height:.9;padding-left:27px;padding-bottom:13px;white-space:nowrap}.logo em{font-style:italic;color:var(--red)}.logo small{position:absolute;font:8px var(--mono);letter-spacing:2px;bottom:0;left:28px}.logo-bolt{font-size:57px;color:var(--red);position:absolute;left:-4px;top:-8px}.nav nav{display:flex;gap:32px}.nav nav a{font:700 11px var(--mono);text-decoration:none;letter-spacing:.5px}.nav nav a:hover{color:var(--red)}.radio{display:flex;align-items:center;gap:8px;background:none;border:1px solid #b8b4a9;padding:12px 15px;font:700 10px var(--mono);white-space:nowrap}.radio-dot{width:7px;height:7px;background:#74776a;border-radius:50%}.radio[aria-pressed=true] .radio-dot{background:var(--red);box-shadow:0 0 7px var(--red)}.bars{font-size:17px;letter-spacing:1px}.radio[aria-pressed=true] .bars{animation:blink .8s steps(2) infinite}.hero{height:min(730px,calc(100svh - 88px));min-height:610px;position:relative;color:var(--cream);background:#493220;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:65% 50%;position:absolute}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,7,.9) 0%,rgba(9,9,7,.67) 32%,rgba(9,9,7,.1) 68%),linear-gradient(0deg,#0009,transparent 40%)}.hero-grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero-inner{position:relative;padding:57px 5% 60px;max-width:780px}.eyebrow{font:700 10px var(--mono);letter-spacing:1.7px;line-height:1.7;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:var(--yellow)}h1{font-size:clamp(72px,7.8vw,122px);letter-spacing:-2px;line-height:.86;margin:26px 0 25px;text-shadow:4px 5px #0007}h1>span{display:inline-block;font-size:1.32em;font-style:italic;letter-spacing:-5px;color:var(--yellow);transform:rotate(-3deg);padding-right:22px;margin:4px 0 12px}.hero-copy{font-size:14px;line-height:1.65;color:#dedbce}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;text-decoration:none;padding:16px 23px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:800 15px var(--head);letter-spacing:.8px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px var(--ink)}.button>span{font-size:25px;line-height:.5}.yellow{background:var(--yellow);color:var(--ink)}.cream{background:var(--cream);color:var(--ink)}.hero .button{margin-top:24px}.hero-note{display:block;font:8px var(--mono);letter-spacing:1.2px;margin-top:17px;color:#c3bca8}.hero-stamp{position:absolute;right:4.5%;top:35px;width:142px;height:142px;background:var(--yellow);color:var(--ink);clip-path:polygon(50% 0%,59% 7%,70% 4%,75% 15%,88% 14%,88% 28%,100% 34%,94% 46%,100% 59%,87% 65%,88% 79%,74% 80%,68% 94%,56% 90%,46% 100%,36% 91%,24% 95%,20% 82%,7% 81%,11% 67%,0% 60%,7% 48%,1% 35%,15% 30%,13% 17%,28% 17%,33% 4%,44% 8%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(11deg)}.hero-stamp strong{font:900 22px/.9 var(--head);margin:5px 0}.hero-stamp>span{font:8px var(--mono)}.hero-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px}.hero-bottom b{font-size:22px;margin-left:15px}.ticker{overflow:hidden;background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);height:54px;display:flex;align-items:center;transform:rotate(-1deg);margin:-4px 0 0;position:relative;width:100%}.ticker>div{white-space:nowrap;font:900 24px var(--head);letter-spacing:1px;animation:marquee 38s linear infinite}.ticker span{margin:0 28px;font-size:30px}.section{padding:85px 5%}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:38px}.dark{color:#656257}h2{font-size:clamp(42px,4.7vw,70px);letter-spacing:-.8px}h2>span{color:var(--red)}.section-heading h2{margin-top:18px}.section-heading>p{font-size:13px;line-height:1.8;max-width:340px;margin-bottom:6px}.machine{display:grid;grid-template-columns:.93fr 1.2fr;gap:55px;align-items:start}.pump{background:var(--red);padding:12px;box-shadow:6px 6px 0 #1a1a16;border:2px solid var(--ink);position:relative}.pump:after{content:'';position:absolute;width:14px;right:-23px;height:220px;top:80px;border:7px solid #242422;border-left:none;border-radius:0 25px 25px 0}.pump-top{display:flex;justify-content:space-between;color:var(--cream);font:700 9px var(--mono);padding:5px 6px 15px;letter-spacing:.9px}.pump-body{background:var(--cream);padding:28px 23px 13px;border:2px solid var(--ink)}.pump-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pump-label strong{font:900 25px var(--head)}.pump-label>span{font:9px var(--mono)}.display{height:118px;background:#1d2420;display:flex;align-items:center;justify-content:space-between;padding:4px 20px;color:var(--yellow);position:relative;border:4px solid #30362d;box-shadow:inset 0 2px 8px #0008}.display-ghost{position:absolute;font:104px var(--pixel);opacity:.05;left:20px;pointer-events:none}.display>output{font:104px var(--pixel);letter-spacing:2px;text-shadow:0 0 12px #ffdf0040;line-height:1;position:relative}.display-unit{font:34px/.8 var(--pixel);text-align:right}.display-unit small{font:8px var(--mono)}.euro-line{display:flex;justify-content:space-between;gap:8px;font:8px var(--mono);margin-top:12px}.pump-divider{border-top:1px dashed #aaa596;margin:24px 0 18px}.tank-total{display:flex;justify-content:space-between;align-items:center;gap:10px}.tank-total>span{font:900 19px var(--head)}.tank-total small{display:block;font:10px var(--mono);margin-top:5px;color:#686456}.tank-total output{font:36px var(--pixel)}.tank-control{display:block;font:8px var(--mono);margin-top:24px}.tank-control input{margin:15px 0 5px}.pump-foot{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);margin-top:8px}.pump-smile{font-size:33px}.tiny{font:9px var(--mono);letter-spacing:1px;line-height:1.6}.timeline{padding:6px 0}.timeline-head{display:flex;align-items:center;justify-content:space-between}.year-controls{display:flex;align-items:center;gap:16px}.year-controls button{background:none;border:1px solid #c1bcae;width:31px;height:32px}.year-controls output{font:60px var(--pixel)}input[type=range]{width:100%;accent-color:var(--red);cursor:pointer;height:20px;display:block;margin:14px 0 0}.range-labels{display:flex;justify-content:space-between;font:9px var(--mono);margin:7px 0 20px}.year-presets{display:flex;gap:8px;justify-content:space-between}.year-presets button{background:transparent;border:1px solid #bab5a6;padding:9px 17px;font:12px var(--mono)}.year-presets .active{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.chart-wrap{margin-top:30px}.chart-label{display:flex;justify-content:space-between;font:8px var(--mono);color:#696557;margin-bottom:5px}#price-chart{width:100%;height:auto;overflow:visible}.chart-grid{stroke:#d9d3c3;stroke-dasharray:3 4;fill:none}#chart-line{stroke:var(--red);stroke-width:3;fill:none;stroke-linejoin:round}#chart-cursor{stroke:var(--ink);stroke-dasharray:3 4;stroke-width:1}#chart-point{fill:var(--red);stroke:var(--cream);stroke-width:3}.era-note{display:flex;gap:18px;padding-top:15px}.era-note>span{color:var(--red);font:50px var(--head);line-height:1}.era-note h3{font-size:28px;text-transform:uppercase}.era-note p{font-size:12px;line-height:1.6;margin-top:7px;max-width:380px}.data-note{font:8px/1.6 var(--mono);color:#666253;margin:18px 0 0 47px}.truth-strip{display:grid;grid-template-columns:180px 1fr;gap:20px;border-top:1px solid #c2bcad;padding-top:22px;margin-top:38px;align-items:center}.truth-strip>p{font-size:12px;line-height:1.8}.truth-strip strong{font-weight:800}.truth-strip p>span{color:#756f61}.road-section{display:grid;grid-template-columns:1.1fr 1fr;background:var(--red);color:var(--cream);padding:55px 5%;gap:40px;align-items:center;position:relative;overflow:hidden}.road-section:before{content:'';position:absolute;inset:0;opacity:.04;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);pointer-events:none}.road-copy{position:relative}.road-copy h2{margin:16px 0 20px;font-size:clamp(42px,4.3vw,64px)}.road-copy h2>span{color:var(--yellow)}.road-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.road-copy .button{margin:24px 0 15px}.road-note{display:block;font:7px var(--mono);line-height:1.8;letter-spacing:.5px}.arcade-preview{height:300px;background:#e5ab81;position:relative;overflow:hidden;border:6px solid var(--ink);box-shadow:7px 7px #0005;image-rendering:pixelated}.pixel-sun{position:absolute;background:var(--yellow);width:110px;height:110px;left:calc(50% - 55px);top:27px;clip-path:polygon(20% 0,80% 0,80% 10%,90% 10%,90% 20%,100% 20%,100% 80%,90% 80%,90% 90%,80% 90%,80% 100%,20% 100%,20% 90%,10% 90%,10% 80%,0 80%,0 20%,10% 20%,10% 10%,20% 10%)}.mountains{background:#784e5b;position:absolute;top:83px;width:100%;height:90px;clip-path:polygon(0 70%,14% 20%,23% 55%,41% 0,54% 43%,65% 17%,84% 75%,94% 44%,100% 70%,100% 100%,0 100%)}.pixel-road{position:absolute;bottom:0;left:0;width:100%;height:160px;background:#31312c;clip-path:polygon(43% 0,57% 0,95% 100%,5% 100%);border-bottom:5px solid #ffdf00}.pixel-road:after{content:'';background:repeating-linear-gradient(0deg,var(--cream) 0 20px,transparent 20px 40px);position:absolute;left:49%;height:100%;width:6px;transform:perspective(100px) rotateX(30deg)}.pixel-car{position:absolute;width:108px;height:65px;left:calc(50% - 54px);bottom:20px;background:#d92826;box-shadow:-7px 8px #171715,7px 8px #171715;clip-path:polygon(15% 0,85% 0,85% 25%,100% 25%,100% 90%,90% 90%,90% 100%,75% 100%,75% 90%,25% 90%,25% 100%,10% 100%,10% 90%,0 90%,0 25%,15% 25%)}.pixel-car i{position:absolute;inset:5px 20px 25px;background:#122833;border:5px solid #f04c39}.pixel-car b{position:absolute;left:9px;right:9px;height:9px;background:var(--cream);bottom:12px;border-left:22px solid #ff682c;border-right:22px solid #ff682c}.preview-score{position:absolute;left:15px;top:13px;font:18px var(--pixel);color:var(--cream);text-shadow:2px 2px var(--ink)}.preview-score b{font-size:27px}.insert{position:absolute;right:13px;bottom:13px;font:20px var(--pixel);color:var(--yellow);text-shadow:2px 2px #000;animation:blink 1.3s steps(2) infinite}.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.culture-feature{position:relative;min-height:590px;background:#211e16;color:var(--cream);overflow:hidden}.culture-feature>img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:66%}.culture-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0906f0,transparent 85%)}.culture-feature>div{position:absolute;bottom:30px;left:30px;right:30px;z-index:1}.culture-feature h3{font-size:61px;margin:14px 0}.culture-feature p{font-size:12px;line-height:1.7;max-width:300px;color:#d6d1c0}.photo-tag{position:absolute;top:25px;left:25px;background:var(--yellow);color:var(--ink);font:700 9px var(--mono);padding:10px 15px;transform:rotate(-4deg);z-index:1}.culture-side{display:grid;grid-template-rows:1fr auto;gap:24px}.workshop{background:var(--yellow);padding:30px;position:relative;border:1px solid var(--ink)}.workshop h3{font-size:41px;margin:45px 0 15px}.workshop p{font-size:12px;line-height:1.7;max-width:340px}.handwritten{display:block;font:italic 26px var(--head);transform:rotate(-3deg);margin-top:22px}.wrench{position:absolute;right:25px;top:15px;font-size:68px;color:var(--ink);transform:rotate(-20deg)}.cassette-card{border:1px solid #b9b2a1;padding:27px;display:flex;align-items:center;gap:24px}.cassette{background:#242420;width:155px;min-width:155px;height:103px;padding:11px;border-radius:6px;transform:rotate(-6deg);border:3px solid #383932;box-shadow:4px 4px 0 #cec7b8;position:relative}.cassette:after{content:'';position:absolute;bottom:0;left:28px;right:28px;border-bottom:13px solid #4a4a40;border-left:9px solid transparent;border-right:9px solid transparent}.cassette-label{background:var(--red);text-align:center;color:var(--cream);font:7px var(--mono);padding:7px 2px 3px}.spools{margin:7px 0 3px;background:#181a15;color:var(--cream);font-size:19px;line-height:1.2}.cassette-label>span{font-size:5px}.cassette-card h3{font-size:28px;margin:8px 0 11px}.text-button{background:none;border:0;padding:4px 0;border-bottom:1px solid currentColor;font:700 9px/1.6 var(--mono);text-align:left}.radio-note{font:7px/1.5 var(--mono);color:#766f5f;margin-top:9px;max-width:170px}.encore{background:#181a17;color:var(--cream);display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.encore-image{position:relative;transform:rotate(-3deg);max-width:470px;margin:0 auto}.encore-image img{box-shadow:10px 10px 0 #000;border:5px solid var(--cream)}.tape{position:absolute;bottom:7%;left:12%;width:max-content;max-width:100%;background:var(--yellow);color:var(--ink);font:700 9px var(--mono);padding:13px 18px;transform:rotate(5deg)}.encore-copy h2{margin:20px 0 25px}.encore-copy h2>span{color:var(--yellow)}.encore-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:470px;color:#c6c5b8}.encore-copy blockquote{font:italic 700 33px var(--head);margin:28px 0 8px}.encore-copy>.tiny{font-size:8px;color:#929486}.encore-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-top:30px}.light{color:var(--cream)}#lyrics{border-top:1px solid #55594a;margin-top:25px;padding-top:14px;font:11px/1.8 var(--mono)}#lyrics>summary{cursor:pointer;color:#c7c8b9}#lyrics p{margin-top:15px}.sources{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:55px;padding-bottom:55px}.sources h3{font-size:31px;margin-top:15px}.sources>div>p:not(.eyebrow){font:9px/1.9 var(--mono);color:#6a6659;margin-bottom:12px}.sources a{text-underline-offset:3px}footer{background:var(--yellow);border-top:2px solid var(--ink);padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-logo{font:900 35px var(--head);text-decoration:none}.footer-logo em{font-style:italic;color:var(--red)}footer>span{font:8px/1.7 var(--mono)}footer>a:last-child{font:700 10px var(--mono);text-underline-offset:5px}dialog{padding:0;background:var(--ink);color:var(--cream);border:3px solid var(--ink);max-width:min(760px,94vw);width:760px;max-height:94svh;overflow:auto;box-shadow:10px 10px 0 #0005}dialog::backdrop{background:#111d;backdrop-filter:blur(5px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--red);padding:15px 20px}.dialog-bar h2{font-size:24px;letter-spacing:0}.dialog-bar h2>span{color:var(--cream);font:9px var(--mono);margin-left:10px}.close{background:transparent;color:var(--cream);border:1px solid #fff5;width:34px;height:34px;font-size:20px}.game-hud{display:flex;justify-content:space-between;font:26px var(--pixel);padding:12px 20px}.game-hud button{font:10px var(--mono);color:var(--cream);border:1px solid #888;background:transparent;padding:5px 10px}.game-stage{position:relative}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}#game-message{position:absolute;inset:0;background:#141811b8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px}#game-message h3{font:40px var(--pixel);color:var(--yellow)}#game-message p{font:12px/1.8 var(--mono);margin:15px 0 22px}.game-controls{display:flex;justify-content:space-between;padding:12px;align-items:center;gap:8px}.game-controls>span{font:9px/1.8 var(--mono);text-align:center}.game-controls small{font-size:7px;color:#c4c8b5}.game-controls button{width:65px;height:44px;background:var(--yellow);border:0;font:28px var(--pixel)}#story-dialog{width:1100px;max-width:96vw;background:var(--cream);color:var(--ink)}#story-dialog .dialog-bar{color:var(--cream)}#story-dialog>p{padding:18px;font:10px/1.7 var(--mono)}body.modal-open{overflow:hidden}@keyframes marquee{to{transform:translateX(-38%)}}@keyframes blink{50%{opacity:.35}}
main{overflow-x:clip}.encore-image{width:100%}.encore-image img{width:100%;aspect-ratio:1;object-fit:cover}.machine>*{min-width:0}
@media(min-width:1600px){.hero{height:810px;max-height:900px}.hero-inner{padding-top:75px}h1{font-size:132px}.section{padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}}
@media(max-width:1050px){.nav nav{gap:18px}.nav nav a{font-size:9px}.logo{font-size:25px}.machine{gap:38px;grid-template-columns:1fr 1.1fr}.pump-body{padding:20px 15px 10px}.display{padding:5px 12px}.display>output{font-size:86px}.display-ghost{font-size:86px;left:12px}.year-presets button{padding:8px 11px}.cassette-card{gap:14px;padding:20px}.cassette{width:125px;min-width:125px;height:95px}.cassette-card h3{font-size:24px}.encore{gap:50px}.culture-feature{min-height:570px}.workshop h3{font-size:35px}.road-note{max-width:320px}.truth-strip{grid-template-columns:160px 1fr}.tank-total output{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:20px}.nav{height:76px;padding:0 5%;gap:8px}.logo{font-size:24px}.logo small{font-size:6px}.nav nav{display:none}.radio{padding:10px;font-size:8px;gap:5px}.bars{font-size:14px}.hero{height:720px;min-height:0;max-height:calc(100svh - 76px)}.hero-photo{object-position:64% 50%}.hero-shade{background:linear-gradient(90deg,#090907df,#0909076b 65%,#0003),linear-gradient(0deg,#090907a8,transparent 60%)}.hero-inner{padding:44px 6% 70px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(64px,12vw,92px);margin-top:27px}.hero-copy{font-size:12px}.hero .button{margin-top:24px}.hero-stamp{width:100px;height:100px;right:4%;top:auto;bottom:48px}.hero-stamp strong{font-size:15px}.hero-stamp>span{font-size:6px}.hero-bottom{font-size:6px;bottom:18px;left:6%;right:6%}.hero-bottom>span:last-child{display:none}.hero-note{font-size:6px}.ticker{height:45px}.ticker>div{font-size:20px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:12px}.section-heading h2{font-size:45px}.eyebrow{font-size:8px;letter-spacing:1px}.machine{grid-template-columns:minmax(0,1fr);gap:38px}.pump{max-width:480px;width:100%;margin:auto}.pump:after{right:-15px;width:9px;border-width:5px}.pump-body{padding:25px 22px 12px}.pump-label strong{font-size:28px}.display>output{font-size:110px}.display-ghost{font-size:110px}.tank-total output{font-size:36px}.timeline-head{margin-bottom:10px}.year-controls output{font-size:65px}.year-presets button{padding:9px 14px}.truth-strip{grid-template-columns:1fr;gap:9px}.truth-strip>p{font-size:11px}.truth-strip p>span{display:block}.road-section{grid-template-columns:1fr;padding:45px 6%;gap:35px}.road-copy h2{font-size:46px}.road-copy>p:not(.eyebrow){font-size:12px}.arcade-preview{height:260px}.road-note{font-size:6px;max-width:none}.culture-grid{grid-template-columns:1fr}.culture-feature{min-height:460px}.culture-feature h3{font-size:56px}.culture-side{gap:20px}.workshop{padding:28px}.workshop h3{font-size:40px;margin-top:35px}.workshop p{max-width:90%}.cassette-card{padding:24px;gap:28px}.cassette{width:140px;min-width:140px;height:100px}.cassette-card h3{font-size:29px}.radio-note{font-size:6px}.encore{grid-template-columns:1fr;gap:45px}.encore-image{width:83%;max-width:400px}.encore-copy h2{font-size:49px}.encore-copy>p:not(.eyebrow){font-size:13px}.encore-copy blockquote{font-size:30px}.sources{grid-template-columns:1fr;gap:25px}.sources h3{font-size:32px}.sources>div>p:not(.eyebrow){font-size:8px}footer{flex-wrap:wrap;padding:28px 6%;gap:20px}.footer-logo{font-size:31px}footer>span{font-size:7px}footer>a:last-child{font-size:9px;width:100%}.dialog-bar{padding:12px}.dialog-bar h2{font-size:20px}.dialog-bar h2>span{display:none}#game-message h3{font-size:26px}#game-message p{font-size:9px;margin:10px 0 15px}#game-message .button{font-size:12px;min-height:43px;padding:12px 20px}.game-controls>span{font-size:6px}.game-controls small{font-size:5px}.game-hud{font-size:21px}.game-controls button{width:55px}#story-dialog .dialog-bar h2{font-size:18px}}
@media(max-width:380px){.hero h1{font-size:63px}.hero-inner{padding-top:35px}.hero-stamp{width:85px;height:85px;bottom:45px}.hero-stamp strong{font-size:13px}.hero-copy{font-size:11px}.button{gap:25px;padding:15px 17px;font-size:13px}.year-presets button{padding:8px 11px}.display>output{font-size:96px}.display-ghost{font-size:96px}.pump-body{padding:20px 15px 10px}.cassette-card{gap:17px;padding:20px}.cassette{width:115px;min-width:115px}.cassette-card h3{font-size:26px}.section-heading h2{font-size:40px}.radio{padding:8px}.bars{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:760px){.hero{height:680px;max-height:none}}
@media(max-width:380px){.display{padding:4px 8px;height:105px}.display>output,.display-ghost{font-size:80px;letter-spacing:0}.display-unit{font-size:28px}.display-unit small{font-size:6px}.tank-total>span{font-size:16px}.tank-total output{font-size:27px}.year-presets{gap:4px}.year-presets button{padding:9px 5px;flex:1;font-size:10px}.euro-line{font-size:6px}.pump-top{font-size:7px}.pump-label>span{font-size:8px}.year-controls{gap:10px}.year-controls output{font-size:55px}.era-note{gap:12px}}

.werner-sticker{position:absolute;right:12px;top:22px;width:118px;height:118px;object-fit:contain;image-rendering:pixelated}.workshop h3{position:relative;margin-top:80px}@media(max-width:760px){.werner-sticker{width:106px;height:106px;top:15px}.workshop h3{margin-top:78px}}
/* Seit '82 im Kopf: larger lettering throughout, including labels and sources. */
body{font-size:18px;line-height:1.6}p{line-height:1.65}.nav{height:auto;min-height:112px;padding:16px 4%;gap:24px}.logo{display:flex;align-items:center;gap:7px;white-space:normal;padding:0;flex-shrink:0;transform:rotate(-2deg)}.logo-nozzle{width:59px;height:74px;color:var(--red);flex-shrink:0}.logo-words{display:block;font:900 34px/.85 var(--head);letter-spacing:-.5px;text-shadow:2px 2px var(--ink);background:var(--ink);color:var(--cream);padding:8px 12px 9px;box-shadow:4px 4px var(--red)}.logo em{display:block;font-size:1.5em;color:var(--yellow);letter-spacing:-1px;line-height:.9}.logo small{position:static;display:block;letter-spacing:.6px;font:700 14px/1.4 var(--head);margin-top:8px;color:var(--cream);text-shadow:none}.nav nav{gap:25px}.nav nav a{font:800 17px var(--head);letter-spacing:.4px}.radio{font:700 14px var(--mono);padding:12px;gap:7px}.eyebrow,.tiny{font-size:14px;letter-spacing:1px;line-height:1.65}.hero{height:790px;min-height:790px;max-height:none}.hero-inner{padding-top:50px;max-width:840px}.hero .eyebrow{font-size:14px}.hero h1{font-size:clamp(80px,7.8vw,120px);margin:26px 0}.hero-copy{font-size:18px;color:var(--cream)}.button{font-size:20px;min-height:58px;padding:16px 22px;line-height:1.1;letter-spacing:.5px}.hero-note,.hero-bottom{font-size:14px;letter-spacing:.6px}.hero-stamp{width:160px;height:160px}.hero-stamp strong{font-size:32px}.hero-stamp>span{font-size:14px}.section-heading>p{font-size:18px;max-width:400px}.section-heading{gap:40px}.section{padding-top:90px;padding-bottom:90px}.section-heading h2{font-size:clamp(44px,5vw,76px)}
.memories{background:var(--cream)}.memory-photo{position:relative;border:3px solid var(--ink);box-shadow:8px 8px var(--ink)}.memory-photo>img{width:100%;aspect-ratio:16/9;object-fit:cover}.memory-sticker{position:absolute;top:25px;right:30px;background:var(--yellow);color:var(--ink);font:900 42px/.9 var(--head);padding:22px;transform:rotate(7deg);box-shadow:5px 5px var(--ink)}.photo-credit{position:absolute;bottom:16px;left:20px;background:var(--ink);color:var(--cream);font:14px var(--head);letter-spacing:1px;padding:6px 10px}.memory-console{display:grid;grid-template-columns:1fr 1.8fr;gap:0;border:3px solid var(--ink);margin-top:36px}.memory-choices{display:grid;grid-template-columns:1fr;background:var(--yellow)}.memory-choices button{background:transparent;border:0;border-bottom:1px solid #17171555;text-align:left;padding:17px 24px;font:800 23px var(--head)}.memory-choices button:last-child{border-bottom:0}.memory-choices button[aria-pressed=true]{background:var(--ink);color:var(--yellow)}.memory-choices button[aria-pressed=true]:after{content:'→';float:right}.memory-detail{padding:36px;background:var(--red);color:var(--cream)}.memory-detail h3{font-size:clamp(36px,4.4vw,65px);margin:15px 0 20px}.memory-detail p:not(.eyebrow){font-size:18px;max-width:640px}.memory-detail .button{margin-top:25px}.memory-detail .memory-count{font:14px/1.65 var(--mono);margin-top:20px}.memory-detail .button[aria-pressed=true]{background:var(--cream)}
.product-section{border-top:3px solid var(--ink);background:#e5dfce}.product-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.product-tabs button{background:var(--cream);border:2px solid var(--ink);font:800 20px var(--head);padding:13px 22px;flex:1}.product-tabs button[aria-pressed=true]{background:var(--red);color:var(--cream);box-shadow:3px 3px var(--ink)}.product-board{background:var(--cream);border:3px solid var(--ink);box-shadow:8px 8px var(--ink);padding:35px}.product-title{display:flex;gap:24px;align-items:center;margin-bottom:30px}.product-title svg{width:95px;height:95px;flex-shrink:0;stroke:var(--ink);stroke-width:6;stroke-linejoin:round;stroke-linecap:round;fill:var(--yellow)}.product-title h3{font-size:64px;margin-top:8px}.price-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:2px solid var(--ink)}.points-2{grid-template-columns:repeat(2,minmax(0,1fr))}.price-point{padding:25px 22px;border-right:2px solid var(--ink);min-width:0}.price-point:last-child{border:0}.price-year{display:inline-block;font:800 23px var(--head);background:var(--ink);color:var(--cream);padding:5px 12px}.price-location{font:700 16px/1.5 var(--head);margin-top:13px}.price-point strong{display:block;font:900 clamp(40px,4.6vw,68px)/1 var(--head);margin:15px 0 5px;white-space:nowrap;letter-spacing:-1px}.price-point strong>span{font-size:.48em;letter-spacing:0}.price-euros{font:700 16px/1.5 var(--mono)}.price-description{font-size:16px;margin-top:20px}.price-now{background:var(--yellow)}.product-caveat{font-size:18px;margin-top:28px;padding-left:20px;border-left:5px solid var(--red)}.product-sources{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font:16px/1.7 var(--head)}.product-sources>span{font-weight:900}.comparison-note{font-size:16px;margin-top:25px;max-width:1050px;color:#504d43}
.exchange{background:var(--ink);color:var(--cream)}.exchange-heading{max-width:1050px}.exchange h2{margin:20px 0}.exchange h2>span{color:var(--yellow)}.fixed-rate{font:900 clamp(40px,7.5vw,110px)/1.2 var(--head);letter-spacing:-1px;margin:30px 0;color:var(--yellow)}.fixed-rate span{color:var(--cream)}.exchange-heading>p:last-child{max-width:800px;font-size:20px}.exchange-calculator{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:20px;align-items:center;margin-top:40px;border:2px solid #686b5a;padding:30px}.exchange-input>label{font:700 16px var(--mono);display:block;margin-bottom:12px}.exchange-input>div{display:flex;align-items:center;gap:14px;border-bottom:4px solid var(--yellow);padding-bottom:10px}.exchange-input input,.lunch-entry input{min-width:0;width:100%;background:none;border:none;color:var(--yellow);font:700 clamp(34px,5vw,64px)/1.2 var(--mono);border-radius:0}.exchange-input>div>span{font:800 34px var(--head)}.exchange-arrow{font-size:40px;text-align:center}.exchange-calculator>p{grid-column:1/-1;font-size:18px}.exchange-calculator>a{grid-column:1/-1;font-size:16px;color:var(--cream)}.lunch-memory{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin-top:65px;padding-top:55px;border-top:2px dashed #6a6b5a}.lunch-memory h3{font-size:clamp(42px,5vw,68px);color:var(--yellow);margin:16px 0 25px}.lunch-memory p{font-size:18px}.lunch-calculator{background:var(--cream);color:var(--ink);padding:30px;transform:rotate(1deg);box-shadow:7px 7px var(--yellow)}.lunch-calculator>label{font:800 20px var(--head);line-height:1.3;display:block}.lunch-entry{display:flex;gap:12px;align-items:center;margin:20px 0;border-bottom:2px solid var(--ink)}.lunch-entry input{color:var(--ink);font-size:45px}.lunch-entry>span{font:800 32px var(--head)}.lunch-calculator output{font:900 52px var(--head);color:var(--red)}.lunch-calculator>span{display:block;font-size:16px;margin-top:15px}.lunch-calculator>p{margin-top:15px}
.pump-top,.pump-label>span,.display-unit small,.euro-line,.tank-total small,.tank-control,.pump-foot,.range-labels,.chart-label,.data-note{font-size:14px;line-height:1.5}.pump-top{gap:10px;letter-spacing:0}.pump-label{gap:12px}.pump-label>span{text-align:right}.display{height:135px}.display-unit{font-size:34px;min-width:85px}.display-unit small{display:block;font:700 14px/1.2 var(--head);margin-top:10px}.euro-line{display:block}.euro-line span{display:block;margin-top:4px}.tank-total{display:block}.tank-total>span{font-size:24px}.tank-total small{display:inline;margin-left:12px}.tank-total output{font-size:44px;display:block;line-height:1.2;margin-top:10px}.year-controls button{width:40px;height:40px;font-size:18px}.year-presets{gap:7px;flex-wrap:wrap}.year-presets button{font-size:16px;padding:10px 12px;flex:1}.era-note p,.truth-strip>p,.road-copy>p:not(.eyebrow),.culture-feature p,.workshop p,.encore-copy>p:not(.eyebrow){font-size:18px}.data-note{margin-left:0}.truth-strip{grid-template-columns:220px 1fr}.road-note,.photo-tag,.cassette-label,.cassette-label>span,.text-button,.radio-note,.tape,.encore-copy>.tiny,#lyrics,.sources>div>p:not(.eyebrow),footer>span,footer>a:last-child,.dialog-bar h2>span,.game-hud button,#game-message p,.game-controls>span,.game-controls small,#story-dialog>p{font-size:14px;line-height:1.65}.road-note{max-width:500px}.culture-feature{min-height:680px}.workshop h3{margin-top:100px;font-size:44px}.workshop>.tiny{max-width:65%;display:block}.cassette-card{flex-wrap:wrap;gap:25px}.cassette{width:170px;min-width:170px;height:120px}.cassette-label{padding-top:5px}.spools{font-size:24px;margin:5px 0}.cassette-card h3{font-size:36px}.cassette-card>div:last-child{flex:1;min-width:170px}.radio-note{max-width:280px}.text-button{font-size:16px}.sources{gap:45px}.sources>div>p:not(.eyebrow){font-size:16px;color:#504c40}.sources h3{font-size:36px}.encore-image .tape{white-space:normal;width:90%;max-width:90%;left:5%}footer>span{max-width:250px}.dialog-bar h2{font-size:28px}.dialog-bar h2>span{display:block;margin-left:0}.game-controls small{display:block}.game-controls{gap:12px}.game-controls button{flex-shrink:0}.game-stage{min-height:320px}canvas{min-height:320px;object-fit:cover}#game-message p{font-family:Arial,sans-serif;font-size:18px}#game-message h3{font-size:38px}#story-dialog>p{font-size:16px}
@media(max-width:1100px){.nav nav{gap:16px}.nav nav a{font-size:16px}.nav{gap:18px}.logo-words{font-size:30px}.logo-nozzle{width:49px}.radio .bars{display:none}.machine{grid-template-columns:1fr 1fr;gap:38px}.pump-body{padding:24px 17px 14px}.display>output,.display-ghost{font-size:90px;letter-spacing:0}.display{padding:5px 10px}.price-point{padding:20px 15px}.product-title h3{font-size:56px}.price-point strong{font-size:48px}.culture-grid{gap:22px}.workshop{padding:25px}.workshop h3{font-size:38px}.encore{gap:45px}.hero h1{font-size:94px}}
@media(max-width:850px){.nav{flex-wrap:wrap;padding:16px 5%;gap:18px}.nav nav{order:3;width:100%;justify-content:space-between;gap:12px;border-top:1px solid #bbb5a6;padding-top:14px}.nav nav a{font-size:17px}.logo-words{font-size:28px}.logo-nozzle{width:46px}.hero{height:775px;min-height:775px}.hero-inner{padding:40px 6% 80px}.hero h1{font-size:85px}.hero-stamp{top:35px;width:135px;height:135px}.hero-stamp strong{font-size:28px}.hero-copy{max-width:500px}.section-heading{display:block}.section-heading>p{margin-top:22px}.section{padding:65px 6%}.memory-console{grid-template-columns:1fr}.memory-choices{grid-template-columns:repeat(3,1fr)}.memory-choices button{font-size:20px;padding:15px;border:1px solid #17171555}.memory-detail{padding:30px}.memory-detail h3{font-size:50px}.machine{grid-template-columns:1fr;gap:40px}.pump{max-width:550px}.timeline-head{gap:12px}.truth-strip{grid-template-columns:1fr}.culture-grid{grid-template-columns:1fr}.culture-feature{min-height:560px}.workshop h3{font-size:44px}.cassette-card{gap:30px}.encore{grid-template-columns:1fr;gap:55px}.encore-image{width:85%;max-width:470px}.lunch-memory{grid-template-columns:1fr;gap:35px}.price-points{grid-template-columns:1fr}.price-point{border-right:0;border-bottom:2px solid var(--ink);padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.price-year{justify-self:start;align-self:start}.price-location{grid-column:1;margin:0}.price-point strong{grid-column:2;grid-row:1/3;font-size:56px;align-self:center;justify-self:end;margin:0}.price-euros{grid-column:1/-1}.price-description{grid-column:1/-1;margin-top:5px}.sources{grid-template-columns:1fr;gap:30px}.game-controls>span{font-family:Arial,sans-serif}.game-controls button{width:48px}.hero .eyebrow{max-width:72%;font-size:14px}.photo-credit{font-size:14px}.hero-note{max-width:70%;line-height:1.65}}
@media(max-width:520px){.nav{gap:16px;padding:14px 5%}.logo{gap:4px}.logo-nozzle{width:36px;height:62px}.logo-words{font-size:23px;padding:7px 8px}.logo small{font-size:14px;letter-spacing:.2px;margin-top:7px}.radio{font-family:var(--head);font-size:16px;padding:10px 7px;gap:4px}.radio-dot{width:6px;height:6px}.nav nav a{font-size:16px;line-height:1.1}.nav nav{gap:15px}.hero{height:750px;min-height:750px}.hero-inner{padding-top:36px}.hero h1{font-size:clamp(63px,15vw,78px);letter-spacing:-1px;margin:30px 0 25px}.hero .eyebrow{font-family:var(--head);max-width:100%;letter-spacing:.6px;line-height:1.4}.hero-copy{font-size:18px;max-width:95%}.hero-copy br{display:none}.hero-stamp{top:auto;bottom:55px;right:5%;width:110px;height:110px}.hero-stamp strong{font-size:24px}.hero-stamp>span{font-size:14px}.hero-note{font-family:var(--head);font-size:14px;max-width:65%;letter-spacing:.3px}.hero-bottom{font-family:var(--head);font-size:14px;letter-spacing:.5px}.section{padding:55px 6%}.eyebrow{font-family:var(--head);font-size:16px;letter-spacing:.8px}.tiny{font-family:var(--head);font-size:16px;letter-spacing:.6px}.section-heading h2{font-size:48px}.section-heading>p{font-size:18px}.memory-photo>img{aspect-ratio:1;object-position:47%}.memory-sticker{font-size:30px;padding:15px;top:18px;right:12px}.photo-credit{position:static;display:block;font-size:14px;padding:8px 12px}.memory-console{margin-top:28px}.memory-choices{grid-template-columns:repeat(2,1fr)}.memory-choices button{font-size:20px;padding:14px}.memory-detail{padding:25px 20px}.memory-detail h3{font-size:40px}.memory-detail .eyebrow{font-size:14px}.memory-detail .memory-count{font-family:var(--head);font-size:16px}.product-tabs{gap:10px}.product-tabs button{flex:1 1 40%;font-size:19px;padding:12px 8px}.product-tabs button:last-child{flex-grow:0;flex-basis:calc(50% - 5px)}.product-board{padding:24px 16px;box-shadow:5px 5px var(--ink)}.product-title{gap:12px;align-items:flex-start}.product-title svg{width:56px;height:56px}.product-title h3{font-size:40px;overflow-wrap:anywhere}.product-title .eyebrow{font-size:14px;letter-spacing:.3px}.price-point{display:block;padding:22px 18px}.price-point strong{font-size:57px;margin-top:16px;white-space:normal}.price-location{margin-top:12px;font-size:18px}.price-euros{font-family:var(--head);font-size:20px}.price-description{margin-top:12px;font-size:17px}.product-caveat{padding-left:14px;font-size:18px}.product-sources{font-size:18px;gap:10px}.product-sources>*{width:100%}.comparison-note{font-size:17px}.fixed-rate{font-size:clamp(33px,9vw,48px);letter-spacing:-.5px;white-space:nowrap}.exchange h2{font-size:44px}.exchange-heading>p:last-child{font-size:18px}.exchange-calculator{grid-template-columns:1fr;padding:22px 18px;gap:16px}.exchange-input input{font-size:42px}.exchange-input>label{font-family:var(--head);font-size:18px}.exchange-input>div>span{font-size:30px}.exchange-arrow{line-height:1;transform:rotate(90deg);font-size:32px}.exchange-calculator>p,.exchange-calculator>a{grid-column:1}.lunch-memory{margin-top:45px;padding-top:40px}.lunch-memory h3{font-size:49px}.lunch-calculator{padding:25px 20px;box-shadow:4px 4px var(--yellow)}.lunch-calculator output{font-size:48px}.pump{padding:10px;box-shadow:4px 4px var(--ink)}.pump-body{padding:22px 14px 12px}.pump-top{font-family:var(--head);font-size:15px;gap:10px;padding-left:0;padding-right:0}.pump-label strong{font-size:27px}.pump-label>span{font-family:var(--head);font-size:16px}.display{height:125px;padding:5px 10px}.display>output,.display-ghost{font-size:96px;line-height:1}.display-unit{min-width:60px;font-size:34px}.display-unit small{font-size:14px}.euro-line{font-family:var(--head);font-size:18px}.tank-total>span{font-size:24px}.tank-total small{font-family:var(--head);font-size:17px;display:block;margin-left:0;margin-top:3px}.tank-total output{font-size:40px}.tank-control,.pump-foot{font-family:var(--head);font-size:16px}.timeline-head{flex-wrap:wrap}.year-controls{gap:15px}.year-controls output{font-size:64px}.year-presets{gap:8px}.year-presets button{font-size:16px;flex:1 1 25%;padding:10px}.range-labels,.chart-label,.data-note{font-family:var(--head);font-size:16px}.era-note h3{font-size:32px}.era-note{gap:12px}.truth-strip>p{font-size:18px}.road-section{padding:45px 6%}.road-copy h2{font-size:44px}.road-copy>p:not(.eyebrow){font-size:18px}.road-copy>p br{display:none}.road-note{font-family:var(--head);font-size:16px}.culture-feature{min-height:600px}.culture-feature>div{left:24px;right:24px;bottom:30px}.culture-feature h3{font-size:56px}.culture-feature p{font-size:18px}.photo-tag{font-family:var(--head);font-size:16px;left:20px;top:20px}.workshop{padding:24px}.workshop h3{font-size:39px;margin-top:90px}.workshop p{max-width:100%;font-size:18px}.cassette-card{padding:25px;gap:30px}.cassette-card>div:last-child{min-width:0;flex-basis:100%}.cassette{width:170px;min-width:170px}.cassette-label,.cassette-label>span{font-size:14px}.radio-note{font-family:var(--head);font-size:16px}.text-button{font-family:var(--head);font-size:18px}.encore-copy h2{font-size:48px}.encore-copy>p:not(.eyebrow){font-size:18px}.encore-copy>.tiny{font-size:16px}.tape{font-family:var(--head);font-size:16px;padding:10px}.sources>div>p:not(.eyebrow){font-family:Arial,sans-serif;font-size:17px}.sources h3{font-size:40px}footer{gap:25px}footer>span,footer>a:last-child{font-family:var(--head);font-size:17px}#lyrics{font-family:Arial,sans-serif;font-size:18px}.game-stage,canvas{min-height:355px}.game-controls{flex-wrap:wrap}.game-controls>span{font-size:14px;order:3;width:100%}.game-controls small{font-size:14px}.game-controls button{width:90px;height:48px}.game-hud{font-size:26px}.game-hud button{font-family:var(--head);font-size:16px}.dialog-bar h2{font-size:24px}#game-message h3{font-size:32px}#game-message p{font-size:17px}#game-message .button{font-size:20px}.game-controls>button:last-child{margin-left:auto}.dialog-bar h2>span{font-size:14px}#story-dialog .dialog-bar h2{font-size:24px}}
@media(max-width:360px){.logo-nozzle{width:31px}.logo-words{font-size:21px}.radio{font-size:15px}.nav{gap:8px}.nav nav a{font-size:15px}.hero{min-height:780px;height:780px}.hero h1{font-size:61px}.hero-stamp{bottom:50px;width:100px;height:100px}.button{gap:22px;font-size:19px;padding:16px}.display>output,.display-ghost{font-size:78px}.display{padding:4px 6px}.section-heading h2{font-size:43px}.exchange h2{font-size:39px}.product-title h3{font-size:35px}.price-point strong{font-size:50px}.fixed-rate{font-size:33px}.exchange-input input{font-size:37px}}

.nav nav{display:flex}canvas{object-fit:fill}.hero-stamp strong{line-height:.95}
/* Oversized petrol mascot and tactile tape-deck transport controls. */
.nav{min-height:174px;padding-top:14px;padding-bottom:14px}.logo{gap:10px;transform:rotate(-2deg)}.logo-nozzle{width:140px;height:145px;transform:rotate(-10deg);filter:drop-shadow(3px 4px 0 #17171533);overflow:visible}.logo-words{font-size:35px;padding:12px 13px}.logo small{font-size:16px}.nav nav{gap:22px}.nav nav a{font-size:18px}.menu-deck{padding:12px 14px 15px;background:linear-gradient(#dedfd4,#aeb0a5);border:2px solid var(--ink);border-radius:4px;box-shadow:3px 4px 0 var(--ink);flex-shrink:0}.deck-caption{display:flex;align-items:center;gap:8px;font:800 14px/1.2 var(--head);letter-spacing:1px;margin-bottom:9px}.deck-caption i{width:8px;height:8px;border-radius:50%;background:#525744;box-shadow:inset 1px 2px 2px #0008}.deck-caption .lit{background:var(--red);box-shadow:0 0 6px var(--red)}.transport-keys{display:flex;gap:6px}.transport-key{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:82px;min-height:58px;padding:12px 14px;border:2px solid #33342e;border-top-color:#f3f1e4;border-left-color:#eeeadd;border-radius:3px;background:linear-gradient(110deg,#e7e7dd,#b6b9ad);box-shadow:0 6px 0 #55584c,0 8px 0 #141610,inset 0 2px 0 #fff8;color:var(--ink);font:800 19px/1 var(--head);letter-spacing:.7px;transition:transform .08s,box-shadow .08s}.transport-key:after{content:'';position:absolute;left:9px;right:9px;height:5px;bottom:4px;background:repeating-linear-gradient(90deg,#6667 0 1px,transparent 1px 3px);opacity:.55}.transport-key>span{font-size:26px;line-height:1}.transport-key.play-key{background:linear-gradient(110deg,#ffed56,#e9c900);border-top-color:#fff7af;border-left-color:#fff4a4}.transport-key.play-key>span{color:var(--red)}.transport-key.stop-key>span{font-size:23px}.transport-key:active,.transport-key.pressed{transform:translateY(5px);box-shadow:0 1px 0 #55584c,0 3px 0 #141610,inset 0 2px 3px #0004;border-top-color:#777950}.original-radio{padding:60px 5% 70px;background:#242722;display:grid;grid-template-columns:.9fr 1.25fr;gap:45px;color:var(--cream);border-top:4px solid var(--ink);scroll-margin-top:10px}.radio-fascia{position:relative;padding:24px 28px 30px;background:linear-gradient(135deg,#dfded2,#b7b9aa);color:var(--ink);border:3px solid #9b9e90;border-bottom:9px solid #606655;box-shadow:7px 7px 0 #10120e;border-radius:5px}.deck-screws{font:16px/1 var(--mono);color:#5a5e51;margin-bottom:16px}.deck-screws>span{float:right}.radio-fascia h2{font-size:58px;margin:14px 0 24px}.radio-fascia h2>span{color:var(--red)}.tape-window{background:#272e26;border:5px solid #747b68;border-bottom-color:#edefdc;box-shadow:inset 0 4px 8px #0008;padding:13px 15px 10px;color:var(--cream);position:relative}.tape-side{position:absolute;left:9px;top:5px;font:800 17px var(--head);color:var(--yellow)}.tape-reels{display:flex;align-items:center;justify-content:space-between;gap:10px}.tape-reels>i{width:55px;height:55px;border-radius:50%;background:conic-gradient(#d5d7c8 0 30deg,#20271e 30deg 60deg,#d5d7c8 60deg 90deg,#20271e 90deg 120deg,#d5d7c8 120deg 150deg,#20271e 150deg 180deg,#d5d7c8 180deg 210deg,#20271e 210deg 240deg,#d5d7c8 240deg 270deg,#20271e 270deg 300deg,#d5d7c8 300deg 330deg,#20271e 330deg);border:8px solid #0d130d;outline:2px solid #606a56;flex-shrink:0;position:relative}.tape-reels>i:after{content:'';position:absolute;inset:13px;background:#252c23;border-radius:50%}.tape-reels>span{font:800 18px/1.1 var(--head);text-align:center;letter-spacing:1px}.tape-brand{display:block;text-align:center;font:14px/1.4 var(--head);letter-spacing:1px;margin-top:10px;color:#d4d5c8}.spinning .tape-reels>i{animation:reel 2s linear infinite}.original-description{font-size:18px;margin:22px 0}.big-keys{gap:9px}.big-keys .transport-key{flex:1;flex-direction:column;gap:10px;min-height:84px;padding:14px 10px 19px;font-size:18px}.big-keys .rewind-key>span{font-size:22px;letter-spacing:-7px;padding-right:7px}.song-status{font-size:16px;line-height:1.5;margin-top:24px;min-height:48px}.video-deck{display:flex;flex-direction:column;justify-content:center;min-width:0}.video-frame{background:#050604;aspect-ratio:16/9;min-height:240px;border:5px solid #090b08;box-shadow:0 0 0 2px #515648;position:relative}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#171715;overflow:hidden}.video-cover>img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}.video-cover:hover>img{opacity:1}.video-play-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--red);color:var(--cream);width:88px;height:66px;display:grid;place-items:center;border:2px solid var(--cream);box-shadow:5px 5px var(--ink);font-size:36px;padding-left:4px}.video-cover-caption{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:16px 20px;background:linear-gradient(transparent,#000e);font:700 16px/1.6 var(--head);color:var(--cream);letter-spacing:.5px}.video-cover-caption>b{font-size:21px;color:var(--yellow)}.video-bottom{display:flex;justify-content:space-between;gap:15px;font:700 16px/1.6 var(--head);letter-spacing:.3px;padding-top:18px;flex-wrap:wrap}.video-bottom>a{color:var(--yellow)}@keyframes reel{to{transform:rotate(360deg)}}
@media(max-width:1200px){.nav{gap:20px}.logo-nozzle{width:112px;height:130px}.logo-words{font-size:30px}.nav nav{gap:16px}.nav nav a{font-size:16px}.menu-deck{padding:10px 10px 14px}.transport-key{min-width:74px;padding:12px 10px}.radio-fascia{padding:22px}.radio-fascia h2{font-size:48px}.original-radio{gap:30px}.tape-reels>i{width:45px;height:45px;border-width:6px}.tape-reels>i:after{inset:10px}.tape-reels>span{font-size:16px}.big-keys .transport-key{min-width:0}}
@media(max-width:1000px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #bbb5a6;padding-top:14px}.logo-nozzle{width:120px;height:130px}.logo-words{font-size:32px}.nav nav a{font-size:18px}.original-radio{grid-template-columns:1fr;padding:50px 6%;gap:35px}.radio-fascia{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.deck-screws{grid-column:1/-1}.radio-fascia>.eyebrow,.radio-fascia>h2{grid-column:1}.radio-fascia>h2{margin-bottom:20px}.radio-fascia>.tape-window{grid-column:2;grid-row:2/4;align-self:center}.original-description{grid-column:1;margin:0}.big-keys{grid-column:2;grid-row:4/6;align-self:start}.song-status{grid-column:1;margin:20px 0 0}.video-deck{max-width:800px;width:100%;margin:auto}.video-frame{min-height:280px}}
@media(max-width:600px){.nav{padding:16px 6% 18px;gap:20px;justify-content:center}.logo{width:100%;justify-content:center;gap:8px}.logo-nozzle{width:128px;height:133px}.logo-words{font-size:32px;padding:10px 11px}.logo small{font-size:16px}.menu-deck{width:100%;padding:12px 14px 16px}.deck-caption{font-size:16px;justify-content:center;margin-bottom:10px}.menu-deck .transport-key{flex:1;min-height:57px;font-size:22px;gap:12px}.menu-deck .transport-key>span{font-size:30px}.nav nav{order:3;padding-top:15px;gap:18px;align-items:center}.nav nav a{font-size:16px;line-height:1.2}.original-radio{padding-top:40px;padding-bottom:45px}.radio-fascia{display:block;padding:20px}.radio-fascia h2{font-size:49px}.tape-window{margin:20px 0}.tape-reels>i{width:46px;height:46px}.tape-reels>span{font-size:17px;letter-spacing:.4px}.original-description{margin:20px 0;font-size:18px}.big-keys{margin-top:20px;gap:7px}.big-keys .transport-key{font-size:17px;padding-left:6px;padding-right:6px;min-height:82px}.song-status{font-size:16px;margin-top:26px;min-height:0}.video-frame{min-height:230px}.video-play-symbol{width:72px;height:56px;font-size:30px;top:40%}.video-cover-caption{font-size:16px;padding:15px}.video-cover-caption>b{font-size:20px}.video-bottom{font-size:17px;gap:8px}.video-bottom>*{width:100%}}
@media(max-width:360px){.logo-nozzle{width:115px;height:128px}.logo-words{font-size:29px}.logo{gap:4px}.logo small{font-size:15px}.nav nav{gap:12px}.nav nav a{font-size:15px}.radio-fascia{padding:20px 15px}.radio-fascia h2{font-size:44px}.tape-reels>i{width:38px;height:38px;border-width:5px}.tape-reels>i:after{inset:8px}.tape-reels>span{font-size:16px}.tape-window{padding-left:10px;padding-right:10px}.big-keys .transport-key{font-size:16px}.video-frame{min-height:230px}}
@media(prefers-reduced-motion:reduce){.spinning .tape-reels>i{animation:none}}

/* Song-Pointe und Knöllchen-Uschi */
.arrival-statement{display:grid;grid-template-columns:1.3fr 1fr;background:var(--ink);color:var(--cream);border:3px solid var(--ink);margin:36px 0 44px;box-shadow:9px 9px 0 var(--yellow)}.arrival-statement>div:first-child{padding:36px}.arrival-kicker{font:900 32px/1 var(--head);color:var(--yellow);margin-bottom:14px}.arrival-statement h3{font-size:clamp(58px,6.5vw,98px);margin-bottom:22px}.arrival-statement h3 em{font-style:italic;color:var(--yellow)}.arrival-statement p:not(.arrival-kicker){font-size:18px;line-height:1.6}.arrival-price{background:var(--red);padding:34px;display:flex;flex-direction:column;justify-content:center}.arrival-price>span,.arrival-price>b{font:800 25px/1.2 var(--head);letter-spacing:1px}.arrival-price>strong{display:block;font:900 clamp(80px,8vw,125px)/1 var(--head);white-space:nowrap}.arrival-price small{font-size:38px}.arrival-price>p{margin-top:18px}.uschi-section{background:var(--yellow);border-top:3px solid var(--ink)}.uschi-section>.eyebrow{margin-bottom:24px}.uschi-stage{position:relative;background:#fff2cb;border:3px solid var(--ink);box-shadow:9px 9px var(--ink);overflow:hidden;min-height:650px;display:flex;align-items:center}.uschi-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.uschi-copy{position:relative;width:53%;padding:35px 4%;background:linear-gradient(90deg,#fff2cb 75%,#fff2cb00);z-index:1}.uschi-stamp{display:inline-block;background:var(--red);color:var(--cream);font:800 20px/1.15 var(--head);padding:12px 16px;transform:rotate(-5deg);margin:8px 0 26px;border:2px solid var(--ink)}.uschi-copy h2{font-size:clamp(52px,5.2vw,78px);margin-bottom:22px}.uschi-copy h2>span{color:var(--red)}.uschi-copy>p{font-size:20px;line-height:1.5;max-width:430px;margin-bottom:27px}.uschi-copy .button{font-size:18px}.uschi-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.uschi-links>a{display:block;padding:30px;background:var(--cream);border:3px solid var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.uschi-links>a:hover{transform:translate(-3px,-3px);box-shadow:6px 6px var(--ink)}.uschi-links .eyebrow{display:block;margin-bottom:18px;font-size:16px}.uschi-links h3{font-size:42px;margin-bottom:18px}.uschi-links h3>span{color:var(--red)}.uschi-links p{font-size:18px;line-height:1.6}.uschi-note{font-size:16px;line-height:1.6;margin-top:24px;max-width:850px}.footer-legal{display:flex;flex-direction:column;gap:8px;font:700 16px/1.4 var(--head);letter-spacing:1px}.footer-legal>span{font-size:14px}.legal-header{padding:32px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:3px solid var(--ink)}.legal-header .footer-logo{color:var(--ink)}.legal-page{max-width:1300px;margin:auto;min-height:80vh}.legal-page h1{font-size:clamp(64px,10vw,130px);margin:25px 0 60px;overflow-wrap:anywhere}.legal-page h1>span{color:var(--red)}.imprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:50px}.imprint-grid h2{font-size:38px;margin-bottom:24px}.imprint-grid p{font-size:22px;line-height:1.65;margin:0 0 22px}.imprint-grid a{overflow-wrap:anywhere}.legal-source{font-size:18px;line-height:1.6;margin-bottom:35px}
@media(max-width:900px){.uschi-stage{min-height:600px}.uschi-copy{width:57%;padding:25px 4%}.uschi-copy h2{font-size:54px}.uschi-copy>p{font-size:18px}.uschi-links h3{font-size:35px}.arrival-statement{grid-template-columns:1fr 1fr}.arrival-statement>div:first-child,.arrival-price{padding:26px}.arrival-statement h3{font-size:64px}.arrival-price>strong{font-size:92px}.arrival-price small{font-size:30px}.legal-header .button{font-size:16px}}
@media(max-width:600px){.arrival-statement{grid-template-columns:1fr;margin:28px 0 36px;box-shadow:6px 6px var(--yellow)}.arrival-statement>div:first-child,.arrival-price{padding:26px 22px}.arrival-kicker{font-size:30px}.arrival-statement h3{font-size:60px}.arrival-price>strong{font-size:110px}.arrival-price small{font-size:36px}.arrival-price>p{font-size:16px!important}.uschi-stage{display:flex;flex-direction:column;min-height:0;box-shadow:6px 6px var(--ink);overflow:visible}.uschi-stage>img{position:relative;order:2;height:auto;aspect-ratio:1.2;object-fit:cover;object-position:right center}.uschi-copy{width:100%;padding:24px;background:#fff2cb}.uschi-stamp{margin:8px 0 26px}.uschi-copy h2{font-size:57px}.uschi-copy>p{font-size:19px}.uschi-links{grid-template-columns:1fr;gap:18px;margin-top:30px}.uschi-links>a{padding:24px}.uschi-links h3{font-size:36px}.uschi-links .eyebrow{font-size:15px;letter-spacing:.6px}.legal-header{flex-direction:column;align-items:flex-start;padding:25px 6%}.legal-page h1{font-size:66px;margin-bottom:40px}.imprint-grid{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.imprint-grid h2{font-size:34px}.imprint-grid p{font-size:20px}.legal-page .button{font-size:16px}.legal-source{font-size:17px}}
@media(max-width:360px){.arrival-statement h3{font-size:53px}.arrival-price>strong{font-size:96px}.uschi-copy{padding:22px 18px}.uschi-copy h2{font-size:50px}.uschi-copy .button{font-size:16px;padding-left:14px;padding-right:14px}.uschi-links>a{padding:22px 18px}.uschi-links h3{font-size:32px}.legal-page h1{font-size:58px}}

/* Fünf Programme, ein 80er-Fernseher. */
.alarm-bridge{display:block;margin-top:28px;font:800 20px/1.5 var(--head);color:var(--red)}.alarm-section{background:var(--red);color:var(--cream)}.alarm-section .section-heading h2>span{color:var(--yellow)}.retro-tv{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;background:linear-gradient(120deg,#8a5840,#593622);padding:30px;border:5px solid #251b15;border-radius:18px;box-shadow:10px 12px var(--ink)}.tv-screen{background:#122e30;border:15px solid #252725;border-radius:70px/25px;overflow:hidden;position:relative;box-shadow:inset 0 0 35px #0008;min-width:0}.tv-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);pointer-events:none}.tv-topline,.tv-bottomline{display:flex;justify-content:space-between;gap:20px;padding:20px 25px;font:16px/1.4 var(--pixel);color:#9ae9dd;letter-spacing:1px;border-bottom:1px solid #ffffff30}.tv-topline>b{white-space:nowrap;font-weight:400}.tv-bottomline{border-top:1px solid #ffffff30;border-bottom:0}.tv-bottomline>span:last-child{color:var(--yellow);white-space:nowrap}.alarm-content{padding:30px;min-height:525px;position:relative;z-index:1}.alarm-kicker{font:700 16px/1.5 var(--head);letter-spacing:1px;color:#9ae9dd;margin-bottom:20px}.alarm-content h3{font-size:clamp(45px,4vw,64px);color:var(--yellow);margin-bottom:24px}.alarm-joke{font:700 25px/1.3 var(--head);margin-bottom:20px;max-width:700px}.alarm-description{font-size:19px;line-height:1.65;margin-bottom:26px;max-width:740px}.alarm-content .button{font-size:18px}.alarm-facts{border-top:1px solid #ffffff50;margin-top:28px;padding-top:18px}.alarm-facts summary{cursor:pointer;font:700 18px/1.5 var(--head)}.alarm-facts>p{font-size:17px;line-height:1.65;margin-top:18px}.alarm-facts a{color:#baf3eb}.tv-controls{background:#cec8b6;color:var(--ink);padding:24px 18px;border:3px solid #2d2c25;display:flex;flex-direction:column;gap:26px}.tv-brand{font:700 19px/1.4 var(--head);text-align:center;letter-spacing:2px}.tv-brand>b{font-size:30px;font-style:italic;letter-spacing:1px}.channel-buttons{display:grid;gap:13px}.channel-buttons button{display:flex;align-items:center;gap:14px;background:linear-gradient(#eeeadd,#aaa594);border:2px solid #292923;box-shadow:0 5px #54544a;padding:13px 12px;font:800 20px/1 var(--head);min-height:54px;text-align:left}.channel-buttons button>b{font:24px/1 var(--pixel);color:#68675e}.channel-buttons button[aria-pressed="true"]{background:var(--yellow);transform:translateY(4px);box-shadow:0 1px #54544a}.channel-buttons button[aria-pressed="true"]>b{color:var(--red)}.tv-speaker{min-height:80px;background:repeating-linear-gradient(#474940 0 2px,#b0ab99 2px 7px);border:5px solid #a39d89;margin-top:auto}.tv-controls>p{font:700 17px/1.5 var(--head);text-align:center}.wish-price{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);padding:32px}.wish-price h3{font-size:44px;margin-top:18px}.wish-price h3>span{color:var(--red)}.wish-price strong{font:900 70px/1 var(--head);display:block;margin-bottom:20px}.wish-price small{font:800 25px var(--head)}.wish-price p:not(.eyebrow){font-size:18px;line-height:1.6}.humor-tour{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:38px;padding:38px;background:var(--ink);color:var(--cream);border:3px solid var(--ink)}.humor-tour h3{font-size:52px;margin:20px 0}.humor-tour h3>span{color:var(--yellow)}.humor-tour p:not(.eyebrow){font-size:19px;line-height:1.6}.humor-buttons{display:flex;flex-wrap:wrap;gap:12px}.humor-buttons button{background:var(--cream);color:var(--ink);padding:12px 15px;border:2px solid var(--cream);font:800 18px/1.2 var(--head)}.humor-buttons button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow)}.humor-tour .humor-line{font:700 29px/1.3 var(--head)!important;min-height:110px;margin:26px 0;color:var(--yellow)}.humor-tour .humor-note{font-size:16px!important;margin-top:24px}.humor-console .button{font-size:18px}
@media(max-width:1000px){.retro-tv{grid-template-columns:minmax(0,1fr) 170px;padding:20px;gap:18px}.tv-controls{padding:20px 12px}.channel-buttons button{gap:9px;font-size:18px;padding:12px 8px}.alarm-content{padding:26px}.tv-topline,.tv-bottomline{padding:18px}.humor-tour{gap:30px;padding:30px}.wish-price{gap:30px}}
@media(max-width:700px){.retro-tv{grid-template-columns:1fr;padding:14px;gap:16px;box-shadow:6px 8px var(--ink)}.tv-screen{border-width:8px;border-radius:24px}.tv-controls{padding:18px;display:block}.tv-brand{display:block;margin-bottom:20px}.tv-brand br{display:none}.tv-brand>b{font-size:24px;margin-left:12px}.channel-buttons{grid-template-columns:repeat(3,1fr);gap:14px 10px}.channel-buttons button{flex-direction:column;justify-content:center;gap:8px;font-size:18px;min-height:74px}.tv-speaker,.tv-controls>p{display:none}.tv-topline{font-size:16px;padding:17px 14px;gap:10px}.tv-topline>span{max-width:65%}.tv-bottomline{font-size:16px;padding:15px 14px;gap:10px}.tv-bottomline>span:first-child{max-width:80%}.alarm-content{min-height:0;padding:24px 18px}.alarm-content h3{font-size:48px}.alarm-joke{font-size:25px}.alarm-description{font-size:18px}.alarm-content .button{font-size:17px;padding:18px}.wish-price,.humor-tour{grid-template-columns:1fr;padding:26px;gap:26px}.wish-price h3{font-size:42px}.wish-price strong{font-size:70px}.wish-price small{font-size:23px}.humor-tour h3{font-size:44px}.humor-tour .humor-line{min-height:0}.humor-console .button{font-size:17px;padding:18px}.humor-buttons button{font-size:17px}.alarm-section .section-heading h2{font-size:55px}}
@media(max-width:360px){.retro-tv{padding:9px}.alarm-content{padding:22px 14px}.alarm-content h3{font-size:41px}.alarm-content .button{font-size:16px;padding:16px 12px}.tv-controls{padding:16px 12px}.channel-buttons button{font-size:17px}.tv-brand{letter-spacing:1px}.wish-price,.humor-tour{padding:22px 18px}.wish-price strong{font-size:64px}.wish-price h3{font-size:38px}.humor-tour h3{font-size:40px}.humor-console .button{font-size:16px;padding:16px 12px}.alarm-section .section-heading h2{font-size:49px}}

/* Die Motoren-Hörbar: mechanische Knöpfe und ein gemeinsames Abspieldeck. */
.engine-section{background:var(--cream)}.engine-rack{display:grid;grid-template-columns:1.05fr 1fr;background:#282b28;border:4px solid var(--ink);padding:30px;gap:30px;box-shadow:10px 10px var(--red)}.engine-buttons{display:grid;grid-template-columns:1fr 1fr;gap:18px}.engine-buttons button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:linear-gradient(#e0dfd5,#bcbeb3);border:3px solid #121510;box-shadow:0 7px #080b07;padding:18px;color:var(--ink);min-height:180px;transition:transform .12s,box-shadow .12s}.engine-buttons button>strong{font:900 48px/1 var(--head);margin:12px 0}.engine-buttons button>span{font:700 16px/1.3 var(--head)}.engine-buttons button>b{font:800 19px/1.2 var(--head);margin-top:auto;padding-top:16px}.engine-buttons button[aria-pressed="true"]{background:var(--yellow);transform:translateY(5px);box-shadow:0 2px #080b07}.engine-buttons button[data-engine="elektro"]{background:linear-gradient(#c3e3da,#83b7a7)}.engine-buttons button[data-engine="elektro"][aria-pressed="true"]{background:#87efc9}.engine-dashboard{color:var(--cream);display:flex;flex-direction:column;min-width:0}.engine-display{background:#100e0a;border:3px solid #767768;padding:28px;flex:1}.engine-onair{display:block;font:18px/1.4 var(--pixel);color:#f2674c;letter-spacing:1px;margin-bottom:26px}.engine-display h3{font-size:50px;color:var(--yellow);margin-bottom:22px}.engine-display>p{font-size:19px;line-height:1.6}.engine-equalizer{display:flex;gap:8px;height:75px;align-items:flex-end;margin-top:28px}.engine-equalizer i{width:18px;background:repeating-linear-gradient(to top,#78b16c 0 7px,#100e0a 7px 10px);height:12px}.engine-running .engine-equalizer i{animation:engine-bars .65s ease-in-out infinite alternate}.engine-equalizer i:nth-child(3n){animation-delay:-.3s}.engine-equalizer i:nth-child(3n+1){animation-delay:-.5s}.engine-equalizer i:nth-child(4n){animation-duration:.35s}.engine-transport{display:flex;align-items:center;gap:24px;margin:24px 0}.engine-transport .transport-key{font-size:20px;min-width:160px;min-height:60px}.engine-transport>label{flex:1;font:700 18px/1.6 var(--head)}.engine-transport output{float:right}.engine-transport input{display:block;width:100%;margin-top:10px;accent-color:var(--yellow)}#engine-audio{display:block;width:100%;height:54px}#engine-status{font-size:17px;line-height:1.5;margin-top:20px;min-height:52px}.engine-credit{font-size:16px;line-height:1.5;margin-top:18px;color:#d8d8c8}.electric-encore{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:50px;padding:36px;border:3px solid var(--ink);background:#d4e5d5}.electric-encore h3{font-size:52px;margin:18px 0 22px}.electric-encore h3>span{color:var(--red)}.electric-encore p:not(.eyebrow){font-size:19px;line-height:1.6}.electric-encore>div:last-child{align-self:center}.electric-encore .button{margin-top:25px;font-size:18px}.audio-sources{margin:25px 0;border:2px solid var(--ink);padding:20px}.audio-sources summary{font:800 21px/1.4 var(--head);cursor:pointer}.audio-sources p,.audio-sources li{font-size:17px;line-height:1.6;margin-top:18px}.audio-sources ul{padding-left:20px}@keyframes engine-bars{from{height:15px}to{height:70px}}
@media(max-width:1100px){.engine-rack{gap:24px;padding:24px}.engine-buttons{gap:15px}.engine-buttons button{padding:15px}.engine-buttons button>strong{font-size:42px}.engine-buttons button>span{font-size:15px}.engine-display{padding:24px}.engine-display h3{font-size:44px}.engine-transport{gap:18px}.engine-transport .transport-key{min-width:140px;font-size:18px}}
@media(max-width:800px){.engine-rack{grid-template-columns:1fr}.engine-buttons{grid-template-columns:repeat(3,1fr)}.engine-buttons button>strong{font-size:43px}.engine-buttons button{min-height:185px}.engine-dashboard{margin-top:6px}.engine-display h3{font-size:50px}.engine-display{min-height:280px}.electric-encore{grid-template-columns:1fr;gap:28px}.engine-transport .transport-key{min-width:165px}}
@media(max-width:600px){.engine-rack{padding:18px;gap:22px;box-shadow:6px 6px var(--red)}.engine-buttons{grid-template-columns:1fr 1fr;gap:15px 12px}.engine-buttons button{padding:15px 12px;min-height:190px}.engine-buttons button>strong{font-size:39px}.engine-buttons button>span{font-size:15px}.engine-buttons button>b{font-size:18px}.engine-display{padding:24px 20px}.engine-display h3{font-size:43px}.engine-display>p{font-size:18px}.engine-transport{flex-wrap:wrap}.engine-transport .transport-key{width:100%;min-height:62px;font-size:22px}.engine-transport label{flex-basis:100%;font-size:19px}.engine-equalizer{gap:6px}.engine-equalizer i{width:14px}.electric-encore{padding:26px;margin-top:38px}.electric-encore h3{font-size:44px}.electric-encore .button{font-size:18px}.audio-sources{padding:18px}.audio-sources summary{font-size:19px}}
@media(max-width:360px){.engine-rack{padding:13px}.engine-buttons button{padding:14px 10px;min-height:192px}.engine-buttons button>strong{font-size:34px}.engine-buttons button>b{font-size:17px}.engine-display{padding:22px 16px}.engine-display h3{font-size:37px}.engine-equalizer{gap:5px}.engine-equalizer i{width:12px}.electric-encore{padding:22px 18px}.electric-encore h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){.engine-running .engine-equalizer i{animation:none;height:42px}}

.electric-variants{margin-top:22px;border:2px solid #7da98d;padding:18px;background:#13261d}.electric-variants[hidden]{display:none}.electric-variants>p{font:700 18px/1.4 var(--head);margin-bottom:14px;color:#c7e7cd}.electric-variants>div{display:flex;flex-wrap:wrap;gap:12px}.electric-variants button{font:800 18px/1.3 var(--head);padding:15px;border:2px solid #c7e7cd;background:#c7e7cd;color:var(--ink);flex:1;min-width:180px;box-shadow:0 4px #060b05}.electric-variants button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);transform:translateY(3px);box-shadow:0 1px #060b05}@media(max-width:600px){.electric-variants{padding:16px}.electric-variants button{font-size:18px;min-width:0;flex-basis:100%;padding:16px 12px}}

/* Salon 82: große Köpfe, große Knöpfe, ein eigener Disco-Beat. */
.hair-section{background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);overflow:hidden}.hair-section .section-heading h2{font-size:clamp(58px,6.3vw,96px)}.hair-cast{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.hair-card{min-width:0;background:var(--cream);border:3px solid var(--ink);box-shadow:8px 8px var(--ink)}.hair-photo{height:clamp(350px,35vw,530px);position:relative;overflow:hidden;background:repeating-radial-gradient(ellipse at 50% 100%,#e9a892 0 42px,#f6c8ad 43px 83px);border-bottom:3px solid var(--ink);isolation:isolate}.hair-woman .hair-photo{background:repeating-radial-gradient(ellipse at 50% 100%,#8bbfba 0 42px,#b6dcd2 43px 83px)}.hair-photo img{position:absolute;bottom:-1px;left:0;width:100%;height:97%;object-fit:contain;object-position:center bottom;transform-origin:50% 88%;z-index:1;will-change:transform}.hair-label{position:absolute;top:20px;left:20px;z-index:3;font:900 34px/1 var(--head);padding:10px 17px;background:var(--ink);color:var(--cream);transform:rotate(-4deg)}.hair-sticker{position:absolute;right:16px;bottom:22px;z-index:3;background:var(--yellow);border:2px solid var(--ink);padding:13px 15px;max-width:56%;font:700 17px/1.4 var(--mono);transform:rotate(5deg);box-shadow:3px 3px var(--ink)}.hair-woman .hair-sticker{background:var(--red);color:#fff;transform:rotate(-5deg)}.hair-copy{padding:30px}.hair-copy .eyebrow{font-size:15px;letter-spacing:.7px}.hair-copy h3{font-size:clamp(38px,4vw,60px);margin:15px 0 18px}.hair-copy>p:last-child{font-size:20px;line-height:1.6}.disco-deck{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:50px;background:var(--ink);color:var(--cream);padding:40px;border:3px solid var(--ink);box-shadow:8px 8px var(--red)}.disco-deck-copy{align-self:center}.disco-deck h3{font-size:65px;margin:18px 0 22px}.disco-deck h3 span{color:var(--yellow)}.disco-deck-copy>p:last-child{font-size:20px;line-height:1.6}.disco-console{min-width:0;background:#b8b7ad;padding:25px;border:3px solid #68685e;color:var(--ink)}.disco-display{position:relative;display:flex;align-items:center;gap:12px;padding:18px;background:#1a2927;color:#e4e2b9;border:3px inset #7c8073;min-height:95px;flex-wrap:wrap}.disco-display strong{font:24px/1.2 var(--pixel);letter-spacing:1px}#disco-led{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:#706b49}.disco-meter{display:flex;align-items:flex-end;gap:5px;height:20px;width:100%;padding-left:24px}.disco-meter i{display:block;width:15px;height:4px;background:var(--yellow)}.disco-keys{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.disco-keys .transport-key{display:flex;align-items:center;justify-content:center;gap:12px;min-height:75px;padding:15px 10px;font:800 23px/1.2 var(--head);background:linear-gradient(#fbf9ed,#b7b6ab);color:var(--ink);border:2px solid var(--ink);box-shadow:0 6px #5d5e54}.disco-keys .transport-key>span{font-size:25px}.disco-keys .transport-key[aria-pressed=true]{background:var(--yellow);transform:translateY(5px);box-shadow:0 1px #5d5e54}.disco-volume{display:block;font:800 19px/1.5 var(--head);margin-top:28px}.disco-volume output{float:right}.disco-volume input{display:block;width:100%;accent-color:var(--red);margin:14px 0 20px}#disco-status{font-size:18px;line-height:1.5;min-height:54px}.disco-note{font-size:16px;line-height:1.5;margin-top:14px}.disco-on #disco-led{background:#f54b3e;box-shadow:0 0 12px #ff7960}.disco-on .disco-meter i{animation:disco-level .25862s ease-in-out infinite alternate}.disco-on .disco-meter i:nth-child(3n){animation-delay:-.17s}.disco-on .disco-meter i:nth-child(3n+1){animation-delay:-.08s}@keyframes disco-level{from{height:5px}to{height:20px}}
@media(max-width:900px){.hair-photo{height:360px}.hair-sticker{font-size:15px;padding:10px;max-width:65%}.hair-copy{padding:24px}.disco-deck{gap:28px;padding:28px}.disco-deck h3{font-size:58px}.disco-console{padding:20px}.disco-keys .transport-key{font-size:20px;gap:8px}}
@media(max-width:650px){.hair-cast{grid-template-columns:1fr;gap:30px}.hair-photo{height:clamp(330px,96vw,470px)}.hair-label{font-size:32px;top:17px;left:17px}.hair-sticker{font-size:16px;max-width:63%;bottom:20px}.hair-copy h3{font-size:45px}.hair-copy>p:last-child{font-size:19px}.hair-copy .eyebrow{font-size:15px}.disco-deck{grid-template-columns:1fr;margin-top:38px;padding:26px 22px;gap:26px;box-shadow:6px 6px var(--red)}.disco-deck h3{font-size:58px}.disco-deck-copy>p:last-child{font-size:19px}.disco-console{padding:20px 16px}.disco-keys{gap:12px}.disco-keys .transport-key{font-size:22px}.disco-display{padding:15px 12px}.disco-display strong{font-size:23px}.hair-section .section-heading h2{font-size:58px}}
@media(max-width:360px){.hair-section .section-heading h2{font-size:49px}.hair-photo{height:320px}.hair-sticker{font-size:14px}.hair-copy{padding:22px 19px}.hair-copy h3{font-size:39px}.disco-deck{padding:22px 16px}.disco-console{padding:18px 12px}.disco-keys .transport-key{font-size:18px;gap:7px}.disco-keys .transport-key>span{font-size:21px}.disco-display strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hair-section img,.hair-section .disco-meter i{animation:none!important;transform:none!important}}

.hair-intro{align-self:end;max-width:430px}.hair-intro>p{font-size:20px;line-height:1.6}.hair-intro .button{margin-top:24px;background:var(--red);color:#fff;font:800 22px/1.2 var(--head);padding:20px 22px;border:3px solid var(--ink);box-shadow:5px 5px var(--ink)}.hair-intro .button[aria-pressed=true]{background:var(--ink);color:var(--yellow);box-shadow:5px 5px var(--red)}@media(max-width:650px){.hair-intro>p{font-size:19px}.hair-intro .button{font-size:21px;padding:18px}}
/* Die B-Seite: echte Tanzposen statt schaukelnder Fotos. */
.hair-intro{max-width:470px}.dance-launch{margin-top:24px;width:100%;display:flex;align-items:center;text-align:left;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#f1efe4,#a6a79e);border:3px solid var(--ink);color:var(--ink);box-shadow:6px 7px var(--ink);transition:transform .15s,box-shadow .15s}.dance-launch:hover{transform:translate(-2px,-2px);box-shadow:8px 9px var(--ink)}.dance-launch:active{transform:translate(4px,4px);box-shadow:2px 3px var(--ink)}.dance-launch small{display:block;font:700 14px/1.5 var(--mono);letter-spacing:1px;margin-bottom:8px}.dance-launch strong{display:block;font:900 37px/.95 var(--head)}.dance-launch b{display:block;font:800 16px/1.4 var(--head);letter-spacing:.6px;margin-top:12px}.vinyl-icon{position:relative;flex:0 0 96px;height:96px;border-radius:50%;background:repeating-radial-gradient(circle,#161716 0 3px,#353633 4px 5px,#161716 6px 8px);box-shadow:0 0 0 2px #55574e,3px 5px 6px #0005;display:grid;place-items:center}.vinyl-icon:before{content:'';position:absolute;inset:6px;border-radius:50%;background:conic-gradient(transparent 0 35deg,#fff3 45deg,transparent 60deg 205deg,#fff2 225deg,transparent 245deg)}.vinyl-icon i{position:relative;display:grid;place-items:center;width:41px;height:41px;background:var(--red);border:3px solid var(--yellow);border-radius:50%;font-size:21px;font-style:normal;color:#fff}.dance-launch[aria-pressed=true]{background:var(--ink);color:var(--yellow);box-shadow:6px 7px var(--red)}.dance-launch[aria-pressed=true] .vinyl-icon:before{animation:record-spin 2.06896s linear infinite}.dance-figure{position:absolute;inset:30px 0 32px;display:flex;justify-content:center;align-items:flex-end;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s}.dancer-sprite{height:100%;aspect-ratio:1;max-width:100%;flex-shrink:0;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;transform-origin:50% 94%}.hair-man .dancer-sprite{background-image:url('/assets/disco-mann-tanz-frei.webp')}.hair-woman .dancer-sprite{background-image:url('/assets/disco-frau-tanz-frei.webp')}.dance-floor{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 30% 0,#f0a6b970,transparent 55%),linear-gradient(150deg,#352b47,#172b35);transition:opacity .2s}.dance-floor:after{content:'';position:absolute;inset:60% -50% -40%;background:repeating-linear-gradient(90deg,transparent 0 46px,#dc66ac70 47px 49px,transparent 50px),repeating-linear-gradient(0deg,transparent 0 46px,#dc66ac70 47px 49px,transparent 50px);transform:perspective(180px) rotateX(52deg);transform-origin:50% 0}.disco-on .hair-photo>img{opacity:0;animation:none!important}.disco-on .dance-figure,.disco-on .dance-floor{opacity:1}.disco-on .dancer-sprite{animation:disco-poses 1.03448s steps(1,end) infinite,disco-bounce .51724s ease-in-out infinite}.disco-on .hair-woman .dancer-sprite{animation-delay:-.51724s,-.25862s}.disco-on .hair-sticker{opacity:0;pointer-events:none}.disco-on .dance-floor:after{animation:floor-slide 1.03448s linear infinite}.hair-photo>img{transition:opacity .15s}.hair-label{transition:background .2s}.disco-on .hair-label{background:var(--yellow);color:var(--ink)}@keyframes disco-poses{0%{background-position:0 0}12.5%{background-position:33.333333% 0}25%{background-position:66.666667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.333333% 100%}75%{background-position:66.666667% 100%}87.5%{background-position:100% 100%}}@keyframes disco-bounce{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes floor-slide{to{background-position:0 50px,0 50px}}
@media(max-width:900px){.dance-launch{padding:18px;gap:16px}.vinyl-icon{flex-basis:78px;height:78px}.dance-launch strong{font-size:32px}.dance-launch small{font-size:14px;letter-spacing:.4px}.dance-launch b{font-size:15px}}@media(max-width:650px){.dance-launch strong{font-size:33px}.dance-launch b{font-size:16px}.dance-figure{inset:28px 0 26px}}@media(max-width:360px){.dance-launch{padding:17px 14px;gap:13px}.vinyl-icon{flex-basis:64px;height:64px}.dance-launch strong{font-size:29px}.dance-launch small{font-size:14px;letter-spacing:0}.dance-launch b{font-size:14px}.vinyl-icon i{width:33px;height:33px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.hair-section .dancer-sprite,.hair-section .dance-floor:after,.hair-section .vinyl-icon:before{animation:none!important;transform:none!important}.dance-launch{transition:none}}