/* Original Repo Company disc labels: native typography and geometry, no game icons. */
.demo-library-open{overflow:hidden}
.demo-dashboard{--demo-accent:115,136,170;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0b0e13;color:#eeeade;overflow:hidden;isolation:isolate}
.demo-dashboard[open]{display:flex;flex-direction:column;animation:demo-arrive .4s ease-out}
.demo-dashboard::backdrop{background:#090c10}
.demo-dashboard button,.demo-dashboard a{float:none;margin:0;font:inherit}.demo-dashboard button{padding:0;border:0;background:none}
.demo-dashboard button:focus-visible,.demo-dashboard a:focus-visible{outline:2px solid #efe2bf;outline-offset:6px}
.demo-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 68% 35%,rgba(var(--demo-accent),.16),transparent 54%),linear-gradient(150deg,#171c23,#0b0e13 60%,#10131a);transition:background 1s}
.demo-atmosphere:after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 45% 50%,rgba(var(--demo-accent),.06),transparent 60%);animation:demo-wash 22s ease-in-out infinite alternate}
.demo-atmosphere i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#f7ead0;box-shadow:0 0 7px 2px #dddcbe28;animation:demo-mote 19s ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.3}
.demo-header{display:flex;align-items:center;justify-content:space-between;height:110px;flex:none;padding:0 clamp(26px,4.3vw,80px)}
.demo-heading-group,.demo-header-end{display:flex;align-items:center;gap:24px}
.demo-heading-group p{margin:0 0 5px;color:#919a9e;font-size:10px;letter-spacing:.24em}
.demo-heading-group h1{font-size:26px;line-height:1.1;font-weight:400;margin:0;letter-spacing:-.025em}
.demo-back{width:42px;height:42px;border:1px solid #a6afb14a;border-radius:5px;color:#e9e5d8;font-size:24px!important;transition:background .2s}
.demo-back:hover{background:#ffffff0c}
.demo-publisher-name{font-size:15px;letter-spacing:.015em;color:#c7ccca}
.demo-header-end{gap:35px}.demo-sound{height:38px;width:38px;border:0;background:none;padding:5px;color:#d8d8cf}.demo-sound svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.demo-feature{min-height:0;flex:1;display:grid;grid-template-columns:44% 56%;align-items:center;padding:0 clamp(30px,7.2vw,124px);gap:15px}
.demo-copy{max-width:490px;padding-bottom:20px}.demo-kicker{font-size:11px;letter-spacing:.24em;color:#adb7bc;margin:0 0 28px}.demo-kicker span{margin-left:13px;color:#6d7a84}.demo-kicker b{font-weight:400;color:#dddacc;font-variant-numeric:tabular-nums}
.demo-copy h2{font-weight:350;letter-spacing:-.04em;font-size:clamp(36px,3.4vw,57px);line-height:1.06;margin:0 0 22px;max-width:460px}
.demo-genre{font-size:13px;color:#c2c9ca;margin:0 0 15px;letter-spacing:.025em}
.demo-description{font-size:19px;line-height:1.55;font-weight:350;color:#aeb7bb;max-width:420px;margin:0 0 25px}
.demo-launch{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:180px;min-height:54px;border-radius:32px;background:#eee5cd;color:#111722;font-size:17px!important;font-weight:600!important;padding:13px 26px;box-shadow:0 0 28px #e6d6ae08;transition:background .2s,box-shadow .2s}
.demo-launch:hover{background:#fff4d9;box-shadow:0 0 28px #e6d6ae20}.demo-launch>span:first-child{font-size:16px}
.demo-location{margin:15px 0 0;font-size:11px;color:#869098;min-height:16px;line-height:1.5}
.demo-feature-disc{position:relative;display:grid;place-items:center;align-self:stretch;align-content:center;isolation:isolate;padding-bottom:10px}
.demo-disc-halo{position:absolute;inset:4% 0 7%;z-index:-1;background:radial-gradient(ellipse,rgba(var(--demo-accent),.13),transparent 66%);filter:blur(22px);animation:demo-wash 18s ease-in-out infinite alternate}
.demo-hero-disc{display:block;width:clamp(280px,calc(100dvh - 405px),545px);aspect-ratio:1;max-width:100%;border:0;background:none;border-radius:50%;padding:0;filter:drop-shadow(0 24px 25px #0008);transition:filter .45s;cursor:pointer}
.demo-hero-disc:hover,.demo-hero-disc[aria-pressed="true"]{filter:drop-shadow(0 0 3px #ece8ca4d) drop-shadow(0 24px 30px #0009)}
.demo-hover-hint{margin:20px 0 0;color:#7c8993;font-size:11px;letter-spacing:.055em}
.demo-disc{position:relative;display:block;width:100%;aspect-ratio:1;container-type:inline-size;isolation:isolate;border-radius:50%;background:transparent}
.demo-disc-rotor{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#b0bcc5;mask-image:radial-gradient(circle,transparent 0 7.2%,#000 7.7%);-webkit-mask-image:radial-gradient(circle,transparent 0 7.2%,#000 7.7%);will-change:transform;box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 3px #11191c,inset 0 0 0 4px #919daa}
.demo-disc-foil{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 38deg,#8f9da8,#e3e2d1 13%,#8da5b5 18%,#737a82 28%,#aaa69c 37%,#c1cbb6 41%,#94bec2 43%,#c9b8c7 46%,#ebe3d5 50%,#7a8591 60%,#bccad3 75%,#7e8892 91%,#8f9da8)}
.demo-disc-label{position:absolute;inset:2.8%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 36% 23%,rgba(var(--disc-accent),.20),transparent 52%),linear-gradient(142deg,#171e29,#101722 70%,#202632);box-shadow:inset 0 0 0 1px #fff2,inset 0 0 0 5px #03070b3b,inset 0 0 0 6px #b7c1c521}
.demo-disc-label:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from -19deg,transparent 0 42%,#d0bb9161 43%,#9bb4bf85 46%,#d3ced791 49%,#b2bdc447 51%,transparent 52% 96%,#dae2e130 98%,transparent);mask-image:radial-gradient(circle,transparent 0 85%,#000 85.5%)}
.demo-disc-series{position:absolute;top:11%;left:15%;right:15%;text-align:center;font-size:1.8cqw;letter-spacing:.24em;color:#aab4bd;white-space:nowrap}
.demo-disc-title{position:absolute;left:10%;right:10%;top:18%;text-align:center;font-family:"Segoe UI",Arial,sans-serif;font-size:7.15cqw;line-height:1.06;font-weight:650;letter-spacing:-.045em;color:#e8e5d9;text-shadow:0 1px 1px #000b}
.demo-disc-id{position:absolute;left:9%;top:49%;font-size:1.9cqw;letter-spacing:.16em;color:#acb6bc}
.demo-disc-edition{position:absolute;right:7.5%;top:48%;font-size:2.3cqw;letter-spacing:.09em;color:#c7cdd0;font-weight:500;text-align:center}
.demo-disc-edition small{display:block;font-size:.9cqw;letter-spacing:.05em;margin-top:3px;font-weight:400}
.demo-disc-publisher{position:absolute;top:70%;left:44%;width:12%;height:12%;mix-blend-mode:screen;opacity:.91}
.demo-disc-rimtype{position:absolute;top:87%;left:15%;right:15%;text-align:center;font-size:1.35cqw;letter-spacing:.15em;color:#939fa8}
.demo-disc-hub{position:absolute;left:35.6%;top:35.6%;width:28.8%;height:28.8%;border-radius:50%;background:conic-gradient(from 25deg,#d3d4d1,#858d96 17%,#cfd6d7 30%,#878b90 42%,#e3e2d7 56%,#9ba6af 72%,#dfe5e6 85%,#a5abb0);box-shadow:0 0 0 2px #0b111a,0 0 0 3px #abb7c77a,inset 0 0 0 3px #e0e2dd99}
.demo-disc-hub:before{content:"";position:absolute;inset:13%;border-radius:50%;background:linear-gradient(115deg,#aeb5b75e,#333d494a,#aebac290);border:1px solid #e6eaec9c;box-shadow:0 0 0 1px #4d58627a,inset 0 0 0 5px #b3babb42}
.demo-disc-hub:after{content:"";position:absolute;inset:24%;border:2px solid #dde6eb;border-radius:50%;box-shadow:0 0 0 1px #131e2a,inset 0 0 0 1px #374651}
.demo-disc-sheen{position:absolute;inset:0;border-radius:50%;background:linear-gradient(123deg,#edf4eb0c,transparent 38%,#0001 62%,#e0e9ef08);pointer-events:none}
.demo-shelf{flex:none;padding:0 clamp(26px,4.3vw,80px);min-width:0}
.demo-shelf-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.demo-shelf-heading h2{font-size:15px;font-weight:400;margin:0;letter-spacing:.03em}.demo-shelf-heading h2 span{font-size:11px;color:#7f8b93;margin-left:15px;letter-spacing:0}
.demo-shelf-controls{display:flex;gap:13px}.demo-shelf-controls button{border:1px solid #8896a12b;border-radius:50%;background:none;width:31px;height:31px;color:#b9c2c5}.demo-shelf-controls button:hover{color:#fff;background:#ffffff0c}
.demo-disc-rail{display:flex;align-items:center;gap:28px;overflow-x:auto;overflow-y:hidden;padding:9px 6px 16px;scrollbar-width:thin;scrollbar-color:#65738366 transparent;scroll-snap-type:x proximity;overscroll-behavior-x:contain;min-width:0}
.demo-disc-choice{display:block;position:relative;flex:0 0 clamp(115px,9.3vw,155px);aspect-ratio:1;border:0;border-radius:50%;background:transparent;padding:0;scroll-snap-align:center;opacity:.7;transition:opacity .25s,transform .25s;filter:drop-shadow(0 9px 10px #0008)}
.demo-disc-choice[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2px #efe6cc,0 0 22px #cbd9df17}
.demo-disc-choice:hover{opacity:1;transform:translateY(-3px)}.demo-disc-choice .demo-disc{pointer-events:none}.demo-disc-choice .demo-disc-series{font-size:2.2cqw;letter-spacing:.04em}.demo-disc-choice .demo-disc-edition small,.demo-disc-choice .demo-disc-id,.demo-disc-choice .demo-disc-rimtype{display:none}.demo-disc-choice .demo-disc-title{top:18%;font-size:7.5cqw}.demo-disc-choice .demo-disc-edition{right:8%;top:49%;font-size:3cqw}.demo-disc-choice .demo-disc-hub{box-shadow:0 0 0 1px #0b111a,inset 0 0 0 1px #e0e2dd99}.demo-disc-choice .demo-disc-hub:after{border-width:1px}
.demo-footer{display:flex;justify-content:space-between;flex:none;padding:17px clamp(26px,4.3vw,80px) 23px;font-size:10px;color:#899298}.demo-footer kbd{font:inherit;border:1px solid #a8b1b33b;border-radius:3px;padding:2px 4px;margin-right:4px}.demo-footer-select{margin-left:17px}
.demo-launch-black{position:fixed;inset:0;background:#000;z-index:20;pointer-events:none;opacity:0;transition:opacity .78s ease}.demo-launch-black.visible{opacity:1}.demo-is-launching .demo-header,.demo-is-launching .demo-feature,.demo-is-launching .demo-shelf,.demo-is-launching .demo-footer{pointer-events:none}
@keyframes demo-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes demo-wash{from{opacity:.55;transform:translate(-12px,8px)}to{opacity:1;transform:translate(16px,-11px)}}@keyframes demo-mote{from{opacity:.14;transform:translate(0,18px)}to{opacity:.5;transform:translate(18px,-32px)}}
@media(max-width:850px){.demo-header{height:88px}.demo-feature{padding:8px 32px;grid-template-columns:44% 56%}.demo-copy h2{font-size:36px}.demo-description{font-size:15px}.demo-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:20px}.demo-genre{font-size:11px}.demo-location{font-size:10px}.demo-hero-disc{width:min(100%,380px)}.demo-hover-hint{font-size:9px}.demo-launch{font-size:14px!important;min-width:150px;min-height:46px;padding:10px 17px}.demo-disc-choice{flex-basis:125px}.demo-disc-rail{gap:22px}}
@media(max-width:600px){.demo-dashboard{overflow-y:auto}.demo-header{height:80px;padding:0 22px}.demo-heading-group{gap:15px}.demo-heading-group h1{font-size:23px}.demo-header-end{gap:16px}.demo-publisher-name{display:none}.demo-feature{display:flex;flex-direction:column-reverse;flex:none;gap:12px;padding:5px 28px 24px}.demo-feature-disc{align-self:center;padding:0}.demo-hero-disc{width:clamp(230px,65vw,330px)}.demo-hover-hint{display:none}.demo-copy{padding:5px 0 0;width:100%;max-width:420px}.demo-kicker{margin:8px 0 13px;font-size:9px}.demo-copy h2{font-size:34px;margin-bottom:14px}.demo-genre{margin-bottom:10px}.demo-description{font-size:15px;margin-bottom:20px;line-height:1.5}.demo-location{min-height:0;margin-top:10px}.demo-location:empty{display:none}.demo-shelf{padding:0 22px}.demo-shelf-heading{margin-bottom:10px}.demo-disc-choice{flex-basis:125px}.demo-footer{padding:16px 22px 22px}.demo-footer-select{display:none}.demo-launch-black{height:100dvh}}
@media(max-height:700px) and (min-width:851px){.demo-header{height:76px}.demo-hero-disc{width:clamp(220px,calc(100dvh - 305px),400px)}.demo-copy h2{font-size:38px;margin-bottom:13px}.demo-description{font-size:15px;margin-bottom:15px}.demo-kicker{margin-bottom:15px}.demo-disc-choice{flex-basis:110px}.demo-hover-hint{display:none}.demo-footer{padding-top:10px;padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.demo-dashboard[open],.demo-atmosphere i,.demo-atmosphere:after,.demo-disc-halo{animation:none}.demo-disc-choice,.demo-hero-disc{transition:none}.demo-launch-black{transition:opacity .12s}}