@font-face{font-family:Sedgwick Ave Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sedgwick-ave-display-latin-400-normal-HnZVIkp6.woff2)format("woff2"),url(/assets/sedgwick-ave-display-latin-400-normal-Bbgl8Gfo.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff")}:root{color:#262823;font-synthesis:none;--ink:#262823;--cream:#fff9e9;--paper:#ece7db;--coral:#df3e30;--line:#292b2528;background:#ddd8c9;font-family:Space Mono,monospace;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:7px;outline:2px solid}button:focus-visible{border-radius:3px}[hidden]{display:none!important}h1,h2,p{margin:0}svg{pointer-events:none;flex-shrink:0;width:22px;height:22px;display:block}::selection{color:#202520;background:#e4fb50}.skip-link{z-index:100;background:var(--paper);padding:12px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.room{height:100svh;min-height:550px;position:relative;overflow:hidden}.landscape,.grain{pointer-events:none;position:absolute;inset:0}.landscape{background:linear-gradient(#ddd8c9 0%,#ded9ca 64%,#5f6155 65%,#202b27 100%)}.landscape canvas{width:100%;height:100%;display:block}.landscape[data-fallback=true]{background:linear-gradient(#0000 60%,#16231dbc),url(/art/room-fallback.jpg) 50%/cover}.landscape[data-fallback=true] canvas{display:none}.grain{z-index:1;opacity:.08;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.room header{z-index:3;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;top:33px;left:4%;right:4%}.brand{align-items:center;gap:10px;display:flex}.brand-dot{color:var(--coral);font-size:27px;line-height:.7;transform:translateY(5px)}#collection-open{align-items:center;gap:12px;padding:10px 0;display:flex}#collection-open svg{width:16px;margin-left:5px;transition:transform .2s}#collection-open:hover svg{transform:translate(5px)}#collection-count{border-bottom:1px solid var(--coral);padding-bottom:2px;font-size:10px}h1{z-index:2;text-transform:uppercase;letter-spacing:-2px;color:var(--coral);pointer-events:none;text-shadow:0 1px #f6ba8514;width:56%;font-family:Sedgwick Ave Display,cursive;font-size:clamp(100px,13.5vw,225px);font-weight:400;line-height:.91;position:absolute;top:30%;left:7%;transform:rotate(-7deg)}h1 span{overflow-wrap:anywhere;width:max-content;max-width:100%;display:block}h1 span+span{margin-top:12px;margin-left:20px}h1.long-title{font-size:clamp(65px,9vw,145px)}.player{z-index:3;color:var(--cream);align-items:center;gap:29px;display:flex;position:absolute;bottom:6.2%;left:11%;right:10%}.player-play{background:var(--cream);color:#202820;border-radius:50%;place-items:center;width:62px;min-width:62px;height:62px;transition:transform .25s,background .25s;display:grid}.player-play:hover{background:#e9ff72;transform:scale(1.08)}.player-play svg{width:27px;height:27px}.player-play[aria-busy=true]{box-shadow:0 0 0 5px #fff9e926}.icon-button{border-radius:50%;place-items:center;min-width:38px;min-height:38px;display:grid}.icon-button:hover{background:#ffffff12}.time{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.3px;font-size:10px}input[type=range]{--progress:0%;appearance:none;cursor:pointer;accent-color:currentColor;background:0 0;min-width:0;height:30px;margin:0}#seek{color:var(--cream);flex:1}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,currentColor var(--progress),#fff9e955 var(--progress));border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:currentColor;border-radius:50%;width:10px;height:10px;margin-top:-4px}input[type=range]::-moz-range-track{background:#fff9e955;height:2px}input[type=range]::-moz-range-progress{background:currentColor;height:2px}input[type=range]::-moz-range-thumb{background:currentColor;border:0;border-radius:50%;width:10px;height:10px}dialog{background:var(--paper);width:440px;max-width:calc(100% - 22px);height:100svh;max-height:100svh;color:var(--ink);border:0;border-left:1px solid #292b2515;margin:0;padding:35px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-20px 0 90px #121f2520}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2431284d}.drawer-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px;display:flex}h2{letter-spacing:-.5px;font-size:17px;font-weight:400}.drawer-heading .icon-button:hover{background:#2628230a}.record{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:15px;width:100%;padding:23px 0;display:flex}.record-icon{width:30px;height:30px;color:var(--coral);place-items:center;display:grid}.record-icon svg{width:18px;height:18px}.record-name{flex:1;font-size:13px}.record-duration{color:#586053;font-size:10px}.record.active .record-name{color:#b62c21}.record:hover .record-name{text-underline-offset:5px;text-decoration:underline}.drawer-footnote{color:#606354;margin-top:28px;font-size:9px}.notes{color:#586053;margin-bottom:35px;font-size:12px;line-height:1.9}.options{border-top:1px solid var(--line)}.option-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;width:100%;padding:21px 0;font-size:11px;display:flex}.option-row svg{width:16px;height:16px}.option-row:hover:not(label){color:var(--coral)}.option-state{color:#586053;font-size:10px}.option-row[aria-pressed=true] .option-state{color:#b62c21}#volume{width:140px;color:var(--ink)}#volume::-webkit-slider-runnable-track{background:linear-gradient(to right,currentColor var(--progress),#26282330 var(--progress))}#volume::-moz-range-track{background:#26282330}#status{background:var(--cream);color:var(--ink);z-index:30;opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - 32px);padding:12px 20px;font-size:11px;line-height:1.6;transition:opacity .2s,transform .2s;position:fixed;bottom:145px;left:50%;transform:translate(-50%,10px);box-shadow:0 8px 35px #0002}#status.visible{opacity:1;transform:translate(-50%)}.no-script{background:var(--paper);padding:20px;position:fixed;bottom:0}@media (width>=1700px){h1{font-size:220px;top:30%;left:10%}}@media (width<=760px){.room{min-height:610px}.room header{font-size:10px;top:22px;left:7%;right:7%}.brand{gap:6px}.brand-dot{font-size:24px}#collection-open{gap:7px}#collection-open svg{width:13px}h1{letter-spacing:-1px;width:85%;font-size:clamp(79px,22vw,145px);line-height:.88;top:16%;left:9%}h1 span+span{margin-top:10px;margin-left:12px}h1.long-title{font-size:clamp(55px,16vw,100px)}.player{left:7%;right:7%;bottom:calc(5% + env(safe-area-inset-bottom));flex-wrap:wrap;gap:16px}.player-play{width:50px;min-width:50px;height:50px}.player-play svg{width:23px;height:23px}.time{font-size:9px;position:absolute;top:-19px;right:44px}#seek{margin-right:0}#options-open{min-width:25px;min-height:36px}.icon-button svg{width:19px}#status{font-size:10px;bottom:120px}dialog{max-width:calc(100% - 16px);padding:25px}.drawer-heading{margin-bottom:28px}}@media (height<=650px) and (width>=761px){h1{font-size:140px;top:26%}.room{min-height:500px}.player{bottom:5%}.player-play{width:48px;min-width:48px;height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=760px){.landscape[data-fallback=true]{background-image:url(/art/room-fallback-mobile.jpg)}}.landscape[data-ink=true]~h1{opacity:0}.room[data-track=amber-groove] .landscape[data-fallback=true]~h1{background:url(/art/amber-groove-lettering.png) 50%/contain no-repeat;width:53%;height:46%;top:23%;left:4%;transform:none}.room[data-track=amber-groove] .landscape[data-fallback=true]~h1 span{visibility:hidden}@media (width<=760px){.room[data-track=amber-groove] .landscape[data-fallback=true]~h1{width:86%;height:27%;top:12%;left:7%}}.camera-ready .landscape{pointer-events:auto;touch-action:none;cursor:grab}.camera-dragging,.camera-dragging .landscape{cursor:grabbing;-webkit-user-select:none;user-select:none}.camera-ready header,.camera-ready .player{cursor:auto}.ring-beacon{z-index:2;filter:drop-shadow(0 0 8px #eaff85aa);cursor:pointer;background:radial-gradient(circle,#fbffbddd 0 5%,#ecff7366 12%,#ecff7322 34%,#0000 68%);border-radius:50%;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.ring-beacon:after{content:"";border:1px solid #f5ffc9aa;border-radius:50%;animation:3.8s ease-out infinite ring-invite;position:absolute;inset:10px}.ring-beacon.engaged:after{opacity:.3}.ring-beacon.still:after{opacity:.5;animation:none}@keyframes ring-invite{0%,to{opacity:.2;transform:scale(.65)}40%{opacity:.8}80%{opacity:0;transform:scale(1.65)}}@media (prefers-reduced-motion:reduce){.ring-beacon:after{animation:none}}.record-name small{color:#626559;margin-top:7px;font-size:9px;line-height:1.5;display:block}.release-label{color:#b62c21;margin-bottom:16px;font-size:10px}.improvements{color:#586053;margin:0 0 30px;padding-left:17px;font-size:11px;line-height:1.8}.improvements:empty{display:none}.night-room header{color:#f6ebcf}.night-room .brand-dot{color:#ff7965}.header-links{align-items:center;gap:25px;display:flex}.header-links>a,.header-links>button{font-size:11px}.google-signin{color:#222;background:#fff;border:1px solid #7778;border-radius:6px;width:100%;padding:15px;font-family:Arial,sans-serif;font-size:14px}.release-consent{gap:12px;margin:25px 0;font-size:12px;line-height:1.8;display:flex}.release-consent input{flex-shrink:0;width:18px;height:18px}@media (width<=600px){.room header{align-items:flex-start;top:22px}.header-links{flex-wrap:wrap;justify-content:flex-end;gap:15px;max-width:215px}.header-links>a,.header-links>button{font-size:10px}.brand{font-size:11px}}.room:not(.night-room) .player{color:#23382f}.room:not(.night-room) .player .time{text-shadow:0 1px 5px #ffffffe0}h1#hero-title{letter-spacing:0;max-width:none;text-shadow:none;color:var(--title-color,var(--coral));line-height:1;transform:none}#hero-title canvas{width:100%;height:100%;display:block}h1#hero-title.long-title{font-size:inherit}.room[data-track=amber-groove] .landscape[data-fallback=true]~h1{background:0 0}.record-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.record-row .record{border-bottom:0;flex:1;gap:10px;min-width:0}.record-name{overflow-wrap:anywhere;min-width:0}.heart-button{flex-shrink:0;min-width:44px;min-height:44px;transition:color .15s,background .15s}.heart-button svg{width:20px;height:20px}.heart-button[aria-pressed=true]{color:#d63a52}.heart-button[aria-pressed=true] svg{fill:currentColor}.heart-button:hover{background:#d63a5212}.favorites-note{color:#606354;margin:-22px 0 12px;font-size:10px;line-height:1.6}@media (width<=760px){.player{gap:10px}.player .heart-button{min-width:38px}.record-row{gap:4px}.favorites-note{margin-top:-12px}}
