.df-game{color:#eee;max-width:980px;margin:0 auto;padding:12px 16px 48px;font-family:system-ui,sans-serif}.df-game h1{letter-spacing:.12em;margin:8px 0 12px;font-size:20px}.df-game h1 span{color:#ff4fa3}#slots{grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0;display:grid}.slot{background:#16122b;border:1px solid #2c2650;border-radius:10px;min-height:72px;padding:8px;font-size:12px}.slot-label{text-transform:uppercase;letter-spacing:.1em;opacity:.55;margin-bottom:5px;font-size:9.5px}.slot.filled{background:#1c1738;border-color:#4a3f8f}.slot.assignable{cursor:pointer;border-color:#ff4fa3;animation:1.2s ease-in-out infinite df-slot-pulse}@keyframes df-slot-pulse{0%,to{box-shadow:0 0 #ff4fa300}50%{box-shadow:0 0 0 4px #ff4fa340}}.slot-artist b{font-size:12.5px;line-height:1.15;display:block}.slot-artist small{opacity:.6;margin-top:2px;display:block}.slot-artist .rating{float:right;color:#14061f;background:#ff4fa3;border-radius:5px;padding:0 5px;font-size:11px;font-weight:800}.slot-empty{opacity:.5;text-align:center;padding-top:8px}.btn{color:#eee;cursor:pointer;background:#1c1836;border:1px solid #3a3466;border-radius:8px;padding:9px 16px;font-size:14px}.btn:hover:not(:disabled){border-color:#ff4fa3}.btn:disabled{opacity:.35;cursor:default}.btn.primary{color:#1c0714;background:#ff4fa3;border-color:#ff4fa3;font-weight:700}.spin-area{text-align:center;padding:10px 0}.reels{justify-content:center;gap:14px;margin-bottom:14px;display:flex}.reel{background:#16122b;border:1px solid #3a3466;border-radius:12px;min-width:150px;padding:12px 26px}.reel small{letter-spacing:.18em;opacity:.5;margin-bottom:4px;font-size:10px;display:block}.reel b{font-size:22px}.spin-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.rerolls{opacity:.75;letter-spacing:.2em;color:#ff4fa3;margin-left:6px;font-size:13px}.reveal-area{padding:8px 0}.reveal-title{text-align:center;opacity:.75;letter-spacing:.06em;margin-bottom:10px}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.card{text-align:center;background:#16122b;border:1px solid #3a3466;border-radius:12px;padding:11px 12px;position:relative}.card:hover{border-color:#ff4fa3}.card-rating{color:#14061f;background:#ff4fa3;border-radius:6px;padding:1px 7px;font-size:14px;font-weight:800;position:absolute;top:8px;right:8px}.card-name{text-align:left;margin:6px 26px 3px 0;font-size:15px;font-weight:800;line-height:1.15}.card-meta{opacity:.65;text-align:left;margin-bottom:4px;font-size:11px}.card-song{opacity:.85;text-align:left;margin-bottom:8px;font-size:11px;font-style:italic}.card .links{gap:8px;margin-bottom:9px;display:flex}.card .links a{color:#2ee6d6;font-size:11px;text-decoration:none}.card .links a:hover{text-decoration:underline}.card .btn{width:100%;padding:7px;font-size:13px}.playback-status{text-align:center;opacity:.9;letter-spacing:.04em;padding:14px;font-size:15px}.result{text-align:center;padding:12px 0}.result-tier{letter-spacing:.08em;font-size:30px;font-weight:900}.result-tier.soldout{color:#ff4fa3;text-shadow:0 0 18px #ff4fa399}.result-blurb{opacity:.75;margin:6px 0 16px}.result-stats{justify-content:center;gap:26px;margin-bottom:18px;display:flex}.result-stats .stat b{font-size:22px;display:block}.result-stats .stat small{opacity:.6}.result-bars{gap:8px;max-width:420px;margin:0 auto 20px;display:grid}.bar{grid-template-columns:64px 1fr 34px;align-items:center;gap:8px;font-size:12px;display:grid}.bar span{text-align:right;opacity:.7}.bar i{background:linear-gradient(90deg,#b06ef7,#ff4fa3);border-radius:5px;min-width:2px;height:9px;display:block}.bar em{opacity:.8;font-style:normal}@media (width<=760px){#slots{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:1fr}}