:root{color-scheme:dark;--amber:#efb16e;--ink:#11100f;--muted:#c1b2a3}*{box-sizing:border-box}body{margin:0;background:#0b0c0e;color:#dfc6ae;font-family:Arial,sans-serif}a{color:#d3b28f;text-decoration:none}button,input{font:inherit;accent-color:var(--amber)}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #89c6cd;outline-offset:4px}a:hover{color:#f6d4ae}.skip{position:absolute;top:-100px;z-index:10}.skip:focus{top:15px;background:#111;padding:12px}.cockpit{position:relative;width:100%;aspect-ratio:1672/941;max-width:1920px;margin:auto;isolation:isolate;container-type:inline-size}.plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}header{position:absolute;top:3%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;font-size:clamp(9px,1cqw,17px);letter-spacing:.23em;text-shadow:0 1px 8px #000}header span{font-size:.75em}.parked-speed{position:absolute;left:6%;top:75.2%;width:5.7%;text-align:center;color:#ffc285;font-size:clamp(18px,2.7cqw,45px);font-weight:300;line-height:1;text-shadow:0 0 12px #ffaa4e55}.parked-speed small{display:block;font-size:.25em;margin-top:.6em;letter-spacing:.18em}.map-label{position:absolute;left:30.3%;top:65.9%;font-size:.75cqw;letter-spacing:.22em;color:var(--amber)}.radio{position:absolute;left:50.4%;top:66.5%;width:33.9%;height:21.2%;display:grid;grid-template-columns:28% 1fr;gap:5%;padding:.5%;border-radius:4px;background:linear-gradient(110deg,#191817b8,#121212eb);box-shadow:inset 0 0 16px #0008}.radio>img{align-self:center;width:100%;aspect-ratio:1;object-fit:contain;box-shadow:0 0 0 1px #9a7e6355,0 4px 10px #0008}.radio-body{min-width:0;display:flex;flex-direction:column;justify-content:center}.station{font-size:1cqw;letter-spacing:.2em;margin:0 0 .7cqw;color:#e8c39f;white-space:nowrap}h1{font-size:1.1cqw;font-weight:400;letter-spacing:.08em;margin:0 0 .35cqw;line-height:1.25}.artist{font-size:.72cqw;letter-spacing:.06em;color:#b3a598;margin:0 0 .9cqw}.seek-label{font-size:0}.seek-label input{display:block;width:100%;margin:0;height:.4cqw;cursor:pointer}.times{display:flex;justify-content:space-between;font-size:.65cqw;color:#bcb0a6;margin:.35cqw 0 0}.radio-controls{display:flex;align-items:center;justify-content:space-between;gap:.3cqw;margin-top:.6cqw}.radio-controls button{background:transparent;border:0;color:var(--amber);height:2.9cqw;min-width:2.7cqw;padding:.3cqw;font-size:1cqw;cursor:pointer;text-shadow:0 0 10px #d9964e55}.radio-controls #play{border:1px solid #c18c59;border-radius:50%;width:3.3cqw;height:3.3cqw;font-size:.75cqw;box-shadow:0 0 14px #dc995a22,inset 0 0 12px #cf8c4f15}.radio-controls button:hover{color:#ffddb5;background:#b977321c}.radio-controls button:disabled{opacity:.4;cursor:default}.volume{font-size:.55cqw;color:#b5a89a;max-width:4.5cqw;margin-left:.3cqw}.volume input{display:block;width:100%;height:.4cqw;margin:.4cqw 0}.radio-controls input:disabled{opacity:.4}footer{max-width:1920px;margin:auto;padding:20px 3%;display:flex;justify-content:space-between;gap:30px;background:linear-gradient(#111315,#0b0c0e);border-top:1px solid #55423355;font-size:11px;color:#a99d91}footer p{margin:0 0 9px;line-height:1.7}.checkpoint{letter-spacing:.17em;font-size:9px;color:#d7af8b}.platforms{display:flex;gap:15px;margin:10px 0}.platforms a{display:inline-flex;align-items:center;min-height:32px;border-bottom:1px solid #85664d}.royalties{font-size:9px}.context{text-align:right}.context a{display:block;line-height:2;min-height:30px}#audio-status{color:#b6aa9e;font-size:10px}@media(min-width:1921px){body{background:#050607}}@media(max-width:800px){.cockpit{aspect-ratio:auto;padding-top:64vh;background:#10100f}.plate{height:64vh;object-fit:cover;object-position:45% top}.radio{position:relative;left:auto;top:auto;width:auto;height:auto;margin:0;padding:24px;grid-template-columns:100px 1fr;gap:22px;background:linear-gradient(130deg,#29241f,#111314);border-top:2px solid #7b614b;border-bottom:1px solid #644d3a;border-radius:16px 16px 0 0}.radio>img{width:100px}.station{font-size:11px;margin:0 0 12px;letter-spacing:.18em}h1{font-size:18px;margin:0 0 6px}.artist{font-size:10px;margin:0 0 14px}.seek-label input{height:4px}.times{font-size:10px;margin:6px 0}.radio-controls{gap:8px;margin-top:10px}.radio-controls button{min-width:44px;height:44px;font-size:15px}.radio-controls #play{width:48px;height:48px;font-size:11px}.volume{font-size:8px;max-width:60px;margin-left:6px}.volume input{height:4px;margin:7px 0}header{top:20px;font-size:10px;gap:15px}header span{font-size:8px;max-width:130px;text-align:right}.parked-speed,.map-label{display:none}footer{display:block;padding:22px}.context{text-align:left;margin-top:20px}.royalties{max-width:350px}}@media(max-width:430px){.radio{grid-template-columns:70px 1fr;gap:15px;padding:20px}.radio>img{width:70px}.station{font-size:9px;letter-spacing:.14em}h1{font-size:16px}.radio-controls{gap:2px}.volume{max-width:42px}.radio-controls button{min-width:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:800px){.cockpit{padding-top:52vh}.plate{height:84vh;clip-path:inset(0 0 38% 0);object-position:45% top}}
