.cos-card{position:relative;isolation:isolate;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.75);border-color:var(--cos-edge, #fff)!important;box-shadow:0 0 10px var(--cos-glow, transparent)!important}.cos-card :not(button,button *){color:inherit!important}.cos-card .score-rail-right{color:#6dffa6!important}.cos-card .score-rail-wrong{opacity:.75}.cos-card-holo .score-rail-right{color:#0a7a3c!important}.cos-card-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.cos-card-art>*{position:absolute;display:block;font-style:normal}.cos-card-gilded{--cos-edge: #d4a43a;--cos-glow: rgba(212, 164, 58, .45)}.cos-card-gilded-art{background:repeating-linear-gradient(135deg,rgba(212,164,58,.1) 0 2px,transparent 2px 11px),linear-gradient(135deg,#0d0d0d,#2c220f 55%,#0d0d0d)}.cos-card-gilded-art i{top:-60%;left:-40%;width:30%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,228,150,.55),transparent);rotate:20deg;animation:cos-sweep 3.6s ease-in-out infinite}.cos-card-ocean{--cos-edge: #5ee7df;--cos-glow: rgba(94, 231, 223, .35)}.cos-card-ocean-art{background:linear-gradient(180deg,#0a2f4f,#0f6173 60%,#19959b)}.cos-card-ocean-art i{left:0;bottom:0;width:200%;height:70%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 22 Q25 6 50 22 T100 22 T150 22 T200 22 V40 H0Z' fill='%23bff7ff' fill-opacity='.22'/%3E%3C/svg%3E") repeat-x 0 100% / 50% 100%;animation:cos-slide 6s linear infinite}.cos-card-ocean-art i+i{height:50%;opacity:.8;animation-duration:9s;animation-direction:reverse}.cos-card-galaxy{--cos-edge: #8f7bff;--cos-glow: rgba(143, 123, 255, .45)}.cos-card-galaxy-art{background:radial-gradient(ellipse at 20% 30%,rgba(155,89,255,.55),transparent 55%),radial-gradient(ellipse at 85% 75%,rgba(0,180,255,.4),transparent 50%),#060918;background-size:160% 160%,160% 160%,auto;animation:cos-drift 14s ease-in-out infinite alternate}.cos-card-galaxy-art i{width:var(--s);height:var(--s);border-radius:50%;background:#fff;box-shadow:0 0 4px #fff;animation:cos-twinkle 2.6s ease-in-out var(--d) infinite}.cos-card-equalizer{--cos-edge: #00f5d4;--cos-glow: rgba(155, 93, 229, .5)}.cos-card-equalizer-art{background:linear-gradient(180deg,#12002a,#2d0b4e)}.cos-card-equalizer-art i{bottom:0;width:3.2%;height:90%;border-radius:2px 2px 0 0;background:linear-gradient(to top,#00f5d4,#9b5de5 60%,#f15bb5);opacity:.6;transform-origin:bottom;animation:cos-eq var(--t) ease-in-out var(--d) infinite alternate}.cos-card-lava{--cos-edge: #ff7a3d;--cos-glow: rgba(255, 94, 58, .45)}.cos-card-lava-art{background:linear-gradient(160deg,#230707,#3d0b1c)}.cos-card-lava-art i{width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffc36b,#ff5e3a 45%,#c2185b 78%);filter:blur(7px);opacity:.8;animation:cos-lava 8s ease-in-out infinite alternate}.cos-card-lava-art i:nth-child(1){left:-8%;top:-40%;--bx: 90%;--by: 60%}.cos-card-lava-art i:nth-child(2){left:40%;top:30%;--bx: -70%;--by: -80%;animation-duration:10s}.cos-card-lava-art i:nth-child(3){left:70%;top:-30%;width:30%;--bx: -120%;--by: 90%;animation-duration:12s}.cos-card-lava-art i:nth-child(4){left:20%;top:50%;width:26%;--bx: 160%;--by: -60%;animation-duration:9s}.cos-card-aurora{--cos-edge: #5dffc0;--cos-glow: rgba(93, 255, 192, .45)}.cos-card-aurora-art{background:linear-gradient(180deg,#020b1c,#04162b)}.cos-card-aurora-art i{top:-20%;left:-40%;width:180%;height:140%;background:linear-gradient(100deg,transparent 22%,rgba(0,255,170,.6) 40%,rgba(80,140,255,.5) 55%,rgba(210,90,255,.45) 70%,transparent 86%);filter:blur(8px);mix-blend-mode:screen;animation:cos-aurora 7s ease-in-out infinite alternate}.cos-card-aurora-art i:nth-child(2){animation-duration:9s;animation-delay:-3s;filter:blur(10px) hue-rotate(60deg);opacity:.8}.cos-card-aurora-art i:nth-child(3){animation-duration:11s;animation-delay:-6s;filter:blur(12px) hue-rotate(-50deg);opacity:.6}.cos-card-gilded-art em{right:18%;top:12%;height:76%;aspect-ratio:1;animation:cos-bob 2.4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,228,150,.8))}.cos-card-ocean-art em{height:70%;aspect-ratio:1;animation:cos-dolphin 4.5s ease-in-out infinite}.cos-card-galaxy-art .cos-planet{right:12%;top:8%;height:84%;aspect-ratio:1;animation:cos-bob 4s ease-in-out infinite}.cos-card-galaxy-art .cos-comet{height:60%;aspect-ratio:1;rotate:20deg;animation:cos-comet 6s ease-in 1s infinite}.cos-card-equalizer-art em{height:55%;aspect-ratio:1;animation:cos-notes-up 3s ease-out var(--d) infinite}.cos-card-lava-art em{right:6%;bottom:-8%;height:90%;aspect-ratio:1}.cos-card-aurora-art b{top:-30%;height:26%;aspect-ratio:1;opacity:.85;animation:cos-snow 5s linear var(--d) infinite}.cos-card-aurora-art em{bottom:0;height:66%;aspect-ratio:1;animation:cos-waddle 7s linear infinite}.cos-card-synthwave-art em{left:44%;top:6%;height:50%;aspect-ratio:1;animation:cos-invade 3s ease-in-out infinite;filter:drop-shadow(0 0 5px #00e5ff)}.cos-card-holo-art em{top:8%;height:70%;aspect-ratio:1}.cos-card-art .cos-photo{right:0;aspect-ratio:1;object-fit:cover;-webkit-mask:linear-gradient(90deg,transparent,#000 22%);mask:linear-gradient(90deg,transparent,#000 22%)}.cos-card-warpup{--cos-edge: #9b8b5a;--cos-glow: rgba(255, 120, 40, .5);animation:cos-shake 3s ease-in-out infinite}.cos-card-warpup-art{background:radial-gradient(ellipse 30% 90% at 72% 55%,rgba(255,190,110,.55),transparent 70%),linear-gradient(180deg,#5b5446,#2e2a22)}.cos-card-warpup-art .cos-photo{right:15%;top:-45%;height:150%;z-index:1;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);filter:brightness(1.15) contrast(1.1) saturate(1.1) drop-shadow(0 0 8px rgba(255,180,90,.6))}.cos-card-warpup-art b{left:0;bottom:-20%;width:200%;height:90%;background:radial-gradient(ellipse 22% 55% at 20% 60%,rgba(210,200,180,.4),transparent 70%),radial-gradient(ellipse 22% 55% at 70% 50%,rgba(160,150,130,.4),transparent 70%);filter:blur(5px);animation:cos-slide 9s linear infinite}.cos-card-warpup-art b+b{bottom:20%;opacity:.6;animation-duration:14s;animation-direction:reverse}.cos-card-warpup-art .cos-plane{top:-4%;height:42%;aspect-ratio:1;animation:cos-flyby 4.5s linear infinite}.cos-card-warpup-art i{height:55%;aspect-ratio:1;opacity:0;animation:cos-boom 2.7s ease-out var(--d) infinite}.cos-card-vibemonkey{--cos-edge: #ff7ad9;--cos-glow: rgba(255, 122, 217, .6);color:#2a0d33!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}.cos-card-vibemonkey-art{background:linear-gradient(90deg,#ffd1f0,#fff3b0,#c6f6ff,#e3d1ff,#ffd1f0);background-size:300% 100%;animation:cos-holo 5s linear infinite}.cos-card-vibemonkey-art b{bottom:0;width:4%;height:80%;border-radius:2px 2px 0 0;background:linear-gradient(to top,#ff5ac873,#785aff40);transform-origin:bottom;animation:cos-eq var(--t) ease-in-out var(--d) infinite alternate}.cos-card-vibemonkey-art .cos-photo{top:-10%;height:125%;mix-blend-mode:multiply;transform-origin:50% 90%;animation:cos-vibe .5s ease-in-out infinite alternate}.cos-card-vibemonkey-art em{height:45%;aspect-ratio:1;animation:cos-notes-up 2.4s ease-out var(--d) infinite}.cos-card-stare{--cos-edge: #ff4d4d;--cos-glow: rgba(255, 60, 60, .55)}.cos-card-stare-art{background:#120d0b}.cos-card-stare-art .cos-photo{top:-30%;height:170%;transform-origin:50% 45%;animation:cos-pushin 4s cubic-bezier(.6,0,.9,.4) infinite}.cos-card-stare-art b{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 50%,transparent 30%,rgba(160,0,0,.55));animation:cos-dread 4s ease-in infinite}.cos-card-stare-art em{left:44%;top:15%;height:70%;aspect-ratio:1;opacity:0;animation:cos-peekin 4s ease-out infinite}.cos-card-nerdcat{--cos-edge: #e8e4c9;--cos-glow: rgba(232, 228, 201, .45)}.cos-card-nerdcat-art{background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.08),transparent 60%),linear-gradient(135deg,#1d3a2a,#25493a 60%,#1a3326)}.cos-card-nerdcat-art b{bottom:-40%;color:#ffffff73;font:italic 700 11px/1 Caveat,cursive;white-space:nowrap;animation:cos-notes-up 5s linear var(--d) infinite}.cos-card-nerdcat-art .cos-photo{right:15%;top:-18%;height:135%;-webkit-mask:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent);transform-origin:50% 80%;animation:cos-smug 2.6s ease-in-out infinite}.cos-card-nerdcat-art u{right:15%;top:0;width:18%;height:100%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:300% 100%;animation:cos-lens 3s ease-in-out infinite}.cos-card-nerdcat-art em{left:44%;bottom:6%;height:55%;aspect-ratio:1;animation:cos-bob 1.6s ease-in-out infinite}.cos-card-glitch{--cos-edge: #3d8bff;--cos-glow: rgba(61, 139, 255, .7)}.cos-card-glitch-art{background:radial-gradient(ellipse at 80% 50%,#0a1a5c,#02040f 70%)}.cos-card-glitch-art .cos-photo{right:15%;top:-12%;height:124%;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.cos-card-glitch-art .cos-ghost{mix-blend-mode:screen;opacity:.7;animation:cos-glitch 2.2s steps(1) infinite}.cos-card-glitch-art .cos-ghost-r{filter:sepia(1) saturate(8) hue-rotate(-50deg)}.cos-card-glitch-art .cos-ghost-c{filter:sepia(1) saturate(8) hue-rotate(140deg);animation-delay:-1.1s;animation-direction:reverse}.cos-card-glitch-art b{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px)}.cos-card-glitch-art u{left:0;width:100%;height:18%;background:linear-gradient(180deg,transparent,rgba(120,180,255,.25),transparent);animation:cos-roll 2.8s linear infinite}.cos-card-glitch-art em{color:#7fb2ff;font-size:9px;text-shadow:0 0 6px #3d8bff;animation:cos-twinkle 1.4s steps(2) var(--d) infinite}.cos-card-boardroom{--cos-edge: #2ecc71;--cos-glow: rgba(46, 204, 113, .5)}.cos-card-boardroom-art{background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 100% 10px,linear-gradient(135deg,#0b1d3a,#13315e)}.cos-card-boardroom-art .cos-chart{left:0;top:5%;width:70%;height:80%;overflow:visible}.cos-card-boardroom-art .cos-chart polyline{fill:none;stroke:#2ecc71;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:160;filter:drop-shadow(0 0 3px #2ecc71);animation:cos-draw 3.5s ease-in-out infinite}.cos-card-boardroom-art .cos-photo{right:0;top:-6%;height:112%;aspect-ratio:1.86;-webkit-mask:linear-gradient(90deg,transparent,#000 14%);mask:linear-gradient(90deg,transparent,#000 14%)}.cos-card-boardroom-art em{left:40%;top:8%;height:52%;aspect-ratio:1;animation:cos-bob 1.8s ease-in-out infinite}.cos-card-boardroom-art b{left:0;bottom:0;width:100%;height:22%;overflow:hidden;background:#0000008c}.cos-card-boardroom-art b span{display:inline-block;color:#2ecc71;font:700 8px/1 ui-monospace,monospace;white-space:nowrap;padding-top:1px;animation:cos-ticker 12s linear infinite}.cos-card-lmao{--cos-edge: #ff4fa3;--cos-glow: rgba(255, 79, 163, .6);color:#1b0a20!important;text-shadow:0 1px 0 rgba(255,255,255,.8)}.cos-card-lmao-art{background:radial-gradient(circle,rgba(255,79,163,.25) 1.5px,transparent 2px) 0 0 / 8px 8px,linear-gradient(90deg,#fff,#fff6a8 40%,#b8f2ff 70%,#ffd1ec);background-size:8px 8px,300% 100%;animation:cos-lmao-bg 3s linear infinite}.cos-card-lmao-art .cos-photo{right:15%;top:0;height:108%;mix-blend-mode:multiply;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent);transform-origin:50% 80%;animation:cos-cackle .28s ease-in-out infinite alternate}.cos-card-lmao-art em{height:46%;aspect-ratio:1;animation:cos-popin 1.5s ease-out var(--d) infinite}.cos-card-art .cos-full{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cos-card-couchpotato-art b,.cos-card-behindhair-art b,.cos-card-burninggaze-art b,.cos-card-candlefrog-art b{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.35) 40%,transparent 65%)}.cos-card-couchpotato{--cos-edge: #b98f63;--cos-glow: rgba(120, 170, 255, .45)}.cos-card-couchpotato-art .cos-full{object-position:70% 40%;transform-origin:70% 40%;animation:cos-kenburns 9s ease-in-out infinite alternate}.cos-card-couchpotato-art u{top:0;right:0;bottom:0;left:0;background:#5a8cff2e;mix-blend-mode:screen;animation:cos-tv 3s steps(1) infinite}.cos-card-behindhair{--cos-edge: #d9c2a0;--cos-glow: rgba(217, 194, 160, .4)}.cos-card-behindhair-art .cos-full{object-position:45% 40%;animation:cos-drift-pan 12s ease-in-out infinite alternate}.cos-card-burninggaze{--cos-edge: #ff7a1a;--cos-glow: rgba(255, 90, 20, .6)}.cos-card-burninggaze-art .cos-full{object-position:60% 55%;transform-origin:60% 55%;animation:cos-breathe 4s ease-in-out infinite}.cos-card-burninggaze-art u{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 60% 50%,rgba(255,170,60,.35),transparent 60%);mix-blend-mode:screen;animation:cos-ember-glow 2.2s ease-in-out infinite alternate}.cos-card-candlefrog{--cos-edge: #e0b35a;--cos-glow: rgba(255, 190, 90, .5)}.cos-card-candlefrog-art .cos-full{object-position:55% 60%;animation:cos-candle 1.6s ease-in-out infinite}.cos-card-candlefrog-art u{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 18% 55%,rgba(255,220,140,.45),transparent 45%);mix-blend-mode:screen;animation:cos-flame-light .9s ease-in-out infinite alternate}.cos-card-synthwave{--cos-edge: #ff2e88;--cos-glow: rgba(255, 46, 136, .55)}.cos-card-synthwave-art{background:linear-gradient(180deg,#1a0033,#4a0a5e 38%,#ff2e88 58%,#120024 58.5%,#0b001c)}.cos-card-synthwave-art i{right:10%;top:8%;height:52%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#ffe259,#ff7a59 60%,#ff2e88);box-shadow:0 0 14px #ff7a59cc;-webkit-mask:linear-gradient(#000 50%,transparent 50% 58%,#000 58% 68%,transparent 68% 74%,#000 74% 82%,transparent 82% 86%,#000 86%);mask:linear-gradient(#000 50%,transparent 50% 58%,#000 58% 68%,transparent 68% 74%,#000 74% 82%,transparent 82% 86%,#000 86%);animation:cos-sun 4s ease-in-out infinite alternate}.cos-card-synthwave-art b{left:-50%;right:-50%;bottom:0;height:42%;background-image:linear-gradient(rgba(255,46,136,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.75) 1px,transparent 1px);background-size:22px 10px;transform:perspective(40px) rotateX(40deg);transform-origin:bottom;animation:cos-grid .8s linear infinite}.cos-card-holo{--cos-edge: #fff;--cos-glow: rgba(255, 150, 255, .7);color:#1b1030!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}.cos-card-holo-art{background:linear-gradient(115deg,#ff9ad5,#a8e6ff,#b5ffc9,#fff3a8,#d4a8ff,#ff9ad5);background-size:300% 300%;animation:cos-holo 5s linear infinite}.cos-card-holo-art:before,.cos-card-holo-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.cos-card-holo-art:before{background:repeating-linear-gradient(115deg,transparent 0 7px,rgba(255,255,255,.28) 7px 9px)}.cos-card-holo-art:after{left:-40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);rotate:20deg;scale:1 2;animation:cos-sweep 2.8s ease-in-out infinite}.cos-card-holo-art i{color:#fff;font-size:12px;line-height:1;text-shadow:0 0 6px #fff,0 0 10px #ff9ad5;animation:cos-glint 3.3s ease-in-out var(--d) infinite}.cos-card-art .cos-lottie{width:100%;height:100%}.cos-card-poop{--cos-edge: #c68a4a;--cos-glow: rgba(198, 138, 74, .45)}.cos-card-poop-art{background:linear-gradient(135deg,#3b2412,#6b4220 60%,#3b2412)}.cos-card-poop-art i{bottom:4%;height:70%;aspect-ratio:1;animation:cos-bounce .9s cubic-bezier(.3,0,.5,1) var(--d) infinite alternate}.cos-card-money{--cos-edge: #53e08b;--cos-glow: rgba(83, 224, 139, .45)}.cos-card-money-art{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 16px),linear-gradient(135deg,#0b3d22,#13693a 60%,#0b3d22)}.cos-card-money-art i{height:55%;aspect-ratio:1;animation:cos-flyby 3.3s linear var(--d) infinite}.cos-card-haunted{--cos-edge: #8fe3d8;--cos-glow: rgba(143, 227, 216, .4)}.cos-card-haunted-art{background:linear-gradient(180deg,#0b1a24,#16323a)}.cos-card-haunted-art b{left:0;bottom:-10%;width:200%;height:70%;background:radial-gradient(ellipse 25% 60% at 25% 60%,rgba(200,240,235,.35),transparent 70%),radial-gradient(ellipse 25% 60% at 75% 70%,rgba(200,240,235,.3),transparent 70%);filter:blur(4px);animation:cos-slide 8s linear infinite}.cos-card-haunted-art b+b{bottom:30%;opacity:.6;animation-duration:12s;animation-direction:reverse}.cos-card-haunted-art i{top:5%;height:90%;aspect-ratio:1;animation:cos-haunt 6s ease-in-out infinite}.cos-card-construction{--cos-edge: #f5b800;--cos-glow: rgba(245, 184, 0, .55);color:#2a1d00!important;text-shadow:0 1px 0 rgba(255,255,255,.6)}.cos-card-construction-art{background:linear-gradient(90deg,#fff6d6,#fff 70%)}.cos-card-construction-art .cos-photo{top:-32%;height:175%;mix-blend-mode:multiply;transform-origin:50% 60%;animation:cos-nod 1.6s ease-in-out infinite}.cos-card-construction-art b{left:0;width:200%;height:12%;background:repeating-linear-gradient(-45deg,#1d1d1d 0,#1d1d1d 8px,#f5b800 8px,#f5b800 16px);animation:cos-slide 3s linear infinite}.cos-card-construction-art b:nth-of-type(1){top:0}.cos-card-construction-art b:nth-of-type(2){bottom:0;animation-direction:reverse}.cos-card-construction-art i{left:42%;bottom:12%;height:55%;aspect-ratio:1}.cos-card-disco{--cos-edge: #ff5cf4;--cos-glow: rgba(255, 92, 244, .55)}.cos-card-disco-art{background:linear-gradient(180deg,#1a0633,#3b0b5c)}.cos-card-disco-art b{left:50%;top:-150%;width:300%;height:400%;translate:-50% 0;background:conic-gradient(from 0deg at 50% 45%,transparent 0 8%,rgba(255,92,244,.35) 10%,transparent 13% 30%,rgba(61,214,255,.35) 32%,transparent 35% 55%,rgba(255,230,0,.3) 57%,transparent 60% 80%,rgba(124,255,107,.3) 82%,transparent 85%);animation:cos-spin 6s linear infinite}.cos-card-disco-art i{left:58%;top:-18%;height:80%;aspect-ratio:1;animation:cos-bob 2s ease-in-out infinite}.cos-card-disco-art em{width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 4px #ff5cf4;animation:cos-twinkle 1.2s ease-in-out var(--d) infinite}.cos-card-liftoff{--cos-edge: #ff9a3d;--cos-glow: rgba(255, 154, 61, .5)}.cos-card-liftoff-art{background:radial-gradient(ellipse at 80% 20%,#2b2f6b,#0a0b1f 70%)}.cos-card-liftoff-art em{width:2px;height:2px;border-radius:50%;background:#fff;animation:cos-twinkle 2s ease-in-out var(--d) infinite}.cos-card-liftoff-art i{height:70%;aspect-ratio:1;filter:drop-shadow(-6px 4px 6px rgba(255,140,40,.8));animation:cos-launch 3.6s ease-in infinite}.cos-avatar{position:relative;display:inline-flex;flex:none;border-radius:50%;isolation:isolate}.cos-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cos-frame>*{position:absolute;display:block;font-style:normal}.cos-avatar:before,.cos-avatar:after{pointer-events:none}.cos-contour-gold{box-shadow:0 0 0 2px #fff4c4,0 0 0 4px #d4a43a,0 0 10px 3px #d4a43a8c}.cos-contour-gold:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(transparent 0 78%,rgba(255,255,255,.95) 86%,transparent 94%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));animation:cos-spin 2.4s linear infinite}.cos-contour-neon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #3ff;box-shadow:0 0 6px #3ff,0 0 14px #3ff,inset 0 0 6px #3ff;animation:cos-neon 1.8s ease-in-out infinite alternate}.cos-contour-prism:before,.cos-contour-prism:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:50%;background:conic-gradient(#ff4d4d,#ffb84d,#f5f542,#4dff88,#4dc3ff,#b84dff,#ff4d4d);animation:cos-spin 3s linear infinite}.cos-contour-prism:after{top:-6px;right:-6px;bottom:-6px;left:-6px;filter:blur(6px);opacity:.8;animation-direction:reverse}.cos-contour-orbit{box-shadow:0 0 0 2px #7df9ff99}.cos-contour-orbit .cos-frame{z-index:1}.cos-contour-orbit .cos-frame i{top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;animation:cos-spin 2.6s linear infinite}.cos-contour-orbit .cos-frame i:before{content:"";position:absolute;top:-3px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--moon);box-shadow:0 0 6px var(--moon)}.cos-contour-orbit .cos-frame i:nth-child(1){--moon: #7df9ff}.cos-contour-orbit .cos-frame i:nth-child(2){--moon: #ff7af5;top:-10px;right:-10px;bottom:-10px;left:-10px;animation-duration:3.8s;animation-direction:reverse;rotate:120deg}.cos-contour-orbit .cos-frame i:nth-child(3){--moon: #ffe066;top:-4px;right:-4px;bottom:-4px;left:-4px;animation-duration:1.9s;rotate:240deg}.cos-contour-soundwave{box-shadow:0 0 0 2px #7df9ff,0 0 10px #7df9ff}.cos-contour-soundwave .cos-frame{z-index:-1}.cos-contour-soundwave .cos-frame i{top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #7df9ff;animation:cos-ripple 2.4s ease-out infinite}.cos-contour-soundwave .cos-frame i:nth-child(2){animation-delay:.8s;border-color:#b388ff}.cos-contour-soundwave .cos-frame i:nth-child(3){animation-delay:1.6s;border-color:#ff80ab}.cos-contour-flame{box-shadow:0 0 10px 3px #ff6e00b3}.cos-contour-flame .cos-frame i{top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(#ff3d00,#ffbf00,#ff6a00,#ffe066,#ff3d00,#ffa000,#ff3d00);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 6px));filter:blur(1.5px);animation:cos-spin 1.6s linear infinite,cos-flicker .3s steps(2) infinite}.cos-contour-flame .cos-frame b{top:0;width:3px;height:3px;border-radius:50%;background:#ffd54f;box-shadow:0 0 4px #ff9100;opacity:0;animation:cos-ember 1.5s ease-out var(--d) infinite}.cos-contour-headphones .cos-frame{z-index:1}.cos-headphones-svg{position:absolute;left:-22%;top:-24%;width:144%;height:144%;overflow:visible;animation:cos-bob .9s ease-in-out infinite}.cos-headphones-svg .cos-cup{transform-box:fill-box;transform-origin:center;animation:cos-thump .9s ease-in-out infinite}.cos-lottie{display:block}.cos-lottie svg{display:block;width:100%!important;height:100%!important}.cos-avatar .cos-frame:has(.cos-buddy,.cos-peek,.cos-crown){z-index:1}.cos-buddy{right:-28%;bottom:-26%;width:62%;height:62%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.cos-peek{left:-48%;top:8%;width:56%;height:56%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));animation:cos-peek 3.2s ease-in-out infinite}.cos-contour-crown{box-shadow:0 0 0 2px #ffe082,0 0 12px #ffc93c99}.cos-crown{left:10%;top:-62%;width:80%;height:80%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4));animation:cos-crown 2.2s ease-in-out infinite}.cos-contour-crown .cos-frame b{color:#fff3a6;font-size:9px;line-height:1;text-shadow:0 0 5px #ffc93c;animation:cos-glint 1.8s ease-in-out infinite}.cos-contour-crown .cos-frame b:nth-of-type(1){left:-18%;top:-30%}.cos-contour-crown .cos-frame b:nth-of-type(2){right:-18%;top:-10%;animation-delay:.9s}.cos-buddy-top{bottom:auto;top:-30%}.cos-contour-devil{animation:cos-hell 1.4s ease-in-out infinite alternate}.cos-orbiter{top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;rotate:var(--o);animation:cos-spin 4s linear infinite}.cos-orbiter .cos-lottie{position:absolute;top:-6px;left:calc(50% - 8px);width:16px;height:16px;rotate:calc(var(--o) * -1);animation:cos-spin 4s linear infinite reverse}.cos-contour-lovestruck{box-shadow:0 0 0 2px #ff7ab8,0 0 12px #ff5aa099}.cos-contour-butterflies{box-shadow:0 0 0 2px #9be15d,0 0 12px #9be15d80}.cos-contour-butterflies .cos-orbiter{animation-duration:6s}.cos-contour-butterflies .cos-orbiter .cos-lottie{animation-duration:6s;top:-9px;left:calc(50% - 11px);width:22px;height:22px}.cos-contour-lovestruck .cos-frame,.cos-contour-butterflies .cos-frame,.cos-contour-galaxybrain .cos-frame,.cos-contour-ufo .cos-frame,.cos-contour-devil .cos-frame{z-index:1}.cos-contour-galaxybrain:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1;border-radius:50%;background:conic-gradient(#6a00ff,#00d4ff,#ff00c8,#6a00ff);filter:blur(2px);animation:cos-spin 2.2s linear infinite}.cos-brain{top:-58%;left:18%;width:64%;height:64%;filter:drop-shadow(0 0 6px #b388ff)}.cos-ufo{left:5%;top:-78%;width:90%;height:90%;filter:drop-shadow(0 0 6px rgba(125,249,255,.8));animation:cos-hover 2.4s ease-in-out infinite}.cos-beam{left:15%;top:-18%;width:70%;height:110%;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:linear-gradient(180deg,#7df9ffbf,#7df9ff0d);animation:cos-beam 1.2s ease-in-out infinite alternate}.result-icon{position:relative}.cos-fx-anchor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cos-fx{position:fixed;z-index:1001;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent),linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 14px),transparent);-webkit-mask-composite:source-in;mask:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent),linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 14px),transparent);mask-composite:intersect}.cos-fx>*{position:absolute;left:var(--hx);top:var(--hy);display:block}.cos-fx>.cos-fx-canvas{left:0;top:0;width:100%;height:100%}.cos-fx>.cos-sticker{top:calc(var(--hy) - var(--sz) - 4px);width:var(--sz);height:var(--sz);margin-left:calc(var(--sz) / -2);filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));animation:cos-pop 2.3s cubic-bezier(.2,.9,.3,1.2) both}.cos-effect-clown>.cos-sticker{animation-name:cos-pop,cos-wobble;animation-duration:2.3s,.4s;animation-iteration-count:1,4;animation-timing-function:cubic-bezier(.2,.9,.3,1.2),ease-in-out}.cos-effect-hundred>.cos-sticker{animation-name:cos-slam}.cos-effect-inferno>.cos-sticker{top:calc(var(--hy) - var(--sz) * .85)}.cos-effect-lightning .cos-bolt{top:calc(var(--hy) - var(--sz) * 1.2);margin-left:-10px;width:20px;height:calc(var(--sz) * 1.2);fill:#fff7a1;filter:drop-shadow(0 0 6px #ffe600) drop-shadow(0 0 12px #7df9ff);transform-origin:top;animation:cos-strike .9s ease-out both}.cos-effect-lightning .cos-flash{width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(125,249,255,.4) 40%,transparent 70%);animation:cos-flash .7s ease-out .12s both}.cos-effect-lightning .cos-shock{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:3px solid #7df9ff;box-shadow:0 0 10px #7df9ff;animation:cos-shock .9s ease-out .15s both}.cos-effect-lightning .cos-shock-2{border-color:#fff7a1;animation-delay:.35s}@keyframes cos-spin{to{transform:rotate(1turn)}}@keyframes cos-sweep{0%,15%{left:-45%}70%,to{left:130%}}@keyframes cos-slide{to{translate:-50% 0}}@keyframes cos-drift{to{background-position:100% 60%,0% 30%,0 0}}@keyframes cos-twinkle{0%,to{opacity:.25;scale:.7}50%{opacity:1;scale:1.2}}@keyframes cos-shoot{0%{left:-20%;opacity:0}8%{opacity:1}22%,to{left:120%;opacity:0}}@keyframes cos-eq{0%{scale:1 .15}to{scale:1 .9}}@keyframes cos-lava{0%{translate:0 0;scale:1}to{translate:var(--bx) var(--by);scale:1.3}}@keyframes cos-aurora{0%{translate:-18% 0;transform:skew(-12deg)}to{translate:18% 6%;transform:skew(12deg)}}@keyframes cos-sun{0%{translate:0 6%}to{translate:0 -4%}}@keyframes cos-grid{to{background-position:0 10px,0 10px}}@keyframes cos-holo{to{background-position:300% 50%}}@keyframes cos-glint{0%,to{opacity:0;scale:.2;rotate:0deg}50%{opacity:1;scale:1.2;rotate:90deg}}@keyframes cos-neon{0%{border-color:#3ff;box-shadow:0 0 6px #3ff,0 0 14px #3ff,inset 0 0 6px #3ff}to{border-color:#ff4fd8;box-shadow:0 0 8px #ff4fd8,0 0 20px #ff4fd8,inset 0 0 8px #ff4fd8}}@keyframes cos-ripple{0%{scale:1;opacity:.9}to{scale:2;opacity:0}}@keyframes cos-flicker{50%{opacity:.8;scale:1.04}}@keyframes cos-ember{0%{opacity:0;translate:0 0}20%{opacity:1}to{opacity:0;translate:3px -16px}}@keyframes cos-bob{50%{translate:0 -1.5px}}@keyframes cos-thump{0%,60%,to{scale:1}30%{scale:1.12}}@keyframes cos-bounce{0%{translate:0 0}to{translate:0 -30%;scale:1.05 .95}}@keyframes cos-flyby{0%{left:-25%;rotate:-8deg}to{left:105%;rotate:8deg}}@keyframes cos-haunt{0%,to{left:30%;translate:0 0;opacity:.85}50%{left:70%;translate:0 -8%;opacity:.55}}@keyframes cos-nod{0%,to{rotate:-2deg}50%{rotate:2deg;translate:0 -2%}}@keyframes cos-launch{0%{left:-20%;top:80%}70%,to{left:105%;top:-70%}}@keyframes cos-bop{0%{translate:0 0;rotate:-6deg}to{translate:0 -12%;rotate:6deg}}@keyframes cos-hell{0%{box-shadow:0 0 0 2px #ff3b3b,0 0 8px #ff282880}to{box-shadow:0 0 0 2px #ff3b3b,0 0 18px 4px #ff2828d9}}@keyframes cos-hover{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -3px;rotate:4deg}}@keyframes cos-beam{0%{opacity:.45}to{opacity:.95}}@keyframes cos-dolphin{0%{left:-20%;bottom:-60%;rotate:-30deg}45%{left:40%;bottom:20%;rotate:0deg}90%,to{left:100%;bottom:-60%;rotate:30deg}}@keyframes cos-comet{0%{left:-20%;top:-40%;opacity:0}5%{opacity:1}35%,to{left:110%;top:60%;opacity:0}}@keyframes cos-notes-up{0%{bottom:-40%;opacity:0;rotate:-10deg}20%{opacity:1}to{bottom:110%;opacity:0;rotate:15deg}}@keyframes cos-snow{to{top:110%;rotate:180deg}}@keyframes cos-waddle{0%{left:-15%;rotate:-8deg}25%{rotate:8deg}50%{rotate:-8deg}75%{rotate:8deg}to{left:105%;rotate:-8deg}}@keyframes cos-invade{0%,to{translate:-30px 0}50%{translate:30px 10%}}@keyframes cos-boom{0%{opacity:0;scale:.2}8%{opacity:1;scale:1.2}30%{opacity:0;scale:1.5}to{opacity:0}}@keyframes cos-shake{0%,92%,to{translate:0 0}94%{translate:-1px 1px}96%{translate:2px -1px}98%{translate:-1px 0}}@keyframes cos-vibe{0%{rotate:-5deg;translate:0 2%}to{rotate:5deg;translate:0 -2%}}@keyframes cos-pushin{0%{scale:1}85%{scale:1.35}to{scale:1}}@keyframes cos-dread{0%{opacity:.2}85%{opacity:1}to{opacity:.2}}@keyframes cos-peekin{0%,55%{opacity:0;translate:0 30%}70%,88%{opacity:1;translate:0 0}to{opacity:0}}@keyframes cos-smug{0%,to{rotate:-2deg}50%{rotate:3deg;translate:0 -2%}}@keyframes cos-lens{0%,60%{background-position:100% 0}85%,to{background-position:0 0}}@keyframes cos-glitch{0%,70%{translate:0 0;clip-path:inset(0 0 0 0)}72%{translate:-4px 0;clip-path:inset(20% 0 55% 0)}76%{translate:5px 0;clip-path:inset(60% 0 10% 0)}80%{translate:-2px 1px;clip-path:inset(35% 0 35% 0)}84%,to{translate:0 0;clip-path:inset(0 0 0 0)}}@keyframes cos-roll{0%{top:-20%}to{top:110%}}@keyframes cos-draw{0%{stroke-dashoffset:160}60%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-160}}@keyframes cos-ticker{to{translate:-50% 0}}@keyframes cos-lmao-bg{to{background-position:0 0,300% 0}}@keyframes cos-cackle{0%{rotate:-3deg;scale:1}to{rotate:3deg;scale:1.04}}@keyframes cos-popin{0%{opacity:0;scale:.2}20%{opacity:1;scale:1.15}70%{opacity:1;scale:1}to{opacity:0;scale:.8;translate:0 -30%}}@keyframes cos-kenburns{0%{scale:1}to{scale:1.14}}@keyframes cos-tv{0%,to{opacity:.6}20%{opacity:1}45%{opacity:.4}70%{opacity:.85}}@keyframes cos-drift-pan{0%{scale:1.06;translate:-2% 0}to{scale:1.1;translate:2% -2%}}@keyframes cos-breathe{0%,to{scale:1;filter:brightness(1)}50%{scale:1.08;filter:brightness(1.15)}}@keyframes cos-ember-glow{0%{opacity:.4}to{opacity:1}}@keyframes cos-candle{0%,to{filter:brightness(1)}30%{filter:brightness(1.08)}55%{filter:brightness(.94)}80%{filter:brightness(1.05)}}@keyframes cos-flame-light{0%{opacity:.55;scale:1}to{opacity:1;scale:1.05}}@keyframes cos-crown{0%,to{translate:0 0;rotate:-6deg}50%{translate:0 -3px;rotate:6deg}}@keyframes cos-peek{0%,to{translate:30% 0}25%,60%{translate:0 0}}@keyframes cos-pop{0%{opacity:0;transform:translateY(30px) scale(.2)}18%{opacity:1;transform:translateY(-6px) scale(1.15)}28%{transform:translateY(0) scale(1)}75%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.85)}}@keyframes cos-slam{0%{opacity:0;transform:scale(3) rotate(-20deg)}15%{opacity:1;transform:scale(.9) rotate(-8deg)}22%{transform:scale(1.05) rotate(-8deg)}28%,75%{opacity:1;transform:scale(1) rotate(-8deg)}to{opacity:0;transform:translateY(-30px) scale(.9) rotate(-8deg)}}@keyframes cos-wobble{0%,to{rotate:0deg}25%{rotate:-12deg}75%{rotate:12deg}}@keyframes cos-strike{0%{opacity:0;scale:1 0}12%{opacity:1;scale:1 1}24%{opacity:.3}36%{opacity:1}to{opacity:0}}@keyframes cos-flash{0%{opacity:0;scale:.3}25%{opacity:1}to{opacity:0;scale:1.2}}@keyframes cos-shock{0%{opacity:1;scale:.4}to{opacity:0;scale:3.2}}@media (prefers-reduced-motion: reduce){.cos-card-art,.cos-card-art *,.cos-card-art:before,.cos-card-art:after,.cos-avatar:before,.cos-avatar:after,.cos-frame>*,.cos-frame svg *{animation:none!important}.cos-fx{display:none}}.shop{--rarity-common: #8fa3b8;--rarity-rare: #3d8bff;--rarity-epic: #b04dff;--rarity-legendary: #ffa928;display:flex;flex-direction:column;gap:var(--dd-4, 16px);width:100%;max-width:960px;margin:0 auto}.shop-balance{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:999px;background:#1b1430;color:#ffd23f;font-weight:800;font-variant-numeric:tabular-nums}.coin-icon{display:inline-block;width:1em;height:1em;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c2,#ffd23f 45%,#c78a00 90%);box-shadow:inset 0 0 0 2px #b07800;vertical-align:-.12em}.shop-note{margin:0;color:var(--dd-text-muted)}.shop-error{margin:0;color:#c62828}.shop-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--dd-4, 16px);align-items:center;padding:20px;border-radius:20px;background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,#1b1430,#2c1f4d 60%,#1b1430);color:#fff}.shop-stage{display:flex;align-items:center;justify-content:center;min-height:150px;padding:24px 12px}.shop-card{display:flex;align-items:center;gap:14px;width:min(100%,320px);padding:14px 18px;border:2px solid rgba(255,255,255,.35);border-radius:14px;background:#ffffff14;color:#fff}.shop-card-name{font-weight:800;font-size:1.05rem}.shop-card-score{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}.shop-hero-info{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.shop-hero-info h2{margin:0;font-size:1.6rem;color:#fff}.shop-hero-info p{margin:0;color:#fffc}.shop-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.shop-rarity{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--rarity)}.rarity-common{--rarity: var(--rarity-common)}.rarity-rare{--rarity: var(--rarity-rare)}.rarity-epic{--rarity: var(--rarity-epic)}.rarity-legendary{--rarity: var(--rarity-legendary)}.shop-buy{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffe066,#ffb300);color:#3a2500;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px #b36b00}.shop-buy:disabled{filter:grayscale(.8);opacity:.6;cursor:not-allowed}.shop-buy.is-owned{background:linear-gradient(180deg,#7df9c7,#1ec98b);color:#003b26;box-shadow:0 3px #0b7a52}.shop-buy.is-equipped{background:#ffffff26;color:#fff;box-shadow:none}.shop-ghost{padding:10px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap}.shop-tab{padding:8px 16px;border:var(--dd-stroke-hair, 1.5px) solid var(--dd-ink);border-radius:999px;background:var(--dd-paper);color:var(--dd-ink);font:inherit;font-weight:700;cursor:pointer}.shop-tab[aria-selected=true]{background:var(--dd-ink);color:var(--dd-paper)}.shop-tab small{opacity:.7;font-weight:600}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.shop-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px;border:2px solid var(--rarity);border-radius:16px;background:var(--dd-paper);color:var(--dd-ink);text-align:left;font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}@media (hover: hover){.shop-tile:hover{transform:translateY(-3px);box-shadow:0 6px 16px color-mix(in srgb,var(--rarity) 45%,transparent)}}.shop-tile[aria-pressed=true]{box-shadow:0 0 0 3px var(--rarity),0 6px 16px color-mix(in srgb,var(--rarity) 45%,transparent)}.shop-tile.rarity-legendary{border-color:transparent;background:linear-gradient(var(--dd-paper),var(--dd-paper)) padding-box,linear-gradient(90deg,#ffa928,#ff4d8d,#b04dff,#3d8bff,#ffa928) border-box;background-size:100% 100%,300% 100%;animation:cos-legend 4s linear infinite}@keyframes cos-legend{to{background-position:0 0,300% 0}}.shop-tile-view{position:relative;display:flex;align-items:center;justify-content:center;height:96px;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#3a2c63,#1b1430)}.shop-mini-card{display:flex;align-items:center;gap:8px;width:86%;padding:8px 10px;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:700;font-size:.8rem}.cos-effect-icon{width:72px;height:72px}.shop-credit{margin:0;font-size:.75rem;color:var(--dd-text-muted)}.shop-tile-name{margin:0;font-weight:800}.shop-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.8rem}.shop-price{display:inline-flex;align-items:center;gap:4px;font-weight:800}.shop-tag{padding:1px 8px;border-radius:999px;font-size:.7rem;font-weight:800;background:#1ec98b;color:#003b26}.shop-tag.is-equipped{background:#1b1430;color:#ffd23f}@media (max-width: 640px){.shop-hero{grid-template-columns:1fr;gap:8px;padding:14px}.shop-stage{min-height:0;padding:18px 4px 8px}.shop-hero-info h2{font-size:1.35rem}.shop-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-tab{padding:8px 4px;text-align:center}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (prefers-reduced-motion: reduce){.shop-tile.rarity-legendary{animation:none}}.inventory{display:flex;flex-direction:column;gap:var(--dd-4, 16px);width:100%;max-width:960px;margin:0 auto}.inventory-section{display:flex;flex-direction:column;gap:var(--dd-2, 8px)}.inventory-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dd-2, 8px)}.inventory-section-head h2{margin:0;font-family:var(--dd-font-display);font-size:1.15rem;color:var(--dd-ink)}.inventory-section-count{color:var(--dd-text-muted);font-size:.85rem;font-weight:700}.inventory-empty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dd-3, 12px);padding:var(--dd-3, 12px);border:var(--dd-stroke-hair, 1.5px) dashed var(--dd-ink-soft);border-radius:var(--dd-r-3, 14px);background:var(--dd-paper-2)}.inventory-empty p{margin:0;color:var(--dd-text-muted)}.inventory-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--dd-3, 12px);width:100%;max-width:560px;padding:var(--dd-5, 24px);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3, 14px);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.inventory-panel h2{margin:0}.inventory-panel p{margin:0;color:var(--dd-ink-soft)}.inventory-alert{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dd-3, 12px)}@media (max-width: 640px){.inventory-panel{padding:var(--dd-4, 16px)}}.admin-coins{display:inline-flex;align-items:center;gap:var(--dd-2, 8px)}.admin-coins input{width:7rem}.admin-coin-balance{font-weight:700;white-space:nowrap}.cc-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;border-radius:inherit;pointer-events:none}.cc-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit;background:var(--cc-preset, linear-gradient(135deg, #16181d, #4a5568))}.cc-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.cc-scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(180deg,#00000014,#00000080)}.cc-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;display:block;border-radius:inherit;box-shadow:0 0 var(--cc-glow-blur, 0) var(--cc-glow, transparent);opacity:var(--cc-glow-opacity, 0)}.cc-layer[data-glow-intensity=soft] .cc-glow{--cc-glow-blur: 12px;--cc-glow-opacity: .7}.cc-layer[data-glow-intensity=strong] .cc-glow{--cc-glow-blur: 26px;--cc-glow-opacity: 1}.cos-card-custom{border-color:#ffffff80!important}[data-preset=dusk]{--cc-preset: linear-gradient(135deg, #2b1055, #7597de)}[data-preset=ember]{--cc-preset: linear-gradient(135deg, #3d0b0b, #b33a1f)}[data-preset=tide]{--cc-preset: linear-gradient(135deg, #04263f, #1d8a99)}[data-preset=mint]{--cc-preset: linear-gradient(135deg, #06251c, #2f9e6f)}[data-preset=candy]{--cc-preset: linear-gradient(135deg, #4a0d3a, #e5559b)}[data-preset=gold]{--cc-preset: linear-gradient(135deg, #1d1608, #b8862b)}[data-preset=midnight]{--cc-preset: linear-gradient(135deg, #05070f, #1b2b52)}[data-preset=slate]{--cc-preset: linear-gradient(135deg, #16181d, #4a5568)}.cc-sticker{position:absolute;top:50%;right:5%;translate:0 -50%;display:block;aspect-ratio:1;border-radius:8px;border:2px solid rgba(255,255,255,.7);box-shadow:0 2px 8px #00000073;object-fit:cover;background:var(--dd-paper-3, #23232e)}.cc-sticker-small{height:44%;min-height:18px}.cc-sticker-medium{height:64%;min-height:22px}.cc-sticker-large{height:86%;min-height:26px}.cc-amb{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.cc-amb-notes>b,.cc-amb-bubbles>i,.cc-amb-embers>i,.cc-amb-snow>i{position:absolute;top:0;display:block;width:0;height:100%;animation-timing-function:linear;animation-iteration-count:infinite}.cc-amb-notes>b{animation-name:cc-rise}.cc-amb-bubbles>i{animation-name:cc-rise}.cc-amb-embers>i{animation-name:cc-rise}.cc-amb-snow>i{animation-name:cc-fall}.cc-amb-notes>b:after{content:"♪";position:absolute;left:-.45rem;bottom:0;font-size:.85rem;line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.cc-amb-notes>b:nth-child(2n):after{content:"♫"}.cc-amb-bubbles>i:after{content:"";position:absolute;left:calc(var(--s, 6px) / -2);bottom:0;width:var(--s, 6px);height:var(--s, 6px);border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:#ffffff24}.cc-amb-embers>i:after{content:"";position:absolute;left:-1.5px;bottom:0;width:3px;height:3px;border-radius:50%;background:#ffb24a;box-shadow:0 0 8px #ff7a1a}.cc-amb-snow>i:after{content:"";position:absolute;left:calc(var(--s, 4px) / -2);top:0;width:var(--s, 4px);height:var(--s, 4px);border-radius:50%;background:#fff;opacity:.95}.cc-amb-sparkles>i{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffe6;animation-name:cc-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.cc-amb-shine>i{position:absolute;top:-40%;left:-30%;display:block;width:26%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);rotate:18deg;animation:cos-sweep 4s ease-in-out infinite}@keyframes cc-rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:.9}to{transform:translateY(-125%);opacity:0}}@keyframes cc-fall{0%{transform:translateY(-110%);opacity:0}10%{opacity:.95}90%{opacity:.9}to{transform:translateY(120%);opacity:0}}@keyframes cc-twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.card-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--dd-4, 16px);align-items:start;width:100%;max-width:960px;margin:0 auto}.card-editor-preview{display:flex;flex-direction:column;gap:var(--dd-3, 12px);min-width:0}.card-editor-card{min-height:96px;padding:16px 18px;overflow:hidden}.card-editor-controls{display:flex;flex-direction:column;gap:var(--dd-3, 12px);min-width:0}.card-editor-group{display:flex;flex-direction:column;gap:var(--dd-2, 8px);margin:0;padding:var(--dd-3, 12px);border:var(--dd-stroke-hair, 1.5px) solid var(--dd-ink);border-radius:var(--dd-r-3, 14px);background:var(--dd-paper-2)}.card-editor-group legend{padding:0 6px;font-family:var(--dd-font-display);font-weight:700;color:var(--dd-ink)}.card-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dd-2, 8px)}.cc-swatch{width:34px;height:34px;padding:0;border:2px solid var(--dd-ink);border-radius:10px;cursor:pointer}.cc-swatch:focus-visible{outline:3px solid var(--dd-focus);outline-offset:2px}.cc-swatch[aria-pressed=true]{outline:3px solid var(--dd-focus);outline-offset:2px}.cc-swatch-preset{background:var(--cc-preset, var(--dd-paper-3))}.cc-swatch-glow{background:var(--cc-swatch, transparent)}.cc-swatch-glow[data-glow-color=white]{border-color:#8b8b98}.card-editor-upload{position:relative;overflow:hidden}.card-editor-upload:focus-within{outline:3px solid var(--dd-focus);outline-offset:2px}.card-editor-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.card-editor-confirm{display:flex;flex-direction:column;gap:var(--dd-2, 8px);padding:var(--dd-3, 12px);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3, 14px);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.card-editor-confirm p{margin:0;font-weight:700}.card-editor-error{margin:0}@media (max-width: 640px){.card-editor{grid-template-columns:1fr;gap:var(--dd-3, 12px)}.cc-swatch{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){.cc-layer .cc-amb>*,.cc-layer .cc-amb>*:after{animation:none!important}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:auto;cursor:pointer}.toast-content{background:var(--dd-paper);border:var(--dd-stroke) solid var(--dd-ink);border-left:8px solid var(--dd-grape);border-radius:var(--dd-r-4);padding:var(--dd-3) var(--dd-5);box-shadow:var(--dd-shadow);display:flex;align-items:center;gap:12px;min-width:200px;max-width:400px;animation:dd-wobble var(--dd-normal) var(--dd-ease)}.toast-message{color:var(--dd-ink);font-size:.95rem;line-height:1.4}.shell{width:100%;max-width:var(--dd-container);margin:0 auto;padding:var(--dd-6) var(--dd-gutter);padding-left:max(var(--dd-gutter),env(safe-area-inset-left));padding-right:max(var(--dd-gutter),env(safe-area-inset-right));padding-bottom:max(var(--dd-6),env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:var(--dd-6)}.doodle-filters{position:absolute;pointer-events:none}.shell-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--dd-2) * 2);padding:var(--dd-3) var(--dd-2) var(--dd-4)}.shell-bar:after{content:"";position:absolute;inset:auto 0 0;border-bottom:var(--dd-stroke) solid var(--dd-ink);filter:url(#dd-rough);pointer-events:none}.shell-wordmark{font-family:var(--dd-font-display);font-size:var(--dd-text-xl);font-weight:800;letter-spacing:.02em;color:var(--dd-ink)}.shell-actions{display:flex;align-items:center;gap:calc(var(--dd-2) * 1.5);margin-left:auto}.shell-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.conn-status{display:flex;align-items:center;gap:6px;font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:700;color:var(--dd-ink-soft)}.conn-dot{width:8px;height:8px;border-radius:var(--dd-r-blob);background:var(--dd-moss);border:var(--dd-stroke-hair) solid var(--dd-ink)}.conn-status-offline .conn-dot{background:var(--dd-cherry)}.shell-hero{justify-content:center;gap:var(--dd-5)}.shell-hero .shell-bar{display:grid;grid-template-columns:1fr;grid-template-areas:"actions" "wordmark";gap:calc(var(--dd-2) * 1.5);padding-bottom:0;text-align:center}.shell-hero .shell-actions{grid-area:actions;justify-content:flex-end}.shell-hero .shell-bar:after{left:8%;right:8%;border-bottom-color:var(--dd-grape)}.shell-hero .shell-wordmark{grid-area:wordmark;font-size:var(--dd-text-4xl);font-weight:800;letter-spacing:.01em}.album-globe{grid-area:globe;display:flex;flex-direction:column;align-items:center;gap:var(--dd-2)}.globe-view{display:grid;place-items:center;width:560px;max-width:100%;height:560px;perspective:1100px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.globe-view:active{cursor:grabbing}.globe-sphere{position:relative;width:0;height:0;transform-style:preserve-3d;scale:var(--globe-scale, 1)}.globe-tile{position:absolute;top:-40px;left:-40px;width:80px;height:80px;overflow:hidden;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-3);backface-visibility:hidden;transition:transform .35s var(--dd-ease)}.globe-tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;animation:globe-fade .4s var(--dd-ease)}.globe-caption{margin:0;font-size:var(--dd-text-sm);color:var(--dd-ink-soft)}.globe-caption strong{color:var(--dd-ink)}@keyframes globe-fade{0%{opacity:0}}.menu-landing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"side globe";align-items:center;gap:var(--dd-6);width:100%;max-width:1080px;margin:0 auto}.menu-side{grid-area:side;display:flex;flex-direction:column;align-items:center;gap:var(--dd-4)}.menu-modes{display:grid;grid-template-columns:1fr;gap:var(--dd-5);width:100%;max-width:500px}.mode-card{display:grid;justify-items:start;align-content:start;gap:var(--dd-2);padding:var(--dd-4);text-align:left;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper-2);color:var(--dd-ink);box-shadow:var(--dd-shadow);cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}@media (hover: hover){.mode-card:hover{transform:translate(-2px,-2px);box-shadow:var(--dd-shadow-lg);background:var(--dd-paper)}}.mode-card:active{transform:translate(3px,3px);box-shadow:var(--dd-shadow-press)}.mode-card-primary{border-width:var(--dd-stroke-bold);border-radius:var(--dd-r-1);background:var(--dd-grape-wash)}@media (hover: hover){.mode-card-primary:hover{background:var(--dd-grape-wash)}}.mode-card-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:var(--dd-1);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-blob);background:var(--dd-honey);color:var(--dd-ink);box-shadow:var(--dd-shadow-sm)}.mode-card-title{font-family:var(--dd-font-display);font-size:var(--dd-text-xl);font-weight:800;line-height:var(--dd-leading-head)}.mode-card-desc{color:var(--dd-ink-soft);font-size:var(--dd-text-sm)}.mode-card-cta{margin-top:var(--dd-1);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:800;color:var(--dd-grape-deep)}.menu-link{padding:var(--dd-1) var(--dd-2);min-height:40px;border:none;background:none;color:var(--dd-ink-soft);font-family:var(--dd-font-hand);font-size:var(--dd-text-lg);text-decoration:underline;text-underline-offset:4px;cursor:pointer}@media (hover: hover){.menu-link:hover{color:var(--dd-grape-deep)}}.setup{margin:auto 0;width:100%;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-template-areas:"opts picker" "acts picker";gap:var(--dd-4) var(--dd-6);align-content:start}.setup-bar{grid-area:opts;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:flex-start;gap:var(--dd-4);width:100%;min-width:0}.genre-selection,.search-selection{grid-area:picker}.setup-bar .rounds-selection{display:flex;flex-direction:column;align-items:stretch;gap:var(--dd-2);margin:0;width:100%;min-width:0}.setup-bar .rounds-selection h2{margin:0;color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:800;text-align:left}.setup-bar .rounds-hint{text-align:left}.setup-bar .rounds-buttons,.setup-bar .setup-tabs{display:flex;flex-wrap:wrap;width:100%}.setup-bar .rounds-btn,.setup-bar .setup-tab{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:var(--dd-text-sm);white-space:nowrap}.playlist-picker{display:grid;gap:var(--dd-4);width:100%}.playlist-picker-step{display:grid;gap:var(--dd-2)}.playlist-picker,.playlist-picker-step,.playlist-results,.genre-filter-grid,.playlist-grid,.search-results{min-width:0}.picker-heading{display:flex;align-items:center;gap:var(--dd-3);width:100%}.picker-heading h2{margin:0;color:var(--dd-ink);font-size:var(--dd-text-lg);text-align:left}.picker-heading p{margin:0;color:var(--dd-ink-soft);font-size:var(--dd-text-xs)}.picker-step-number{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-blob);background:var(--dd-honey);color:var(--dd-ink);font-family:var(--dd-font-display);font-size:var(--dd-text-lg);font-weight:800;box-shadow:var(--dd-shadow-sm)}.genre-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--dd-3);width:100%}.genre-filter-btn{padding:var(--dd-2) var(--dd-3);min-height:44px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);color:var(--dd-ink);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:800;cursor:pointer;box-shadow:var(--dd-shadow-sm);transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}.genre-filter-btn:nth-child(4n+2){border-radius:var(--dd-r-2)}.genre-filter-btn:nth-child(4n+3){border-radius:var(--dd-r-3)}.genre-filter-btn:nth-child(4n){border-radius:var(--dd-r-4)}@media (hover: hover){.genre-filter-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--dd-shadow);background:var(--dd-paper-3)}}.genre-filter-btn:active{transform:translate(1px,1px);box-shadow:var(--dd-shadow-press)}.genre-filter-btn-active{border-color:var(--dd-ink);border-width:var(--dd-stroke-bold);background:var(--dd-grape);color:var(--dd-on-primary);box-shadow:var(--dd-shadow)}@media (hover: hover){.genre-filter-btn-active:hover{background:var(--dd-grape-deep)}}.playlist-results{min-height:120px}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--dd-3);width:100%}.playlist-card{--playlist-tilt: -.45deg;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--dd-3);padding:var(--dd-2);min-width:0;text-align:left;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);color:var(--dd-ink);box-shadow:var(--dd-shadow);transform:rotate(var(--playlist-tilt));cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}.playlist-card:nth-child(4n+2){--playlist-tilt: .35deg;border-radius:var(--dd-r-2)}.playlist-card:nth-child(4n+3){--playlist-tilt: -.7deg;border-radius:var(--dd-r-3)}.playlist-card:nth-child(4n){--playlist-tilt: .6deg;border-radius:var(--dd-r-4)}@media (hover: hover){.playlist-card:hover{transform:rotate(var(--playlist-tilt)) translate(-1px,-1px);box-shadow:var(--dd-shadow-lg);background:var(--dd-paper)}}.playlist-card:active{transform:rotate(var(--playlist-tilt)) translate(3px,3px);box-shadow:var(--dd-shadow-press)}.playlist-card-active{border-color:var(--dd-grape-deep);border-width:var(--dd-stroke-bold);background:var(--dd-grape-wash)}.playlist-cover{display:block;width:56px;height:56px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-2);object-fit:cover;background:var(--dd-paper-3)}.playlist-cover-placeholder{background-image:repeating-linear-gradient(45deg,transparent 0 var(--dd-2),var(--dd-grape-wash) var(--dd-2) var(--dd-4))}.playlist-card-copy{display:grid;align-content:center;gap:0;min-width:0}.playlist-title{display:block;overflow:hidden;color:var(--dd-ink);font-family:var(--dd-font-display);font-size:var(--dd-text-base);font-weight:700;line-height:var(--dd-leading-head);text-overflow:ellipsis;white-space:nowrap}.playlist-track-count{color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-xs)}.playlist-selected-mark{position:absolute;top:var(--dd-1);left:var(--dd-1);padding:0 var(--dd-1);white-space:nowrap;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-honey);color:var(--dd-ink);font-family:var(--dd-font-body);font-size:.7rem;font-weight:800;box-shadow:var(--dd-shadow-sm)}.playlist-picker-status{display:flex;align-items:center;justify-content:center;gap:var(--dd-3);min-height:120px;padding:var(--dd-5);border:var(--dd-stroke) dashed var(--dd-ink);border-radius:var(--dd-r-4);background:var(--dd-paper-2);color:var(--dd-ink-soft);font-size:var(--dd-text-sm);text-align:center}.playlist-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--dd-3);margin-top:var(--dd-4);text-align:center}.playlist-pager-btn{width:auto;min-width:220px;max-width:280px}.playlist-pager-note{margin:0;color:var(--dd-ink-soft);font-size:var(--dd-text-sm)}.playlist-pager-note-error{color:var(--dd-ink);font-weight:700}.spotify-playlist-import{display:grid;gap:var(--dd-2);margin:var(--dd-4) 0}.spotify-playlist-import label{color:var(--dd-ink-soft);font-size:var(--dd-text-sm);font-weight:800}.spotify-playlist-controls{display:flex;gap:var(--dd-2)}.spotify-playlist-controls input{flex:1;min-width:0}.spotify-playlist-import p{margin:0;color:var(--dd-ink-soft);font-size:var(--dd-text-xs)}.playlist-picker-empty{flex-direction:column}.playlist-loading-mark{width:28px;height:28px;border:var(--dd-stroke-bold) solid var(--dd-ink);border-top-color:var(--dd-grape);border-radius:var(--dd-r-blob);animation:spin 1s linear infinite}.playlist-retry-btn{min-width:0;width:auto}.rounds-selection{margin-bottom:var(--dd-5)}.rounds-selection h2{font-size:var(--dd-text-xl);color:var(--dd-ink);margin-bottom:var(--dd-4);text-align:center}.rounds-hint{margin:var(--dd-2) 0 0;color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-sm);text-align:center}.rounds-buttons{display:inline-flex;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm);overflow:hidden}.rounds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--dd-2);padding:12px 32px;font-size:1.1rem;font-weight:800;font-family:var(--dd-font-body);min-height:44px;border:none;background:transparent;color:var(--dd-ink);cursor:pointer;transition:background-color var(--dd-fast) linear,color var(--dd-fast) linear}.rounds-btn+.rounds-btn{border-left:var(--dd-stroke) solid var(--dd-ink)}@media (hover: hover){.rounds-btn:not(.rounds-btn-active):hover{background:var(--dd-paper-3)}}.rounds-btn-active{background:var(--dd-grape);color:var(--dd-on-primary)}.rounds-btn-active:after{content:"";width:10px;height:6px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;border-radius:1px;transform:rotate(-45deg) translateY(-1px)}.setup-tabs{display:inline-flex;margin:0;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm);overflow:hidden}.setup-tab{padding:12px 24px;font-size:.95rem;min-height:44px;font-weight:800;font-family:var(--dd-font-body);border:none;background:transparent;color:var(--dd-ink);cursor:pointer;transition:background-color var(--dd-fast) linear,color var(--dd-fast) linear}.setup-tab+.setup-tab{border-left:var(--dd-stroke) solid var(--dd-ink)}@media (hover: hover){.setup-tab:not(.setup-tab-active):hover{background:var(--dd-paper-3);color:var(--dd-ink)}}.setup-tab-active{background:var(--dd-grape);color:var(--dd-on-primary)}.search-selection{margin-top:0;width:100%}.search-picker{display:grid;gap:var(--dd-3);justify-items:center;width:100%}.search-hint{color:var(--dd-ink-soft);font-size:var(--dd-text-xs);margin:0;text-align:center}.search-pick{display:grid;justify-items:center;padding:var(--dd-1) var(--dd-3);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-grape-wash);color:var(--dd-ink);font-size:var(--dd-text-xs);text-align:center}.search-pick-modes{color:var(--dd-ink-soft)}.search-status{color:var(--dd-ink-soft);font-size:var(--dd-text-xs);text-align:center}.search-input{width:100%;max-width:500px;padding:12px 16px;font-size:1rem;min-height:48px;font-family:var(--dd-font-body);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper);color:var(--dd-ink);transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{border-color:var(--dd-grape)}.search-input:focus-visible{outline:2px solid var(--dd-grape);outline-offset:2px}.search-input::placeholder{color:var(--dd-ink-soft)}.search-input-wrapper{display:flex;gap:10px;align-items:center;max-width:600px;margin:0 auto}.search-input-wrapper .search-input{flex:1}.search-results{display:grid;gap:var(--dd-3);width:100%;max-width:600px}.search-group{display:grid;gap:var(--dd-1)}.search-group-title{margin:0;color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.search-result{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--dd-3);padding:var(--dd-1) var(--dd-2);min-height:48px;min-width:0;text-align:left;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper-2);color:var(--dd-ink);box-shadow:var(--dd-shadow-sm);cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}@media (hover: hover){.search-result:hover{background:var(--dd-paper);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}}.search-result:active{transform:translate(1px,1px);box-shadow:var(--dd-shadow-press)}.search-result-active{border-color:var(--dd-grape-deep);border-width:var(--dd-stroke-bold);background:var(--dd-grape-wash)}.search-result-focus{border-color:var(--dd-grape);background:var(--dd-paper)}.search-result-art{display:block;width:36px;height:36px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-1);object-fit:cover;background:var(--dd-paper-3)}.search-result-art-empty{background-image:repeating-linear-gradient(45deg,transparent 0 var(--dd-2),var(--dd-grape-wash) var(--dd-2) var(--dd-4))}.search-result-copy{display:grid;align-content:center;min-width:0}.search-result-title{overflow:hidden;font-family:var(--dd-font-display);font-size:var(--dd-text-sm);font-weight:700;line-height:var(--dd-leading-head);text-overflow:ellipsis;white-space:nowrap}.search-result-meta{color:var(--dd-ink-soft);font-size:var(--dd-text-xs)}.search-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dd-1) var(--dd-2);margin:0;padding:0;list-style:none;max-width:100%}.search-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 10px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-grape-wash)}.search-chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:var(--dd-text-xs)}.search-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:var(--dd-stroke-hair) solid transparent;border-radius:var(--dd-r-blob);background:transparent;color:var(--dd-ink-soft);font-size:var(--dd-text-sm);line-height:1;cursor:pointer}@media (hover: hover){.search-chip-remove:hover{border-color:var(--dd-ink);background:var(--dd-paper);color:var(--dd-cherry-ink)}}.search-result:disabled{opacity:.55;cursor:not-allowed}@media (hover: hover){.search-result:disabled:hover{background:var(--dd-paper-2);transform:none;box-shadow:none}}.search-status-limit{font-weight:600;color:var(--dd-cherry-ink)}.search-result-mark{position:absolute;top:var(--dd-1);right:var(--dd-1);padding:0 var(--dd-1);white-space:nowrap;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-honey);color:var(--dd-ink);font-family:var(--dd-font-body);font-size:.7rem;font-weight:800;box-shadow:var(--dd-shadow-sm)}.genre-selection{margin-top:0;width:100%}.setup-actions{grid-area:acts;display:flex;align-items:center;justify-content:center;align-content:flex-end;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;gap:var(--dd-4);width:min(100%,440px)}.setup-actions .menu-btn{flex:1 1 140px;width:auto;max-width:none}.setup-actions .menu-btn:first-child{border-radius:var(--dd-r-4)}.setup-actions .menu-btn:last-child{border-radius:var(--dd-r-pill)}.menu-btn{padding:12px 24px;font-size:1rem;font-weight:600;min-height:44px;font-family:var(--dd-font-body);font-weight:800;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper-2);color:var(--dd-ink);cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear;width:100%;min-width:180px;max-width:200px;text-align:center;position:relative;box-shadow:var(--dd-shadow)}@media (hover: hover){.menu-btn:hover{border-color:var(--dd-grape);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow-lg);background:var(--dd-paper-3)}}.menu-btn:active{transform:translate(3px,3px);box-shadow:var(--dd-shadow-press)}.menu-btn-primary{background:var(--dd-grape);border-color:var(--dd-ink);border-width:var(--dd-stroke-bold);color:var(--dd-on-primary)}@media (hover: hover){.menu-btn-primary:hover{background:var(--dd-grape-deep);border-color:var(--dd-ink);color:var(--dd-on-primary);box-shadow:var(--dd-shadow-lg)}}.menu-btn:disabled,.rounds-btn:disabled{cursor:not-allowed;color:var(--dd-ink-soft);background:var(--dd-paper-3);border-color:var(--dd-graphite);box-shadow:none;transform:none}.settings-content{width:100%;max-width:600px;padding:var(--dd-6);background:var(--dd-paper-2);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);box-shadow:var(--dd-shadow)}.theme-picker{margin:0 0 30px;padding:0;border:none;min-width:0}.theme-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--dd-3);margin-top:12px}.theme-card{position:relative;display:grid;gap:var(--dd-2);align-content:start;padding:var(--dd-3);background:var(--dd-paper);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);cursor:pointer}.theme-card input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}@media (hover: hover){.theme-card:hover{background:var(--dd-grape-wash)}}.theme-card:focus-within{outline:3px solid var(--dd-focus);outline-offset:2px}.theme-card.is-selected{border-color:var(--dd-grape);border-width:var(--dd-stroke-bold);background:var(--dd-grape-wash);padding:calc(var(--dd-3) - 1.5px)}.theme-card-check{font-weight:800;color:var(--dd-grape-deep)}.theme-card-name{font-family:var(--dd-font-display);font-weight:700;color:var(--dd-ink)}.theme-card-note{font-size:var(--dd-text-xs);line-height:1.45;color:var(--dd-ink-soft)}.theme-sample{display:grid;gap:6px;justify-items:start;padding:var(--dd-3);border:var(--dd-stroke-hair) solid var(--dd-ink);overflow:hidden}.theme-sample-title{font-size:1.5rem;line-height:1}.theme-sample-bar{display:block;width:100%;height:10px}.theme-sample-doodle{background:var(--dd-paper-2);border-radius:var(--dd-r-1)}.theme-sample-doodle .theme-sample-title{font-family:var(--dd-font-display);font-weight:800;color:var(--dd-grape)}.theme-sample-doodle .theme-sample-bar{background:var(--dd-grape);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill)}.theme-sample-arcade{background:#12100a;border-color:#f4d03f;border-radius:0}.theme-sample-arcade .theme-sample-title{font-family:var(--dd-font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#6aff6a}.theme-sample-arcade .theme-sample-bar{background:repeating-linear-gradient(90deg,#f4d03f 0,#f4d03f 8px,#12100a 8px,#12100a 12px);border-radius:0}.theme-sample-editorial{background:#fbfaf7;border-color:#1a1a1a;border-radius:0;border-left-width:4px}.theme-sample-editorial .theme-sample-title{font-family:Georgia,Times New Roman,serif;font-weight:700;color:#1a1a1a}.theme-sample-editorial .theme-sample-bar{background:#1a1a1a;height:3px}.theme-sample-synthwave{background:linear-gradient(180deg,#12061f,#2a0e45);border-color:#2de2ff;border-radius:10px;box-shadow:0 0 10px #ff2e9780}.theme-sample-synthwave .theme-sample-title{font-family:Audiowide,sans-serif;background:linear-gradient(180deg,#fff,#c9f6ff 45%,#ff8cc6 55%,#ff2e97);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-sample-synthwave .theme-sample-bar{background:linear-gradient(90deg,#2de2ff,#ff2e97);border-radius:999px;box-shadow:0 0 8px #ff2e97}.theme-sample-vinyl{background:repeating-radial-gradient(circle at 100% 100%,transparent 0 4px,rgba(59,36,24,.08) 4px 5px),#f6ead3;border-color:#3b2418;border-radius:18px}.theme-sample-vinyl .theme-sample-title{font-family:Shrikhand,serif;color:#c8511f;text-shadow:2px 2px 0 #f2c14e}.theme-sample-vinyl .theme-sample-bar{background:linear-gradient(180deg,#e1a730 0,#e1a730 33%,#c8511f 33%,#c8511f 66%,#3b2418 66%);border-radius:999px}.theme-sample-zine{background:radial-gradient(rgba(18,18,18,.1) 1px,transparent 1.2px) 0 0 / 6px 6px,#f3efe6;border-color:#121212;border-radius:2px;rotate:-1deg}.theme-sample-zine .theme-sample-title{font-family:Permanent Marker,cursive;color:#121212;text-decoration:underline;text-decoration-color:#ffe600;text-decoration-thickness:.45em;text-underline-offset:-.3em;text-decoration-skip-ink:none}.theme-sample-zine .theme-sample-bar{background:repeating-linear-gradient(45deg,#121212 0,#121212 5px,#e3222b 5px,#e3222b 10px)}.theme-sample-bubblegum{background:radial-gradient(circle,rgba(255,79,154,.18) 3px,transparent 4px) 0 0 / 18px 18px,#fff4f9;border-color:#f7b3d2;border-radius:20px}.theme-sample-bubblegum .theme-sample-title{font-family:Fredoka,ui-rounded,sans-serif;font-weight:700;color:#ff4f9a;text-shadow:2px 2px 0 #a8ecd8}.theme-sample-bubblegum .theme-sample-bar{background:linear-gradient(90deg,#ff4f9a,#b69cff,#38c9a0);border-radius:999px;box-shadow:inset 0 2px #fff9}.answer-keys{display:grid;gap:var(--dd-2);margin-bottom:30px;border:none}.answer-keys-note,.answer-keys-status{color:var(--dd-ink-soft);font-size:var(--dd-text-sm)}.answer-keys-status:empty{display:none}.answer-key-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--dd-2)}.answer-key-slot{display:flex;align-items:center;justify-content:space-between;gap:var(--dd-2);min-height:48px;padding:var(--dd-2) var(--dd-3);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper);color:var(--dd-ink);font-family:var(--dd-font-body);font-size:var(--dd-text-sm);font-weight:700;box-shadow:var(--dd-shadow-sm);cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}@media (hover: hover){.answer-key-slot:hover{background:var(--dd-grape-wash);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}}.answer-key-slot kbd{min-width:32px;padding:2px 8px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-bottom-width:3px;border-radius:6px;background:var(--dd-paper-2);font-family:var(--dd-font-mono);font-size:var(--dd-text-sm);text-align:center}.answer-key-slot.is-listening{background:var(--dd-grape-wash);border-color:var(--dd-grape)}.answer-key-slot.is-listening kbd{border-color:var(--dd-grape);color:var(--dd-grape-deep);animation:pulse 1s ease-in-out infinite}.answer-key-slot-name{white-space:nowrap}.answer-keys .reset-btn-small{justify-self:start}@media (max-width: 640px){.theme-options{grid-template-columns:1fr}}.setting-item{margin-bottom:30px;padding:0;background:transparent;border:none;position:relative}.setting-label{display:block;font-size:.95rem;color:var(--dd-ink);margin-bottom:20px;font-weight:500;font-family:var(--dd-font-body)}.volume-slider-container{position:relative;width:100%;margin-top:10px;height:16px;display:flex;align-items:center}.volume-slider-container:before{content:"";position:absolute;top:50%;left:0;width:100%;height:var(--dd-stroke-bold);background:var(--dd-ink);transform:translateY(-50%);z-index:0}.volume-slider-fill{position:absolute;top:50%;left:0;height:var(--dd-stroke-bold);background:var(--dd-grape);transform:translateY(-50%);pointer-events:none;transition:none;z-index:1}.volume-slider{width:100%;height:var(--dd-stroke-bold);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;z-index:2;margin:0;padding:0;display:block}.volume-slider::-webkit-slider-runnable-track{width:100%;height:var(--dd-stroke-bold);background:transparent;border:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--dd-grape);cursor:pointer;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-blob);margin-top:-10px;box-shadow:var(--dd-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;position:relative}.volume-slider::-webkit-slider-thumb:hover{background:var(--dd-grape-deep)}.volume-slider::-webkit-slider-thumb:active{box-shadow:var(--dd-shadow-press)}.volume-slider::-moz-range-track{width:100%;height:var(--dd-stroke-bold);background:transparent;border:none}.volume-slider::-moz-range-thumb{width:24px;height:24px;background:var(--dd-grape);cursor:pointer;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-blob);box-shadow:var(--dd-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.volume-slider::-moz-range-thumb:hover{background:var(--dd-grape-deep)}.volume-slider::-moz-range-thumb:active{box-shadow:var(--dd-shadow-press)}.game-stats{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:calc(var(--dd-2) * 2)}.game-stat{display:flex;align-items:baseline;gap:6px}.game-stat-label{font-family:var(--dd-font-body);font-size:.8rem;letter-spacing:.08em;color:var(--dd-ink-soft)}.game-stat-value{font-family:var(--dd-font-display);font-size:1.15rem;font-weight:600;color:var(--dd-ink)}.reset-btn-small{padding:8px 16px;font-size:.9rem;min-height:44px;font-family:var(--dd-font-body);font-weight:600;letter-spacing:.5px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper);color:var(--dd-ink);cursor:pointer;box-shadow:var(--dd-shadow-sm);transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}@media (hover: hover){.reset-btn-small:hover{background:var(--dd-grape);border-color:var(--dd-grape);color:var(--dd-on-primary);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}}.reset-btn-small:active{transform:translate(3px,3px);box-shadow:var(--dd-shadow-press)}.reset-btn-small.leave-btn,.menu-btn.leave-btn{border-color:var(--dd-cherry);color:var(--dd-cherry-ink)}@media (hover: hover){.reset-btn-small.leave-btn:hover,.menu-btn.leave-btn:hover{border-color:var(--dd-cherry);background:var(--dd-cherry);color:var(--dd-paper)}}.round{width:100%;max-width:1040px;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"visual play";gap:calc(var(--dd-2) * 3) var(--dd-6);align-content:start}.round-visual{grid-area:visual;display:flex;flex-direction:column;align-items:center;gap:calc(var(--dd-2) * 1.5);min-width:0}.round-play{grid-area:play;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--dd-2) * 2);min-width:0}.round.round-mp{max-width:100%;grid-template-columns:300px minmax(0,1fr) 260px;grid-template-areas:"visual play rail"}.round.round-timeline{grid-template-areas:"timeline timeline" "visual play"}.round.round-timeline.round-mp{grid-template-columns:300px minmax(0,1fr) 260px;grid-template-areas:"timeline timeline timeline" "visual play rail"}.round-mode{display:flex;align-items:center;gap:var(--dd-2);font-family:var(--dd-font-display);font-size:var(--dd-text-base);font-weight:500;letter-spacing:.08em;color:var(--dd-ink-soft)}.round-art{position:relative;width:300px;height:300px;border:var(--dd-stroke-bold) solid var(--dd-ink);border-radius:var(--dd-r-2);overflow:hidden;background:var(--dd-paper-3);box-shadow:var(--dd-shadow-lg)}.round-art img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .45s ease,transform .6s var(--dd-ease)}.round-art img.blurred{filter:blur(28px) saturate(.7) brightness(.7);transform:scale(1.2)}.round-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dd-paper) 38%,transparent)}.round-art-count{font-family:var(--dd-font-display);font-size:5rem;font-weight:700;line-height:1;color:var(--dd-grape);animation:countPop 1s ease-out infinite}@keyframes countPop{0%{transform:scale(.85);opacity:.4}to{transform:scale(1);opacity:1}}.placeholder-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--dd-ink-soft)}.round-timer{display:flex;align-items:center;gap:calc(var(--dd-2) * 1.5);width:100%}.round-timer-track{flex:1;height:10px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper-3);overflow:hidden}.round-timer-fill{height:100%;border-radius:var(--dd-r-pill);background:var(--dd-grape);transform-origin:left;animation:round-fill linear forwards;transition:background .3s ease}@keyframes round-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.round-timer.urgent .round-timer-fill{background:var(--dd-cherry)}.round-timer-value{min-width:3ch;text-align:right;font-family:var(--dd-font-display);font-size:var(--dd-text-base);font-weight:600;color:var(--dd-ink-soft)}.round-timer.urgent .round-timer-value{color:var(--dd-cherry-ink);animation:countPop .5s ease-out infinite alternate}.round-hint{color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-sm)}.stage-pips{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--dd-2) * .75)}.stage-pip{display:inline-flex;align-items:center;justify-content:center;min-width:3.5ch;padding:4px 10px;border:var(--dd-stroke-hair) solid var(--dd-graphite);border-radius:var(--dd-r-pill);font-family:var(--dd-font-body);font-size:var(--dd-text-sm);font-weight:600;color:var(--dd-ink-soft);background:var(--dd-paper-2)}.stage-pip-done{border-color:var(--dd-moss);color:var(--dd-moss-ink);background:var(--dd-moss-wash)}.stage-pip-current{border-color:var(--dd-grape);border-width:var(--dd-stroke-hair);color:var(--dd-grape-deep);background:var(--dd-grape-wash);box-shadow:3px 3px 0 var(--dd-grape-wash)}.stage-pip-locked{opacity:.55;border-style:dashed}.stage-note{margin:0;text-align:center;color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-sm)}.song-guess .search-input{scroll-margin-top:12px}.song-guess{display:flex;flex-direction:column;gap:var(--dd-2)}.song-guess .search-input{width:100%}.song-guess .search-results{max-height:22rem;overflow-y:auto;overscroll-behavior:contain}.song-guess-picked{display:flex;align-items:center;justify-content:space-between;gap:var(--dd-2);margin:0;padding:var(--dd-2) var(--dd-3);border:var(--dd-stroke-hair) solid var(--dd-grape);border-radius:var(--dd-r-pill);background:var(--dd-grape-wash)}.song-guess-picked-copy{display:flex;flex-direction:column;min-width:0}.song-guess-picked-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-guess-picked-copy span{color:var(--dd-ink-soft);font-size:var(--dd-text-sm)}.pr-feedback{margin:0;text-align:center;color:var(--dd-cherry-ink);font-family:var(--dd-font-body);font-size:var(--dd-text-sm);font-weight:600}.pr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dd-2)}.waiting-message{text-align:center;color:var(--dd-grape);font-size:1rem}.waiting-message p{margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.no-preview{color:var(--dd-ink-soft);font-style:italic;padding:20px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:700px}.choice-btn{position:relative;display:flex;align-items:center;gap:calc(var(--dd-2) * 1.5);text-align:left;padding:18px 20px;min-height:64px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);color:var(--dd-ink);cursor:pointer;box-shadow:var(--dd-shadow);transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear;font-size:1.05rem}.choice-btn:nth-child(2){border-radius:var(--dd-r-2)}.choice-btn:nth-child(3){border-radius:var(--dd-r-3)}.choice-btn:nth-child(4){border-radius:var(--dd-r-4)}@media (hover: hover){.choice-btn:hover:not(:disabled){background:var(--dd-grape-wash);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow-lg)}}.choice-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:var(--dd-shadow-press)}.choice-btn:disabled{cursor:default;box-shadow:var(--dd-shadow-sm)}.choices>.choice-btn.choice-placeholder{cursor:default;min-height:64px;background:linear-gradient(110deg,var(--dd-paper-2) 25%,var(--dd-paper) 45%,var(--dd-paper-2) 65%);background-size:220% 100%;animation:choice-placeholder-shimmer 1.5s ease-in-out infinite}@keyframes choice-placeholder-shimmer{to{background-position:-220% 0}}.choices-six .choice-btn{min-height:52px;padding:12px 16px}.choice-btn.choice-picked{background:var(--dd-grape-wash);border-color:var(--dd-grape)}.timeline{grid-area:timeline;width:100%;min-width:0}.timeline-strip{display:flex;align-items:stretch;gap:10px;margin:0;padding:6px 4px 12px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain}.timeline-card{position:relative;flex:0 0 128px;display:flex;flex-direction:column;gap:4px;padding:8px;border:var(--dd-stroke-hair) solid var(--dd-graphite);border-radius:var(--dd-r-2);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.timeline-card-anchor{border-color:var(--dd-grape);border-width:var(--dd-stroke);background:var(--dd-grape-wash)}.timeline-cover{width:100%;aspect-ratio:1;object-fit:cover;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-2)}.timeline-cover-blank{display:flex;align-items:center;justify-content:center;color:var(--dd-ink-soft);background:var(--dd-paper)}.timeline-cover-blank svg{width:28px;height:28px}.timeline-year{align-self:flex-start;padding:1px 8px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper);font-family:var(--dd-font-display);font-size:.85rem;font-weight:700}.timeline-name,.timeline-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.timeline-artist{color:var(--dd-ink-soft)}.timeline-anchor-tag{align-self:flex-start;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dd-grape-deep)}.choice-key{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-4);font-size:.75rem;font-weight:600;color:var(--dd-ink-soft)}.choice-btn:disabled .choice-key{opacity:.5}.choice-label{display:block;flex:1;min-width:0;font-weight:600;color:var(--dd-ink);font-size:1.05rem}.choice-badges{position:absolute;top:8px;right:8px;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.choice-badge{display:inline-block;padding:2px 6px;background:var(--dd-grape);color:var(--dd-on-primary);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.2;min-width:24px;text-align:center;animation:badgePopIn .3s ease-out;box-shadow:var(--dd-shadow-sm)}@keyframes badgePopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.choice-mark{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-blob);color:var(--dd-ink);animation:badgePopIn .25s ease-out}.choice-mark-correct{background:var(--dd-moss)}.choice-mark-wrong{background:var(--dd-cherry)}.choice-correct{border-color:var(--dd-moss-ink)!important;background:var(--dd-moss-wash)!important}.choice-incorrect{border-color:var(--dd-cherry-ink)!important;background:var(--dd-cherry-wash)!important}.result{display:flex;align-items:center;gap:calc(var(--dd-2) * 2);width:100%;padding:calc(var(--dd-2) * 2);border:var(--dd-stroke) solid var(--dd-ink);border-left:8px solid var(--dd-ink);border-radius:var(--dd-r-4);background:var(--dd-paper-2);box-shadow:var(--dd-shadow)}.result.correct{border-left-color:var(--dd-moss)}.result.incorrect{border-left-color:var(--dd-cherry)}.result-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-blob);color:var(--dd-ink)}.result.correct .result-icon{background:var(--dd-moss)}.result.incorrect .result-icon{background:var(--dd-cherry)}.result-body{flex:1;min-width:0}.result-verdict{font-family:var(--dd-font-display);font-size:1.35rem;font-weight:600;line-height:1.1}.result.correct .result-verdict{color:var(--dd-moss-ink)}.result.incorrect .result-verdict{color:var(--dd-cherry-ink)}.result-answer{margin-top:2px;font-size:.9rem;color:var(--dd-ink-soft)}.result-answer strong{color:var(--dd-ink);font-weight:600}.result-score{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.result-points{font-family:var(--dd-font-display);font-size:1.75rem;font-weight:700;line-height:1;color:var(--dd-grape)}.result.incorrect .result-points{color:var(--dd-ink-soft)}.result-total{font-size:.7rem;letter-spacing:.06em;color:var(--dd-ink-soft)}.results{display:flex;flex-direction:column;align-items:center;gap:var(--dd-5);padding:var(--dd-4) 0;width:100%;max-width:660px}.results-verdict{font-family:var(--dd-font-display);font-size:var(--dd-text-2xl);font-weight:700;line-height:var(--dd-leading-head);color:var(--dd-ink);text-align:center}.results-score{font-family:var(--dd-font-display);font-size:2.75rem;font-weight:700;letter-spacing:.01em;line-height:1;color:var(--dd-ink)}.results-score-unit{margin-left:var(--dd-2);font-family:var(--dd-font-body);font-size:1rem;font-weight:600;letter-spacing:.08em;color:var(--dd-ink-soft)}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--dd-4);width:min(100%,660px)}.stat-card{display:grid;justify-items:center;align-content:start;gap:2px;padding:var(--dd-4) var(--dd-3);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper-2);box-shadow:var(--dd-shadow);text-align:center}.stat-card:nth-child(1){border-radius:var(--dd-r-1);transform:rotate(-.5deg)}.stat-card:nth-child(2){border-radius:var(--dd-r-3);transform:rotate(.6deg)}.stat-card:nth-child(3){border-radius:var(--dd-r-4);transform:rotate(-.4deg)}.stat-card:nth-child(4){border-radius:var(--dd-r-2);transform:rotate(.5deg)}.stat-card-label{font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:700;color:var(--dd-ink-soft)}.stat-card-value{font-family:var(--dd-font-display);font-size:1.75rem;font-weight:700;line-height:1.1;color:var(--dd-ink)}.stat-card-note{font-family:var(--dd-font-body);font-size:var(--dd-text-xs);color:var(--dd-ink-soft)}.results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dd-3)}.results-actions .menu-btn{width:auto}.results-actions .menu-btn:nth-child(2){border-radius:var(--dd-r-2)}.loading{width:100%;min-height:100vh;padding:60px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:50px;height:50px;border:var(--dd-stroke-bold) solid var(--dd-ink);border-top:var(--dd-stroke-bold) solid var(--dd-grape);border-radius:var(--dd-r-blob);animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{width:100%;max-width:1200px;padding:40px;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error h2{color:var(--dd-cherry-ink);margin-bottom:20px}.error-details{text-align:left;margin:20px 0;padding:20px;background:var(--dd-paper);border-radius:var(--dd-r-2);border:var(--dd-stroke) solid var(--dd-ink);box-shadow:var(--dd-shadow)}.error-details p{margin-bottom:10px;color:var(--dd-ink-soft)}.error-details ul{margin:10px 0 15px 20px;color:var(--dd-ink-soft)}.error-details li{margin:5px 0}.error-details code{background:var(--dd-ink);color:var(--dd-paper);padding:2px 6px;border-radius:var(--dd-r-4);font-family:var(--dd-font-mono);font-size:.9em}.reset-btn{padding:12px 30px;font-size:1rem;font-weight:600;min-height:44px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper-2);color:var(--dd-ink);cursor:pointer;margin-top:20px;box-shadow:var(--dd-shadow);transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}@media (hover: hover){.reset-btn:hover{transform:translate(-1px,-1px);background:var(--dd-paper);box-shadow:var(--dd-shadow-lg)}}.reset-btn:active{transform:translate(3px,3px);box-shadow:var(--dd-shadow-press)}@media (prefers-color-scheme: dark){:root[data-theme=doodle] .choice-mark,:root[data-theme=doodle] .result-icon{color:var(--dd-paper)}}@media (max-height: 800px){.globe-view{height:470px;--globe-scale: .82}}@media (max-width: 900px){.menu-landing{grid-template-columns:minmax(0,1fr);grid-template-areas:"globe" "side"}.round,.round.round-mp,.round.round-timeline,.round.round-timeline.round-mp{max-width:640px;grid-template-columns:minmax(0,1fr);grid-template-areas:"timeline" "visual" "play" "rail"}.round-play{justify-content:flex-start}.setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"opts" "picker" "acts"}}@media (max-width: 640px){.shell{padding:calc(var(--dd-2) * 2) calc(var(--dd-2) * 1.5);padding-left:max(calc(var(--dd-2) * 1.5),env(safe-area-inset-left));padding-right:max(calc(var(--dd-2) * 1.5),env(safe-area-inset-right));padding-bottom:max(calc(var(--dd-2) * 2),env(safe-area-inset-bottom));gap:var(--dd-5)}.shell-bar{flex-wrap:wrap;row-gap:var(--dd-2)}.shell-hero .shell-wordmark{font-size:var(--dd-text-3xl)}.mp-options-container{flex-direction:column}.genre-filter-grid,.playlist-grid{display:flex;gap:var(--dd-3);padding-bottom:var(--dd-3);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.genre-filter-btn,.playlist-card{flex:0 0 auto;scroll-snap-align:start}.playlist-card{width:232px}.menu-landing{gap:var(--dd-4)}.menu-modes{grid-template-columns:1fr}.mode-card{padding:var(--dd-3)}.mode-card-icon{width:40px;height:40px}.mode-card-title{font-size:var(--dd-text-lg)}.globe-view{height:340px;--globe-scale: .6}.round-art{width:min(200px,26dvh);height:min(200px,26dvh)}.shell-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:var(--dd-2)}.shell-actions button,.game-stats button{white-space:nowrap}.game-stats{column-gap:12px;row-gap:6px}.game-stat-label{font-size:.7rem}.choices{grid-template-columns:1fr}.timeline-card{flex-basis:104px}.result-points{font-size:1.5rem}}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--dd-4);background:#1f243073}.account-dialog{width:100%;max-width:380px;display:grid;gap:var(--dd-3);padding:var(--dd-5);background:var(--dd-paper);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-4);box-shadow:var(--dd-shadow-lg);font-family:var(--dd-font-body)}.account-dialog h2{margin:0;font-family:var(--dd-font-display);font-size:var(--dd-text-xl)}.account-dialog .account-form{display:grid;gap:var(--dd-3)}.account-dialog label{font-weight:700}.account-dialog input[type=email]{width:100%;min-height:44px;padding:var(--dd-2) var(--dd-3);font:inherit;color:var(--dd-ink);background:var(--dd-paper);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1)}.account-email{margin:0;font-weight:700;overflow-wrap:anywhere}.account-note{margin:0;color:var(--dd-ink-soft);font-size:var(--dd-text-sm)}.account-error{margin:0;padding:var(--dd-2) var(--dd-3);color:var(--dd-cherry-ink);background:var(--dd-cherry-wash);border:var(--dd-stroke-hair) solid var(--dd-cherry);border-radius:var(--dd-r-3);font-size:var(--dd-text-sm)}.account-actions{display:flex;align-items:center;gap:var(--dd-3)}.admin-content{display:grid;gap:var(--dd-4)}.admin-search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dd-2)}.admin-search input{flex:1 1 220px;min-height:44px;padding:var(--dd-2) var(--dd-3);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);font:inherit;background:var(--dd-paper);color:var(--dd-ink)}.admin-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--dd-2)}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dd-3);padding:var(--dd-3);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper)}.admin-identity{flex:1 1 220px;display:grid;gap:2px;min-width:0}.admin-email{overflow-wrap:anywhere}.admin-name{color:var(--dd-ink-soft);font-size:var(--dd-text-sm)}.admin-plan-badge{padding:2px 10px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-pill);font-size:var(--dd-text-xs);font-weight:700}.admin-plan-badge-premium{background:var(--dd-grape);color:var(--dd-on-primary)}.trackdle-logo{display:block;margin-inline:auto;width:min(420px,82vw);height:auto}.trackdle-logo .logo-stroke{stroke:var(--dd-ink)}.trackdle-logo .logo-head-grape{fill:var(--dd-grape);stroke:var(--dd-ink)}.trackdle-logo .logo-head-tangerine{fill:var(--dd-tangerine);stroke:var(--dd-ink)}.trackdle-logo .logo-flick-grape{stroke:var(--dd-grape)}.trackdle-logo .logo-flick-tangerine{stroke:var(--dd-tangerine)}.trackdle-logo .logo-word{fill:var(--dd-ink);font-family:var(--dd-font-hand)}.trackdle-logo .logo-swoosh{stroke:var(--dd-grape)}.magic-done{display:grid;justify-items:center;gap:var(--dd-3);text-align:center;max-width:520px;margin-inline:auto;padding:var(--dd-5) 0}.magic-done h2{font-family:var(--dd-font-display);font-size:var(--dd-text-xl);margin:0}.magic-done p{margin:0;line-height:1.55;color:var(--dd-ink)}.magic-done-mark{width:min(220px,60vw);height:auto}.magic-done .magic-blob{fill:var(--dd-grape-wash);stroke:var(--dd-ink);stroke-width:5;stroke-linejoin:round}.magic-done .magic-check{fill:none;stroke:var(--dd-grape);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.magic-done .magic-spark{fill:none;stroke:var(--dd-tangerine);stroke-width:6;stroke-linecap:round}.magic-done .magic-spark2{fill:none;stroke:var(--dd-grape);stroke-width:6;stroke-linecap:round}.shell-avatar{width:52px;height:52px;flex:none;border-radius:50%;border:var(--dd-stroke) solid var(--dd-ink);background:var(--dd-paper);object-fit:cover}.account-avatar-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;min-width:44px;min-height:44px;border:none;border-radius:var(--dd-r-pill);background:transparent;cursor:pointer}@media (hover: hover){.account-avatar-btn:hover{background:var(--dd-grape-wash)}}.account-avatar-btn:active{transform:translate(1px,1px)}.shell-menu{position:relative}.shell-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper);color:var(--dd-ink);box-shadow:var(--dd-shadow-sm);cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}.shell-menu-btn[aria-expanded=true]{background:var(--dd-grape-wash);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}@media (hover: hover){.shell-menu-btn:hover{background:var(--dd-grape-wash);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}}.shell-menu-list{position:absolute;top:calc(100% + var(--dd-2));right:0;z-index:50;min-width:180px;margin:0;padding:var(--dd-1);list-style:none;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper);box-shadow:var(--dd-shadow);transform-origin:top right;animation:shell-menu-in var(--dd-slow) var(--dd-ease) both}@keyframes shell-menu-in{0%{opacity:0;transform:translateY(-6px) rotate(-3deg) scale(.9)}to{opacity:1;transform:rotate(.6deg)}}.shell-menu-item{display:block;width:100%;min-height:44px;padding:var(--dd-1) var(--dd-2);border:none;border-radius:var(--dd-r-2);background:transparent;color:var(--dd-ink);font-family:var(--dd-font-body);font-size:var(--dd-text-sm);font-weight:600;text-align:left;cursor:pointer}.shell-menu-item:focus-visible{background:var(--dd-grape-wash);color:var(--dd-grape-deep)}@media (hover: hover){.shell-menu-item:hover{background:var(--dd-grape-wash);color:var(--dd-grape-deep)}}.mode-picker-field{position:relative}.mode-picker-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--dd-2);width:100%;min-height:48px;padding:10px 16px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper-2);color:var(--dd-ink);box-shadow:var(--dd-shadow-sm);font-family:var(--dd-font-body);font-size:var(--dd-text-base);font-weight:800;cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}.mode-picker-btn[aria-expanded=true]{background:var(--dd-grape-wash);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}@media (hover: hover){.mode-picker-btn:hover{background:var(--dd-grape-wash);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}}.mode-picker-btn svg{flex-shrink:0;transition:transform var(--dd-normal) var(--dd-ease)}.mode-picker-btn[aria-expanded=true] svg{transform:rotate(180deg)}.shell-menu-list.mode-picker-list{top:calc(100% + var(--dd-1));right:auto;left:0;width:100%;transform-origin:top left}.mode-picker-list:focus{outline:none}.shell-menu-item.mode-picker-option{display:grid;gap:2px;padding:var(--dd-2) var(--dd-3)}.shell-menu-item.mode-picker-option.is-active{background:var(--dd-grape-wash);color:var(--dd-grape-deep)}.mode-picker-option-label{display:flex;align-items:center;justify-content:space-between;font-weight:800}.mode-picker-option-blurb{color:var(--dd-ink-soft);font-size:var(--dd-text-xs);font-weight:500;line-height:1.35}.avatar-fallback{display:inline-grid;place-items:center;line-height:1;border-radius:50%;background:var(--dd-grape-wash);color:var(--dd-grape-deep);font-weight:700;-webkit-user-select:none;user-select:none}.account-page{width:100%;max-width:600px;display:grid;gap:var(--dd-4)}.account-top{display:flex;align-items:center;gap:var(--dd-4);flex-wrap:wrap}.account-avatar-img{width:88px;height:88px;flex:none;border-radius:50%;border:var(--dd-stroke) solid var(--dd-ink);background:var(--dd-paper);box-shadow:var(--dd-shadow);object-fit:cover}.account-top-meta{display:grid;gap:var(--dd-2);justify-items:start}.plan-badge{padding:2px var(--dd-3);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:800;color:var(--dd-ink)}.plan-badge.plan-premium{background:var(--dd-honey-wash);color:var(--dd-honey-ink)}.account-card{display:grid;gap:var(--dd-3);padding:var(--dd-4);background:var(--dd-paper-2);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);box-shadow:var(--dd-shadow)}.account-card h2,.avatar-fieldset legend{margin:0;padding:0;font-family:var(--dd-font-display);font-size:var(--dd-text-lg);font-weight:800;color:var(--dd-ink)}.account-card label{font-weight:700}.account-name-row{display:flex;gap:var(--dd-2);flex-wrap:wrap}.account-name-row input{flex:1 1 200px;min-width:0;min-height:44px;padding:var(--dd-2) var(--dd-3);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);font:inherit;background:var(--dd-paper);color:var(--dd-ink)}.avatar-fieldset{margin:0;padding:0;border:none}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--dd-3)}.avatar-option{position:relative;display:grid;justify-items:center;gap:var(--dd-1);padding:var(--dd-2) var(--dd-1);border:var(--dd-stroke-hair) solid transparent;border-radius:var(--dd-r-2);cursor:pointer}.avatar-option input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.avatar-option img{width:64px;height:64px;border-radius:50%;border:var(--dd-stroke) solid var(--dd-ink);box-shadow:var(--dd-shadow-sm);object-fit:cover;transition:transform var(--dd-normal) var(--dd-ease)}@media (hover: hover){.avatar-option:hover img{transform:rotate(-8deg) scale(1.08)}}.avatar-option.is-selected img{transform:scale(1.08);box-shadow:3px 3px 0 var(--dd-grape)}.avatar-option-name{font-size:var(--dd-text-xs);font-weight:700;color:var(--dd-ink-soft);text-transform:capitalize}.avatar-option.is-selected{border-color:var(--dd-grape);background:var(--dd-grape-wash)}.avatar-option.is-selected .avatar-option-name{color:var(--dd-grape-deep)}.avatar-option:focus-within{outline:3px solid var(--dd-focus);outline-offset:2px}.cropper{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:var(--dd-4);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper);color:var(--dd-ink);box-shadow:var(--dd-shadow-lg)}.cropper::backdrop{background:#14141e8c}.cropper h2{margin:0 0 var(--dd-3);font-family:var(--dd-font-display)}.cropper-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--dd-4);align-items:start}.cropper-stage-wrap{position:relative;aspect-ratio:1;width:100%;border:var(--dd-stroke) solid var(--dd-ink);border-radius:12px;overflow:hidden;background:var(--dd-paper-3)}.cropper-stage{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.cropper-stage:active{cursor:grabbing}.cropper-stage:focus-visible{outline:3px solid var(--dd-focus);outline-offset:-3px}.cropper-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed #fff;box-shadow:0 0 0 999px #14141e73;pointer-events:none}.cropper-ring-rect{border-radius:12px}.cropper-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0}.cropper-controls{display:grid;gap:var(--dd-3)}.cropper-row{display:flex;align-items:center;gap:var(--dd-2);font-weight:700}.cropper-row>span{min-width:5.5em}.cropper-row input[type=range]{flex:1;min-width:0;accent-color:var(--dd-grape)}.cropper-buttons{flex-wrap:wrap}.cropper-icon{width:36px;height:36px;flex:none;border:var(--dd-stroke) solid var(--dd-ink);border-radius:50%;background:var(--dd-paper);color:var(--dd-ink);font-size:1.2rem;font-weight:800;line-height:1;cursor:pointer}@media (hover: hover){.cropper-icon:hover{background:var(--dd-grape-wash)}}.cropper-value{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.cropper .reset-btn-small[aria-pressed=true]{background:var(--dd-grape-wash);border-color:var(--dd-grape)}.cropper-backdrops{display:flex;flex-wrap:wrap;gap:var(--dd-2);margin:0;padding:0;border:none}.cropper-backdrops legend{margin-bottom:var(--dd-2);padding:0;font-weight:700}.cropper-swatch{position:relative;width:32px;height:32px;padding:0;border:var(--dd-stroke) solid var(--dd-ink);border-radius:50%;cursor:pointer}.cropper-swatch.is-selected{outline:3px solid var(--dd-grape);outline-offset:2px}.cropper-swatch-custom{overflow:hidden;background:conic-gradient(#db4b4b,#e8b717,#3e9b62,#7cc4f2,#6c4bd6,#db4b4b)}.cropper-swatch-custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cropper-previews{display:flex;align-items:flex-end;gap:var(--dd-3)}.cropper-previews canvas{border-radius:50%;border:var(--dd-stroke-hair) solid var(--dd-ink)}.cropper-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--dd-3);margin-top:var(--dd-4)}.cropper-save{width:auto;min-width:0;max-width:none;padding-inline:var(--dd-4)}@media (max-width: 640px){.cropper-body{grid-template-columns:1fr}.cropper-stage-wrap{max-width:320px;justify-self:center}}.avatar-upload-row{display:flex;align-items:center;gap:var(--dd-3);flex-wrap:wrap}.avatar-locked{margin:0;padding:var(--dd-3);border:var(--dd-stroke-hair) dashed var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-honey-wash);color:var(--dd-honey-ink);font-size:var(--dd-text-sm)}.account-page-actions{display:flex;justify-content:flex-start}@media (max-width: 640px){.account-avatar-img{width:72px;height:72px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--dd-3)}.stat-tile{display:grid;gap:2px;align-content:start;min-width:0;padding:var(--dd-3);background:var(--dd-paper);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-2)}.stat-value{font-family:var(--dd-font-display);font-size:var(--dd-text-lg);font-weight:800;color:var(--dd-ink);overflow-wrap:anywhere}.stat-value--muted{color:var(--dd-ink-soft)}.stat-label{font-size:var(--dd-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--dd-ink-soft)}.stat-note{font-size:var(--dd-text-xs);color:var(--dd-ink-soft)}.stat-tile--locked .stat-value{letter-spacing:.15em;color:var(--dd-ink-soft)}.stats-recent{display:grid;gap:var(--dd-2)}.stats-recent h3{margin:0;font-family:var(--dd-font-display);font-size:var(--dd-text-sm);font-weight:800;color:var(--dd-ink)}.stats-recent ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--dd-2)}.stats-recent li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--dd-2);font-size:var(--dd-text-xs);color:var(--dd-ink)}.recent-date{font-weight:800;font-variant-numeric:tabular-nums}.recent-bar{height:10px;overflow:hidden;background:var(--dd-paper-2);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill)}.recent-bar>span{display:block;height:100%;background:var(--dd-grape)}.recent-value{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}}.shell-main>*{animation:view-in var(--dd-slow) ease-out backwards}.choices>.choice-btn{animation:view-in .3s var(--dd-ease) backwards}.choices>.choice-btn:nth-child(2){animation-delay:50ms}.choices>.choice-btn:nth-child(3){animation-delay:.1s}.choices>.choice-btn:nth-child(4){animation-delay:.15s}.choices>.choice-btn:nth-child(5){animation-delay:.2s}.choices>.choice-btn:nth-child(6){animation-delay:.25s}@keyframes choice-pop{40%{transform:scale(1.04)}}@keyframes choice-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.choices>.choice-btn.choice-correct{animation:choice-pop .4s var(--dd-ease)}.choices>.choice-btn.choice-incorrect{animation:choice-shake .35s ease-in-out}@media (prefers-reduced-motion: reduce){.choices>.choice-btn,.choice-placeholder{animation:none!important}}.result{animation:view-in var(--dd-slow) var(--dd-ease) backwards}@keyframes art-beat{to{transform:scale(1.02)}}.round-art.playing{animation:art-beat .6s ease-in-out infinite alternate}@keyframes stat-bump{40%{transform:scale(1.3)}}.stat-bump{display:inline-block;animation:stat-bump .35s var(--dd-ease)}.multiplayer-menu{display:flex;flex-direction:column;gap:var(--dd-6);align-items:center;width:100%;max-width:600px}.multiplayer-menu:has(.mp-options-container),.multiplayer-menu:has(.setup){max-width:100%;align-items:stretch}.mp-options-container{display:flex;flex-direction:row;gap:var(--dd-6);width:100%;align-items:stretch}.mp-option{flex:1;display:flex;flex-direction:column;gap:var(--dd-4);padding:var(--dd-6);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);box-shadow:var(--dd-shadow)}.mp-option:nth-child(2){border-radius:var(--dd-r-2)}.mp-option h3{color:var(--dd-ink);margin-bottom:10px}@media (max-width: 640px){.mp-options-container{flex-direction:column;gap:20px}}.name-input,.room-input{padding:12px 16px;min-height:48px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper-2);color:var(--dd-ink);font-size:1rem;font-family:var(--dd-font-body)}.name-input:focus,.room-input:focus{border-color:var(--dd-grape)}.multiplayer-menu{max-width:100%;min-width:0}.mp-entry-choice,.mp-entry-panel{width:100%;min-width:0}.mp-entry-choice{display:flex;flex-direction:column;gap:var(--dd-5);max-width:900px;margin-inline:auto}.mp-entry-heading{display:flex;flex-direction:column;gap:var(--dd-2);min-width:0;color:var(--dd-ink)}.mp-entry-heading h2{color:var(--dd-ink);font-family:var(--dd-font-display);font-size:clamp(1.5rem,3vw,var(--dd-text-2xl));line-height:var(--dd-leading-head)}.mp-entry-heading p{color:var(--dd-ink-soft);font-size:var(--dd-text-base);line-height:var(--dd-leading-body)}.mp-entry-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dd-5);width:100%}.mp-choice-card{--mp-choice-accent: var(--dd-grape);--mp-choice-deep: var(--dd-grape-deep);--mp-choice-wash: var(--dd-grape-wash);display:flex;align-items:flex-start;gap:var(--dd-4);min-width:0;min-height:220px;padding:var(--dd-5);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);box-shadow:var(--dd-shadow);color:var(--dd-ink);font-family:var(--dd-font-body);text-align:left;cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),border-color var(--dd-fast) linear,background-color var(--dd-fast) linear}.mp-choice-join{--mp-choice-accent: var(--dd-grape);--mp-choice-deep: var(--dd-grape-deep);--mp-choice-wash: var(--dd-grape-wash)}.mp-choice-create{--mp-choice-accent: var(--dd-tangerine);--mp-choice-deep: var(--dd-tangerine-ink);--mp-choice-wash: var(--dd-tangerine-wash);border-radius:var(--dd-r-2)}.mp-choice-icon{display:grid;flex:0 0 56px;width:56px;height:56px;place-items:center;border:var(--dd-stroke-hair) solid var(--mp-choice-accent);border-radius:var(--dd-r-blob);background:var(--mp-choice-wash);color:var(--mp-choice-deep);font-family:var(--dd-font-display);font-size:1.8rem;font-weight:800}.mp-choice-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--dd-2);min-width:0;min-height:164px}.mp-choice-title{color:var(--dd-ink);font-family:var(--dd-font-display);font-size:var(--dd-text-xl);font-weight:800;line-height:var(--dd-leading-head)}.mp-choice-description{color:var(--dd-ink-soft);font-size:var(--dd-text-base);line-height:var(--dd-leading-body)}.mp-choice-action{display:inline-flex;align-items:center;gap:var(--dd-2);margin-top:auto;color:var(--mp-choice-deep);font-size:var(--dd-text-base);font-weight:900}.mp-choice-action>span{font-size:1.25em;transition:transform var(--dd-fast) var(--dd-ease)}@media (hover: hover){.mp-choice-card:hover{transform:translate(-2px,-2px);border-color:var(--mp-choice-accent);background:var(--dd-paper-3);box-shadow:var(--dd-shadow-lg)}.mp-choice-card:hover .mp-choice-action>span{transform:translate(4px)}}.mp-choice-card:active{transform:translate(2px,2px);box-shadow:var(--dd-shadow-press)}.mp-choice-card:focus-visible,.mp-entry-back:focus-visible,.mp-entry-submit:focus-visible,.mp-entry-field input:focus-visible{outline:3px solid var(--dd-focus);outline-offset:3px}.mp-entry-back,.mp-entry-back-main{align-self:flex-start;width:auto;min-width:0;max-width:none;padding-inline:var(--dd-4)}.mp-entry-panel{display:flex;flex-direction:column;align-items:stretch;gap:var(--dd-4);margin-inline:auto}.mp-join-screen{max-width:560px}.mp-invite-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--dd-2) var(--dd-4);min-width:0;padding:var(--dd-4);border:var(--dd-stroke) solid var(--dd-grape);border-radius:var(--dd-r-3);background:var(--dd-grape-wash);color:var(--dd-ink)}.mp-invite-label{color:var(--dd-grape-deep);font-size:var(--dd-text-xs);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.mp-invite-code{grid-column:2;grid-row:1 / span 2;color:var(--dd-grape-deep);font-family:var(--dd-font-mono);font-size:clamp(1.3rem,6vw,1.9rem);letter-spacing:.1em;overflow-wrap:anywhere}.mp-invite-hint{color:var(--dd-ink-soft);font-size:var(--dd-text-xs);line-height:var(--dd-leading-body)}.mp-entry-form{display:flex;flex-direction:column;gap:var(--dd-4);width:100%;min-width:0;padding:var(--dd-5);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);box-shadow:var(--dd-shadow)}.mp-entry-field{display:flex;flex-direction:column;gap:var(--dd-2);min-width:0}.mp-entry-field label{color:var(--dd-ink);font-size:var(--dd-text-sm);font-weight:900}.mp-entry-field .name-input,.mp-entry-field .room-input{width:100%;min-width:0}.mp-entry-field .room-input{font-family:var(--dd-font-mono);font-size:var(--dd-text-lg);letter-spacing:.08em}.mp-entry-submit{align-self:center;width:min(100%,320px);max-width:none}.mp-create-screen{max-width:1120px}.mp-create-intro{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,360px);align-items:center;gap:var(--dd-4) var(--dd-5);min-width:0;padding:var(--dd-4) var(--dd-5);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.mp-create-intro .mp-entry-back{grid-column:1;grid-row:1}.mp-create-intro .mp-entry-heading{grid-column:2;grid-row:1}.mp-create-intro>.playing-as,.mp-host-name{grid-column:3;grid-row:1;min-width:0}.mp-create-intro .playing-as{margin:0}.mp-create-setup{width:100%;min-width:0;margin:0}.mp-create-setup .setup-bar,.mp-create-setup .genre-selection,.mp-create-setup .search-selection{min-width:0}.mp-create-setup .spotify-playlist-controls{width:100%;min-width:0}.mp-create-setup .spotify-playlist-controls .menu-btn{flex:0 1 180px;width:auto;min-width:0;max-width:none}@media (max-width: 900px){.mp-create-intro{grid-template-columns:auto minmax(0,1fr)}.mp-create-intro .mp-entry-back{grid-column:1;grid-row:1}.mp-create-intro .mp-entry-heading{grid-column:2;grid-row:1}.mp-create-intro>.playing-as,.mp-host-name{grid-column:2;grid-row:2}.mp-create-setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"opts" "picker" "acts"}}@media (max-width: 640px){.mp-entry-choice-grid{grid-template-columns:minmax(0,1fr);gap:var(--dd-4)}.mp-choice-card{min-height:0;padding:var(--dd-4)}.mp-choice-copy{min-height:140px}.mp-invite-callout{grid-template-columns:minmax(0,1fr)}.mp-invite-code{grid-column:1;grid-row:auto;font-size:clamp(1.35rem,8vw,1.8rem)}.mp-entry-form{padding:var(--dd-4)}.mp-create-intro{grid-template-columns:minmax(0,1fr);padding:var(--dd-4)}.mp-create-intro .mp-entry-back,.mp-create-intro .mp-entry-heading,.mp-create-intro>.playing-as,.mp-host-name{grid-column:1;grid-row:auto}}.lobby-content{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-template-areas:"side board";gap:var(--dd-6);align-items:start;width:100%}.lobby-side{grid-area:side;display:flex;flex-direction:column;align-items:center;gap:20px}.lobby-board{grid-area:board;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.lobby-settings{display:flex;flex-direction:column;gap:var(--dd-6);width:100%;max-height:min(50vh,440px);overflow-y:auto;overscroll-behavior:contain;padding:var(--dd-6);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);box-shadow:var(--dd-shadow)}.lobby-suggest{display:flex;flex-direction:column;gap:var(--dd-4);width:100%;max-width:640px;max-height:min(46vh,440px);overflow-y:auto;overscroll-behavior:contain;padding:var(--dd-6);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);box-shadow:var(--dd-shadow)}.suggest-pending{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dd-3);padding:var(--dd-3) var(--dd-4);border:var(--dd-stroke-hair) solid var(--dd-grape-deep);border-radius:var(--dd-r-2);background:var(--dd-grape-wash);color:var(--dd-grape-deep)}.suggest-pending .menu-btn{width:auto;min-width:132px}.lobby-suggestions{display:flex;flex-direction:column;align-items:center;gap:var(--dd-3);width:100%;max-width:640px}.lobby-suggestions h2{width:100%;text-align:center;color:var(--dd-ink)}.suggestion-list{display:flex;flex-direction:column;gap:var(--dd-2);width:100%;max-height:min(24vh,200px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;list-style:none}.suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:var(--dd-3);padding:var(--dd-3) var(--dd-4);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.suggestion-item:nth-child(4n+2){border-radius:var(--dd-r-3)}.suggestion-item:nth-child(4n+3){border-radius:var(--dd-r-1)}.suggestion-item:nth-child(4n){border-radius:var(--dd-r-4)}.suggestion-copy{flex:1 1 auto;min-width:0}.suggestion-cover{flex:0 0 auto;width:44px;height:44px;object-fit:cover;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-2)}.lobby-board>h2{color:var(--dd-ink);width:100%;text-align:center}.lobby-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dd-2)}.lobby-chip{padding:6px 14px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-grape-wash);color:var(--dd-grape-deep);font-size:.85rem}.lobby-hero{display:flex;flex-direction:column;align-items:center;gap:var(--dd-3)}.lobby-hero-label{font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:700;color:var(--dd-ink-soft)}.copy-room-btn{display:flex;flex-direction:column;align-items:center;gap:var(--dd-2);padding:var(--dd-4) var(--dd-6);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);font-weight:700;min-height:44px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-2);background:var(--dd-paper-2);color:var(--dd-ink);cursor:pointer;box-shadow:var(--dd-shadow);transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease),background-color var(--dd-fast) linear}@media (hover: hover){.copy-room-btn:hover{background:var(--dd-paper-3);border-color:var(--dd-grape);transform:translate(-1px,-1px);box-shadow:var(--dd-shadow)}}.copy-room-btn:active{transform:translate(3px,3px);box-shadow:var(--dd-shadow-press)}.room-code{font-family:var(--dd-font-mono);font-size:2.75rem;font-weight:700;line-height:1;letter-spacing:.12em;color:var(--dd-grape-deep)}.copy-room-hint{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--dd-ink-soft)}.copy-room-btn.copied{border-color:var(--dd-moss-ink);background:var(--dd-moss-wash)}.copy-room-btn.copied .room-code{color:var(--dd-ink)}.copy-room-btn.copied .copy-room-hint{color:var(--dd-moss-ink);font-weight:600}.players-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;max-height:min(56vh,480px);overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 6px}.lobby-board:has(.lobby-settings) .players-list{max-height:min(24vh,200px)}.player-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.player-item:nth-child(4n+2){border-radius:var(--dd-r-1)}.player-item:nth-child(4n+3){border-radius:var(--dd-r-2)}.player-item:nth-child(4n){border-radius:var(--dd-r-4)}.player-item.ready{border-color:var(--dd-moss-ink);border-width:var(--dd-stroke-bold);background:var(--dd-moss-wash)}.ready-badge{display:inline-flex;align-items:center;gap:6px;color:var(--dd-moss-ink);font-weight:600}.host-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-yellow-wash);color:var(--dd-ink);font-size:var(--dd-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.waiting-text{color:var(--dd-ink-soft);font-style:italic}.score-rail{grid-area:rail;display:flex;flex-direction:column;gap:6px;min-height:0;max-height:360px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--dd-3);border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-4);background:var(--dd-paper-2);box-shadow:var(--dd-shadow-sm)}.score-rail-row{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto 3.5rem;align-items:center;gap:var(--dd-2);padding:4px 10px;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper);font-size:var(--dd-text-xs)}.score-rail-row:nth-child(4n+2){border-radius:var(--dd-r-2)}.score-rail-row:nth-child(4n+3){border-radius:var(--dd-r-3)}.score-rail-row:nth-child(4n){border-radius:var(--dd-r-4)}.score-rail-me{border-width:var(--dd-stroke-bold);border-color:var(--dd-grape-deep);background:var(--dd-grape-wash)}.score-rail-name{display:inline-flex;align-items:center;gap:6px;min-width:0}.score-rail-who{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-rail-you{flex-shrink:0;padding:0 5px;border:var(--dd-stroke-hair) solid currentColor;border-radius:var(--dd-r-pill);color:var(--dd-grape-deep);font-size:var(--dd-text-xs);letter-spacing:.04em;text-transform:uppercase}.score-rail-away{flex-shrink:0;color:var(--dd-ink-soft);font-size:var(--dd-text-xs);font-style:italic}.score-rail-total{font-family:var(--dd-font-display);font-size:var(--dd-text-sm);font-weight:700;color:var(--dd-ink);font-variant-numeric:tabular-nums}.score-rail-verdict{display:inline-flex;align-items:center;justify-content:flex-end;min-width:3.25rem}.score-rail-award{display:inline-flex;align-items:center;gap:4px;font-family:var(--dd-font-display);font-weight:600}.score-rail-mark{display:inline-flex;align-items:center}.score-rail-right{color:var(--dd-moss-ink)}.score-rail-wrong{color:var(--dd-ink-soft)}@keyframes score-award-travel{0%{opacity:0;transform:translate(-14px,16px) scale(.7)}60%{opacity:1}to{opacity:1;transform:translate(0) scale(1)}}.score-rail-points-travels{animation:score-award-travel var(--dd-slow) var(--dd-ease) both}.player-item-status{display:inline-flex;align-items:center;margin-left:auto;padding-left:var(--dd-2)}.seat-actions{display:inline-flex;gap:6px;margin-left:var(--dd-1)}.kick-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-pill);background:var(--dd-paper);color:var(--dd-ink-soft);font-family:var(--dd-font-body);font-size:var(--dd-text-xs);cursor:pointer;transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease)}@media (hover: hover){.kick-btn:hover{color:var(--dd-cherry-ink);box-shadow:var(--dd-shadow-sm);transform:translate(-1px,-1px)}}.kick-confirm{display:inline-flex;align-items:center;gap:6px;margin-left:var(--dd-1);padding-left:var(--dd-2);border-left:var(--dd-stroke-hair) dashed var(--dd-ink-soft)}.kick-confirm-text{color:var(--dd-cherry-ink);font-size:var(--dd-text-xs);font-weight:600}.kick-btn-confirm{border-color:var(--dd-cherry-ink);background:var(--dd-cherry-wash);color:var(--dd-cherry-ink);font-weight:600}.lobby-leave-btn{margin-top:var(--dd-3)}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--dd-moss);color:var(--dd-ink);border:var(--dd-stroke-hair) solid var(--dd-ink);border-radius:var(--dd-r-blob);line-height:1;animation:checkPopIn .3s ease-out;flex-shrink:0}@keyframes checkPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.leaderboard-list{display:flex;flex-direction:column;gap:12px;width:100%}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:20px;border:var(--dd-stroke) solid var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);box-shadow:var(--dd-shadow);transition:transform var(--dd-fast) var(--dd-ease),box-shadow var(--dd-fast) var(--dd-ease)}.leaderboard-item:nth-child(4n+2){border-radius:var(--dd-r-2);transform:rotate(.4deg)}.leaderboard-item:nth-child(4n+3){border-radius:var(--dd-r-3);transform:rotate(-.6deg)}.leaderboard-item:nth-child(4n){border-radius:var(--dd-r-4)}.rank{font-size:1.5rem;font-weight:700;color:var(--dd-grape);min-width:40px}.player-info{flex:1}.player-name{font-size:1.2rem;font-weight:600;color:var(--dd-ink)}.player-score{font-size:1.3rem;font-weight:700;color:var(--dd-ink-soft)}.mp-results{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-template-areas:"main board";gap:var(--dd-6);align-items:start;width:100%;max-width:1040px}.mp-results-main{grid-area:main;display:flex;flex-direction:column;align-items:center;gap:var(--dd-5);min-width:0}.mp-results-board{grid-area:board;display:flex;flex-direction:column;gap:var(--dd-3);min-width:0;width:100%}.board-title{font-size:var(--dd-text-xl);text-align:center}.mp-results .leaderboard-list{max-height:min(58vh,520px);overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 8px 4px}.mp-results .leaderboard-item{padding:var(--dd-3) var(--dd-4);gap:var(--dd-3)}.mp-results .leaderboard-item.leaderboard-you{border-color:var(--dd-grape-deep);border-width:var(--dd-stroke-bold);background:var(--dd-grape-wash)}.mp-results .player-info{display:grid;gap:0;min-width:0}.mp-results .player-name{font-size:1.1rem}.player-sub{font-family:var(--dd-font-body);font-size:var(--dd-text-xs);color:var(--dd-ink-soft)}.mp-results .player-score{font-size:1.15rem;white-space:nowrap}.my-game{width:100%;display:grid;gap:var(--dd-3);padding:var(--dd-4);border:var(--dd-stroke-bold) solid var(--dd-ink);border-radius:var(--dd-r-3);background:var(--dd-grape-wash);box-shadow:var(--dd-shadow)}.my-game-title{font-family:var(--dd-font-display);font-size:var(--dd-text-lg);font-weight:700;color:var(--dd-ink);text-align:center}.my-game-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dd-3) var(--dd-4)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--dd-2);width:100%;border-bottom:var(--dd-stroke) solid var(--dd-ink)}.podium-place{display:flex;flex:1;min-width:0;max-width:192px;flex-direction:column;justify-content:flex-end;gap:var(--dd-2);text-align:center}.podium-place-1{order:2}.podium-place-2{order:1}.podium-place-3{order:3}.podium-name{display:block;font-size:1rem;font-weight:600;color:var(--dd-ink);overflow-wrap:anywhere}.podium-flag{font-family:var(--dd-font-hand);font-size:var(--dd-text-xl);font-weight:700;line-height:1;color:var(--dd-tangerine-ink);transform:rotate(-5deg)}.podium-place-1 .podium-name{color:var(--dd-grape-deep)}.podium-score{display:block;margin-top:var(--dd-1);font-size:.9rem;color:var(--dd-ink-soft);font-variant-numeric:tabular-nums}.podium-base{display:flex;align-items:center;justify-content:center;height:var(--dd-7);border:var(--dd-stroke) solid var(--dd-ink);border-bottom:none;border-radius:var(--dd-r-3);background:var(--dd-paper-2);font-family:var(--dd-font-display);font-size:var(--dd-text-xl);font-weight:800;color:var(--dd-ink-soft);box-shadow:var(--dd-shadow-sm)}.podium-place-2 .podium-base{border-radius:var(--dd-r-2)}.podium-place-3 .podium-base{border-radius:var(--dd-r-4)}.podium-place-1 .podium-base{height:88px;background:var(--dd-grape);border-color:var(--dd-ink);border-width:var(--dd-stroke-bold);color:var(--dd-on-primary)}.podium-place-2 .podium-base{height:var(--dd-8)}.mp-results .rank{font-size:1rem;font-weight:600;color:var(--dd-ink-soft);min-width:var(--dd-6)}@media (max-width: 900px){.lobby-content{grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "board"}.players-list{max-height:40vh}.lobby-suggest{max-height:min(60vh,480px)}.mp-results{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "board"}.mp-results .leaderboard-list{max-height:40vh}}@media (max-width: 640px){.score-rail-row{grid-template-columns:minmax(0,1fr) auto 3.25rem;padding:3px 8px}.score-rail-who{max-width:6ch}.podium-base{height:40px}.podium-place-1 .podium-base{height:72px}.podium-place-2 .podium-base{height:56px}}.mp-avatar{flex:none;border-radius:50%;object-fit:cover;background:var(--dd-paper-2)}.mp-avatar-sm{width:32px;height:32px;font-size:14px}.mp-avatar-md{width:48px;height:48px;font-size:20px}.mp-avatar-lg{width:80px;height:80px;font-size:34px}.player-item .player-name{display:inline-flex;align-items:center;gap:var(--dd-3);min-width:0}.podium-place .mp-avatar{align-self:center}.playing-as{margin:0;padding:var(--dd-3);border:var(--dd-stroke-hair) dashed var(--dd-ink);border-radius:var(--dd-r-1);background:var(--dd-paper-2);font-size:var(--dd-text-sm);color:var(--dd-ink-soft)}.playing-as strong{color:var(--dd-ink);overflow-wrap:anywhere}@keyframes editorial-fade{0%{opacity:0}}:root[data-theme=editorial]{--dd-paper: #FBFAF6;--dd-paper-2: #F2F0E9;--dd-paper-3: #E6E3DA;--dd-ink: #1A1A1A;--dd-ink-soft: #56544E;--dd-graphite: #C7C3B8;--dd-grape: #A02B1E;--dd-grape-deep: #7C1F15;--dd-grape-wash: #F5E8E3;--dd-stroke-hair: 1px;--dd-stroke: 1px;--dd-stroke-bold: 2px;--dd-r-1: 0;--dd-r-2: 0;--dd-r-3: 0;--dd-r-4: 0;--dd-r-pill: 0;--dd-r-blob: 0;--dd-shadow-sm: none;--dd-shadow: none;--dd-shadow-lg: none;--dd-shadow-press: none;--dd-1: 6px;--dd-2: 10px;--dd-3: 16px;--dd-4: 22px;--dd-5: 30px;--dd-6: 42px;--dd-7: 60px;--dd-8: 80px;--dd-9: 120px;--dd-10: 160px;--dd-font-display: Georgia, "Times New Roman", Times, serif;--dd-font-hand: Georgia, "Times New Roman", Times, serif;--dd-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--dd-ease: cubic-bezier(.25, .1, .25, 1);--dd-slow: .18s;--dd-gutter: var(--dd-6)}:root[data-theme=editorial] body{background-image:none}:root[data-theme=editorial] .shell-bar:after{filter:none}:root[data-theme=editorial] .account-backdrop{background:#1a1a1a8c}:root[data-theme=editorial] .playlist-card{--playlist-tilt: 0deg}:root[data-theme=editorial] .leaderboard-item:nth-child(4n+2),:root[data-theme=editorial] .leaderboard-item:nth-child(4n+3){transform:none}:root[data-theme=editorial] .stat-card:nth-child(1),:root[data-theme=editorial] .stat-card:nth-child(2),:root[data-theme=editorial] .stat-card:nth-child(3),:root[data-theme=editorial] .stat-card:nth-child(4){transform:none}:root[data-theme=editorial] .podium-flag{transform:none;color:var(--dd-ink-soft)}:root[data-theme=editorial] .playlist-picker-status,:root[data-theme=editorial] .playing-as,:root[data-theme=editorial] .kick-confirm,:root[data-theme=editorial] .avatar-locked{border-style:solid}:root[data-theme=editorial] .mode-card-primary{border-left-width:5px}:root[data-theme=editorial] .result{border-left-width:5px}:root[data-theme=editorial] .toast-content{border-left-width:5px;animation:editorial-fade var(--dd-normal) linear}:root[data-theme=editorial] .setup-tab-active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}:root[data-theme=editorial] .setting-label,:root[data-theme=editorial] .game-stat-label,:root[data-theme=editorial] .stat-card-label{text-transform:uppercase;letter-spacing:.08em;font-weight:700}:root[data-theme=editorial] .round-art-count{animation:pulse 1.6s ease-in-out infinite}:root[data-theme=editorial] .choice-badge,:root[data-theme=editorial] .choice-mark,:root[data-theme=editorial] .check-icon{animation:editorial-fade var(--dd-normal) linear}:root[data-theme=editorial] .score-rail-points-travels{animation:editorial-fade var(--dd-slow) linear both}:root[data-theme=editorial] .search-input{transition:border-color var(--dd-normal) linear}:root[data-theme=editorial] .round-art img{transition:filter var(--dd-slow) linear}:root[data-theme=editorial] .round-timer-fill{transition:background-color var(--dd-normal) linear}:root[data-theme=editorial] .shell-main>*,:root[data-theme=editorial] .choices>.choice-btn,:root[data-theme=editorial] .result{animation:editorial-fade var(--dd-normal) linear backwards}:root[data-theme=editorial] .choices>.choice-btn.choice-correct,:root[data-theme=editorial] .choices>.choice-btn.choice-incorrect,:root[data-theme=editorial] .round-art.playing,:root[data-theme=editorial] .round-timer.urgent .round-timer-value,:root[data-theme=editorial] .stat-bump{animation:none}:root[data-theme=editorial] .volume-slider::-webkit-slider-thumb,:root[data-theme=editorial] .volume-slider::-moz-range-thumb{transition:background-color var(--dd-normal) linear}@keyframes editorial-menu-in{0%{opacity:0;transform:translateY(-4px)}}:root[data-theme=editorial] .shell-menu-btn,:root[data-theme=editorial] .shell-menu-list{border-width:1px;box-shadow:none}:root[data-theme=editorial] .shell-menu-btn[aria-expanded=true]{transform:none;box-shadow:none;background:var(--dd-paper-2)}@media (hover: hover){:root[data-theme=editorial] .shell-menu-btn:hover{transform:none;box-shadow:none;background:var(--dd-paper-2)}}:root[data-theme=editorial] .shell-menu-list{padding:0;animation:editorial-menu-in var(--dd-slow) var(--dd-ease) both}:root[data-theme=editorial] .shell-menu-item{border-radius:0;font-family:var(--dd-font-display);font-weight:400}:root[data-theme=editorial] .shell-menu-item:focus-visible{background:transparent;color:var(--dd-ink);text-decoration:underline;text-underline-offset:4px}@media (hover: hover){:root[data-theme=editorial] .shell-menu-item:hover{background:transparent;color:var(--dd-ink);text-decoration:underline;text-underline-offset:4px}}:root[data-theme=editorial] .trackdle-logo .logo-word{font-size:52px}:root{--dd-paper: #FFFDF8;--dd-paper-2: #F3EFE4;--dd-paper-3: #E7E1D2;--dd-ink: #1F2430;--dd-ink-soft: #5A6172;--dd-graphite: #B8B2A4;--dd-grape: #6C4BD6;--dd-grape-deep: #5334B8;--dd-grape-wash: #EDE7FB;--dd-tangerine: #F2913D;--dd-tangerine-ink: #A8560D;--dd-tangerine-wash: #FCEBD9;--dd-moss: #3E9B62;--dd-moss-ink: #2C7146;--dd-moss-wash: #E2F1E7;--dd-honey: #E8B717;--dd-honey-ink: #8A6605;--dd-honey-wash: #FBF0CE;--dd-cherry: #DB4B4B;--dd-cherry-ink: #B02F2F;--dd-cherry-wash: #FBE4E2;--dd-highlight: #FFE98A;--dd-bg: var(--dd-paper);--dd-surface: var(--dd-paper-2);--dd-text: var(--dd-ink);--dd-text-muted: var(--dd-ink-soft);--dd-border: var(--dd-ink);--dd-border-quiet: var(--dd-graphite);--dd-primary: var(--dd-grape);--dd-on-primary: #FFFFFF;--dd-success: var(--dd-moss);--dd-warning: var(--dd-honey);--dd-danger: var(--dd-cherry);--dd-focus: var(--dd-grape);--dd-stroke-hair: 1.5px;--dd-stroke: 2.5px;--dd-stroke-bold: 4px;--dd-r-1: 255px 15px 225px 15px / 15px 225px 15px 255px;--dd-r-2: 15px 225px 15px 255px / 225px 15px 255px 15px;--dd-r-3: 125px 10px 140px 12px / 12px 130px 10px 125px;--dd-r-4: 18px 140px 20px 150px / 150px 20px 135px 18px;--dd-r-pill: 60px 45px 55px 50px / 28px 30px 26px 32px;--dd-r-blob: 48% 52% 55% 45% / 45% 48% 52% 55%;--dd-shadow-sm: 2px 2px 0 var(--dd-ink);--dd-shadow: 4px 4px 0 var(--dd-ink);--dd-shadow-lg: 7px 7px 0 var(--dd-ink);--dd-shadow-press: 1px 1px 0 var(--dd-ink);--dd-shadow-color: 4px 4px 0 var(--dd-grape);--dd-1: 4px;--dd-2: 8px;--dd-3: 12px;--dd-4: 16px;--dd-5: 24px;--dd-6: 32px;--dd-7: 48px;--dd-8: 64px;--dd-9: 96px;--dd-10: 128px;--dd-font-display: "Shantell Sans", "Comic Neue", ui-rounded, cursive;--dd-font-hand: "Caveat", "Shantell Sans", cursive;--dd-font-body: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--dd-font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", monospace;--dd-text-xs: .875rem;--dd-text-sm: 1rem;--dd-text-base: 1.125rem;--dd-text-lg: 1.3125rem;--dd-text-xl: 1.5625rem;--dd-text-2xl: 2rem;--dd-text-3xl: 2.625rem;--dd-text-4xl: 3.5rem;--dd-text-5xl: 4.75rem;--dd-leading-tight: 1.1;--dd-leading-head: 1.25;--dd-leading-body: 1.65;--dd-measure: 68ch;--dd-ease: cubic-bezier(.34, 1.4, .64, 1);--dd-fast: .12s;--dd-normal: .18s;--dd-slow: .32s;--dd-container: 1120px;--dd-gutter: var(--dd-5)}@media (prefers-color-scheme: dark){:root[data-theme=doodle]{color-scheme:dark;--dd-paper: #24302C;--dd-paper-2: #2E3B36;--dd-paper-3: #3A4842;--dd-ink: #F2EFE4;--dd-ink-soft: #C3C9BE;--dd-graphite: #6D7A73;--dd-grape: #B69BFF;--dd-grape-deep: #D2C2FF;--dd-grape-wash: #36325A;--dd-on-primary: #241B45;--dd-tangerine: #FFBC7A;--dd-tangerine-ink: #FFC98F;--dd-tangerine-wash: #4A3A2A;--dd-moss: #86D8A2;--dd-moss-ink: #9BE3B4;--dd-moss-wash: #28402F;--dd-honey: #FFDE73;--dd-honey-ink: #FFE694;--dd-honey-wash: #45401F;--dd-cherry: #FF9A94;--dd-cherry-ink: #FFB0AB;--dd-cherry-wash: #4A2E2C;--dd-highlight: #5C5A2E;--dd-shadow-sm: 2px 2px 0 #101714;--dd-shadow: 4px 4px 0 #101714;--dd-shadow-lg: 7px 7px 0 #101714;--dd-shadow-press: 1px 1px 0 #101714}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{color-scheme:light}body{min-width:320px;min-height:100vh;background-color:var(--dd-paper);background-image:repeating-linear-gradient(to right,transparent 0 23px,color-mix(in srgb,var(--dd-ink) 8%,transparent) 23px 24px),repeating-linear-gradient(to bottom,transparent 0 23px,color-mix(in srgb,var(--dd-ink) 8%,transparent) 23px 24px);color:var(--dd-ink);font-family:var(--dd-font-body);font-size:var(--dd-text-base);line-height:var(--dd-leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}h1,h2,h3,h4{color:var(--dd-ink);font-family:var(--dd-font-display);line-height:var(--dd-leading-head);font-weight:700}h1{font-size:var(--dd-text-4xl);line-height:var(--dd-leading-tight);font-weight:800}h2{font-size:var(--dd-text-2xl)}h3{font-size:var(--dd-text-xl);font-weight:600}h4{font-size:var(--dd-text-lg);font-weight:600}p{max-width:var(--dd-measure)}button,input,select,textarea{font:inherit}:where(a,button,label,summary,[role=button],[role=option],[role=tab]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (pointer: coarse){input:not([type=range],[type=checkbox],[type=radio],[type=color],[type=file]),select,textarea{font-size:max(16px,1em)}}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--dd-focus);outline-offset:2px;border-radius:2px}@keyframes dd-wobble{0%{transform:rotate(0)}35%{transform:rotate(-1.5deg)}70%{transform:rotate(1.2deg)}to{transform:rotate(0)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-theme=arcade]{color-scheme:dark;--dd-paper: #0b0a14;--dd-paper-2: #16131f;--dd-paper-3: #221d33;--dd-ink: #e8f7ff;--dd-ink-soft: #a9b8d6;--dd-graphite: #565170;--dd-grape: #ff3ea5;--dd-grape-deep: #ff8fd0;--dd-grape-wash: #2e1030;--dd-on-primary: #0b0a14;--dd-tangerine: #ffa14f;--dd-tangerine-ink: #ffc48a;--dd-tangerine-wash: #3a2410;--dd-moss: #3dff88;--dd-moss-ink: #7dffb0;--dd-moss-wash: #0d2f1e;--dd-honey: #ffe14d;--dd-honey-ink: #ffe89a;--dd-honey-wash: #3a3410;--dd-cherry: #ff4d6a;--dd-cherry-ink: #ff8fa0;--dd-cherry-wash: #3a1418;--dd-highlight: #35f0ff;--dd-focus: #35f0ff;--dd-r-1: 0;--dd-r-2: 0;--dd-r-3: 0;--dd-r-4: 0;--dd-r-pill: 0;--dd-r-blob: 0;--dd-shadow-sm: inset 1px 1px 0 rgba(0, 0, 0, .55), 2px 2px 0 #000;--dd-shadow: inset 2px 2px 0 rgba(0, 0, 0, .55), 4px 4px 0 #000;--dd-shadow-lg: inset 3px 3px 0 rgba(0, 0, 0, .55), 6px 6px 0 #000;--dd-shadow-press: inset 2px 2px 0 rgba(0, 0, 0, .8);--dd-shadow-color: 4px 4px 0 var(--dd-grape);--dd-5: 20px;--dd-6: 24px;--dd-7: 40px;--dd-8: 52px;--dd-9: 72px;--dd-10: 96px;--dd-font-display: "VT323", "Courier New", monospace;--dd-font-hand: "VT323", "Courier New", monospace;--dd-text-4xl: 4rem;--dd-text-3xl: 3rem;--dd-ease: cubic-bezier(.3, 1.5, .5, 1);--dd-fast: 60ms;--dd-normal: .1s;--dd-slow: .15s}:root[data-theme=arcade] body{background-color:var(--dd-paper);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(53,240,255,.05) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(53,240,255,.05) 31px 32px)}:root[data-theme=arcade] h1,:root[data-theme=arcade] h2,:root[data-theme=arcade] h3{text-transform:uppercase;letter-spacing:.04em;font-weight:400}:root[data-theme=arcade] h1,:root[data-theme=arcade] h2{text-shadow:0 0 10px currentColor}:root[data-theme=arcade] .shell-wordmark{font-weight:400;padding:10px 14px;border:3px solid #000;background-color:var(--dd-paper-3);background-image:radial-gradient(circle,#ffe14d 2.5px,transparent 3px),radial-gradient(circle,#ffe14d 2.5px,transparent 3px);background-size:14px 10px,14px 10px;background-position:left top,left bottom;background-repeat:repeat-x,repeat-x}:root[data-theme=arcade] .mode-card-title,:root[data-theme=arcade] .stat-card-value,:root[data-theme=arcade] .podium-flag{font-weight:400}:root[data-theme=arcade] .mode-card-title{color:var(--dd-highlight)}:root[data-theme=arcade] .menu-btn,:root[data-theme=arcade] .reset-btn,:root[data-theme=arcade] .reset-btn-small,:root[data-theme=arcade] .rounds-btn,:root[data-theme=arcade] .copy-room-btn{text-transform:uppercase;letter-spacing:.08em}:root[data-theme=arcade] .shell-bar:after{filter:none;border-bottom-color:var(--dd-highlight)}:root[data-theme=arcade] .stat-card,:root[data-theme=arcade] .leaderboard-item,:root[data-theme=arcade] .podium-flag,:root[data-theme=arcade] .playlist-card{transform:none}@media (hover: hover){:root[data-theme=arcade] .leaderboard-item:hover{transform:none}}:root[data-theme=arcade] .podium-flag{font-family:var(--dd-font-display);text-transform:uppercase;letter-spacing:.1em}@keyframes arcade-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}:root[data-theme=arcade] .toast-content{animation:arcade-pop var(--dd-normal) var(--dd-ease);border-left-color:var(--dd-highlight)}:root[data-theme=arcade] .game-stats{gap:6px}:root[data-theme=arcade] .game-stat{padding:2px 8px;border:2px solid #000;background:var(--dd-paper-3)}:root[data-theme=arcade] .game-stat-label{text-transform:uppercase;font-weight:800;font-size:.7rem;letter-spacing:.12em}:root[data-theme=arcade] .game-stat-value{font-family:var(--dd-font-display);font-size:1.35rem;font-weight:400;color:var(--dd-highlight)}:root[data-theme=arcade] .conn-status{font-family:var(--dd-font-display);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:400}:root[data-theme=arcade] .room-code{font-family:var(--dd-font-display);font-size:3.25rem;font-weight:400;color:var(--dd-highlight);text-shadow:0 0 12px currentColor}@media (hover: hover){:root[data-theme=arcade] .choice-btn:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--dd-highlight),var(--dd-shadow)}}:root[data-theme=arcade] .choice-btn:active:not(:disabled){box-shadow:inset 2px 2px #000c}@media (hover: hover){:root[data-theme=arcade] .menu-btn:hover,:root[data-theme=arcade] .copy-room-btn:hover{box-shadow:inset 2px 2px #0000008c,6px 6px #000,0 0 12px var(--dd-grape)}}:root[data-theme=arcade] input{caret-color:var(--dd-highlight)}:root[data-theme=arcade] input::placeholder{color:var(--dd-ink-soft);text-transform:uppercase;letter-spacing:.06em}:root[data-theme=arcade] .result-verdict,:root[data-theme=arcade] .result-points{font-family:var(--dd-font-display);font-weight:400;text-transform:uppercase}@media (min-width: 641px){:root[data-theme=arcade] .result-points{font-size:2.25rem}}@keyframes arcade-menu-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}:root[data-theme=arcade] .shell-menu-list{border-color:var(--dd-highlight);animation:arcade-menu-in var(--dd-slow) steps(4,end) both}:root[data-theme=arcade] .shell-menu-item{font-family:var(--dd-font-display);font-size:1.35rem;text-transform:uppercase;letter-spacing:.08em}:root[data-theme=arcade] .shell-menu-item:focus-visible{background:var(--dd-grape);color:var(--dd-on-primary)}@media (hover: hover){:root[data-theme=arcade] .shell-menu-item:hover{background:var(--dd-grape);color:var(--dd-on-primary)}}:root[data-theme=arcade] .shell-menu-item:focus-visible:before{content:"▶ "}@media (hover: hover){:root[data-theme=arcade] .shell-menu-item:hover:before{content:"▶ "}}:root[data-theme=synthwave]{color-scheme:dark;--dd-paper: #1a0b2e;--dd-paper-2: #241040;--dd-paper-3: #321656;--dd-ink: #f5e9ff;--dd-ink-soft: #c2a8e8;--dd-graphite: #6c4f96;--dd-grape: #ff2e97;--dd-grape-deep: #ff8cc6;--dd-grape-wash: #3d1450;--dd-on-primary: #1a0b2e;--dd-tangerine: #ff9e3d;--dd-tangerine-ink: #ffc07f;--dd-tangerine-wash: #3f2218;--dd-moss: #2dffc4;--dd-moss-ink: #8affdf;--dd-moss-wash: #0f3533;--dd-honey: #ffd23f;--dd-honey-ink: #ffe38a;--dd-honey-wash: #3d3016;--dd-cherry: #ff4f6d;--dd-cherry-ink: #ff94a6;--dd-cherry-wash: #3f1426;--dd-highlight: #2de2ff;--dd-focus: #2de2ff;--dd-stroke-hair: 1px;--dd-stroke: 2px;--dd-stroke-bold: 3px;--dd-r-1: 10px;--dd-r-2: 10px;--dd-r-3: 10px;--dd-r-4: 10px;--dd-r-pill: 999px;--dd-r-blob: 50%;--dd-shadow-sm: 0 0 6px rgba(255, 46, 151, .45);--dd-shadow: 0 0 12px rgba(255, 46, 151, .5), 0 0 2px rgba(45, 226, 255, .6);--dd-shadow-lg: 0 0 22px rgba(255, 46, 151, .6), 0 0 4px rgba(45, 226, 255, .8);--dd-shadow-press: 0 0 3px rgba(255, 46, 151, .6);--dd-shadow-color: 0 0 16px var(--dd-highlight);--dd-font-display: "Audiowide", "Exo 2", sans-serif;--dd-font-hand: "Audiowide", "Exo 2", sans-serif;--dd-font-body: "Exo 2", "Segoe UI", system-ui, sans-serif;--dd-ease: cubic-bezier(.2, .8, .2, 1);--dd-fast: .14s;--dd-normal: .22s;--dd-slow: .38s}:root[data-theme=synthwave] body{background:linear-gradient(180deg,#12061f,#1a0b2e 45%,#2a0e45) fixed}:root[data-theme=synthwave] body:before,:root[data-theme=synthwave] body:after{content:"";position:fixed;left:50%;z-index:-1;pointer-events:none}:root[data-theme=synthwave] body:before{bottom:30vh;width:42vmin;height:42vmin;translate:-50% 50%;border-radius:50%;background:linear-gradient(180deg,#ffd23f,#ff9e3d 35%,#ff2e97 75%);mask:repeating-linear-gradient(180deg,#000 0 58%,transparent 58% 62%,#000 62% 68%,transparent 68% 73%,#000 73% 80%,transparent 80% 86%,#000 86% 100%);opacity:.28;filter:blur(.5px)}:root[data-theme=synthwave] body:after{bottom:0;width:220vw;height:30vh;translate:-50% 0;transform:perspective(300px) rotateX(62deg);transform-origin:bottom;background:repeating-linear-gradient(90deg,rgba(255,46,151,.45) 0 2px,transparent 2px 80px),repeating-linear-gradient(0deg,rgba(45,226,255,.4) 0 2px,transparent 2px 48px);mask:linear-gradient(0deg,#000 30%,transparent);opacity:.5}:root[data-theme=synthwave] h1,:root[data-theme=synthwave] h2,:root[data-theme=synthwave] .shell-wordmark{font-weight:400;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(180deg,#fff,#c9f6ff 45%,#ff8cc6 55%,#ff2e97);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,46,151,.6))}:root[data-theme=synthwave] h3,:root[data-theme=synthwave] .mode-card-title{font-weight:400;letter-spacing:.04em;color:var(--dd-highlight);text-shadow:0 0 8px rgba(45,226,255,.6)}:root[data-theme=synthwave] .shell-bar:after{filter:none;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--dd-grape),var(--dd-highlight),transparent) 1;box-shadow:0 2px 12px #ff2e9780}:root[data-theme=synthwave] .stat-card,:root[data-theme=synthwave] .leaderboard-item,:root[data-theme=synthwave] .podium-flag,:root[data-theme=synthwave] .playlist-card{transform:none}@media (hover: hover){:root[data-theme=synthwave] .leaderboard-item:hover{transform:none}}:root[data-theme=synthwave] .mode-card,:root[data-theme=synthwave] .choice-btn,:root[data-theme=synthwave] .result,:root[data-theme=synthwave] .stat-card,:root[data-theme=synthwave] .score-rail,:root[data-theme=synthwave] .mode-picker-btn{background:linear-gradient(160deg,#3d1450d9,#1a0b2ed9);border-color:#2de2ff8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (hover: hover){:root[data-theme=synthwave] .mode-card:hover,:root[data-theme=synthwave] .choice-btn:hover:not(:disabled){border-color:var(--dd-highlight);background:linear-gradient(160deg,#5a1c6ee6,#241040e6)}}:root[data-theme=synthwave] .menu-btn-primary,:root[data-theme=synthwave] .rounds-btn-active,:root[data-theme=synthwave] .setup-tab-active{background:linear-gradient(90deg,#ff2e97,#b14dff);border-color:#ff8cc6;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.5)}:root[data-theme=synthwave] .menu-btn,:root[data-theme=synthwave] .rounds-btn,:root[data-theme=synthwave] .setup-tab{text-transform:uppercase;letter-spacing:.1em}:root[data-theme=synthwave] input{caret-color:var(--dd-highlight)}:root[data-theme=synthwave] .round-timer-fill{background:linear-gradient(90deg,var(--dd-highlight),var(--dd-grape));box-shadow:0 0 10px var(--dd-grape)}:root[data-theme=synthwave] .round-art{border-color:var(--dd-highlight);box-shadow:0 0 24px #2de2ff73,0 0 60px #ff2e9759}@keyframes synth-pulse{to{box-shadow:0 0 36px #2de2ffcc,0 0 90px #ff2e9799}}:root[data-theme=synthwave] .round-art.playing{animation:synth-pulse .6s ease-in-out infinite alternate}:root[data-theme=synthwave] .result-verdict,:root[data-theme=synthwave] .result-points,:root[data-theme=synthwave] .game-stat-value,:root[data-theme=synthwave] .room-code{font-family:var(--dd-font-display);font-weight:400;text-shadow:0 0 10px currentColor}@keyframes synth-on{0%{opacity:0;filter:brightness(2.5) blur(2px);transform:scaleY(.6)}60%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:none;transform:none}}:root[data-theme=synthwave] .shell-menu-list,:root[data-theme=synthwave] .toast-content{animation:synth-on var(--dd-slow) var(--dd-ease) both;border-color:var(--dd-highlight);background:#1a0b2e}:root[data-theme=synthwave] .trackdle-logo .logo-word{font-size:36px}:root[data-theme=vinyl]{--dd-paper: #f6ead3;--dd-paper-2: #efdcb9;--dd-paper-3: #e4c998;--dd-ink: #3b2418;--dd-ink-soft: #6e4a33;--dd-graphite: #b99a74;--dd-grape: #c8511f;--dd-grape-deep: #9c3b12;--dd-grape-wash: #f7d9bf;--dd-on-primary: #fff6e6;--dd-tangerine: #e1a730;--dd-tangerine-ink: #8a5f0e;--dd-tangerine-wash: #f7e5bb;--dd-moss: #6b8e23;--dd-moss-ink: #4a6414;--dd-moss-wash: #e5ecc9;--dd-honey: #e1a730;--dd-honey-ink: #8a5f0e;--dd-honey-wash: #f7e5bb;--dd-cherry: #b8352a;--dd-cherry-ink: #8e2419;--dd-cherry-wash: #f5d5cd;--dd-highlight: #f2c14e;--dd-focus: #c8511f;--dd-stroke-hair: 1.5px;--dd-stroke: 2.5px;--dd-stroke-bold: 3.5px;--dd-r-1: 22px;--dd-r-2: 22px;--dd-r-3: 18px;--dd-r-4: 18px;--dd-r-pill: 999px;--dd-r-blob: 50%;--dd-shadow-sm: 3px 3px 0 #e1a730;--dd-shadow: 3px 3px 0 #e1a730, 6px 6px 0 #c8511f;--dd-shadow-lg: 3px 3px 0 #e1a730, 6px 6px 0 #c8511f, 9px 9px 0 #3b2418;--dd-shadow-press: 1px 1px 0 #e1a730;--dd-shadow-color: 4px 4px 0 var(--dd-grape);--dd-font-display: "Shrikhand", "Cooper Black", serif;--dd-font-hand: "Shrikhand", "Cooper Black", serif;--dd-font-body: "Work Sans", "Segoe UI", system-ui, sans-serif;--dd-ease: cubic-bezier(.25, 1.25, .5, 1);--dd-slow: .42s}:root[data-theme=vinyl] body{background-color:var(--dd-paper);background-image:repeating-radial-gradient(circle at 100% 100%,transparent 0 5px,rgba(59,36,24,.045) 5px 6px),radial-gradient(circle at 100% 100%,rgba(59,36,24,.08) 0 30vmax,transparent 30vmax);background-attachment:fixed}:root[data-theme=vinyl] h1,:root[data-theme=vinyl] h2,:root[data-theme=vinyl] h3,:root[data-theme=vinyl] .mode-card-title{font-weight:400;color:var(--dd-grape);text-shadow:2px 2px 0 var(--dd-highlight)}:root[data-theme=vinyl] .shell-wordmark{font-weight:400;color:var(--dd-ink);text-shadow:2px 2px 0 #e1a730,4px 4px 0 #c8511f}:root[data-theme=vinyl] .shell-bar:after{filter:none;height:12px;border:none;background:linear-gradient(180deg,#e1a730 0,#e1a730 33%,#c8511f 33%,#c8511f 66%,#3b2418 66%,#3b2418);border-radius:999px}:root[data-theme=vinyl] .stat-card,:root[data-theme=vinyl] .leaderboard-item,:root[data-theme=vinyl] .podium-flag,:root[data-theme=vinyl] .playlist-card{transform:none}@media (hover: hover){:root[data-theme=vinyl] .leaderboard-item:hover{transform:none}}:root[data-theme=vinyl] .menu-btn,:root[data-theme=vinyl] .choice-btn,:root[data-theme=vinyl] .mode-picker-btn{font-weight:700}:root[data-theme=vinyl] .menu-btn-primary,:root[data-theme=vinyl] .rounds-btn-active{background:linear-gradient(180deg,#d9622b,#c8511f)}:root[data-theme=vinyl] .choice-key{border-radius:50%;background:var(--dd-highlight);color:var(--dd-ink)}:root[data-theme=vinyl] .round-art{border-radius:50%;border-width:10px;border-color:#1d120c;background:#1d120c;box-shadow:var(--dd-shadow-lg)}:root[data-theme=vinyl] .round-art:before,:root[data-theme=vinyl] .round-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;pointer-events:none}:root[data-theme=vinyl] .round-art:before{background:repeating-radial-gradient(circle,transparent 0 3px,rgba(0,0,0,.18) 3px 4px);mask:radial-gradient(circle,transparent 0 22%,#000 23%)}:root[data-theme=vinyl] .round-art:after{inset:calc(50% - 9px);background:var(--dd-paper);box-shadow:0 0 0 3px #1d120c}:root[data-theme=vinyl] .round-art-overlay{z-index:2;border-radius:50%}@keyframes vinyl-spin{to{transform:rotate(360deg)}}:root[data-theme=vinyl] .round-art.playing{animation:vinyl-spin 1.8s linear infinite}:root[data-theme=vinyl] .round-timer-fill{background:linear-gradient(90deg,#e1a730,#c8511f)}@keyframes vinyl-sleeve{0%{opacity:0;transform:translateY(-10px) scale(.96)}}:root[data-theme=vinyl] .shell-menu-list,:root[data-theme=vinyl] .toast-content{animation:vinyl-sleeve var(--dd-slow) var(--dd-ease) both}:root[data-theme=vinyl] .trackdle-logo .logo-word{font-size:50px}:root[data-theme=zine]{--dd-paper: #f3efe6;--dd-paper-2: #e9e3d6;--dd-paper-3: #dcd4c3;--dd-ink: #121212;--dd-ink-soft: #4a4744;--dd-graphite: #a39d92;--dd-grape: #e3222b;--dd-grape-deep: #a8141b;--dd-grape-wash: #fbd9d5;--dd-on-primary: #ffffff;--dd-tangerine: #ff7a1a;--dd-tangerine-ink: #a94a05;--dd-tangerine-wash: #ffe2c9;--dd-moss: #1f9d55;--dd-moss-ink: #146b39;--dd-moss-wash: #d7efdf;--dd-honey: #ffe600;--dd-honey-ink: #6b6000;--dd-honey-wash: #fff7a8;--dd-cherry: #e3222b;--dd-cherry-ink: #a8141b;--dd-cherry-wash: #fbd9d5;--dd-highlight: #ffe600;--dd-focus: #e3222b;--dd-stroke-hair: 1.5px;--dd-stroke: 2.5px;--dd-stroke-bold: 3.5px;--dd-r-1: 2px 0 3px 0;--dd-r-2: 0 3px 0 2px;--dd-r-3: 3px 0 2px 0;--dd-r-4: 0 2px 0 3px;--dd-r-pill: 3px;--dd-r-blob: 3px;--dd-shadow-sm: 2px 2px 0 #121212;--dd-shadow: 4px 4px 0 #121212;--dd-shadow-lg: 6px 6px 0 #121212;--dd-shadow-press: 1px 1px 0 #121212;--dd-shadow-color: 4px 4px 0 var(--dd-grape);--dd-font-display: "Permanent Marker", "Marker Felt", cursive;--dd-font-hand: "Permanent Marker", "Marker Felt", cursive;--dd-font-body: "Courier Prime", "Courier New", ui-monospace, monospace;--dd-ease: cubic-bezier(.5, 1.8, .5, .8)}:root[data-theme=zine] body{background-color:var(--dd-paper);background-image:radial-gradient(rgba(18,18,18,.09) 1px,transparent 1.2px),radial-gradient(rgba(18,18,18,.06) 1px,transparent 1.2px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}:root[data-theme=zine] h1,:root[data-theme=zine] h2,:root[data-theme=zine] h3,:root[data-theme=zine] .mode-card-title{font-weight:400;letter-spacing:.01em}:root[data-theme=zine] h2{text-decoration:underline;text-decoration-color:var(--dd-highlight);text-decoration-thickness:.45em;text-underline-offset:-.3em;text-decoration-skip-ink:none}:root[data-theme=zine] .shell:not(.shell-hero) .shell-wordmark{display:inline-block;padding:2px 12px;background:var(--dd-ink);color:var(--dd-paper);font-family:var(--dd-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.18em;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--dd-grape)}:root[data-theme=zine] .shell-bar:after{filter:none;border-bottom:3px dashed var(--dd-ink)}:root[data-theme=zine] .mode-card{position:relative;transform:rotate(-1deg)}:root[data-theme=zine] .mode-card+.mode-card{transform:rotate(1.2deg)}@media (hover: hover){:root[data-theme=zine] .mode-card:hover{transform:rotate(0) translate(-2px,-2px)}}:root[data-theme=zine] .mode-card:before,:root[data-theme=zine] .result:before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:22px;translate:-50% 0;rotate:-3deg;background:#ffe6008c;border-left:1px dashed rgba(18,18,18,.25);border-right:1px dashed rgba(18,18,18,.25);pointer-events:none}:root[data-theme=zine] .result{position:relative}:root[data-theme=zine] .choice-btn:nth-child(odd){rotate:-.6deg}:root[data-theme=zine] .choice-btn:nth-child(2n){rotate:.5deg}:root[data-theme=zine] .menu-btn,:root[data-theme=zine] .rounds-btn,:root[data-theme=zine] .setup-tab,:root[data-theme=zine] .mode-picker-btn{text-transform:uppercase;letter-spacing:.08em;font-weight:700}:root[data-theme=zine] .choice-correct{outline:3px solid var(--dd-grape);outline-offset:4px;border-radius:40% 55% 45% 60%/60% 45% 55% 40%!important}:root[data-theme=zine] .round-art{transform:rotate(-1.5deg)}:root[data-theme=zine] .round-art img.blurred{filter:blur(22px) grayscale(1) contrast(1.6)}:root[data-theme=zine] .round-timer-fill{background:repeating-linear-gradient(45deg,var(--dd-ink) 0 6px,var(--dd-grape) 6px 12px)}@keyframes zine-stamp{0%{opacity:0;transform:scale(1.35) rotate(-6deg)}70%{opacity:1;transform:scale(.97) rotate(1deg)}to{opacity:1;transform:rotate(-.5deg)}}:root[data-theme=zine] .shell-menu-list,:root[data-theme=zine] .toast-content{animation:zine-stamp var(--dd-slow) ease-out both}:root[data-theme=zine] .trackdle-logo .logo-word{font-size:52px}:root[data-theme=bubblegum]{--dd-paper: #fff4f9;--dd-paper-2: #ffe4f0;--dd-paper-3: #ffd0e5;--dd-ink: #4a2545;--dd-ink-soft: #7d5078;--dd-graphite: #e7b6d2;--dd-grape: #ff4f9a;--dd-grape-deep: #d42f78;--dd-grape-wash: #ffe0ee;--dd-on-primary: #ffffff;--dd-tangerine: #ffa65c;--dd-tangerine-ink: #b25e12;--dd-tangerine-wash: #ffe8d4;--dd-moss: #38c9a0;--dd-moss-ink: #1d8467;--dd-moss-wash: #d8f7ec;--dd-honey: #ffd35c;--dd-honey-ink: #8a6500;--dd-honey-wash: #fff2c7;--dd-cherry: #ff5c7a;--dd-cherry-ink: #c42849;--dd-cherry-wash: #ffe0e6;--dd-highlight: #b69cff;--dd-focus: #9b7bff;--dd-stroke-hair: 2px;--dd-stroke: 3px;--dd-stroke-bold: 4px;--dd-r-1: 28px;--dd-r-2: 28px;--dd-r-3: 24px;--dd-r-4: 24px;--dd-r-pill: 999px;--dd-r-blob: 50%;--dd-shadow-sm: inset 0 3px 0 rgba(255, 255, 255, .7), 0 3px 0 #f2a7c9;--dd-shadow: inset 0 4px 0 rgba(255, 255, 255, .7), 0 6px 0 #f2a7c9, 0 10px 18px rgba(212, 47, 120, .15);--dd-shadow-lg: inset 0 4px 0 rgba(255, 255, 255, .7), 0 9px 0 #f2a7c9, 0 16px 26px rgba(212, 47, 120, .2);--dd-shadow-press: inset 0 2px 0 rgba(255, 255, 255, .5), 0 1px 0 #f2a7c9;--dd-shadow-color: 0 6px 0 var(--dd-grape-deep);--dd-font-display: "Fredoka", ui-rounded, "Nunito", sans-serif;--dd-font-hand: "Fredoka", ui-rounded, "Nunito", sans-serif;--dd-font-body: "Fredoka", ui-rounded, "Nunito", sans-serif;--dd-ease: cubic-bezier(.34, 1.9, .5, 1);--dd-slow: .46s}:root[data-theme=bubblegum] body{background-color:var(--dd-paper);background-image:radial-gradient(circle,rgba(255,79,154,.14) 5px,transparent 6px),radial-gradient(circle,rgba(56,201,160,.14) 5px,transparent 6px);background-size:44px 44px;background-position:0 0,22px 22px}:root[data-theme=bubblegum] h1,:root[data-theme=bubblegum] h2,:root[data-theme=bubblegum] .shell-wordmark{font-weight:700;color:var(--dd-grape);text-shadow:3px 3px 0 #a8ecd8;-webkit-text-stroke:1px rgba(255,255,255,.6)}:root[data-theme=bubblegum] .setup-bar .rounds-selection h2{color:var(--dd-ink-soft);text-shadow:none;-webkit-text-stroke:0}:root[data-theme=bubblegum] h3,:root[data-theme=bubblegum] .mode-card-title{font-weight:600;color:var(--dd-ink)}:root[data-theme=bubblegum] .shell-bar:after{filter:none;height:6px;border:none;border-radius:999px;background:linear-gradient(90deg,#ff4f9a,#b69cff,#38c9a0,#ffd35c)}:root[data-theme=bubblegum] .stat-card,:root[data-theme=bubblegum] .leaderboard-item,:root[data-theme=bubblegum] .podium-flag,:root[data-theme=bubblegum] .playlist-card{transform:none}@media (hover: hover){:root[data-theme=bubblegum] .leaderboard-item:hover{transform:none}}:root[data-theme=bubblegum] .mode-card,:root[data-theme=bubblegum] .choice-btn,:root[data-theme=bubblegum] .menu-btn,:root[data-theme=bubblegum] .mode-picker-btn,:root[data-theme=bubblegum] .result,:root[data-theme=bubblegum] .stat-card{border-color:#f7b3d2}:root[data-theme=bubblegum] .menu-btn-primary,:root[data-theme=bubblegum] .rounds-btn-active,:root[data-theme=bubblegum] .setup-tab-active{background:linear-gradient(180deg,#ff7ab3,#ff4f9a);border-color:#d42f78}:root[data-theme=bubblegum] .mode-card:active,:root[data-theme=bubblegum] .choice-btn:active:not(:disabled),:root[data-theme=bubblegum] .menu-btn:active{transform:scale(.94,1.06)}:root[data-theme=bubblegum] .choice-key{border:none;border-radius:50%;background:var(--dd-highlight);color:#fff}@keyframes gum-jump{30%{transform:translateY(-10px) scale(1.05,.95)}55%{transform:translateY(0) scale(.95,1.05)}75%{transform:translateY(-3px)}}:root[data-theme=bubblegum] .choices>.choice-btn.choice-correct{animation:gum-jump .6s ease-out}:root[data-theme=bubblegum] .round-art{border-radius:36px;border-color:#f7b3d2}@keyframes gum-bob{to{transform:translateY(-6px) rotate(1deg)}}:root[data-theme=bubblegum] .round-art.playing{animation:gum-bob .6s ease-in-out infinite alternate}:root[data-theme=bubblegum] .round-timer-track{border-color:#f7b3d2}:root[data-theme=bubblegum] .round-timer-fill{background:repeating-linear-gradient(-45deg,#ff4f9a 0,#ff4f9a 10px,#ff7ab3 10px,#ff7ab3 20px)}@keyframes gum-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}80%{transform:scale(.97)}to{opacity:1;transform:none}}:root[data-theme=bubblegum] .shell-menu-list,:root[data-theme=bubblegum] .toast-content{animation:gum-pop var(--dd-slow) ease-out both;border-color:#f7b3d2}:root[data-theme=bubblegum] .trackdle-logo .logo-word{font-size:61px}