@property --lit{syntax: "<number>"; inherits: true; initial-value: 0;}@property --stroke{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --stroke-in{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --fill{syntax: "<color>"; inherits: true; initial-value: transparent;}.disks-wrap{--disk-ease: cubic-bezier(.16, 1, .3, 1);--disk-pull: cubic-bezier(.22, 1.18, .36, 1);--out-ease: cubic-bezier(.4, 0, 1, 1);position:relative;width:min(48rem,calc(100% - 30rem));height:100%;min-width:0;min-height:0;margin:0 auto;color:var(--ink)}.slot{position:relative;width:100%;height:100%;min-width:0;min-height:0}.rack{position:absolute;inset:0 1.15rem 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:.15rem .2rem 1.6rem}.rack::-webkit-scrollbar{width:0;height:0;display:none}.disks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1.25rem;justify-items:center;align-items:start}.disk{--radius: .36rem;--nudge: 0rem;--fade: 1;--lit: 1;--stroke: rgb(from var(--shell) r g b / .95);--stroke-in: rgb(from var(--cream) r g b / .34);--fill: color-mix(in srgb, var(--shell) 62%, var(--glass-abyss));position:relative;width:100%;aspect-ratio:.905;transform:translateY(var(--nudge));transition:transform .28s var(--disk-ease)}.disk:hover,.disk:focus-within,.disk.is-open{--nudge: -.42rem}.disk-hit{position:absolute;inset:0;z-index:3;padding:0;border:0;border-radius:var(--radius);background:none;font:inherit;color:inherit}.disk-3d{position:absolute;inset:0;box-shadow:0 0 calc(18px + 8px * var(--lit)) rgb(from var(--shell) r g b / calc(.14 + .08 * var(--lit))),2px 4px 5px rgb(from var(--glass-abyss) r g b / calc(.5 * var(--lit))),6px 12px 18px rgb(from var(--glass-abyss) r g b / calc(.3 * var(--lit)))}.disk-shell{position:absolute;inset:0;overflow:hidden;background:var(--stroke);border-radius:var(--radius);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}.disk-shell:before{content:"";position:absolute;inset:1.6px;z-index:0;background-color:var(--fill);background-image:linear-gradient(112deg,transparent 0 14%,rgb(from var(--cream-hot) r g b / calc(.16 * var(--lit))) 26%,rgb(from var(--cream-hot) r g b / calc(.04 * var(--lit))) 33%,transparent 46%),radial-gradient(120% 78% at 46% 116%,rgb(from var(--cream-hot) r g b / calc(.32 * var(--lit))) 0%,transparent 62%),radial-gradient(circle,rgb(from var(--cream) r g b / calc(.09 - .02 * var(--lit))) 1px,transparent 1.4px),linear-gradient(180deg,rgb(from var(--glass-abyss) r g b / calc(.3 * var(--lit))),transparent 42%);background-size:auto,auto,22px 22px,auto;box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / calc(.42 * var(--lit))),inset 0 -1.5px rgb(from var(--cream-hot) r g b / calc(.26 * var(--lit))),inset 0 0 30px rgb(from var(--glass-abyss) r g b / calc(.22 * var(--lit)));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.disk-well{position:absolute;top:4.5%;left:10%;right:10%;height:26%;border-radius:3px;box-shadow:inset 0 0 0 1px var(--stroke-in)}.disk-shutter{position:absolute;top:5.5%;left:13%;right:13%;height:23%;border-radius:2px;background-image:repeating-linear-gradient(90deg,rgb(from var(--cream) r g b / calc(.2 - .2 * var(--lit))) 0 1px,transparent 1px 5px),repeating-linear-gradient(180deg,rgb(from var(--cream-hot) r g b / calc(.05 * var(--lit))) 0 1px,transparent 1px 3px),linear-gradient(180deg,rgb(from var(--metal-hi) r g b / calc(.72 * var(--lit))),rgb(from var(--metal) r g b / calc(.6 * var(--lit))) 55%,rgb(from var(--metal-lo) r g b / calc(.64 * var(--lit))));box-shadow:inset 0 0 0 1.2px var(--stroke),inset 0 1px rgb(from var(--cream-hot) r g b / calc(.4 * var(--lit)))}.disk-slot{position:absolute;left:12%;top:20%;width:36%;height:60%;border-radius:1.5px;overflow:hidden;background-color:rgb(from var(--glass-abyss) r g b / calc(.62 + .38 * var(--lit)));background-image:radial-gradient(circle at 130% 160%,rgb(from var(--cream-hot) r g b / calc(.14 * var(--lit))) 0 38%,rgb(from var(--cream-hot) r g b / calc(.05 * var(--lit))) 39% 52%,transparent 53%),linear-gradient(180deg,rgb(0 0 0 / calc(.4 * var(--lit))),rgb(0 0 0 / calc(.4 * var(--lit))));box-shadow:inset 0 0 0 1px var(--stroke-in),inset 0 1px 2px rgb(0 0 0 / calc(.7 * var(--lit)))}.disk-stamp{position:absolute;right:12%;top:22%;width:30%;height:56%;border-radius:1.5px;background-image:linear-gradient(180deg,rgb(from var(--cream-hot) r g b / calc(.12 * var(--lit))),transparent);box-shadow:inset 0 0 0 1px var(--stroke-in),inset 0 1px rgb(from var(--cream-hot) r g b / calc(.3 * var(--lit)))}.disk-arrow{position:absolute;top:3%;left:3.5%;width:7px;height:7px;background:var(--stroke);clip-path:polygon(50% 0,100% 100%,0 100%)}.disk-notch{position:absolute;bottom:3.5%;width:.55rem;height:.55rem;border-radius:1.5px;box-shadow:inset 0 0 0 1px var(--stroke)}.disk-notch.is-lock{left:5%}.disk-notch.is-hd{right:5%}.disk-label{position:absolute;inset:34% 8% 8%;overflow:hidden;border-radius:3px;background:rgb(from var(--glass-abyss) r g b / calc(.34 + .48 * var(--lit)));box-shadow:inset 0 0 0 1px var(--stroke)}.disk-cover{position:absolute;inset:0;overflow:hidden;opacity:.55;color:rgb(from var(--cream) r g b / .92)}.disk-cover:after{content:"";position:absolute;right:0;bottom:0;left:0;height:42%;background:linear-gradient(180deg,transparent,rgb(from var(--glass-abyss) r g b / .78))}.disk-cover b{position:absolute;left:.45rem;right:.45rem;bottom:.4rem;z-index:1;font-size:.64rem;font-weight:600;line-height:1.2;text-shadow:0 1px 2px rgb(from var(--glass-abyss) r g b / .7)}.disk[data-shell=teal]{--shell: var(--teal)}.disk[data-shell=orange]{--shell: var(--orange)}.disk[data-shell=cream]{--shell: var(--cream)}.disk[data-shell=navy]{--shell: var(--navy-mid)}.disks-wrap [data-art=legolize]{background-color:var(--navy);background-image:linear-gradient(rgb(from var(--orange) r g b / .7) 0 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--hull) 72%,var(--navy-mid)) 0 46%,color-mix(in srgb,var(--navy) 88%,black) 46% 52%,var(--hull) 52%);background-size:100% 20px,56px 20px}.disks-wrap [data-art=legolize]:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(from var(--orange) r g b / .7) 0 2px,transparent 2px),linear-gradient(90deg,var(--hull) 0 46%,color-mix(in srgb,var(--navy) 88%,black) 46% 52%,color-mix(in srgb,var(--hull) 72%,var(--navy-mid)) 52%);background-size:100% 20px,56px 20px;background-position:28px 10px;mask-image:repeating-linear-gradient(180deg,transparent 0 10px,#000 10px 20px)}.disks-wrap [data-art=mystorio]{background:repeating-linear-gradient(180deg,transparent 0 22px,rgb(from var(--cream) r g b / .2) 22px 23px),linear-gradient(90deg,rgb(from var(--orange) r g b / .55) 0 7px,var(--hull) 7px 9px,var(--navy) 9px)}.disks-wrap [data-art=station]{background-color:var(--navy);background-image:radial-gradient(circle at 50% 50%,rgb(from var(--cream) r g b / .08) 0 42%,transparent 43%),repeating-linear-gradient(30deg,transparent 0 12px,rgb(from var(--cream) r g b / .12) 12px 13px),repeating-linear-gradient(-30deg,transparent 0 12px,rgb(from var(--cream) r g b / .12) 12px 13px);background-size:28px 32px,auto,auto}.disks-wrap [data-art=ledgerline]{background-color:var(--navy);background-image:repeating-linear-gradient(180deg,transparent 0 13px,rgb(from var(--cream) r g b / .14) 13px 14px),linear-gradient(72deg,transparent 0 40%,rgb(from var(--orange) r g b / .5) 40% 43%,transparent 43%)}.disks-wrap [data-art=pixelbox]{background-color:var(--navy);background-image:conic-gradient(from 0deg,rgb(from var(--orange) r g b / .5) 0 25%,transparent 0 50%,rgb(from var(--teal) r g b / .45) 0 75%,transparent 0);background-size:24px 24px}.disks-wrap [data-art=fontpick]{background-color:var(--navy);background-image:linear-gradient(90deg,transparent 0 10px,rgb(from var(--cream) r g b / .22) 10px 12px,transparent 12px),repeating-linear-gradient(180deg,transparent 0 18px,rgb(from var(--cream) r g b / .1) 18px 19px)}.disks-wrap [data-art=tidewatch]{background-color:var(--hull);background-image:repeating-linear-gradient(180deg,transparent 0 16px,rgb(from var(--teal) r g b / .3) 16px 18px),radial-gradient(80% 40% at 50% 100%,rgb(from var(--teal) r g b / .25),transparent 70%)}.disks-wrap [data-art=nightroute]{background-color:var(--navy);background-image:radial-gradient(circle at 30% 40%,rgb(from var(--orange) r g b / .5) 0 2px,transparent 3px),radial-gradient(circle at 65% 70%,rgb(from var(--orange) r g b / .5) 0 2px,transparent 3px),linear-gradient(24deg,transparent 0 46%,rgb(from var(--cream) r g b / .16) 46% 49%,transparent 49%)}.disks-wrap [data-art=cardstock]{background-color:var(--navy);background-image:linear-gradient(0deg,rgb(from var(--cream) r g b / .1) 0 100%),repeating-linear-gradient(90deg,transparent 0 30px,rgb(from var(--cream) r g b / .14) 30px 31px)}.disks-wrap [data-art=hexmap]{background-color:var(--hull);background-image:repeating-linear-gradient(60deg,transparent 0 14px,rgb(from var(--cream) r g b / .14) 14px 15px),repeating-linear-gradient(-60deg,transparent 0 14px,rgb(from var(--cream) r g b / .14) 14px 15px),repeating-linear-gradient(0deg,transparent 0 14px,rgb(from var(--cream) r g b / .1) 14px 15px)}.rack-scroll{--thumb-h: 2.4rem;--thumb-t: 0px;position:absolute;top:.35rem;right:0;bottom:.35rem;z-index:4;width:.7rem}.rack-scroll[hidden]{display:none}.rack-scroll-track{position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:var(--hud-mute)}.rack-scroll-track:before,.rack-scroll-track:after{content:"";position:absolute;left:-2px;width:5px;height:1px;background:var(--hud-ink)}.rack-scroll-track:before{top:0}.rack-scroll-track:after{bottom:0}.rack-scroll-thumb{position:absolute;top:var(--thumb-t);left:1px;right:1px;height:var(--thumb-h);padding:0;border:0;border-radius:99px;background:var(--hud-label);cursor:pointer}.rack-scroll-thumb:hover,.rack-scroll-thumb:focus-visible{background:var(--signal)}.disk-sheet{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;pointer-events:none}.disk-sheet[hidden]{display:none}.disks-wrap .disk-sheet>.sheet{pointer-events:auto;width:min(38rem,100%);height:auto;max-height:100%;flex:0 1 auto;animation:none}.disks-wrap .disk-sheet .sheet-pane,.disks-wrap .disk-sheet .sheet-body{flex:0 1 auto}.disks-wrap .sheet .meta{margin:0;color:var(--label)}.panel-doc[hidden]{display:none!important}.disks-wrap .panel-doc>*+*{margin-top:.85rem}.disk-sheet.is-out{animation:screenDeconstruct .3s var(--out-ease) both}.disk-sheet.is-in{animation:screenReconstruct .3s var(--disk-ease) both}@media(max-width:860px){.disks-wrap{width:100%;padding:3.2rem 0 5.2rem}.rack{inset:0 1rem 0 0}.disks{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .9rem}.disks-wrap .disk-sheet>.sheet{width:100%;border-radius:1.1rem}.disks-wrap .disk-sheet .sheet-body{padding:2.3rem 1.25rem 1.2rem}.disks-wrap .disk-sheet h1{font-size:1.7rem}.disk-cover b{font-size:.58rem}}@media(prefers-reduced-motion:reduce){.disk-sheet.is-out,.disk-sheet.is-in,.disk{animation:none;transition:none}}