@property --art{syntax:"<color>"; inherits:true; initial-value:#6D7DA6;}:root{--ink: #0C0A12;--velvet: #171326;--slate: #2A2438;--chalk: #EFE9DE;--ash: #8C86A0;--art: #6D7DA6;--art-rgb: 109,125,166;--face-voice: Optima,Candara,"Gill Sans","Gill Sans MT",Ubuntu,Cantarell,"Trebuchet MS","Segoe UI",sans-serif;--face-record: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--face-machine: ui-monospace,"SF Mono","DejaVu Sans Mono",Menlo,Consolas,monospace;--pad: clamp(14px,2.6vw,32px);--inset-top: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--inset-right: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px));--inset-bottom: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--inset-left: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px));color-scheme:dark;transition:--art 1.1s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--chalk);font-family:var(--face-voice);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--art);outline-offset:3px;border-radius:3px}#wash{position:fixed;inset:-12%;z-index:0;filter:blur(64px) saturate(150%);opacity:.38;transition:opacity .9s ease}#wash canvas{width:100%;height:100%;display:block}#wash:after{content:"";position:absolute;inset:0;background:radial-gradient(145% 105% at 50% 108%,transparent 6%,rgba(12,10,18,.52) 52%,var(--ink) 94%),linear-gradient(var(--ink) 4%,transparent 40%)}#room{position:fixed;inset:0;z-index:1;display:grid;grid-template-rows:auto auto auto auto minmax(min(240px,34vh),1fr);padding:calc(var(--pad) + var(--inset-top)) calc(var(--pad) + var(--inset-right)) calc(14px + var(--inset-bottom)) calc(var(--pad) + var(--inset-left));gap:clamp(10px,1.6vh,20px)}.rail,.deck,.horizon{transition:opacity .5s ease}body.resting .rail,body.resting .deck,body.resting .horizon{opacity:.22}body.resting .trk .knob{opacity:0}.trk .knob{transition:opacity .3s ease,width .15s,height .15s,margin .15s}.rail{display:flex;align-items:baseline;gap:12px;font-family:var(--face-machine);font-size:.85rem;letter-spacing:.05em;color:var(--ash);min-height:20px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.rail .live{display:inline-flex;align-items:center;gap:7px;color:var(--chalk)}.rail .bulb{width:7px;height:7px;border-radius:50%;background:var(--art);animation:bulb 3.4s ease-in-out infinite}@keyframes bulb{0%,to{box-shadow:0 0 rgba(var(--art-rgb),.5)}50%{box-shadow:0 0 0 6px rgba(var(--art-rgb),0)}}body.dark .rail .bulb{animation:none;background:var(--slate)}.rail .grow{flex:1}.rail b{color:var(--chalk);font-weight:400}.wall{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(14px,2.4vw,34px);min-height:0}.played{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;padding-bottom:8px;width:clamp(56px,9vw,152px)}.played .past{width:var(--w);height:var(--w);border-radius:2px;overflow:hidden;opacity:var(--o);filter:saturate(.5) brightness(.68);border:1px solid rgba(255,255,255,.05);position:relative;flex:none;transition:opacity .3s ease,filter .3s ease,transform .3s ease}.played .past canvas{width:100%;height:100%;display:block}.played .past:hover{opacity:1;filter:none;transform:translateY(-3px)}.played .past:after{content:attr(data-t);position:absolute;bottom:calc(100% + 8px);left:0;font-family:var(--face-machine);font-size:.72rem;letter-spacing:.03em;color:var(--chalk);background:var(--velvet);border:1px solid var(--slate);padding:5px 9px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.played .past:hover:after{opacity:1}.words{min-width:0;padding-bottom:2px}.eyebrow{font-family:var(--face-machine);font-size:.73rem;letter-spacing:.16em;color:var(--ash);margin-bottom:.6em}.title{font-family:var(--face-voice);font-size:clamp(1.6rem,3.4vw,2.9rem);font-weight:400;line-height:1.04;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;transition:opacity .45s ease}.title.quiet{color:var(--ash)}.credit{font-family:var(--face-record);font-style:italic;font-size:clamp(1rem,1.4vw,1.22rem);color:var(--chalk);margin-top:.5em;opacity:.92;min-height:1.2em}.credit .album{color:var(--ash)}.tally{display:flex;gap:15px;margin-top:.85em;min-height:1.4em;font-family:var(--face-machine);font-size:.9rem;color:var(--ash)}.tally span{display:inline-flex;align-items:center;gap:6px}.tally i{font-style:normal;font-size:1.05rem;color:var(--chalk)}.sleeve{width:min(clamp(92px,14vw,180px),22vh);aspect-ratio:1;flex:none;border-radius:3px;overflow:hidden;position:relative;background:var(--velvet);box-shadow:0 22px 60px -18px #000000f2,0 0 0 1px #ffffff0f,0 0 70px -14px rgba(var(--art-rgb),.55);transition:box-shadow .9s ease}.sleeve canvas{width:100%;height:100%;display:block}.horizon{display:flex;align-items:center;gap:14px;font-family:var(--face-machine);font-size:.9rem;color:var(--ash)}.horizon time{font-variant-numeric:tabular-nums;flex:none;min-width:4ch}.horizon time.r{text-align:right}.trk{position:relative;flex:1;height:26px;display:flex;align-items:center;cursor:pointer;touch-action:none}.trk[aria-disabled=true]{cursor:default}.trk .bed{position:absolute;left:0;right:0;height:1px;background:var(--slate)}.trk .fill{position:absolute;left:0;height:1px;background:var(--chalk);width:0}.trk .knob{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--chalk);left:0;margin-left:-4.5px;box-shadow:0 0 12px 2px rgba(var(--art-rgb),.85)}.trk:hover .knob,.trk.dragging .knob{width:13px;height:13px;margin-left:-6.5px}.trk .mark{position:absolute;top:-8px;width:1px;height:7px;background:var(--m,var(--ash));opacity:.8;margin-left:-.5px}.deck{display:flex;align-items:center;gap:clamp(8px,1.3vw,16px);flex-wrap:wrap}.tbtn{display:grid;place-items:center;width:46px;height:44px;border-radius:4px;background:var(--velvet);border:1px solid var(--slate);transition:background .18s,border-color .18s,transform .1s}.tbtn:hover{background:#211b34;border-color:#3b3452}.tbtn:active{transform:translateY(1px)}.tbtn.main{width:44px;border-radius:50%;background:var(--chalk);border-color:var(--chalk);color:var(--ink)}.tbtn.main:hover{background:#fff}.tbtn svg{width:19px;height:19px;fill:currentColor}.tbtn[disabled]{opacity:.32;pointer-events:none}.level{display:flex;align-items:center;gap:9px;margin-left:6px}.level .segs{display:flex;gap:3px;align-items:flex-end;height:22px}.level i{width:4px;background:var(--slate);border-radius:1px;display:block;transition:background .2s}.level i.on{background:var(--chalk)}.level .num{font-family:var(--face-machine);font-size:.82rem;color:var(--ash);min-width:3ch}.level button{width:30px;height:30px;border-radius:3px;border:1px solid var(--slate);background:var(--velvet);font-family:var(--face-machine);line-height:1}.level button:hover{background:#211b34}.level button[disabled]{opacity:.32;pointer-events:none}.reacts{display:flex;gap:6px;margin-left:auto}.reacts button{width:44px;height:44px;border-radius:4px;font-size:1.3rem;line-height:1;border:1px solid transparent;color:color-mix(in oklab,var(--ash) 62%,var(--chalk));transition:color .18s,border-color .18s,transform .12s,background .18s}.reacts button:hover{color:var(--chalk);border-color:var(--slate);background:var(--velvet);transform:translateY(-2px)}.reacts button:active{transform:translateY(0)}.reacts button[disabled]{opacity:.32;pointer-events:none}.floor{position:relative;min-height:0;margin-left:calc(-1 * (var(--pad) + var(--inset-left)));margin-right:calc(-1 * (var(--pad) + var(--inset-right)));margin-bottom:calc(-1 * (14px + var(--inset-bottom)))}.floor canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.seats{position:absolute;left:0;right:0;bottom:calc(clamp(6px,1.4vh,16px) + var(--inset-bottom));display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,3.6vw,58px);padding:0 var(--pad)}.seats .alone{font-family:var(--face-machine);font-size:.82rem;letter-spacing:.1em;color:var(--ash);opacity:.7;text-align:center}.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px}.seat.arriving{animation:arrive .9s cubic-bezier(.2,.9,.3,1.2)}@keyframes arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.face{width:clamp(46px,6.6vw,78px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(.8rem,1.1vw,1rem);letter-spacing:.04em;color:#150f14;font-weight:600;background:radial-gradient(120% 120% at 30% 18%,color-mix(in oklab,var(--hue) 74%,white) 0%,var(--hue) 58%,color-mix(in oklab,var(--hue) 68%,black) 100%);box-shadow:0 0 0 1px #0000008c,0 10px 26px -10px #000000e6,0 0 var(--lift,10px) 0 var(--hue);transition:box-shadow .3s ease,transform .35s ease}.seat.ghost .face{background:none;border:1px dashed color-mix(in oklab,var(--hue) 68%,transparent);color:var(--ash);box-shadow:none;font-weight:400}.seat.ghost .name{color:var(--ash);opacity:.75}.name{font-size:clamp(.95rem,1.1vw,1.1rem);letter-spacing:.03em;color:var(--chalk);line-height:1.35;text-shadow:0 1px 12px rgba(0,0,0,.9);white-space:nowrap;max-width:14ch;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.seat.you .name:after{content:"you";margin-left:7px;font-family:var(--face-machine);font-size:.66rem;letter-spacing:.1em;color:var(--ink);background:var(--chalk);padding:2px 5px;border-radius:2px;vertical-align:1px}.say{position:absolute;bottom:-2px;left:50%;transform:translate(-50%,6px);font-family:var(--face-machine);font-size:.78rem;letter-spacing:.07em;color:var(--hue);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.seat.saying .say{opacity:1;transform:translate(-50%)}.seat.saying .name{opacity:0}.rise{position:absolute;bottom:58%;left:50%;font-size:1.4rem;color:var(--hue);pointer-events:none;text-shadow:0 0 20px currentColor;animation:rise 1.9s cubic-bezier(.25,.6,.3,1) forwards}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}18%{opacity:1;transform:translate(calc(-50% + var(--dx,0px)),-16px) scale(1.12)}to{opacity:0;transform:translate(calc(-50% + var(--dx2,0px)),-118px) scale(.9)}}.stamp{color:var(--ash);opacity:.6;border:1px solid var(--slate);border-radius:2px;padding:1px 6px;font-size:.72rem;letter-spacing:.1em}.veil{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:calc(var(--pad) + var(--inset-top)) var(--pad);background:#0c0a12f0;backdrop-filter:blur(6px);transition:opacity .4s ease}.veil[hidden]{display:none}.veil.fading{opacity:0;pointer-events:none}.veil-inner{max-width:34ch;text-align:center}.veil-eyebrow{font-family:var(--face-machine);font-size:.73rem;letter-spacing:.22em;color:var(--ash);margin-bottom:1.4em}.veil-line{font-family:var(--face-voice);font-size:clamp(1.3rem,3vw,1.9rem);font-weight:400;line-height:1.2;color:var(--chalk)}.veil-note{font-family:var(--face-record);font-style:italic;font-size:1rem;color:var(--ash);margin-top:1em;line-height:1.5}.veil-act{margin-top:1.8em;padding:12px 22px;border-radius:4px;border:1px solid var(--slate);background:var(--velvet);font-family:var(--face-machine);font-size:.85rem;letter-spacing:.08em;color:var(--chalk)}.veil-act:hover{background:#211b34;border-color:#3b3452}.veil-act[hidden]{display:none}@media(max-width:640px){#room{grid-template-rows:auto minmax(0,.7fr) auto auto minmax(240px,1.3fr);gap:9px}.wall{grid-template-columns:minmax(0,1fr) auto;align-items:center}.played{display:none}.title{font-size:clamp(1.35rem,5.8vw,1.9rem)}.credit{font-size:.96rem;margin-top:.35em}.tally{margin-top:.5em;font-size:.82rem;gap:12px}.sleeve{width:clamp(84px,26vw,120px)}.deck{gap:6px;row-gap:10px}.reacts{margin-left:0;width:100%;justify-content:space-between;order:3}.level{order:2;margin-left:auto}.seats{gap:clamp(8px,4.5vw,22px)}.seat.you .name:after{display:none}}@media(max-width:480px){.level .segs,.level .num,.eyebrow,.rail .roomname,.rail .clock,.rail .slash{display:none}}@media(max-height:420px){#room{grid-template-rows:auto auto auto auto minmax(84px,1fr);gap:5px;padding-top:calc(8px + var(--inset-top))}.played,.tally,.eyebrow,.level{display:none}.wall{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.title{font-size:clamp(1.05rem,3.8vw,1.45rem);-webkit-line-clamp:1;line-clamp:1}.credit{font-size:.85rem;margin-top:.2em}.sleeve{width:clamp(52px,16vh,80px)}.horizon{font-size:.78rem;gap:9px}.trk{height:18px}.tbtn{width:38px;height:34px;border-radius:3px}.tbtn.main{width:34px}.tbtn svg{width:15px;height:15px}.deck{gap:5px;flex-wrap:nowrap}.reacts{order:0;width:auto;margin-left:auto;gap:2px}.reacts button{width:32px;height:32px;font-size:1.02rem;border-radius:3px}.seat{gap:5px}.seats{gap:clamp(8px,3.4vw,26px);bottom:5px}.face{width:clamp(28px,9vh,42px);font-size:.72rem}.name{font-size:.82rem}.say{font-size:.68rem}.veil-line{font-size:1.15rem}.veil-note{font-size:.85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}.rail .bulb{animation:none}}