:root{--paper: #e8dcc0;--ink: #1b1410;--red: #c9502f;--gold: #e0b24a;--amber: #ffb340;--lcd: #7dffb2;--case-spec: #7c7c88;--case-hi: #4a4a55;--case: #2e2e37;--case-lo: #1b1b22;--case-dk: #0c0c11;--recess: #07070a;--tap: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;overflow-x:clip;background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 2px,transparent 2px 7px),radial-gradient(120% 90% at 50% 0%,#3a2f27,#221a15 60%,#16100d);color:var(--paper);font:16px/1.5 Courier New,ui-monospace,monospace;min-height:100vh}.smoke{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.room{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:8px 14px calc(28px + env(safe-area-inset-bottom))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.scene{--face-tilt: 27deg;--face-yaw: 0deg;--depth: 104px;--table-tilt: 79deg;--table-depth: 160px;--table-thick: 16px;--table-leg: 50px;--table-leg-inset: 20%;--stack-w: 150px;--stack-case-h: 30px;--stack-along: 180px;--stack-inner: 7%;--table-bleed: -14%;perspective:1500px;perspective-origin:50% -6%;padding-top:58px;padding-bottom:150px}.box{position:relative;transform-style:preserve-3d;transform:rotateX(var(--face-tilt)) rotateY(var(--face-yaw))}.box:after{content:"";position:absolute;left:4%;right:4%;top:100%;margin-top:-6px;height:30px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.6) 0 32%,rgba(0,0,0,.24) 56%,transparent 76%);pointer-events:none}.table__top,.table__apron,.table__leg{position:absolute;pointer-events:none;backface-visibility:hidden}.table__top{left:var(--table-bleed);width:calc(100% - 2 * var(--table-bleed));top:100%;height:var(--table-depth);transform-origin:top center;transform:rotateX(var(--table-tilt));background:radial-gradient(46% 30% at 50% 0%,rgba(0,0,0,.66) 0%,rgba(0,0,0,.34) 48%,transparent 74%),repeating-linear-gradient(90.6deg,rgba(0,0,0,.07) 0 2px,transparent 2px 11px),repeating-linear-gradient(89.4deg,rgba(255,255,255,.03) 0 1px,transparent 1px 17px),linear-gradient(180deg,#3a2415,#55371f 24%,#6a482c,#7a5533)}.table__apron{left:var(--table-bleed);width:calc(100% - 2 * var(--table-bleed));top:100%;height:var(--table-thick);transform-origin:top center;transform:rotateX(var(--table-tilt)) translateY(var(--table-depth)) rotateX(calc(-1 * var(--table-tilt)));background:linear-gradient(180deg,#6d4b2d,#4a3019 55%,#2c1a0e);box-shadow:inset 0 1px #ffffff38,0 14px 26px -10px #000000d9}.table__leg{top:100%;width:var(--table-thick);height:var(--table-leg);transform-origin:top center;background:linear-gradient(90deg,#1d1108,#4a2f1b 44%,#2b1a0d)}.table__leg--fl,.table__leg--fr{transform:rotateX(var(--table-tilt)) translateY(var(--table-depth)) rotateX(calc(-1 * var(--table-tilt))) translateY(var(--table-thick))}.table__leg--fl{left:calc(var(--table-bleed) + var(--table-leg-inset))}.table__leg--fr{right:calc(var(--table-bleed) + var(--table-leg-inset))}.tapes{display:none;position:absolute;top:100%;height:0;width:var(--stack-w);transform:rotateX(var(--table-tilt)) translateY(var(--stack-along)) rotateX(calc(-1 * var(--table-tilt)))}.tapes--l{right:calc(100% - var(--stack-inner))}.tapes--r{left:calc(100% - var(--stack-inner))}.tapes__case{position:absolute;left:0;width:100%;height:var(--stack-case-h);bottom:calc(var(--n, 0) * (var(--stack-case-h) + 1px));padding:0;border:0;background:none;cursor:pointer;pointer-events:auto}.tapes__slab{position:absolute;inset:0;border-radius:2px;background:linear-gradient(180deg,#45454f,#26262e 38%,#131318);box-shadow:inset 0 1px #ffffff29,0 1px 2px #000000bf;transition:transform .16s ease,box-shadow .16s ease}.tapes__case:hover .tapes__slab,.tapes__case:focus-visible .tapes__slab{transform:translate(7%);box-shadow:inset 0 1px #ffffff4d,0 3px 8px #000000d9,0 0 0 1px var(--gold)}.tapes__case:focus-visible{outline:none}.tapes__case:hover .tapes__spine,.tapes__case:focus-visible .tapes__spine{background:linear-gradient(180deg,#fff6dc,#e2d2a8)}.tapes__spine{position:absolute;left:6%;right:6%;top:22%;height:52%;display:flex;align-items:center;justify-content:flex-end;padding:0 5%;border-radius:1px;background:linear-gradient(180deg,#efe4c8,#cfc09c);box-shadow:inset 0 0 0 1px #00000052;color:#241a12;font-size:11px;line-height:1;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-transform:lowercase}.tapes__card{position:absolute;bottom:max(150px,calc(var(--cases, 3) * (var(--stack-case-h) + 1px) + 12px));width:210px;display:flex;gap:7px;align-items:center;padding:6px;border-radius:3px;background:linear-gradient(180deg,#181410f7,#0c0a08f7);box-shadow:0 0 0 1px var(--gold),0 10px 24px -8px #000000e6;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none}.tapes--l{--cases: 4}.tapes--r{--cases: 2}.tapes--l .tapes__card{left:0}.tapes--r .tapes__card{right:0}.tapes.is-showing .tapes__card{opacity:1;visibility:visible;transform:translateY(0)}.tapes__art{width:46px;height:46px;flex:none;object-fit:cover;border-radius:2px;background:#000}.tapes__full{font-size:11px;line-height:1.25;color:var(--paper);font-weight:400;overflow-wrap:anywhere}.tapes__case:nth-child(1){--n: 0}.tapes__case:nth-child(2){--n: 1}.tapes__case:nth-child(3){--n: 2}.tapes__case:nth-child(4){--n: 3}.tapes__case:nth-child(5){--n: 4}.tapes__case:nth-child(6){--n: 5}.tapes__case:nth-child(2n){transform:rotate(-.7deg)}.tapes__case:nth-child(3n+1){transform:rotate(.9deg)}.tapes--r .tapes__case:nth-child(2n){transform:rotate(.8deg)}.wall{position:absolute;backface-visibility:hidden;background:linear-gradient(180deg,var(--case-lo),var(--case-dk))}.wall--top{left:0;bottom:100%;width:100%;height:var(--depth);transform-origin:bottom center;transform:rotateX(90deg);border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--case-dk) 0 12%,var(--case-lo) 60%,var(--case-hi));box-shadow:inset 0 -1px #ffffff24}.wall--bottom{left:0;top:100%;width:100%;height:var(--depth);transform-origin:top center;transform:rotateX(-90deg);background:linear-gradient(180deg,#050507,#0b0b0f)}.wall--left{top:0;right:100%;width:var(--depth);height:100%;transform-origin:right center;transform:rotateY(-90deg);border-radius:8px 0 0 8px;background:linear-gradient(90deg,var(--case-dk),var(--case-lo) 70%,var(--case))}.wall--right{top:0;left:100%;width:var(--depth);height:100%;transform-origin:left center;transform:rotateY(90deg);border-radius:0 8px 8px 0;background:linear-gradient(90deg,var(--case),var(--case-lo) 40%,var(--case-dk));box-shadow:inset 1px 0 #ffffff1f}.tag{position:absolute;left:0;top:-3%;width:21%;z-index:1;transform:rotate(-6deg);opacity:.93;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 3px 5px rgba(0,0,0,.4));pointer-events:none}.handle{position:absolute;left:50%;bottom:100%;width:34%;height:17%;margin-left:-17%;transform-origin:bottom center;transform:translateZ(calc(var(--depth) / -2)) rotateX(calc(-1 * var(--face-tilt)));border:13px solid var(--case-lo);border-bottom:0;border-radius:999px 999px 0 0;background:none;box-shadow:inset 0 3px #ffffff24,0 3px 7px #000000bf}.chassis{position:relative;display:grid;grid-template-columns:1.25fr 1.35fr 1.25fr;grid-template-areas:"spkL centre spkR" "keys keys keys" "draw draw draw";gap:10px;padding:12px;border-radius:9px;background:linear-gradient(148deg,rgba(255,255,255,.07) 0 18%,transparent 46%),linear-gradient(178deg,var(--case-spec) 0 1px,var(--case-hi) 3%,var(--case) 30%,var(--case-lo) 76%,var(--case-dk));box-shadow:inset 0 1px #ffffff57,inset 1px 0 #ffffff14,inset -1px 0 #00000080,inset 0 -3px #000000d9,0 26px 40px -16px #000000e6;transform-style:preserve-3d}.chassis__grain{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23g)'/%3E%3C/svg%3E")}.speaker{position:relative;aspect-ratio:1;align-self:center;border-radius:50%;background:radial-gradient(circle at 42% 38%,#24242c 0 62%,#131318 84%,#07070a);box-shadow:inset 0 0 0 2px #ffffff12,inset 0 4px 12px #000000f2,0 2px 6px #00000080;perspective:150px;perspective-origin:46% 42%;transform-style:preserve-3d;z-index:2}.speaker--l{grid-area:spkL}.speaker--r{grid-area:spkR}.speaker__ring{position:absolute;inset:1.5%;border-radius:50%;border:2px solid #34343d;box-shadow:inset 0 1px #ffffff29,0 1px #0009}.driver{position:absolute;border-radius:50%;transform-style:preserve-3d}.driver--woof{left:50%;top:50%;width:84%;aspect-ratio:1;margin:-42% 0 0 -42%;background:radial-gradient(circle closest-side,transparent 0 88%,#43434e 90% 96%,#17171c 100%)}.driver--woof{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22s%22%20x1=%220.15%22%20y1=%220.05%22%20x2=%220.85%22%20y2=%220.95%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%237a7a88%22/%3E%3Cstop%20offset=%220.34%22%20stop-color=%22%233a3a45%22/%3E%3Cstop%20offset=%220.62%22%20stop-color=%22%2317171d%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%233c3c47%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2249.5%22%20fill=%22%23131319%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2246.5%22%20fill=%22none%22%20stroke=%22%2341414c%22%20stroke-width=%222.4%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2240%22%20fill=%22none%22%20stroke=%22url(%23s)%22%20stroke-width=%2210%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2235.4%22%20fill=%22none%22%20stroke=%22%230a0a0e%22%20stroke-width=%221.2%22%20opacity=%220.8%22/%3E%3C/svg%3E") center / contain no-repeat}.cone{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22%3E%3Cdefs%3E%3CradialGradient%20id=%22c%22%20cx=%220.44%22%20cy=%220.40%22%20r=%220.62%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%230b0b10%22/%3E%3Cstop%20offset=%220.55%22%20stop-color=%22%2316161c%22/%3E%3Cstop%20offset=%220.88%22%20stop-color=%22%2326262f%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%231b1b22%22/%3E%3C/radialGradient%3E%3CradialGradient%20id=%22d%22%20cx=%220.36%22%20cy=%220.30%22%20r=%220.8%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%236b6b78%22/%3E%3Cstop%20offset=%220.5%22%20stop-color=%22%232d2d37%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%230e0e13%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2235%22%20fill=%22url(%23c)%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2213.5%22%20fill=%22url(%23d)%22/%3E%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2213.5%22%20fill=%22none%22%20stroke=%22%2308080c%22%20stroke-width=%220.8%22%20opacity=%220.7%22/%3E%3C/svg%3E") center / contain no-repeat;transform:translateZ(calc(var(--thump, 0) * 17px)) scale(calc(1 + var(--thump, 0) * .022))}.speaker__grille{position:absolute;inset:2.5%;border-radius:50%;pointer-events:none;transform:translateZ(14px);background-image:radial-gradient(circle at 50% 50%,transparent 52%,rgba(0,0,0,.5) 100%),radial-gradient(circle,rgba(0,0,0,.42) 0 .6px,transparent 1.1px);background-size:100% 100%,4px 4px;opacity:.5}@media(prefers-reduced-motion:reduce){.cone{transform:none}}.centre{grid-area:centre;display:flex;flex-direction:column;gap:8px;min-width:0}.deckwin{position:relative;aspect-ratio:100 / 68;border-radius:4px;padding:5%;background:linear-gradient(180deg,#0a0a0d,#131318);box-shadow:inset 0 4px 9px #000000f2,inset 0 -1px #ffffff1a,inset 0 0 0 1px #000000b3,0 1px #ffffff29;display:grid;place-items:center;overflow:hidden}.deckwin:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(148deg,rgba(255,255,255,.14) 0 22%,transparent 34% 100%)}.deckwin__empty{margin:0;font-size:.62rem;color:#6d7f74;text-align:center}[data-player=idle] .deckwin{cursor:pointer}[data-player=idle] .deckwin:hover .deckwin__empty{color:var(--lcd)}.deckwin.is-loading .tape__shell{animation:load-tape .5s cubic-bezier(.25,.9,.3,1.1)}@keyframes load-tape{0%{transform:translateY(-46%) scale(1.04);opacity:0}60%{opacity:1}to{transform:none}}.counter{display:flex;justify-content:space-between;gap:8px;margin:0;padding:5px 8px;border-radius:3px;background:#0d1a14;box-shadow:inset 0 3px 6px #000000f2,inset 0 -1px #ffffff1a,inset 0 0 0 1px #000000b3,0 1px #ffffff29;color:var(--lcd);font-size:.66rem;text-shadow:0 0 8px rgba(125,255,178,.5)}.notes-key{min-height:30px;font:inherit;font-size:.58rem;letter-spacing:.06em;color:#cfcbc0;background:linear-gradient(180deg,#3a3a43,#23232a);border:0;border-radius:3px;box-shadow:inset 0 1px #ffffff29,0 2px #14141a;cursor:pointer}.notes-key:disabled{opacity:.35;cursor:not-allowed}#rew,#ff{touch-action:manipulation;-webkit-user-select:none;user-select:none}#rew:active,#ff:active{filter:brightness(1.25)}.centre__keys{display:flex;gap:6px}.centre__keys .notes-key{flex:1;min-width:0}#clip{color:var(--gold);background:linear-gradient(180deg,#45402f,#2a2620);box-shadow:inset 0 1px #e0b24a59,0 2px #14141a}#clip:hover,#clip:focus-visible{background:linear-gradient(180deg,#554d37,#322d24)}#chorus.is-on,#flanger.is-on{color:var(--lcd);background:linear-gradient(180deg,#26463a,#16281f);box-shadow:inset 0 1px #7dffb259,0 2px #14141a}.clip{position:fixed;inset:0;z-index:60;display:grid;place-items:center;opacity:0;transition:opacity .2s ease}.clip[hidden]{display:none}.clip{pointer-events:none}.clip.is-on{opacity:1;pointer-events:auto}.clip__canvas{width:100%;height:100%;display:block}.clip__video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.clip{transition:none}}.notes-key:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff29}.notes-key:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.counter__state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter__time{flex:none}.vizbay{flex:1;min-height:62px;padding:7px 8px;border-radius:3px;background:linear-gradient(180deg,#0b0b0f,#141419);box-shadow:inset 0 3px 8px #000000f2,inset 0 -1px #ffffff1a,inset 0 0 0 1px #000000b3,0 1px #ffffff29}.viz{display:flex;gap:5px;height:100%;min-height:48px;transition:opacity .3s}.viz[data-live=false]{opacity:.4}.viz__col{position:relative;flex:1;border-radius:1px;overflow:hidden;background:linear-gradient(180deg,#ff2a1c 0 22%,#ffe600 23% 52%,#2bff77 53% 100%)}.viz__fill{position:absolute;inset:0;background:#0b0b0f;transform-origin:top;transform:scaleY(calc(1 - var(--lit, 0)));will-change:transform}.viz__peak{position:absolute;left:0;right:0;height:2px;bottom:calc(var(--peak, 0) * 100%);background:#eaf6ff;opacity:min(1,calc(var(--peak, 0) * 14));box-shadow:0 0 6px #dcf0ffb3}.viz__col:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 calc(100% / 9 - 2px),#0b0b0f calc(100% / 9 - 2px) calc(100% / 9))}.transport{grid-area:keys;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.key{min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px 7px;font:inherit;color:#26262c;background:linear-gradient(180deg,#e6e2d6 0 6%,#cfcabb 7% 44%,#a5a094 45% 47%,#8e8a7f 48% 82%,#6f6c63);border:0;border-radius:2px 2px 3px 3px;box-shadow:0 4px #0e0e13,0 5px 6px #0009,inset 0 1px #ffffffbf,inset -1px 0 #00000040,inset 1px 0 #ffffff38;cursor:pointer}.key:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0e0e13,0 1px 2px #0009,inset 0 1px #ffffff80,inset 0 3px 6px #00000047}.key:disabled{opacity:.38;cursor:not-allowed}.key:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.key__glyph{font-size:.74rem;line-height:1}.key__cap{font-size:.5rem;letter-spacing:.06em;color:#3c3c44}.key--play{background:linear-gradient(180deg,#f2e6c0 0 6%,#ddcb9c 7% 44%,#b3a173 45% 47%,#9c8b60 48% 82%,#7a6c49)}.drawerbay{grid-area:draw}.drawer__front{width:100%;min-height:var(--tap);display:flex;align-items:center;gap:10px;padding:8px 14px;font:inherit;font-size:.72rem;letter-spacing:.1em;color:#cfcbc0;background:linear-gradient(180deg,#3d3d46 0 48%,#26262d 50%,#1a1a20);border:0;border-radius:3px;box-shadow:inset 0 1px #ffffff2e,0 3px 8px #0009;cursor:pointer}.drawer__front:hover{background:linear-gradient(180deg,#46464f 0 48%,#2b2b33 50%,#1e1e24)}.drawer__front:active{transform:translateY(1px)}.drawer__front:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.drawer__label{flex:none}.drawer__count{flex:none;padding:1px 7px;font-size:.62rem;color:var(--ink);background:var(--gold);border-radius:8px}.drawer__pull{flex:1;height:8px;border-radius:4px;background:linear-gradient(180deg,#0c0c10,#26262e);box-shadow:inset 0 2px 3px #000000e6}.tape-cloud{position:fixed;inset:0;z-index:90;background:transparent}.tape-cloud[hidden]{display:none}.tape-cloud__rack{position:fixed;inset:0}.tape-cloud__shut{position:fixed;top:16px;right:16px;width:var(--tap);height:var(--tap);font:inherit;font-size:1rem;color:var(--paper);background:#14141a99;border:1px solid rgba(255,255,255,.16);border-radius:50%;cursor:pointer}.tape-cloud__shut:hover{background:#282832cc}.tape-cloud__shut:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tape--cell{--spread-x: 38vw;--spread-y: 36vh;position:fixed;left:50%;top:50%;width:150px;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%) scale(.35);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.3,1.06),opacity .3s ease-out;transition-delay:calc(var(--i) * 26ms)}.tape-cloud.is-open .tape--cell{transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread-x)),calc(var(--y) * var(--spread-y))) rotate(var(--r)) scale(1);opacity:1}.tape-cloud.is-open .tape--cell:hover,.tape-cloud.is-open .tape--cell:focus-visible{transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread-x)),calc(var(--y) * var(--spread-y))) rotate(0) scale(1.12);transition-delay:0s;z-index:2}.tape--cell .tape__shell{box-shadow:0 16px 30px #000000bf,inset 0 1px #ffffff2e}.tape--cell:focus-visible{outline:none}.tape--cell:focus-visible .tape__shell{outline:3px solid var(--gold);outline-offset:3px}.tape--cell.is-loaded .tape__shell{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:700px){.tape--cell{width:116px;--spread-x: 32vw;--spread-y: 34vh}}@media(prefers-reduced-motion:reduce){.tape--cell{transition:opacity .2s;transition-delay:0s}}.tape__shell{position:relative;display:block;width:100%;aspect-ratio:100 / 63;border-radius:3px;background:linear-gradient(178deg,#2b2b33 0 6%,#1b1b21 40%,#101015);box-shadow:inset 0 1px #ffffff29,0 3px 6px #0009;transition:transform .18s;overflow:hidden}.tape__label{position:absolute;inset:4% 5% 40%;border-radius:1px;overflow:hidden;background:var(--paper);box-shadow:0 1px 2px #0009}.tape__label img{width:100%;height:100%;object-fit:cover;display:block;opacity:.62}.tape__title{position:absolute;left:0;right:0;bottom:0;padding:1px 4px;font-size:.48rem;line-height:1.25;color:var(--ink);background:#e8dcc0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape__window{position:absolute;left:9%;right:9%;bottom:9%;height:34%;border-radius:2px;background:linear-gradient(180deg,#b4c8d229,#788c9614);box-shadow:inset 0 0 0 1px #ffffff24}.tape__pack{position:absolute;top:50%;aspect-ratio:1;height:calc(var(--r, .7) * 96%);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#3a2a1e 0 42%,#24180f 70%,#150d07)}.tape__pack--supply{left:27%;--r: var(--supply-r, 1)}.tape__pack--takeup{left:73%;--r: var(--takeup-r, .38)}.tape__reel{position:absolute;top:50%;height:46%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--turn, 0deg));will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ded8c8'%3E%3Cg%3E%3Crect x='46' y='6' width='8' height='16' rx='2'/%3E%3C/g%3E%3Cg transform='rotate(60 50 50)'%3E%3Crect x='46' y='6' width='8' height='16' rx='2'/%3E%3C/g%3E%3Cg transform='rotate(120 50 50)'%3E%3Crect x='46' y='6' width='8' height='16' rx='2'/%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' width='8' height='16' rx='2'/%3E%3C/g%3E%3Cg transform='rotate(240 50 50)'%3E%3Crect x='46' y='6' width='8' height='16' rx='2'/%3E%3C/g%3E%3Cg transform='rotate(300 50 50)'%3E%3Crect x='46' y='6' width='8' height='16' rx='2'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='30' fill='%23e0dacb'/%3E%3Ccircle cx='50' cy='50' r='15' fill='%2316160f'/%3E%3C/svg%3E") center / contain no-repeat}.tape__reel--supply{left:27%}.tape__reel--takeup{left:73%}.tape__screws{position:absolute;inset:0;pointer-events:none}.tape__screws i{position:absolute;width:3px;height:3px;border-radius:50%;background:#4a4a54;box-shadow:inset 0 -1px #000000b3}.tape__screws i:nth-child(1){left:4%;top:7%}.tape__screws i:nth-child(2){right:4%;top:7%}.tape__window--flat{display:flex;align-items:center;justify-content:space-around;background:linear-gradient(180deg,#aabec821,#6e828c12)}.tape__stud{width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 36%,#d8d2c2 0 34%,#2a2a22 36% 62%,#0f0f0c 64%)}.booking-sticker{position:absolute;right:-10px;top:10px;z-index:4;display:grid;gap:1px;padding:7px 9px;min-height:var(--tap);text-align:center;text-decoration:none;color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-radius:3px;transform:rotate(-7deg);box-shadow:2px 3px #0000008c;line-height:1.15}.booking-sticker:hover{transform:rotate(-3deg) scale(1.03)}.booking-sticker__top{font-weight:700;font-size:.88rem;letter-spacing:.06em}.booking-sticker__mid{font-size:.56rem;font-style:italic}.booking-sticker__bot{font-size:.54rem;border-top:1px solid var(--ink);padding-top:2px}.sleeve-view{width:min(92vw,560px);padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.sleeve-view::backdrop{background:#0a0705d1}.sleeve-view__flipper{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.1,.2,1)}.sleeve-view__flipper.is-flipped{transform:rotateY(180deg)}.sleeve-view__face{backface-visibility:hidden;background:var(--paper);border:3px solid #0d0907;padding:18px;box-shadow:0 18px 40px #0009}.sleeve-view__front{position:relative}.sleeve-view__art{width:100%;max-height:66vh;object-fit:contain;display:block}.sleeve-view__back{position:absolute;inset:0;transform:rotateY(180deg);overflow-y:auto;background:repeating-linear-gradient(0deg,rgba(27,20,16,.05) 0 1px,transparent 1px 22px),var(--paper)}.sleeve-view__title{font-family:Georgia,serif;margin:0 0 10px;color:var(--red)}.sleeve-view__bare{display:none;font-size:.8rem;font-style:italic;opacity:.6}[data-bare=true] .sleeve-view__bare{display:block}.sleeve-view__notes{font-size:.88rem}.sleeve-view__credits{font-size:.74rem;border-top:1px solid var(--ink);padding-top:8px;font-style:italic}.sleeve-view__pics{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:12px 0}.gigpic{margin:0}.gigpic img{width:100%;display:block;border:2px solid var(--ink)}.gigpic figcaption{font-size:.62rem;padding-top:3px}.sleeve-view__bar{display:flex;gap:8px;padding:10px 0 0}.chip{flex:1;min-height:var(--tap);font:inherit;font-size:.78rem;color:var(--ink);background:var(--gold);border:2px solid #0d0907;border-radius:4px;cursor:pointer}.chip:focus-visible{outline:3px solid var(--paper);outline-offset:2px}@media(min-width:700px){.room{padding:12px 24px 40px}.chassis{gap:16px;padding:18px}.centre{gap:10px}.vizbay{min-height:84px}.counter{font-size:.78rem;padding:7px 10px}.key__glyph{font-size:.9rem}.key__cap{font-size:.58rem}.drawer__tray{--tape-w: 200px;--step: 24px;--pull: 54px;gap:9%}.scene{--table-tilt: 83deg;--table-depth: 280px;--table-thick: 30px;--table-leg: 110px;padding-bottom:300px}}@media(min-width:1060px){.tapes{display:block}}@media(prefers-reduced-motion:reduce){.tapes__slab{transition:none}.tapes__case:hover .tapes__slab,.tapes__case:focus-visible .tapes__slab{transform:none}.tapes__card{transition:opacity .01s}.deckwin.is-loading .tape__shell{animation:none}.drawer__tray,.tape__shell,.booking-sticker,.sleeve-view__flipper{transition:none}}