@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#30382d;--cream:#fff9e9;--paper:#f5eedb;--peach:#edc3ab;--green:#254f49;--shadow:4px 5px 0 #30382d32}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#e8cdb5;min-height:100vh;background-image:radial-gradient(ellipse at 30% 45%,#f6e9cc 0,transparent 65%),repeating-linear-gradient(0deg,#ffffff0c 0 1px,#00000005 1px 2px);transition:background-color 1s}body.sunset{background-color:#b598b3;--peach:#cfafbe;--green:#584368}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #db5b36;outline-offset:4px}button{border:0;background:none}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}.menubar{height:45px;display:flex;align-items:center;gap:28px;padding:0 27px;border-bottom:1.5px solid var(--ink);background:var(--cream);font-size:14px}.brand{font-weight:800;font-size:21px;letter-spacing:-1px}.menubar nav{display:flex;gap:20px}.menubar nav button{padding:8px 0}.top-note{margin-left:auto;font:12px 'Space Mono',monospace}#clock{font:12px 'Space Mono',monospace}.desktop{position:relative;max-width:1440px;margin:auto;min-height:calc(100vh - 94px);height:880px}.wordmark{position:absolute;left:9%;top:14px;font:italic 160px/1 Georgia,serif;letter-spacing:-12px;color:#697654;transform:rotate(-7deg);text-shadow:2px 2px 0 #fff7d0}.wordmark span{display:block;font:16px 'Space Mono',monospace;letter-spacing:6px;margin-left:42px;margin-top:-4px;text-transform:uppercase}.shortcuts{position:absolute;right:3%;top:50px;display:grid;gap:24px}.shortcuts button{width:90px;font-size:13px;display:grid;justify-items:center;gap:7px}.shortcuts button>span{display:grid;place-items:center;font:36px Georgia,serif;background:#fff2cb;border:1.5px solid var(--ink);box-shadow:3px 3px 0 #30382d50;width:52px;height:49px;border-radius:6px}.window{position:absolute;background:var(--paper);border:1.5px solid var(--ink);box-shadow:var(--shadow);border-radius:7px;padding:5px;overflow:hidden;scroll-margin:60px}.window.hidden{display:none}.titlebar{display:flex;align-items:center;height:28px;gap:9px;margin-bottom:5px;background:repeating-linear-gradient(0deg,transparent 0 3px,#30382d80 3px 4px);cursor:grab;touch-action:none;user-select:none}.titlebar h1,.titlebar h2{font:700 13px 'Space Mono',monospace;background:var(--paper);padding:0 8px;margin:0 auto;white-space:nowrap}.titlebar>span{font:13px monospace;background:var(--paper);padding:0 5px}.close{width:13px;height:13px;min-width:13px;border:1.5px solid var(--ink);background:var(--paper);margin-left:6px;box-shadow:0 0 0 3px var(--paper)}.postcard{left:8%;top:227px;width:52%;transform:rotate(-3deg);z-index:1}.postcard-image{position:relative;aspect-ratio:1.64;overflow:hidden;border:1px solid var(--ink);background:#90b8af}.postcard-image img{display:block;width:100%;height:100%;object-fit:cover}.postcard-caption{position:absolute;left:26px;bottom:24px;color:#fff9e9;font:italic 62px/.9 Georgia,serif;text-shadow:1px 3px 8px #20474460;letter-spacing:-3px}.stamp{position:absolute;right:20px;top:20px;border:2px dashed #fff9e9;color:#fff9e9;padding:12px 8px;text-align:center;font:11px/1.4 'Space Mono',monospace;transform:rotate(10deg)}.postcard-foot{display:flex;justify-content:space-between;padding:12px 10px 8px;font-size:13px}.postcard-foot span:last-child{font:11px 'Space Mono',monospace}.radio{left:51%;top:62px;width:360px;z-index:3}.radio-body{padding:12px;background:var(--cream);border:1px solid var(--ink)}.radio-top{display:flex;justify-content:space-between;font:10px 'Space Mono',monospace;align-items:center}.on-air{background:#d9dec4;padding:3px 7px;border:1px solid}.on-air.live{background:#f6cf73}.track{display:flex;gap:16px;align-items:center;padding:18px 0 13px}.record{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(#353d32 0 2px,#515647 3px 4px);flex-shrink:0;animation:spin 5s linear infinite;animation-play-state:paused}.record.playing{animation-play-state:running}.record span{width:31px;height:31px;border-radius:50%;background:#eab598;display:grid;place-items:center;font-size:24px}.eyebrow{font:9px 'Space Mono',monospace;letter-spacing:1px;margin:0 0 8px}.track h3{font-size:18px;letter-spacing:-.5px;margin:0 0 5px}.track p:last-child{margin:0;font-size:12px}.equalizer{height:31px;display:flex;align-items:end;gap:3px;border-bottom:1px solid;padding-bottom:4px}.equalizer i{flex:1;background:#5e7a60;height:4px}.equalizer.playing i{animation:wave .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}.radio-controls{display:flex;gap:7px;align-items:center;margin-top:12px}.raised{background:var(--cream);border:1px solid var(--ink);box-shadow:inset 2px 2px white,inset -2px -2px #b4b5a1,2px 2px 0 var(--ink);font:12px 'Space Mono',monospace;padding:9px 12px}.raised:active{transform:translate(2px,2px);box-shadow:inset 1px 1px #aaa}.volume{display:flex;gap:5px;align-items:center;margin-left:auto;font:10px 'Space Mono',monospace}.volume input{width:66px;accent-color:var(--green)}.radio-caption{font-size:11px;margin-top:13px;opacity:.7}.arcade{left:54%;top:413px;width:40%;max-width:520px;z-index:4}.scoreboard{font:11px 'Space Mono',monospace;display:flex;justify-content:space-between;padding:8px 7px 12px}.scoreboard b{font-weight:400}#lives{color:#b76647;letter-spacing:2px}.game-wrap{position:relative;background:var(--green);border:1px solid var(--ink)}canvas{display:block;width:100%;aspect-ratio:1.6;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff6d9;background:#254f49e6;text-align:center}.game-overlay.hidden{display:none}.game-symbol{font-size:44px;line-height:1}.game-overlay h3{font:italic 37px Georgia,serif;letter-spacing:-1px;margin:8px 0}.game-overlay p{font-size:13px;margin:0 0 18px}.game-overlay .raised{color:var(--ink);background:#f4d47f}.game-foot{display:flex;align-items:center;gap:12px;font-size:11px;padding:9px 4px 4px}.game-foot>span{margin-right:auto}.game-foot button{font-size:12px}.club-note{position:absolute;left:12%;top:750px;transform:rotate(-3deg);display:flex;gap:30px;align-items:center}.club-note>span{font:italic 22px/.95 Georgia,serif}.club-note small{font-size:13px;max-width:150px}.taskbar{height:49px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cream);border-top:1.5px solid var(--ink);font:11px 'Space Mono',monospace}.club-badge{display:flex;align-items:center;gap:9px}.club-badge:first-letter{font-size:24px}.ticker{font:13px 'DM Sans',sans-serif}.ticker>span{margin:0 14px}.taskbar button{font-size:12px;border-left:1px solid;padding-left:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{height:calc(8px + var(--h)*1px)}}
@media(min-width:1500px){.desktop{height:calc(100vh - 94px);min-height:880px}.postcard{top:26%}.arcade{top:47%}.club-note{top:85%}}
@media(max-width:1000px){.desktop{height:1020px}.wordmark{left:5%;font-size:130px}.postcard{left:4%;top:240px;width:65%}.radio{left:auto;right:4%;top:50px;width:340px}.shortcuts{top:740px;right:auto;left:6%;display:flex}.arcade{left:auto;right:4%;top:570px;width:53%}.club-note{top:920px;left:7%}.top-note{display:none}#clock{margin-left:auto}}
@media(max-width:640px){.menubar{height:44px;padding:0 13px;gap:18px}.menubar nav{gap:12px;font-size:12px}#clock{font-size:10px}.desktop{height:auto;min-height:0;padding:162px 14px 30px;display:flex;flex-direction:column;gap:22px}.wordmark{left:22px;top:18px;font-size:105px;letter-spacing:-8px}.wordmark span{font-size:11px;letter-spacing:4px;margin-left:20px}.shortcuts{top:25px;right:13px;left:auto;display:flex;flex-direction:column;gap:8px}.shortcuts button{width:58px;font-size:10px}.shortcuts button>span{width:34px;height:31px;font-size:25px}.shortcuts button:nth-child(-n+2){display:none}.window{position:relative;left:auto;right:auto;top:auto!important;width:100%;max-width:none;transform:none}.postcard{order:0}.radio{order:1}.arcade{order:2}.postcard-caption{font-size:48px;left:20px;bottom:20px}.stamp{font-size:9px;padding:7px;right:13px;top:13px}.postcard-foot{font-size:12px}.postcard-foot span:last-child{font-size:10px}.club-note{position:static;order:3;transform:none;justify-content:center;margin-top:8px}.taskbar{height:auto;min-height:52px;padding:12px;gap:8px}.ticker{display:none}.club-badge{font-size:9px}.taskbar button{font-size:10px}.titlebar{cursor:default}.titlebar h1,.titlebar h2{font-size:12px}.game-overlay h3{font-size:32px}.game-symbol{font-size:32px}.game-overlay p{margin-bottom:12px}}
@media(min-width:1001px) and (max-height:820px){.desktop{height:710px;min-height:650px}.wordmark{font-size:125px;top:5px}.postcard{top:183px;width:49%}.radio{top:30px;width:335px}.arcade{top:320px;width:38%;max-width:470px}.club-note{top:620px}.shortcuts{top:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}