:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}*{-webkit-tap-highlight-color:transparent!important}a,button,[role=button],input,textarea,select,.SpineOnly,.CardClickArea,.Title-Container a,.Title-Logo,.All-Songs-button button,.play-button,.Input-Button,.download-button,.playlist-button,.back-button,.Logout-Button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),.SpineOnly:focus:not(:focus-visible),.CardClickArea:focus:not(:focus-visible),.Title-Container a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}:focus-visible,a:focus-visible,button:focus-visible,[role=button]:focus-visible,.SpineOnly:focus-visible,.CardClickArea:focus-visible,.Title-Container a:focus-visible{outline:none;box-shadow:0 0 0 3px #00eaff8c;border-radius:14px}a:active,button:active,[role=button]:active,.SpineOnly:active,.CardClickArea:active{background-color:inherit}button::-moz-focus-inner{border:0}#root{margin:0 auto;text-align:center}@media (max-width: 767px){.Landing-Component{width:100%;height:100vh;background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);padding:25% 0 0%}.Landing-Component:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 2px,transparent 2px 4px);mix-blend-mode:soft-light;opacity:.5}.Landing-Container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.Landing-Logo-Container,.Landing-Logo-Container img{width:100%}.Landing-Buttons-Container{padding-top:50%;width:100%;display:flex;justify-content:space-around;align-items:center}.Landing-Buttons-Container button{padding:2% 2.5%;background-color:#ff57ae;border:solid 3px #ff57ae;border-radius:5px;box-shadow:0 0 8px #ff57ae,0 0 20px #ff57ae;transition:all .3s ease;font-size:4.4vw;font-weight:800;-webkit-text-stroke:1px #ffffff;color:#ff57ae;cursor:pointer;letter-spacing:1px}.Landing-Buttons-Container button:disabled{padding:2% 2.5%;background-color:#ffffff68;border:solid 3px #ffffff00;border-radius:5px;box-shadow:0 0 8px #ffffff68,0 0 20px #ffffff68;transition:all .3s ease;font-size:3.5vw;font-weight:600;color:#ffffff83;text-decoration:line-through;cursor:not-allowed}}@media (min-width: 768px) and (max-width: 1023px){.Landing-Component{width:100%;height:100vh;padding:2% 0 0%;background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244)}.Landing-Component:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 2px,transparent 2px 4px);mix-blend-mode:soft-light;opacity:.5}.Landing-Container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Landing-Logo-Container{width:100%;margin-bottom:25%}.Landing-Logo-Container img{width:70%}.Landing-Buttons-Container{width:60%;display:flex;justify-content:space-around;align-items:center}.Landing-Buttons-Container button{padding:2.5% 3.5%;background-color:#ff57ae;border:solid 3px #ff57ae;border-radius:5px;box-shadow:0 0 8px #ff57ae,0 0 20px #ff57ae;transition:all .3s ease;font-size:2.6vw;font-weight:800;-webkit-text-stroke:1px #ffffff;color:#ff57ae;cursor:pointer;letter-spacing:1px}.Landing-Buttons-Container button:disabled{padding:2.5% 3.5%;background-color:#ffffff68;border:solid 3px #ffffff00;border-radius:5px;box-shadow:0 0 8px #ffffff68,0 0 20px #ffffff68;transition:all .3s ease;font-size:2vw;font-weight:600;color:#ffffff83;text-decoration:line-through;cursor:not-allowed}}@media (min-width: 1024px){.Landing-Component{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4% 0 2%;background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);position:relative;overflow:hidden}.Landing-Component:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 2px,transparent 2px 4px);mix-blend-mode:soft-light;opacity:.5}.Landing-Container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.Landing-Logo-Container{width:100%}.Landing-Logo-Container img{width:35%}.Landing-Buttons-Container{padding-top:5%;width:30%;display:flex;justify-content:space-around;align-items:center}.Landing-Buttons-Container button{padding:2% 2.5%;background-color:#ff57ae;border:solid 3px #ff57ae;border-radius:5px;box-shadow:0 0 8px #ff57ae,0 0 20px #ff57ae;transition:all .3s ease;font-size:1.4vw;font-weight:800;-webkit-text-stroke:1px #ffffff;color:#ff57ae;cursor:pointer}.Landing-Buttons-Container button:hover{box-shadow:0 0 15px #ff57ae,0 0 40px #ff57ae;text-shadow:0 0 8px #ff57ae}.Landing-Buttons-Container button:disabled{padding:2% 2.5%;background-color:#ffffff68;border:solid 3px #ffffff00;border-radius:5px;box-shadow:0 0 8px #ffffff68,0 0 20px #ffffff68;transition:all .3s ease;font-size:1vw;font-weight:600;color:#ffffff83;text-decoration:line-through;cursor:not-allowed}.Landing-Buttons-Container button:disabled:hover{box-shadow:0 0 15px #ffffff68,0 0 40px #ffffff68;text-shadow:0 0 8px #ffffff68}}:root{--brand:#0F172A ;--cream:#fad9bf;--shadow-sm:0 2px 10px rgba(0,0,0,.08);--shadow-md:0 8px 24px rgba(0, 0, 0, .319);--spindle-d: clamp(10px, 1.4vw, 16px)}button:focus-visible,.SpineOnly:focus-visible{outline:none;box-shadow:0 0 0 3px #00eaff99;border-radius:12px}@media (max-width: 767px){.Bingo-Component{width:100%;min-height:100vh;background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);padding:1% 0 0%}.Bingo-Component:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 2px,transparent 2px 4px);mix-blend-mode:soft-light;opacity:.5}.Title-Container{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:15%;padding:0 5%}.Title-Logo{width:35vw}.Title-Container button{background:#ffffff15;color:#fff;border:3px solid #00eaff;border-radius:50px;font-size:3.5vw;font-weight:600;letter-spacing:1px;cursor:pointer;padding:2%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #00eaff,0 0 20px #00eaff;transition:all .3s ease}.Title-Container button:focus{outline:none;box-shadow:none}.Bingo-Container{width:100%;height:100%;padding:0%}.Studio{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:5%;padding:12px 24px 28px}.Shelf--spines{display:grid;grid-template-columns:repeat(8,minmax(22px,1fr));grid-auto-rows:160px;grid-auto-flow:row;gap:5px;justify-items:stretch;align-items:end;--shelf-neon: #ff00f7;background:radial-gradient(120% 140% at 50% 10%,#1e1a29,#0d0d14 55%,#1e1a29);border-radius:18px;padding:10px;border:1px solid rgba(255,0,0,.06);box-shadow:inset 0 0 22px #000000a6,inset 0 0 80px #00000073;position:relative;overflow:visible;width:100%}.Shelf--spines:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:inherit;pointer-events:none;box-shadow:0 0 16px var(--shelf-neon),0 0 36px var(--shelf-neon),0 0 72px #8a2be2,0 0 120px #d100ff73;opacity:.95}.Shelf--spines .SpineOnly{width:100%;height:100%}.SpineOnly{position:relative;width:8vw!important;min-height:160px!important;background:var(--sleeve, #e74c3c);border:none;border-radius:2px;box-shadow:0 2px 18px #00000073,0 0 2px var(--sleeve),0 0 18px var(--sleeve);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.SpineOnly:before{content:none}.SpineOnly:focus{outline:none}.SpineOnly.is-picked{visibility:hidden}.SpineLabel{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--sleeveSub, #fff);font-weight:800;font-size:3.5vw}.CaseOverlay{position:fixed;left:var(--origX);top:var(--origY);width:var(--origW);height:var(--origH);z-index:1200;transform-style:preserve-3d;will-change:transform,width,height;perspective:1000px;transform-origin:center center;overflow:visible}.CaseOverlay.stage-toCenter{width:var(--face);height:var(--face);transform:translate(var(--tx),var(--ty)) scale(1.08);transition:transform .82s ease,width .82s ease,height .82s ease}.CaseOverlay.stage-reveal,.CaseOverlay.stage-fly,.CaseOverlay.stage-arm,.CaseOverlay.stage-spin{width:var(--face);height:var(--face);transform:translate(var(--tx),var(--ty)) scale(1.08)}.CaseFront{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sleeve, #e74c3c);box-shadow:0 18px 48px #00000059;display:flex;justify-content:center;align-items:start;font-size:4vw;padding-bottom:24px;z-index:1202}.CaseArt{color:var(--sleeveSub, #ffffff);font-weight:800;font-size:4vw;text-align:center;padding:12px 10px;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:28.5%}.CaseSlot{position:absolute;left:18px;right:18px;top:18px;height:10px;border-radius:8px;z-index:1203}.CaseDisk{position:absolute;top:50%;left:100%;width:var(--diskPx);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#222,#000 60%);box-shadow:inset 0 0 0 2px #111,inset 0 0 18px #ffffff0f;transform:translate(-70%,-50%);opacity:1;pointer-events:none;z-index:1201}.CaseDisk .LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26%;height:26%;border-radius:50%;background:var(--sleeve, #e74c3c)}.CaseOverlay.stage-reveal .CaseDisk{z-index:1400;animation:disk-side-pop .6s ease forwards}.CaseDisk{-webkit-mask-image:radial-gradient(circle,transparent 0 calc(var(--spindle-d)/2),black calc(calc(var(--spindle-d)/2) + 1px) 100%);mask-image:radial-gradient(circle,transparent 0 calc(var(--spindle-d)/2),black calc(calc(var(--spindle-d)/2) + 1px) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.CaseDisk:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--spindle-d) + 2px);height:calc(var(--spindle-d) + 2px);transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 2px #ffffff26;pointer-events:none}@keyframes disk-side-pop{0%{transform:translate(-70%,-50%)}to{transform:translate(-50%,-50%)}}.CaseOverlay.stage-fly .CaseDisk{z-index:1400;animation:case-disk-fly-transform .9s ease forwards;will-change:transform}@keyframes case-disk-fly-transform{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(540deg)}}.CaseOverlay.stage-arm .CaseDisk,.CaseOverlay.stage-spin .CaseDisk,.CaseOverlay.stage-zoom .CaseDisk{display:none!important}.CaseOverlay.stage-zoom{width:var(--face);height:var(--face);transform:translate(var(--tx),var(--ty)) scale(4.2);transition:transform .95s ease;z-index:2000}.TurntableSide{display:grid;place-items:center;margin-top:10%}.Plinth{background:#d8d8d86d;border-radius:10px;box-shadow:0 12px 24px #00000073,0 0 12px #fff,0 0 2px #fff;position:relative;overflow:hidden;width:100%;aspect-ratio:14/10;border:solid 3px #ffffff}.Platter{position:absolute;left:8%;top:16%;width:56%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#222,#000 60%)}.PlatterCenter{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:0}.DeckRecord{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;opacity:0;background:radial-gradient(circle at 50% 50%,#222,#000 60%);transform-origin:50% 50%;transition:opacity .25s ease}.DeckRecord.show{opacity:1}.DeckRecord .LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;height:22%;border-radius:50%;background:var(--labelColor, #ff6b5f)}.Spindle{position:absolute;width:var(--spindle-d);height:var(--spindle-d);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 32%,#e8edf4 33%,#e8edf4 55%,#c3ccd8 56%,#c3ccd8 72%,#9aa5b5 73%,#9aa5b5);border:1px solid rgba(120,130,145,.6);box-shadow:inset 0 1px 2px #ffffffb3,0 2px 6px #00000073;z-index:5}.DeckRecord{-webkit-mask-image:radial-gradient(circle,transparent 0 6px,black 7px 100%);mask-image:radial-gradient(circle,transparent 0 6px,black 7px 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.DeckRecord:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 2px #ffffff26;pointer-events:none}.KnobVolume{position:absolute;right:4%;bottom:10%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#202020 0,#202020 35%,#252525 36%,#252525 70%,#303030 71%,#303030);border:1px solid rgba(120,130,145,.6);box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.KnobVolume:after{content:"";position:absolute;left:50%;top:7%;width:2px;height:10px;transform:translate(-50%);background:#8b95a6;border-radius:2px;box-shadow:0 1px #fff9}.Fader{position:absolute;right:0%;top:8%;width:28px;height:120px;display:grid;place-items:center}.FaderTrack{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:15%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Fader-2{position:absolute;right:7%;top:8%;width:28px;height:120px;display:grid;place-items:center}.FaderTrack-2{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb-2{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:68%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Fader-3{position:absolute;right:14%;top:8%;width:28px;height:120px;display:grid;place-items:center}.FaderTrack-3{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb-3{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:2%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Tonearm{position:absolute;right:5%;top:12%;width:36%;height:4px;transform-origin:left center;transform:rotate(70deg);z-index:1020;background:linear-gradient(to bottom,#f7f8fa,#e6e9ef 35%,#cdd3dd 55%,#b4bcc8 70%,#e9edf2);border-radius:8px;border:1px solid rgba(140,150,165,.6);box-shadow:inset 0 2px 2px #fff9,inset 0 -2px 3px #00000026,0 6px 16px #00000040;transition:transform .35s ease}.Tonearm:before{content:"";position:absolute;top:2px;right:10%;bottom:2px;left:8%;border-radius:6px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.55) 12%,rgba(255,255,255,0) 35%,rgba(0,0,0,.06) 60%,transparent 100%);pointer-events:none;filter:blur(.2px)}.Tonearm:after{content:"";position:absolute;right:-20px;top:50%;width:28px;height:16px;transform:translateY(-50%) rotate(6deg);background:linear-gradient(180deg,#101010,#202020 70%,#404040);border:1px solid rgba(0,0,0,.6);border-radius:4px 6px 6px 4px;box-shadow:inset 0 1px #ffffffb3,0 2px 4px #0000002e}.Pivot{position:absolute;left:-18px;top:50%;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#505050 0,#505050 35%,#cfd6e0 36%,#cfd6e0 70%,#9aa5b5 71%,#9aa5b5);border:1px solid rgba(110,120,135,.55);box-shadow:0 4px 10px #00000040,inset 0 1px 2px #fff9}.Counterweight{position:absolute;left:6%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 28%,#202020 0,#202020 35%,#252525 36%,#252525 70%,#303030 71%,#303030);border:1px solid rgba(110,120,135,.55);box-shadow:inset 0 2px 5px #0000001f,0 3px 8px #00000040}.NeedleShadow{position:absolute;right:-18px;top:calc(50% + 8px);width:34px;height:10px;transform:translateY(-50%) rotate(6deg);background:radial-gradient(60% 50% at 50% 50%,rgba(0,0,0,.25),transparent 70%);filter:blur(2px);opacity:.55;pointer-events:none}.TurntableSide.arm-down .Tonearm{transform:rotate(85deg)}.Head{display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.TurntableSide.spinning .DeckRecord{animation:spin 1.05s linear infinite}.SpineOnly{height:200px}.Title-Img{width:48px}.Grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5;pointer-events:none}.LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--sleeve, #e74c3c);pointer-events:none}}@media (min-width: 768px) and (max-width: 1023px){.Bingo-Component{width:100%;min-height:100vh;padding:1% 0 0%;background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244)}.Bingo-Component:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 2px,transparent 2px 4px);mix-blend-mode:soft-light;opacity:.5}.All-Songs-button{width:100%;padding-right:1%;display:flex;justify-content:right;align-items:start}.Title-Container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;margin-bottom:9%;margin-top:0%}.Title-Logo{width:20vw}.Title-Container button{background:#ffffff15;color:#fff;border:3px solid #00eaff;border-radius:50px;font-size:1.8vw;font-weight:600;letter-spacing:1px;cursor:pointer;padding:1.5%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #00eaff,0 0 20px #00eaff;transition:all .3s ease}.Title-Container button:focus{outline:none;box-shadow:none}.Bingo-Container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.Studio{display:grid;grid-template-columns:1fr 440px;gap:24px;padding:12px 24px 28px}.Shelf--spines{display:grid;grid-template-columns:repeat(8,minmax(56px,1fr));grid-auto-rows:16vh;grid-auto-flow:row;gap:16px;justify-items:stretch;align-items:end;--shelf-neon: #ff00f7;background:radial-gradient(120% 140% at 50% 10%,#1e1a29,#0d0d14 55%,#1e1a29);border-radius:18px;padding:24px 24px 16px;border:1px solid rgba(255,0,0,.06);box-shadow:inset 0 0 22px #000000a6,inset 0 0 80px #00000073;position:relative;overflow:visible;width:100%;min-height:20%}.Shelf--spines:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:inherit;pointer-events:none;box-shadow:0 0 16px var(--shelf-neon),0 0 36px var(--shelf-neon),0 0 72px #8a2be2,0 0 120px #d100ff73;opacity:.95}.Shelf--spines .SpineOnly{width:100%;height:100%}.SpineOnly{position:relative;width:40px!important;height:16vh!important;background:var(--sleeve, #e74c3c);border:0;outline:none;border-radius:8px;box-shadow:0 12px 24px #00000073,0 0 12px var(--sleeve),0 0 28px var(--sleeve);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.SpineOnly:before{content:none}.SpineOnly:focus{outline:none}.SpineOnly:hover{transform:translateY(-10px);box-shadow:0 16px 32px #00000080,0 0 16px var(--sleeve),0 0 36px var(--sleeve),0 0 64px var(--sleeve)}.SpineOnly.is-picked{visibility:hidden}.SpineLabel{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--sleeveSub, #fff);font-weight:800;letter-spacing:.8px;font-size:1.8vw;line-height:1}.CaseOverlay{position:fixed;left:var(--origX);top:var(--origY);width:calc(var(--origW) * .75);height:calc(var(--origW) * .75);z-index:1200;transform-style:preserve-3d;will-change:transform,width,height;perspective:1000px;transform-origin:center center;overflow:visible}.CaseOverlay.stage-toCenter{width:calc(var(--face) * .75);height:calc(var(--face) * .75);transform:translate(var(--tx),var(--ty)) scale(1.08);transition:transform .82s ease,width .82s ease,height .82s ease}.CaseOverlay.stage-reveal,.CaseOverlay.stage-fly,.CaseOverlay.stage-arm,.CaseOverlay.stage-spin{width:calc(var(--face) * .75);height:calc(var(--face) * .75);transform:translate(var(--tx),var(--ty)) scale(1.08)}.CaseFront{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sleeve, #e74c3c);box-shadow:0 12px 24px #00000073,0 0 12px var(--sleeve),0 0 28px var(--sleeve);display:flex;justify-content:center;align-items:start;font-size:3vw;padding-bottom:24px;z-index:1202}.CaseArt{color:var(--sleeveSub, #ffffff);font-weight:800;font-size:3vw;text-align:center;padding:12px 10px;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:28.5%}.CaseSlot{position:absolute;left:18px;right:18px;top:18px;height:10px;border-radius:8px;z-index:1203}.CaseDisk{position:absolute;top:50%;left:100%;width:var(--diskPx);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#222,#000 60%);box-shadow:inset 0 0 0 2px #111,inset 0 0 18px #ffffff0f;transform:translate(-70%,-50%);opacity:1;pointer-events:none;z-index:1201}.CaseDisk .LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26%;height:26%;border-radius:50%;background:var(--sleeve, #e74c3c)}.CaseDisk{-webkit-mask-image:radial-gradient(circle,transparent 0 calc(var(--spindle-d)/2),black calc(calc(var(--spindle-d)/2) + 1px) 100%);mask-image:radial-gradient(circle,transparent 0 calc(var(--spindle-d)/2),black calc(calc(var(--spindle-d)/2) + 1px) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.CaseDisk:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--spindle-d) + 2px);height:calc(var(--spindle-d) + 2px);transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 2px #ffffff26;pointer-events:none}.CaseOverlay.stage-reveal .CaseDisk{z-index:1400;animation:disk-side-pop .6s ease forwards}@keyframes disk-side-pop{0%{transform:translate(-70%,-50%)}to{transform:translate(-50%,-50%)}}.CaseOverlay.stage-fly .CaseDisk{z-index:1400;animation:case-disk-fly-transform .9s ease forwards;will-change:transform}@keyframes case-disk-fly-transform{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(540deg)}}.CaseOverlay.stage-arm .CaseDisk,.CaseOverlay.stage-spin .CaseDisk,.CaseOverlay.stage-zoom .CaseDisk{display:none!important}.CaseOverlay.stage-zoom{width:calc(var(--face) * .72);height:calc(var(--face) * .72);transform:translate(var(--tx),var(--ty)) scale(4.4);transition:transform .95s ease;z-index:2000}.TurntableSide{display:grid;place-items:center;margin-top:10%}.Plinth{background:#d8d8d86d;border-radius:10px;box-shadow:0 12px 24px #00000073,0 0 12px #fff,0 0 2px #fff;position:relative;overflow:hidden;width:70%;aspect-ratio:15/10;border:solid 3px #ffffff}.Platter{position:absolute;left:8%;top:15%;width:50%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#222,#000 60%)}.PlatterCenter{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:0}.DeckRecord{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;opacity:0;background:radial-gradient(circle at 50% 50%,#222,#000 60%);transform-origin:50% 50%;transition:opacity .25s ease}.DeckRecord.show{opacity:1}.DeckRecord .LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;height:22%;border-radius:50%;background:var(--labelColor, #ff6b5f)}.Spindle{position:absolute;left:50%;top:50%;width:var(--spindle-d);height:var(--spindle-d);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 32%,#e8edf4 33%,#e8edf4 55%,#c3ccd8 56%,#c3ccd8 72%,#9aa5b5 73%,#9aa5b5);border:1px solid rgba(120,130,145,.6);box-shadow:inset 0 1px 2px #ffffffb3,0 2px 6px #00000073;z-index:5}.DeckRecord{-webkit-mask-image:radial-gradient(circle,transparent 0 6px,black 7px 100%);mask-image:radial-gradient(circle,transparent 0 6px,black 7px 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.DeckRecord:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 2px #ffffff26;pointer-events:none}.KnobVolume{position:absolute;right:2%;bottom:10%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#202020 0,#202020 35%,#252525 36%,#252525 70%,#303030 71%,#303030);border:1px solid rgba(120,130,145,.6);box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.KnobVolume:after{content:"";position:absolute;left:50%;top:7%;width:2px;height:10px;transform:translate(-50%);background:#8b95a6;border-radius:2px;box-shadow:0 1px #fff9}.Fader{position:absolute;right:1%;top:10%;width:28px;height:150px;display:grid;place-items:center}.FaderTrack{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:20%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Fader-2{position:absolute;right:7%;top:10%;width:28px;height:150px;display:grid;place-items:center}.FaderTrack-2{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb-2{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:60%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Fader-3{position:absolute;right:13%;top:10%;width:28px;height:150px;display:grid;place-items:center}.FaderTrack-3{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb-3{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:5%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Tonearm{position:absolute;right:15%;top:12%;width:36%;height:5px;transform-origin:left center;transform:rotate(55deg);z-index:1020;background:linear-gradient(to bottom,#f7f8fa,#e6e9ef 35%,#cdd3dd 55%,#b4bcc8 70%,#e9edf2);border-radius:8px;border:1px solid rgba(140,150,165,.6);box-shadow:inset 0 2px 2px #fff9,inset 0 -2px 3px #00000026,0 6px 16px #00000040;transition:transform .35s ease}.Tonearm:before{content:"";position:absolute;top:2px;right:10%;bottom:2px;left:8%;border-radius:6px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.55) 12%,rgba(255,255,255,0) 35%,rgba(0,0,0,.06) 60%,transparent 100%);pointer-events:none;filter:blur(.2px)}.Tonearm:after{content:"";position:absolute;right:-20px;top:50%;width:28px;height:16px;transform:translateY(-50%) rotate(6deg);background:linear-gradient(180deg,#202020,#404040 70%,#606060);border:1px solid rgba(140,150,165,.6);border-radius:4px 6px 6px 4px;box-shadow:inset 0 1px #ffffffb3,0 2px 4px #0000002e}.Pivot{position:absolute;left:-18px;top:50%;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 35%,#cfd6e0 36%,#cfd6e0 70%,#9aa5b5 71%,#9aa5b5);border:1px solid rgba(110,120,135,.55);box-shadow:0 4px 10px #00000040,inset 0 1px 2px #fff9}.Counterweight{position:absolute;left:6%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 40%,#383838 0,#383838 30%,#404040 31%,#404040 60%,#606060 61%,#606060 75%,#8791a3 76%,#8791a3),conic-gradient(from 90deg,#ffffffb3,#00000012,#ffffff80);border:1px solid rgba(110,120,135,.55);box-shadow:inset 0 2px 5px #0000001f,0 3px 8px #00000040}.NeedleShadow{position:absolute;right:-18px;top:calc(50% + 8px);width:34px;height:10px;transform:translateY(-50%) rotate(6deg);background:radial-gradient(60% 50% at 50% 50%,rgba(0,0,0,.25),transparent 70%);filter:blur(2px);opacity:.55;pointer-events:none}.TurntableSide.arm-down .Tonearm{transform:rotate(80deg)}.Head{display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.TurntableSide.spinning .DeckRecord{animation:spin 1.05s linear infinite}.Studio{grid-template-columns:1fr}.Grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5;pointer-events:none}.LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--sleeve, #e74c3c);pointer-events:none}}@media (min-width: 1024px){.Bingo-Component{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0% 0 2%;background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);position:relative;overflow:hidden}.Bingo-Component:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 2px,transparent 2px 4px);mix-blend-mode:soft-light;opacity:.5}.Title-Container{display:flex;align-items:center;justify-content:space-between;padding:0 2%;width:100%;margin-bottom:5%;margin-top:0%}.Title-Logo{width:10vw;cursor:pointer}.Title-Container button{background:#ffffff15;color:#fff;border:3px solid #00eaff;border-radius:50px;font-weight:600;cursor:pointer;padding:1%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #00eaff,0 0 20px #00eaff;transition:all .3s ease}.Title-Container button:hover{box-shadow:0 0 15px #0ff,0 0 40px #0ff;text-shadow:0 0 8px #00ffff}.Bingo-Container{width:90vw;min-height:40vh;border-radius:20px}.Studio{display:grid;grid-template-columns:1fr 440px;gap:24px;padding:12px 24px 28px}.Shelf--spines{display:grid;grid-template-columns:repeat(8,minmax(56px,1fr));grid-auto-rows:13vw;grid-auto-flow:row;gap:16px;justify-items:stretch;align-items:end;--shelf-neon: #ff00f7;background:radial-gradient(120% 140% at 50% 10%,#1e1a29,#0d0d14 55%,#1e1a29);border-radius:18px;padding:24px 24px 16px;border:1px solid rgba(255,0,0,.06);box-shadow:inset 0 0 22px #000000a6,inset 0 0 80px #00000073;position:relative;overflow:visible;width:70%}.Shelf--spines:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:inherit;pointer-events:none;box-shadow:0 0 16px var(--shelf-neon),0 0 36px var(--shelf-neon),0 0 72px #8a2be2,0 0 120px #d100ff73;opacity:.95}.Shelf--spines .SpineOnly{width:100%;height:100%}.SpineOnly{position:relative;width:50px;height:13vw!important;background:var(--sleeve, #e74c3c);border:0;outline:none;border-radius:8px;box-shadow:0 12px 24px #00000073,0 0 12px var(--sleeve),0 0 28px var(--sleeve);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.SpineOnly:before{content:none}.SpineOnly:focus{outline:none}.SpineOnly:hover{transform:translateY(-10px);box-shadow:0 16px 32px #00000080,0 0 16px var(--sleeve),0 0 36px var(--sleeve),0 0 64px var(--sleeve)}.SpineOnly.is-picked{visibility:hidden}.SpineLabel{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--sleeveSub, #fff);font-weight:800;letter-spacing:.8px;font-size:1.1vw;line-height:1}.CaseOverlay{position:fixed;left:var(--origX);top:var(--origY);width:var(--origW);height:var(--origH);z-index:1200;transform-style:preserve-3d;will-change:transform,width,height;perspective:1000px;transform-origin:center center;overflow:visible}.CaseOverlay.stage-toCenter{width:calc(var(--diskPx) + 24px);height:calc(var(--diskPx) + 24px);transform:translate(var(--tx),var(--ty)) scale(1.08);transition:transform .82s ease,width .82s ease,height .82s ease}.CaseOverlay.stage-reveal,.CaseOverlay.stage-fly,.CaseOverlay.stage-arm,.CaseOverlay.stage-spin{width:calc(var(--diskPx) + 24px);height:calc(var(--diskPx) + 24px);transform:translate(var(--tx),var(--ty)) scale(1.08)}.CaseFront{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sleeve, #e74c3c);box-shadow:0 12px 24px #00000073,0 0 12px var(--sleeve),0 0 28px var(--sleeve);display:flex;justify-content:center;align-items:start;font-size:40px;padding-bottom:24px;z-index:1202}.CaseArt{color:var(--sleeveSub, #ffffff);font-weight:800;font-size:1.1vw;text-align:center;padding:12px 10px;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:28.5%}.CaseSlot{position:absolute;left:18px;right:18px;top:18px;height:10px;border-radius:8px;z-index:1203}.CaseDisk{position:absolute;top:50%;left:100%;width:var(--diskPx);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#222,#000 60%);box-shadow:inset 0 0 0 2px #111,inset 0 0 18px #ffffff0f;transform:translate(-70%,-50%);opacity:1;pointer-events:none;z-index:1201}.CaseDisk .LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26%;height:26%;border-radius:50%;background:var(--sleeve, #e74c3c)}.CaseOverlay.stage-reveal .CaseDisk{z-index:1400;animation:disk-side-pop .6s ease forwards}.CaseDisk{-webkit-mask-image:radial-gradient(circle,transparent 0 calc(var(--spindle-d)/2),black calc(calc(var(--spindle-d)/2) + 1px) 100%);mask-image:radial-gradient(circle,transparent 0 calc(var(--spindle-d)/2),black calc(calc(var(--spindle-d)/2) + 1px) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.CaseDisk:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--spindle-d) + 2px);height:calc(var(--spindle-d) + 2px);transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 2px #ffffff26;pointer-events:none}@keyframes disk-side-pop{0%{transform:translate(-70%,-50%)}to{transform:translate(-50%,-50%)}}.CaseOverlay.stage-fly .CaseDisk{z-index:1400;animation:case-disk-fly-transform .9s ease forwards;will-change:transform}@keyframes case-disk-fly-transform{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(540deg)}}.CaseOverlay.stage-arm .CaseDisk,.CaseOverlay.stage-spin .CaseDisk,.CaseOverlay.stage-zoom .CaseDisk{display:none!important}.CaseOverlay.stage-zoom{width:var(--face);height:var(--face);transform:translate(var(--tx),var(--ty)) scale(4.4);transition:transform .95s ease;z-index:2000}.TurntableSide{display:grid;place-items:center}.Plinth{background:#d8d8d86d;border-radius:10px;box-shadow:0 12px 24px #00000073,0 0 12px #fff,0 0 2px #fff;position:relative;overflow:hidden;width:100%;aspect-ratio:14/10;border:solid 3px #ffffff}.Platter{position:absolute;left:8%;top:16%;width:56%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#000,#000 20%,#101010 60%,#202020 85%,#303030),linear-gradient(145deg,#16161633,#0000001a);background-blend-mode:overlay}.PlatterCenter{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:0}.DeckRecord{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;opacity:0;background:radial-gradient(circle at 50% 50%,#222,#000 60%);transform-origin:50% 50%;transition:opacity .25s ease}.DeckRecord.show{opacity:1}.DeckRecord .LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;height:22%;border-radius:50%;background:var(--labelColor, #ff6b5f)}.Spindle{position:absolute;left:50%;top:50%;width:var(--spindle-d);height:var(--spindle-d);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 32%,#e8edf4 33%,#e8edf4 55%,#c3ccd8 56%,#c3ccd8 72%,#9aa5b5 73%,#9aa5b5);border:1px solid rgba(120,130,145,.6);box-shadow:inset 0 1px 2px #ffffffb3,0 2px 6px #00000073;z-index:5}.DeckRecord{-webkit-mask-image:radial-gradient(circle,transparent 0 6px,black 7px 100%);mask-image:radial-gradient(circle,transparent 0 6px,black 7px 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.DeckRecord:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 2px #ffffff26;pointer-events:none}.KnobVolume{position:absolute;right:6%;bottom:10%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#202020 0,#202020 35%,#252525 36%,#252525 70%,#303030 71%,#303030);border:1px solid rgba(120,130,145,.6);box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.KnobVolume:after{content:"";position:absolute;left:50%;top:7%;width:2px;height:10px;transform:translate(-50%);background:#8b95a6;border-radius:2px;box-shadow:0 1px #fff9}.Fader{position:absolute;right:0%;top:8%;width:28px;height:180px;display:grid;place-items:center}.FaderTrack{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:25%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Fader-2{position:absolute;right:6%;top:8%;width:28px;height:180px;display:grid;place-items:center}.FaderTrack-2{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb-2{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:75%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Fader-3{position:absolute;right:12%;top:8%;width:28px;height:180px;display:grid;place-items:center}.FaderTrack-3{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#3d3d3d,#222);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #0003}.FaderThumb-3{position:absolute;width:22px;height:18px;border-radius:6px;background:linear-gradient(180deg,#111,#303030);border:1px solid rgba(120,130,145,.6);left:50%;transform:translate(-50%);top:2%;box-shadow:inset 0 2px 4px #0000001f,0 6px 14px #00000040}.Tonearm{position:absolute;right:12%;top:12%;width:36%;height:5px;transform-origin:left center;transform:rotate(48deg);z-index:1020;background:linear-gradient(to bottom,#f7f8fa,#e6e9ef 35%,#cdd3dd 55%,#b4bcc8 70%,#e9edf2);border-radius:8px;border:1px solid rgba(140,150,165,.6);box-shadow:inset 0 2px 2px #fff9,inset 0 -2px 3px #00000026,0 6px 16px #00000040;transition:transform .35s ease}.Tonearm:before{content:"";position:absolute;top:2px;right:10%;bottom:2px;left:8%;border-radius:6px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.55) 12%,rgba(255,255,255,0) 35%,rgba(0,0,0,.06) 60%,transparent 100%);pointer-events:none;filter:blur(.2px)}.Tonearm:after{content:"";position:absolute;right:-20px;top:50%;width:28px;height:16px;transform:translateY(-50%) rotate(6deg);background:linear-gradient(180deg,#101010,#202020 70%,#404040);border:1px solid rgba(0,0,0,.6);border-radius:4px 6px 6px 4px;box-shadow:inset 0 1px #ffffffb3,0 2px 4px #0000002e}.Pivot{position:absolute;left:-18px;top:50%;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#505050 0,#505050 35%,#cfd6e0 36%,#cfd6e0 70%,#9aa5b5 71%,#9aa5b5);border:1px solid rgba(110,120,135,.55);box-shadow:0 4px 10px #00000040,inset 0 1px 2px #fff9}.Counterweight{position:absolute;left:6%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 28%,#202020 0,#202020 35%,#252525 36%,#252525 70%,#303030 71%,#303030);border:1px solid rgba(110,120,135,.55);box-shadow:inset 0 2px 5px #0000001f,0 3px 8px #00000040}.NeedleShadow{position:absolute;right:-18px;top:calc(50% + 8px);width:34px;height:10px;transform:translateY(-50%) rotate(6deg);background:radial-gradient(60% 50% at 50% 50%,rgba(0,0,0,.25),transparent 70%);filter:blur(2px);opacity:.55;pointer-events:none}.TurntableSide.arm-down .Tonearm{transform:rotate(75deg)}.Head{display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.TurntableSide.spinning .DeckRecord{animation:spin 1.05s linear infinite}.Grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5;pointer-events:none}.LabelDot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--sleeve, #e74c3c);pointer-events:none}}:root{--brand: #0F172A;--cartonBg1: #fad9bf;--cartonLine: #ffffff;--cartonLineHover: #eaeaea;--bc-title: #F24236}@media print{.card-index-label,.line{display:none}}.pdf-boost{font-size:1.2vw!important;line-height:1.15}@media (max-width: 767px){.Carton-Component{background-color:var(--cartonBg1);width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10%}.Carton-Container{background:var(--cartonBg1);margin-top:5%;padding:4% 0%;width:97%;border-radius:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.Back-Carton-Container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-left:0%;padding:0 2%}.back-button{background-color:transparent;border:none;color:var(--cartonLine)!important;font-size:10vw;cursor:pointer}.Logout-Button{background-color:transparent;border:none;height:100%;color:var(--cartonLine)!important}.Carton-Title-Container{display:flex;justify-content:center;align-items:center;margin-bottom:15%}.Title-Card-Img{width:12%;margin-right:5%;margin-left:0%}.Carton-Container h2{font-size:9vw;color:var(--bc-title);font-weight:800}.Playlist-Container{width:100%;margin-top:-10%;margin-bottom:10%}.playlist-button{background-color:var(--cartonLine);padding:2% 3%;border:2px solid var(--cartonLine);border-radius:15px;color:#fff;font-weight:600;letter-spacing:1px;font-size:4.5vw;margin-bottom:0%;cursor:pointer}.Download-Container{width:100%;display:flex;justify-content:right;align-items:center;padding-right:5%}.download-button{background-color:transparent;border:none;padding:1%;letter-spacing:0px;cursor:pointer;width:4vw;color:var(--cartonLine)!important;float:right;z-index:1000}.Carton-Card-Component{width:100%;padding:0%;margin-top:5%}.Carton-Card-Component h3{color:var(--bc-title);text-align:left;font-size:6vw;margin-bottom:5%}.line{margin-top:8%;color:var(--cartonLine);height:1px;background-color:var(--cartonLine);border:2px solid var(--cartonLine)}.bingo-cell{font-size:4vw}.play-button{background-color:var(--cartonLine);margin-top:5%;margin-bottom:5%;padding:3% 5%;border:2px solid var(--cartonLine);border-radius:10px;color:#fff;font-weight:600;letter-spacing:1px}.Lobby-Controls{width:100%;padding:1% 0%}.Lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:12%}.Lobby-Inputs{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8%}.Lobby-Inputs input{padding:2% 4%;width:60vw;outline:none;font-size:4vw;border-radius:10px;border:none;margin:2% 0%}.Lobby-Inputs input:focus{outline:none;box-shadow:none}.Lobby-Buttons-Container{width:100%;display:flex;justify-content:space-around}.Input-Button{background-color:var(--cartonLine);padding:2% 1%;border:2px solid var(--cartonLine);border-radius:10px;color:#fff;font-weight:600;letter-spacing:1px;cursor:pointer;width:25vw;height:4.5vh}.Sala-Information{display:flex;flex-direction:column;justify-content:right;align-items:center;text-align:left;width:100%;padding-top:5%}.Sala-Information span{width:100%;color:#fff;font-size:4vw!important;font-weight:600}.Sala-Information div{width:100%;margin-top:4%;text-align:left;color:#fff;font-size:3.5vw!important;font-weight:600;height:15vh}.copy-button{background-color:var(--cartonLine);padding:2% 1%;border:2px solid var(--cartonLine);border-radius:10px;color:#fff;font-weight:600;letter-spacing:1px;cursor:pointer;width:30vw;height:4.5vh}.copy-button:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.5)}}@media (min-width: 768px) and (max-width: 1023px){.Carton-Component{background-color:var(--cartonBg1);width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5%}.Carton-Container{background:var(--cartonBg1);margin-top:5%;padding:4% 2%;width:97%;border-radius:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.Back-Carton-Container{width:100%;display:flex;justify-content:space-between;align-items:center}.back-button{background-color:transparent;border:none;color:var(--cartonLine)!important;font-size:5vw;cursor:pointer}.Logout-Button{background-color:transparent;border:none;height:100%;color:var(--cartonLine)!important}.Carton-Title-Container{display:flex;justify-content:center;align-items:center;margin-bottom:5%}.Carton-Container h2{font-size:5.5vw;color:var(--bc-title);font-weight:800}.Playlist-Container{width:100%;margin-top:-6%;margin-bottom:5%}.playlist-button{background-color:var(--cartonLine);padding:1% 2%;border:2px solid var(--cartonLine);border-radius:15px;color:#fff;font-weight:600;letter-spacing:1px;font-size:2.5vw;cursor:pointer}.Download-Container{width:100%;display:flex;justify-content:right;align-items:center;padding-right:5%;margin-top:5%}.download-button{background-color:transparent;border:none;padding:1%;letter-spacing:0px;cursor:pointer;width:4vw;color:var(--cartonLine)!important;float:right;z-index:1000}.Carton-Card-Component{width:100%;padding:4%}.Carton-Card-Component h3{color:var(--bc-title);text-align:left;font-size:3vw;margin-bottom:3%;margin-top:5%}.line{margin-top:8%;color:var(--cartonLine);height:1px;background-color:var(--cartonLine);border:2px solid var(--cartonLine)}.bingo-cell{font-size:1.5rem}.play-button{background-color:var(--cartonLine);margin-top:5%;margin-bottom:3%;padding:2% 3%;border:2px solid var(--cartonLine);border-radius:15px;color:#fff;font-weight:600;letter-spacing:1px}.Lobby-Controls{width:100%;padding:2%}.Lobby{display:flex;flex-direction:column;align-items:center;justify-content:center}.Lobby-Inputs{display:flex;justify-content:center;gap:4%;width:100%}.Lobby-Inputs input{width:30vw;padding:1% 2%;outline:none;font-size:1.8vw;border-radius:10px;border:none}.Lobby-Inputs input:focus{outline:none;box-shadow:none}.Lobby-Buttons-Container{width:100%;display:flex;justify-content:center;gap:4%;margin-top:2%}.Input-Button{padding:1.5% 2%;background-color:var(--cartonLine);border:2px solid var(--cartonLine);border-radius:10px;color:#fff;font-weight:600;letter-spacing:1px;cursor:pointer}.Sala-Information{display:flex;flex-direction:column;justify-content:right;align-items:center;text-align:right;width:100%;padding-top:2%}.Sala-Information span{width:100%;color:#fff;font-size:2vw!important;font-weight:600}.Sala-Information div{width:100%;padding-top:3%;text-align:left;color:#fff;font-size:1.8vw!important;font-weight:600;height:8vh}.copy-button{height:100%;width:15vw}.copy-button:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.5)}}@media (min-width: 1024px){.Carton-Component{background-color:var(--cartonBg1);width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5%}.Carton-Container{background:var(--cartonBg1);margin-top:0%;padding:4% 2%;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.Back-Carton-Container{width:100%;display:flex;justify-content:space-between;align-items:center}.back-button{background-color:transparent;border:none;color:var(--cartonLine)!important;font-size:40px;cursor:pointer;height:100%}.back-button:hover{color:var(--cartonLineHover)!important}.Logout-Button{background-color:transparent;border:none;height:100%;color:var(--cartonLine)!important;cursor:pointer}.Logout-Button:hover{color:var(--cartonLineHover)!important}.Carton-Title-Container{display:flex;justify-content:center;align-items:center;margin-bottom:5%}.Title-Card-Img{width:8%;margin-right:5%;margin-left:0%}.Carton-Container h2{font-size:5vw;color:var(--bc-title);font-weight:800}.Playlist-Container{width:100%;margin-top:-4%}.playlist-button{background-color:var(--cartonLine);padding:.8% 1%;border:2px solid var(--cartonLine);border-radius:15px;color:#fff;font-weight:600;letter-spacing:1px;font-size:1.3vw;margin-bottom:4%;cursor:pointer}.playlist-button:hover{color:#eaeaea;background-color:var(--cartonLineHover)}.Download-Container{width:100%;display:flex;justify-content:right;align-items:center}.download-button{background-color:transparent;border:none;padding:1%;letter-spacing:0px;cursor:pointer;width:4vw;color:var(--cartonLine)!important;float:right;z-index:1000000}.download-button:hover{color:var(--cartonLineHover)!important}.Carton-Card-Component{width:90%;padding:2%}.Carton-Card-Component h3{color:#fff;text-align:left;font-size:30px;margin-bottom:2%}.line{margin-top:8%;color:var(--cartonLine);height:1px;background-color:var(--cartonLine);border:2px solid var(--cartonLine)}.bingo-cell{font-size:1.5rem}.play-button{background-color:var(--cartonLine);margin-top:2%;padding:1% 2%;border:2px solid var(--cartonLine);border-radius:15px;color:#fff;font-weight:600;letter-spacing:1px;cursor:pointer}.play-button:hover{background-color:var(--cartonLineHover)}.Lobby-Controls{width:100%;padding:1% 2%;display:flex}.Lobby{display:flex;align-items:center;justify-content:space-around}.Lobby-Inputs{display:flex;justify-content:center;gap:2%}.Lobby-Inputs input{width:20vw;padding:1% 2%;outline:none;font-size:1vw;border-radius:10px;border:none}.Lobby-Inputs input:focus{outline:none;box-shadow:none}.Lobby-Buttons-Container{width:100%;display:flex;justify-content:center;gap:1%;margin-top:1%}.Input-Button{background-color:var(--cartonLine);padding:.5% 2%;border:2px solid var(--cartonLine);border-radius:10px;color:#fff;font-weight:600;letter-spacing:1px;cursor:pointer;font-size:1vw}.Input-Button:hover{background-color:var(--cartonLineHover)}.Sala-Information{display:flex;flex-direction:column;justify-content:right;align-items:center;text-align:right;width:100%;padding-top:.5%;margin-bottom:2%}.Sala-Information span{width:100%;color:#fff;font-size:1.2vw!important;font-weight:600}.Sala-Information div{width:100%;margin-top:1%;text-align:left;color:#fff;font-size:1.2vw!important;font-weight:600;height:10vh}.copy-button{height:100%;width:10vw}.copy-button:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.5)}.copied-tooltip{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-5px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}}:root{--bc-bg: #F4EFE6;--bc-border: #E0D4C7;--bc-cell: #252525;--bc-text: #252525;--bc-accent: #F24236;--bc-empty: transparent;--bc-cellBg: rgba(255,255,255,.55);--bc-markedText: #ffffff;--bc-emptyText: #aaaaaa;--bc-borderW: 2px;--bc-radius: 0px;--bc-cellRadius: 10px}@media (max-width: 767px){.BingoCard-Component{max-width:90vw;border:var(--bc-borderW) solid var(--bc-border);background-color:var(--bc-bg);border-radius:var(--bc-radius)}.BingoCard-Container{color:var(--bc-text);font-size:3vw}.BingoCard-Container tr{height:10vh!important}.BingoCard-Container td{margin:0;padding:1% 2%;background:var(--bc-cellBg);border:none;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;min-width:15vw}}@media (min-width: 768px) and (max-width: 1023px){.BingoCard-Component{width:100%;border:var(--bc-borderW) solid var(--bc-border);background-color:var(--bc-bg);border-radius:var(--bc-radius)}.BingoCard-Container{color:var(--bc-text);font-size:1.8vw}.BingoCard-Container tr{height:10vh!important}.BingoCard-Container td{border:var(--bc-borderW) solid var(--bc-cell);margin:0;padding:1% 2%;background:var(--bc-cellBg);border:none;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;min-width:15vw}}@media (min-width: 1024px){.BingoCard-Component{width:100%;border:none;background-color:var(--bc-bg);border-radius:var(--bc-radius)}.BingoCard-Container{color:var(--bc-text);font-size:1.2vw}.BingoCard-Container tr{height:12vh!important}.BingoCard-Container td{border:none;border-radius:0;margin:0;padding:1% 2%;background:var(--bc-cellBg);white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;min-width:15vw}}.BingoCard-Component td.marked{background:var(--bc-accent);color:var(--bc-markedText);text-decoration:line-through}.BingoCard-Component td.empty{background:var(--bc-empty);color:var(--bc-emptyText)}.BingoCard-Component td:not(.empty):active{transform:scale(.98)}@media (max-width: 767px){.Songs-Component{background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);width:100%;min-height:100vh;padding-bottom:10%}.Logo-Container{width:100%;display:flex;justify-content:left;padding-left:2%;padding-top:2%;cursor:pointer}.Logo-Container img{width:30vw}.songs-Container{margin-top:10%;padding:5% 2%;width:100%;border-radius:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.Back-Button-Container-Songs{width:100%;display:flex;justify-content:left;align-items:center}.AllSongs-Title{color:#f24236;font-size:40px;margin-bottom:15%}.song-section{margin-bottom:2%;border-radius:15px}.song-title{width:85vw;margin-bottom:2%;border-bottom:3px solid var(--section-bg, #F24236);background-color:var(--section-bg, #f0c7a8);color:var(--section-fg, #2f2f37);padding:3%;transition:filter .3s ease;border-radius:15px}.song-title h1{font-size:22px;font-weight:700;text-transform:capitalize;padding-bottom:.5rem;color:var(--section-fg, #2f2f37);text-align:left}.song-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:-6%;margin-bottom:2%;width:85vw;background-color:var(--section-bg, #f0c7a8);padding:12% 6%;border-bottom:solid 3px var(--section-bg, #F24236);border-bottom-right-radius:15px;border-bottom-left-radius:15px;box-shadow:0 0 8px var(--glow),0 0 18px var(--glow),0 0 36px var(--glow);box-shadow:0 0 8px var(--glow),0 0 5px color-mix(in srgb,var(--glow) 75%,#ffffff 25%),0 0 color-mix(in srgb,var(--glow) 70%,#000000 30%)}.song-item{background-color:var(--section-cardBg, #f0c7a8);color:#fff;display:flex;justify-content:center;align-items:center;height:6vh;font-size:14px;font-weight:600;border-radius:15px;padding:2%}}@media (min-width: 768px) and (max-width: 1023px){.Songs-Component{background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);width:100%;min-height:100vh;padding-bottom:10%}.Logo-Container{width:100%;display:flex;justify-content:left;padding-left:2%;padding-top:2%;cursor:pointer}.Logo-Container img{width:20vw}.songs-Container{margin-top:10%;padding:5% 2%;width:100%;border-radius:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.Back-Button-Container-Songs{width:100%;display:flex;justify-content:left;align-items:center}.AllSongs-Title{color:#f24236;font-size:40px;margin-bottom:15%}.song-section{margin-bottom:.5%;border-radius:15px}.song-title{width:85vw;margin-bottom:1%;border-bottom:3px solid var(--section-bg, #F24236);background-color:var(--section-bg, #f0c7a8);color:var(--section-fg, #2f2f37);padding:3%;transition:filter .3s ease;border-radius:15px}.song-title h1{font-size:22px;font-weight:700;text-transform:capitalize;padding-bottom:.5rem;color:var(--section-fg, #2f2f37);text-align:left}.song-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:-3%;margin-bottom:2%;width:85vw;background-color:var(--section-bg, #f0c7a8);padding:12% 6%;border-bottom:solid 3px var(--section-bg, #F24236);border-bottom-right-radius:15px;border-bottom-left-radius:15px;box-shadow:0 0 8px var(--glow),0 0 18px var(--glow),0 0 36px var(--glow);box-shadow:0 0 8px var(--glow),0 0 5px color-mix(in srgb,var(--glow) 75%,#ffffff 25%),0 0 color-mix(in srgb,var(--glow) 70%,#000000 30%)}.song-item{background-color:var(--section-cardBg, #f0c7a8);color:#fff;display:flex;justify-content:center;align-items:center;height:6vh;font-size:14px;font-weight:600;border-radius:15px;padding:2%}}@media (min-width: 1024px){.Songs-Component{background:radial-gradient(circle at 50% 50%,#2a1a4f,#0e0b3a 55%,#2a0244);width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5%;padding-top:1%}.Logo-Container{width:100%;display:flex;justify-content:left;padding-left:2%;cursor:pointer}.Logo-Container img{width:10vw}.songs-Container{margin-top:-2%;padding:4% 2%;width:80%;border-radius:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.Back-Button-Container-Songs{width:100%;display:flex;justify-content:left;align-items:center}.AllSongs-Title{color:#f24236;font-size:60px;margin-bottom:0%}.songs-section{margin-bottom:15%;border-radius:15px}.song-title{width:75vw;margin-bottom:2%;border-bottom:3px solid var(--section-bg, #F24236);background-color:var(--section-bg, #f0c7a8);color:var(--section-fg, #2f2f37);padding:1% 2%;transition:filter .3s ease;border-radius:15px}.song-title:hover{filter:brightness(.92) saturate(1.05)}.song-title h1{font-size:2vw;font-weight:700;text-transform:capitalize;padding-bottom:.5rem;color:var(--section-fg, #2f2f37);text-align:left}.song-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-4%;margin-bottom:2%;width:75vw;background-color:var(--section-bg, #f0c7a8);padding:6% 2%;border-bottom:solid 3px var(--section-bg, #F24236);border-bottom-right-radius:15px;border-bottom-left-radius:15px;box-shadow:0 0 8px var(--glow),0 0 18px var(--glow),0 0 36px var(--glow);box-shadow:0 0 8px var(--glow),0 0 5px color-mix(in srgb,var(--glow) 75%,#ffffff 25%),0 0 color-mix(in srgb,var(--glow) 70%,#000000 30%)}.song-item{background-color:var(--section-cardBg, #f0c7a8);color:#fff;display:flex;justify-content:center;align-items:center;height:15vh;font-size:17px;font-weight:600;padding:.7rem 1rem}}.song-section{--glow: var(--section-bg, #F24236);--fg: var(--section-fg, #2f2f37)}.song-title{position:relative;border-radius:15px;box-shadow:0 0 8px var(--glow),0 0 18px var(--glow),0 0 36px var(--glow);box-shadow:0 0 8px var(--glow),0 0 5px color-mix(in srgb,var(--glow) 75%,#ffffff 25%),0 0 color-mix(in srgb,var(--glow) 70%,#000000 30%)}.song-title h1{color:var(--fg);text-shadow:0 0 6px color-mix(in srgb,var(--glow) 60%,#ffffff 40%),0 0 14px color-mix(in srgb,var(--glow) 70%,#000000 30%)}.song-title:hover{box-shadow:0 0 10px var(--glow),0 0 26px color-mix(in srgb,var(--glow) 80%,#ffffff 20%),0 0 68px color-mix(in srgb,var(--glow) 75%,#000000 25%);filter:brightness(.98) saturate(1.05)}.song-item{position:relative;border-radius:15px;background-color:var(--section-cardBg, #f7e7d6);color:#fff;border:none}.song-item:hover{transform:translateY(-2px);box-shadow:0 0 10px var(--glow),0 0 26px color-mix(in srgb,var(--glow) 80%,#ffffff 20%),0 12px 28px #0006}.song-item:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 12px color-mix(in srgb,var(--glow) 35%,transparent 65%);opacity:.75}:root{--bc-title: #222;--bc-accent: #F24236;--play-bg: transparent;--play-card-bg: transparent;--play-stats: #272727;--play-overlay-bg: rgba(0,0,0,.45);--rotate-bg: #111;--rotate-fg: #fff;--modal-bg: #fff;--modal-fg: inherit;--modal-radius: 16px}@media (max-width: 767px){.Play-Wrapper{padding:2%;min-height:100vh;background-color:var(--play-bg)}.Play-Header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.Play-Header h2{margin:0;color:var(--bc-title)}.stats{margin-left:auto;display:flex;gap:8px;color:#fff}.Play-Card{overflow-x:auto;margin-top:1%;background-color:var(--play-card-bg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--play-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--modal-bg);color:var(--modal-fg);border-radius:var(--modal-radius);padding:1% 2%;width:80vw;max-width:520px;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:4vw;box-shadow:0 10px 30px #0003}.modal-btn{margin-top:5%;background:var(--bc-accent);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:4vw}.Rotate-Overlay{display:none}.Rotate-Overlay.show{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:var(--rotate-fg);align-items:center;justify-content:center;z-index:2000;text-align:center;padding:24px}.rotate-gif{width:auto;height:50vh}}@media (min-width: 768px) and (max-width: 1023px){.Play-Wrapper{padding:2%;min-height:100vh;background-color:var(--play-bg)}.Play-Header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.Play-Header h2{margin:0;color:var(--bc-title)}.stats{margin-left:auto;display:flex;gap:8px;font-size:2vw;color:#fff}.Play-Card{overflow-x:auto;margin-top:4%;background-color:var(--play-card-bg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--play-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--modal-bg);color:var(--modal-fg);border-radius:var(--modal-radius);padding:1% 2%;width:60vw;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:2.2vw;box-shadow:0 10px 30px #0003}.modal-btn{margin-top:5%;background:var(--bc-accent);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:1.8vw}.Rotate-Overlay{display:none}.Rotate-Overlay.show{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rotate-bg);color:var(--rotate-fg);align-items:center;justify-content:center;z-index:2000;text-align:center;padding:24px}.Rotate-Card{border:none;width:100vw;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.Rotate-Card img{width:100%}.Rotate-Card span{font-size:40px;display:block;margin-bottom:6px}}@media (min-width: 1024px){.Play-Component{display:flex;justify-content:center;align-items:center;background-color:var(--play-bg);height:100vh;width:100%;padding:5%}.Play-Container{background-color:var(--play-card-bg);border-radius:20px;padding:2%;width:100%;height:80vh}.Play-Wrapper{padding:12px;height:100%;background-color:transparent}.Play-Header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.Play-Header h2{margin:0;color:var(--bc-title);font-size:3vw}.stats{margin-left:auto;display:flex;gap:8px;font-size:1.5vw;color:#fff}.Play-Card{overflow-x:auto;margin-top:10%;background-color:var(--play-card-bg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--play-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--modal-bg);color:var(--modal-fg);border-radius:var(--modal-radius);padding:24px 32px;width:30vw;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.2vw;box-shadow:0 10px 30px #0003}.modal-btn{margin-top:16px;background:var(--bc-accent);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:.95vw}.Rotate-Overlay{display:none}.Rotate-Overlay.show{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rotate-bg);color:var(--rotate-fg);align-items:center;justify-content:center;z-index:2000;text-align:center;padding:24px}.Rotate-Card{border:1px solid #333;padding:16px 20px;border-radius:14px}.Rotate-Card span{font-size:40px;display:block;margin-bottom:6px}}