/* Photocopied flyers, motel neon, battered desktop hardware. */
:root{--acid:#e7ed67;--ink:#161616;--paper:#e3e0d6;--red:#f14237;--sans:Arial,Helvetica,sans-serif}
body{background:#141414}.menubar,.taskbar{background:#bbbcb8;box-shadow:inset 0 1px #f9f6e9}.menubar>b{letter-spacing:1px}.brand{font-style:normal}.brand span{display:none}.system button span{background:#242424;color:#f96554}.online i{background:var(--red);border-radius:0}.scanlines{opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000016 3px 4px)}
#desktop{background:#151515;background-image:radial-gradient(#b6b6a914 .8px,transparent .8px);background-size:4px 4px}#desktop:before{opacity:.32;mix-blend-mode:screen}.wallpaper:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(173deg,transparent 0 49%,#d4d0bf0b 49% 49.25%,transparent 49.3%),linear-gradient(35deg,transparent 0 71%,#d4d0bf0b 71% 71.2%,transparent 71.3%)}
.wallpaper-meta{top:29px;color:#b0aca1;letter-spacing:1.4px}.wordmark{top:16%;left:24%;font:900 clamp(74px,12.8vw,208px)/.93 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.07em;transform:rotate(-8deg);text-shadow:none;color:#171717}.wordmark .cut-word{display:inline-block;background:#dedbd1;padding:0 .09em .04em;box-shadow:6px 7px #000;clip-path:polygon(1% 3%,98% 0,100% 96%,0 100%);transform:rotate(2deg)}.wordmark>.high-word{margin-left:19%;padding-left:.08em;background:var(--red);transform:rotate(-4deg);font-size:1.2em}.wordmark-star{display:inline-block;font-family:Arial;font-size:.72em;margin-left:.1em;vertical-align:top;line-height:1.3;transform:rotate(10deg)}.wallpaper-foot{left:36%;bottom:45px;font:8px/1.8 var(--mono);color:#aaa79d;transform:rotate(-2deg)}
.motel-sign{position:absolute;right:7%;top:7%;width:175px;padding:15px 9px 12px;transform:rotate(9deg);text-align:center;border:3px double #f55b5080;background:#191111;box-shadow:0 0 24px #f1423710}.motel-sign>span{font:8px var(--mono);letter-spacing:3px;color:#b49f95}.motel-sign>b{display:block;font:900 43px/.9 Impact,'Arial Black',Arial;letter-spacing:3px;color:#ffc4b8;-webkit-text-stroke:1px #f14237;text-shadow:0 0 5px #f14237,0 0 18px #f1423780;margin:12px 0}.motel-sign small{font:6px var(--mono);color:#ef9f8e;letter-spacing:1px}.motel-sign i{position:absolute;right:-18px;bottom:-60px;font:90px/.8 Arial;color:var(--red);font-style:normal;transform:rotate(-17deg)}.xerox-note{position:absolute;left:42%;top:9%;color:#171717;background:#c4c0b1;padding:9px 13px;font:bold 9px/1.4 var(--mono);transform:rotate(4deg)}.tape{position:absolute;background:#d8d1b16e;width:100px;height:25px;transform:rotate(25deg);border-left:3px dotted #26232166;border-right:3px dotted #26232166;z-index:2}.tape-one{top:17%;left:24%;transform:rotate(-32deg)}.tape-two{top:50%;left:69%;transform:rotate(19deg)}.wall-stamp{position:absolute;left:12%;bottom:11%;font:900 21px/.9 Impact,'Arial Black',Arial;color:#b7b4aa;border:3px solid #b7b4aa;padding:10px;transform:rotate(-12deg);opacity:.65}.wall-stamp b{font-size:34px}.wall-scribble{position:absolute;bottom:18%;right:10%;font:italic 23px cursive;color:var(--red);transform:rotate(-10deg)}
.shortcuts{gap:23px}.shortcut{color:#dedbd1}.shortcut>span:last-child{background:#1a1a1a;padding:3px 5px;font-size:9px;text-shadow:none}.shortcut:hover{background:#ee44351a;border-color:var(--red)}.music-icon{background:var(--red);color:#eee8da;box-shadow:3px 3px #000,inset 2px 2px #fff7}.game-icon{background:#b4b2a9;border-radius:2px;color:#181818}.disk-icon{background:#d5d0bb;transform:rotate(5deg)}.folder-icon{background:#d1b759;transform:rotate(-7deg)}.folder-icon:before{background:#d1b759}.folder-icon i{background:#e64136;color:#e9dfd1;font:bold 12px Arial;padding:2px;transform:rotate(9deg)}
.window{box-shadow:7px 7px #0009;border-color:#090909}.titlebar{background:#a9aaa5;color:#161616;box-shadow:inset 1px 1px #efeee5;border-color:#242424}.window.active .titlebar{background:#2c2c2c;color:#ebe7dc;box-shadow:inset 1px 1px #666}.window.active .titlebar .tiny-star{color:var(--red)}.titlebar button{background:#c6c6bd;color:#161616}.titlebar button:hover{background:var(--red);color:#fff}.window-menu{background:#d7d5cb;border-color:#aaa99e}.file-path{color:#66665d}.welcome{left:16%;top:21%;width:450px;transform:rotate(-2deg)}.welcome.active{transform:rotate(-1deg)}.welcome-body{padding:28px 28px 25px;background:#e5e0d0;isolation:isolate}.welcome-body:before,.zine-paper:after{content:'';position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:-1}.eyebrow{font-size:8px;letter-spacing:.6px}.status-dot{background:var(--red);border-radius:0}.welcome h1{font:900 54px/.91 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-2.2px;margin:23px 0 22px;transform:rotate(-2deg)}.welcome h1>span{display:inline-block;background:var(--ink);color:#e9e2cf;padding:3px 8px 4px;transform:rotate(1deg);margin-left:-5px}.welcome h1 em{font:900 38px/1.1 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-1.6px;color:var(--red);font-style:normal;display:inline-block;transform:rotate(1deg);background:transparent;border-bottom:4px solid var(--red)}.welcome p{font:10px/1.9 var(--mono);max-width:310px;color:#36352e}.welcome-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.welcome .retro-button{font-size:9px;background:var(--red);color:#fff;min-width:0;padding:12px 14px}.text-button{font:8px var(--mono);background:transparent;border:0;border-bottom:1px dashed #777;padding:0 0 4px}.text-button:hover{color:#b3271d}.welcome-sticker{right:20px;bottom:75px;width:68px;height:68px;background:var(--acid);border:2px solid var(--ink);border-radius:0;box-shadow:2px 2px #242424;font-size:7px;transform:rotate(10deg);clip-path:polygon(5% 1%,100% 0,95% 95%,0 100%)}.welcome-sticker b{font-size:16px}.window-status{background:#cccbbf;color:#4f4f47;border-color:#aaa99e}
.player-window{width:290px;top:29%;right:10%;transform:rotate(4deg)}.player-surround{background:#c3c1b5;padding:15px 22px 12px;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#00000004 3px 4px)}.source-tabs{display:flex;gap:3px;margin-bottom:12px}.source-tabs button{font:bold 8px var(--mono);background:#aaa99d;color:#3e3d35;border:1px solid #5d5b50;padding:6px 9px;flex:1}.source-tabs button[aria-pressed=true]{background:#242424;color:#f15143}.device{background:linear-gradient(110deg,#f7f2e3,#dfdbcd 35%,#c6c5ba);box-shadow:inset 2px 2px #fff9,inset -2px -3px #75766d,3px 5px 6px #0004;border:1px solid #929286;border-radius:10px;padding:15px 15px 9px;position:relative}.device:before{content:'RH / 904';position:absolute;right:-7px;top:15px;background:var(--red);color:#fff;font:bold 7px var(--mono);padding:5px 9px;transform:rotate(13deg);z-index:2}.official-screen,.device-screen{border:3px solid #202020;background:#d5d7ca;padding:0 6px 5px;border-radius:1px;box-shadow:inset 0 0 8px #0003}.official-screen img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:6px 0;filter:saturate(.65) contrast(1.2)}.official-caption{display:flex;flex-direction:column;gap:4px;padding:4px 0 8px}.official-caption b{font:900 17px Impact,'Arial Black',Arial;letter-spacing:1px}.official-caption>span{font:6px var(--mono)}.official-screen iframe{display:block;border:0;width:100%;min-width:170px;height:42px;background:#fff}.player-graffiti{height:108px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 20px/.85 Impact,'Arial Black',Arial;transform:rotate(-9deg)}.player-graffiti b{font-size:44px;letter-spacing:-1px}.player-graffiti>span{position:absolute;font:50px Arial;right:4px;top:20px;color:var(--red)}.player-graffiti:after{content:'NOT A PHASE';position:absolute;bottom:10px;left:-12px;background:#272727;color:#e9e3d5;padding:4px 7px;font:6px var(--mono);transform:rotate(18deg)}.device-brand{color:#33332e}.device-brand>span{font-size:6px}.bandcamp-link{display:block;text-align:center;color:#222;font:bold 8px var(--mono);margin:10px 0 0;text-underline-offset:3px}.bandcamp-link:hover{color:#b3261c}.player-note{font-size:6px;letter-spacing:.1px}.band-mode #track-list{display:none}.cover{background:#242424;color:var(--red)}.cover-orbit,.cover-orbit:before,.cover-orbit:after{border-color:#ed4a4190}.clickwheel{background:#343434;box-shadow:inset 0 1px #555,1px 2px #0004}.clickwheel button{color:#ddd8ca}.clickwheel .wheel-center{background:linear-gradient(110deg,#ddd9cc,#aaa99e);box-shadow:inset 0 1px 3px #777}.wheel-center span{color:#222}#scrubber{accent-color:var(--red)}.import-music{margin-top:12px}
.desktop-label{color:#a9a598}.desktop-label .status-dot{background:var(--red)}.desktop-version{color:#9e9b91}.start-button{background:#c9c8ba}.start-button>span{color:#d63127}.task-buttons button{background:#b5b6ab;border-color:#75776b}.task-buttons button.selected{background:#d8d7ca;box-shadow:inset 1px 1px #888}.start-menu-brand{font-style:normal;color:var(--red);text-transform:uppercase}.start-menu>button:hover{background:#262626;color:#f26051}.retro-button{background:#d3d0c4}.retro-button.primary{background:var(--red);color:#fff}.retro-button:hover{background:#c5bdab}.retro-button.primary:hover{background:#d12f25}.retro-button:disabled{opacity:.45;cursor:default;transform:none}.toast{background:var(--paper);border-color:var(--red)}
.game-window{width:740px;top:7%;left:22%}.game-body{background:#252525;color:#d9d5ca;padding:16px}.game-top{color:#aaa69a;letter-spacing:1px;font-size:8px}canvas{background:#151515;border:3px solid #77766c;aspect-ratio:720/440;touch-action:none}.fret-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px auto 15px;max-width:440px}.fret-buttons button{border:2px solid currentColor;border-radius:0;background:#171717;padding:6px 12px;box-shadow:0 3px #090909;touch-action:none;display:flex;align-items:center;justify-content:space-between;user-select:none}.fret-buttons button:nth-child(1){color:#b4e966}.fret-buttons button:nth-child(2){color:#f15f63}.fret-buttons button:nth-child(3){color:#f3d55c}.fret-buttons button:nth-child(4){color:#7aaef5}.fret-buttons button.pressed{background:currentColor;transform:translateY(2px);box-shadow:none}.fret-buttons button.pressed>*{color:#161616}.fret-buttons kbd{font:bold 19px var(--mono)}.fret-buttons span{font:7px var(--mono)}.game-controls{align-items:center;margin:10px 0 14px}.game-controls .retro-button{color:#171717}.game-controls .primary{color:#fff}.game-body p{font-size:8px;color:#d8d4c9}.game-body>small{color:#aba79c;font-size:7px}.timing-control{font:8px var(--mono);color:#aaa79d;display:flex;align-items:center;gap:5px}.timing-control input{width:49px;border:1px solid #666;color:#ece7db;background:#181818;padding:5px;font:9px var(--mono)}
.zine-paper{background-color:#e8e2d0;min-height:460px;isolation:isolate}.zine-kicker{font-size:7px;letter-spacing:.5px}.zine-title{font:900 78px/.82 Impact,'Arial Black',Arial;letter-spacing:-3px;transform:rotate(-5deg);text-transform:uppercase;margin:28px 0}.zine-title span{color:var(--red);background:#191919;display:inline-block;padding:2px 8px 9px;transform:rotate(3deg);margin-left:15%}.zine-art{background:#202020;transform:rotate(2deg);height:160px;justify-content:flex-start;border:5px solid #e9e3d3;box-shadow:2px 3px #161616}.zine-art:before{display:none}.zine-art img{width:48%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.6);mix-blend-mode:screen}.zine-art b{font:900 35px/.85 Impact,'Arial Black',Arial;letter-spacing:-1px;color:var(--paper);padding:10px;transform:rotate(-5deg);text-shadow:none}.zine-art span{font-size:6px;color:var(--red)}.zine-bottom{font-size:7px;gap:15px;line-height:1.8}.zine-bottom strong{font:900 23px/.9 Impact,'Arial Black',Arial}.zine-paper h2{font:900 49px/.94 Impact,'Arial Black',Arial;letter-spacing:-2px;margin:24px 0 20px}.zine-columns{font:10px/1.8 var(--mono)}.zine-quote{font:900 27px/.95 Impact,'Arial Black',Arial;background:var(--red);color:#eee6d4;padding:15px}.zine-paper a{color:inherit;text-underline-offset:3px}.zine-paper a:hover{color:#b5271d}.record-list{list-style:none;padding:0;margin:22px 0;font:10px/1.6 var(--mono)}.record-list li{border-top:1px solid #aaa491;padding:9px 0;display:flex;justify-content:space-between;gap:15px}.record-list li:last-child{border-bottom:1px solid #aaa491}.record-list time{font-size:8px;white-space:nowrap;color:#686354}.zine-source{display:block;font:7px/1.8 var(--mono);margin-top:15px}.readme{background:#e6e0cf}.readme a{color:#a82721}.readme h2{font:900 34px/.95 Impact,'Arial Black',Arial}.readme p{font-size:10px;line-height:1.9}
@media(min-width:1500px){.welcome{left:18%;top:24%}.player-window{right:14%;top:29%}}
@media(max-height:800px) and (min-width:761px){.welcome{top:17%;width:420px}.welcome-body{padding:22px 26px}.welcome h1{font-size:47px;margin:18px 0}.welcome h1 em{font-size:33px}.player-window{top:18%;width:265px}.player-surround{padding:12px 18px}.player-graffiti{height:84px}.player-graffiti b{font-size:37px}.official-screen img{max-height:140px;object-fit:cover}.game-window{top:3%;width:min(680px,76vw)}.game-body{padding:12px}.game-window canvas{max-height:45dvh}.zine-paper{min-height:410px}.zine-title{font-size:66px}.zine-art{height:135px}.zine-paper h2{font-size:42px}}
@media(max-width:1000px) and (min-width:761px){.welcome{left:16%;width:365px}.welcome h1{font-size:44px}.welcome h1 em{font-size:31px}.welcome-sticker{right:15px;bottom:80px;width:55px;height:62px}.welcome-sticker b{font-size:14px}.welcome p{max-width:260px;font-size:9px}.player-window{right:3%;width:260px}.motel-sign{right:4%;width:140px}.motel-sign>b{font-size:35px}.xerox-note{left:38%;top:8%}.wordmark{top:18%;left:22%;font-size:13vw}.game-window{left:13%;width:80vw}}
@media(max-width:760px){.menubar>b{font-size:7px}.wordmark{top:20%;left:7%;font-size:17.5vw;line-height:1}.wordmark>.high-word{margin-left:25%}.wallpaper-meta{left:16px;top:17px;font-size:6px}.motel-sign{top:4%;right:15px;width:100px;padding:8px 5px;transform:rotate(8deg)}.motel-sign>b{font-size:25px;margin:7px 0}.motel-sign>span{font-size:5px;letter-spacing:1px}.motel-sign small{font-size:4px}.motel-sign i{font-size:48px;bottom:-32px;right:3px}.xerox-note{display:none}.tape-one{left:7%;top:21%;width:70px;height:16px}.tape-two{left:70%;top:43%;width:60px;height:17px}.wall-stamp{bottom:10%;left:5%;font-size:14px}.wall-stamp b{font-size:22px}.wallpaper-foot{left:35%;bottom:50px;font-size:6px}.wall-scribble{font-size:17px;bottom:11%;right:8%}.shortcuts{top:57px;gap:3px;right:120px;left:6px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:12px;width:180px}.shortcut{width:85px;gap:6px}.shortcut>span:last-child{font-size:7px}.pixel-icon{width:36px;height:36px;font-size:28px}.game-icon{height:27px;margin:5px 0}.game-icon small{font-size:7px}.folder-icon{width:41px;height:29px;margin-top:8px}.folder-icon:before{width:21px;height:8px;top:-9px}.folder-icon i{font-size:9px}.disk-icon{font-size:21px}.disk-icon small{font-size:5px;width:27px;padding:1px;bottom:3px}.welcome{left:12px;top:265px;width:calc(100vw - 35px);max-width:420px;transform:rotate(-1deg)}.welcome.active{transform:rotate(-1deg)}.welcome-body{padding:24px}.welcome h1{font-size:clamp(39px,11.8vw,51px);margin:19px 0}.welcome h1 em{font-size:clamp(27px,8.4vw,36px)}.welcome p{font-size:9px;max-width:260px}.welcome-sticker{width:56px;height:62px;right:15px;bottom:85px}.welcome-sticker b{font-size:14px}.welcome .retro-button{font-size:8px;padding:11px}.text-button{font-size:7px}.player-window{position:fixed;top:70px;right:20px;left:auto;width:272px;max-height:calc(100dvh - 130px);overflow:auto;transform:rotate(2deg)}.player-surround{padding:12px 20px}.official-screen img{max-height:170px}.player-graffiti{height:90px}.window-status{font-size:7px}.game-window{position:fixed;top:65px;left:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 118px)}.game-body{padding:10px}.game-window canvas{max-height:43dvh}.game-top{font-size:6px;letter-spacing:0}.fret-buttons{margin:10px 0 12px;gap:7px}.fret-buttons button{padding:8px}.fret-buttons kbd{font-size:17px}.fret-buttons span{font-size:6px}.game-controls{gap:8px}.game-controls .retro-button{font-size:7px}.timing-control{font-size:7px}.game-body p{font-size:6px}.game-body>small{font-size:6px;line-height:1.8}.zine-title{font-size:63px}.zine-art b{font-size:26px}.zine-paper{min-height:415px}.zine-paper h2{font-size:39px}.zine-columns{font-size:9px}.record-list{font-size:9px}.record-list time{font-size:7px}.zine-source{font-size:6px}.desktop-version{top:740px}.welcome .window-status span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.scanlines{display:none}}