.creation-disc{--disc-radius:360px;--disc-card-width:175px;--disc-card-height:231px;position:relative;padding-top:8px;overflow:clip}
.disc-help{font-size:15px;color:#595956;max-width:none;text-align:center;margin:0 auto 2px}
.disc-stage{height:620px;position:relative;perspective:1600px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-5px}
.disc-stage.is-dragging,.disc-stage.is-dragging *{cursor:grabbing!important}
.disc-stage:focus-visible{outline:2px solid var(--orange);border-radius:24px}
.disc-stage{overflow:clip}
.disc-tilt,.disc-wheel{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.disc-tilt{transform:rotateX(-20deg)}
.disc-wheel{transform:rotateY(var(--disc-rotation,-34deg));will-change:transform}
.disc-slot{position:absolute;left:50%;top:40%;width:var(--disc-card-width);height:var(--disc-card-height);margin-left:calc(var(--disc-card-width)*-.5);margin-top:calc(var(--disc-card-height)*-.5);transform-style:preserve-3d;transform:rotateY(var(--card-angle)) translateZ(var(--disc-radius));pointer-events:none}
.creation-disc-card{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;transform:rotateY(90deg);transform-style:preserve-3d;cursor:pointer;pointer-events:auto;text-align:left;font-family:var(--body);-webkit-touch-callout:none;transition:scale .22s ease}
.creation-disc-card:hover,.creation-disc-card:focus-visible{scale:1.055}
.creation-disc-card:focus-visible{outline:3px solid var(--orange);outline-offset:7px;border-radius:13px}
.disc-card-face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:12px;background:#141414;box-shadow:0 7px 15px -10px #0006;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.disc-card-back{transform:rotateY(180deg)}
.disc-card-face:after{content:'';position:absolute;inset:0;border:1px solid #ffffff42;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #0000000d}
.disc-card-face>img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none}
.disc-card-caption{position:absolute;bottom:0;left:0;right:0;padding:25px 13px 12px;background:linear-gradient(transparent,#000c);pointer-events:none;text-shadow:0 1px 5px #0006}
.disc-card-caption strong{display:block;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.disc-card-caption>span{display:block;margin-top:5px;font-size:8px;line-height:1.35;opacity:.85}
.is-mystery .disc-card-caption{background:linear-gradient(transparent,#000b)}
.disc-floor{position:absolute;width:65%;height:40px;left:17.5%;top:72%;border-radius:50%;background:radial-gradient(ellipse,#0000000b,transparent 70%);filter:blur(8px);pointer-events:none}
.disc-toolbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 auto 28px;padding:0 16px}
.disc-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.disc-control{display:grid;place-items:center;height:44px;min-width:44px;border:1px solid #dededb;border-radius:100px;background:#fff;color:#000;font-size:17px;font-weight:600;line-height:1;transition:background .2s,border-color .2s}
.disc-control:hover{background:var(--orange);border-color:var(--orange)}
.disc-play-control{min-width:90px;padding:0 18px;font-size:12px}
.disc-status{font-size:13px;text-align:center;color:#000;font-weight:600;max-width:35ch}
.disc-keyboard-help{font-size:11px;color:#595956;max-width:30ch;text-align:right}
.disc-project-links{display:flex;justify-content:center;gap:12px 26px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}
.disc-project-links a{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:600;min-height:36px}
.disc-project-links a:hover{color:#b13c00}
.disc-project-links a>span{color:var(--orange);font-size:17px}
.disc-secret-dialog{position:fixed;width:min(510px,90vw);max-height:90dvh;overflow:auto;padding:50px 38px 40px;border:1px solid #dededb;border-radius:25px;background:#fff;color:#000;text-align:center}
.disc-secret-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.disc-secret-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;font-size:25px;background:#f1f1ef;color:#000}
.disc-secret-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 28px;background:var(--orange);color:#000;border-radius:20px;font-family:var(--display);font-size:40px;font-weight:900;transform:rotate(-8deg)}
.disc-secret-dialog h2{font-size:clamp(25px,4vw,35px)}
.disc-secret-dialog p{font-size:15px;margin:24px 0;color:#595956}
.disc-secret-dialog .eyebrow{font-size:10px;margin-bottom:15px}
.disc-secret-follow{display:inline-block;background:#000;color:#fff;border-radius:99px;padding:15px 23px;font-size:13px;font-weight:600;min-height:48px}
.disc-secret-follow:hover{background:var(--orange);color:#000}
@media(min-width:1400px){.disc-stage{height:675px;perspective:1900px}.disc-toolbar{max-width:1150px}}
@media(max-width:900px){.disc-slot{top:48%}.creation-disc{--disc-radius:230px;--disc-card-width:120px;--disc-card-height:158px}.disc-stage{height:480px;perspective:1200px}.disc-toolbar{flex-wrap:wrap;justify-content:center;gap:15px}.disc-keyboard-help{width:100%;max-width:none;text-align:center}.disc-card-caption strong{font-size:11px}.disc-card-caption>span{font-size:7px}.disc-card-caption{padding:20px 9px 10px}.disc-help{font-size:14px}}
@media(max-width:600px){.creation-disc{--disc-radius:120px;--disc-card-width:85px;--disc-card-height:112px;overflow:visible}.disc-stage{height:340px;perspective:900px;margin-left:-6.8%;margin-right:-6.8%;width:113.6%;perspective-origin:50% 43%}.disc-help{font-size:13px;line-height:1.6;max-width:32ch;margin-bottom:3px}.disc-card-face{border-radius:8px}.disc-card-caption strong{font-size:9px}.disc-card-caption>span{font-size:6px;margin-top:3px}.disc-card-caption{padding:15px 7px 8px}.disc-toolbar{margin:8px 0 22px;padding:0;gap:13px 18px}.disc-controls{gap:6px}.disc-control{height:44px;min-width:44px}.disc-play-control{min-width:86px}.disc-status{font-size:11px;max-width:21ch;line-height:1.4}.disc-keyboard-help{font-size:10px}.disc-project-links{gap:8px 18px;padding-top:18px}.disc-project-links a{font-size:12px;min-height:40px}.disc-secret-dialog{padding:52px 25px 30px}.disc-secret-dialog p{font-size:14px}.disc-floor{top:69%;height:30px}}
@media(prefers-reduced-motion:reduce){.creation-disc-card,.disc-control{transition:none}.creation-disc-card:hover,.creation-disc-card:focus-visible{scale:1}}
@media print{.disc-stage,.disc-toolbar,.disc-secret-dialog,.disc-help{display:none}.disc-project-links{border:0;display:flex;justify-content:flex-start}}
@media(max-width:600px){.creation-disc{width:113.6%;margin-inline:-6.8%;overflow:hidden}.disc-stage{width:100%;margin-inline:0;overflow:visible}.disc-toolbar,.disc-project-links{margin-left:6%;margin-right:6%}.disc-help{padding-left:6%;padding-right:6%}}