.bingo-panel{background:linear-gradient(160deg,#fff,#f7f4ff);border:1px solid #a78bfa4d;border-radius:18px;box-shadow:0 6px 22px #7b6cf61f;box-sizing:border-box;margin:10px;padding:14px}.bingo-panel.dark{background:linear-gradient(160deg,#2a2740,#221f36);border-color:#a78bfa40;color:#ececf5}.bingo-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bingo-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:900}.bingo-players{color:#7b6cf6;font-size:12px;font-weight:700}.bingo-status{color:#6b6b7a;color:var(--text-light,#6b6b7a);font-size:13px;font-weight:600;margin-bottom:10px;text-align:center}.bingo-panel.dark .bingo-status{color:#b9b6cc}.bingo-ready-btn{background:linear-gradient(135deg,#7b6cf6,#a78bfa);border:none;border-radius:14px;box-shadow:0 6px 18px #7b6cf659;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:800;margin:0 auto 12px;max-width:320px;padding:12px;transition:transform .08s ease,background .2s ease,box-shadow .2s ease;width:100%}.bingo-ready-btn.on{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 6px 18px #16a34a66}.bingo-ready-btn:active{transform:scale(.98)}.bingo-winner{background:#16a34a1a;border-radius:12px;color:#16a34a;font-size:15px;font-weight:800;margin-bottom:10px;padding:8px;text-align:center}.bingo-lastdraw{margin-bottom:12px}.bingo-ball,.bingo-lastdraw{display:flex;justify-content:center}.bingo-ball{align-items:center;animation:bingo-pop .3s ease-out;background:radial-gradient(circle at 32% 28%,#fff 0,#9b5de5 60%,#7b6cf6 100%);border-radius:50%;box-shadow:0 6px 16px #7b6cf666;color:#fff;flex-direction:column;height:76px;width:76px}.bingo-ball.empty{animation:none;background:#a78bfa2e;color:#6b6b7a;color:var(--text-light,#6b6b7a);font-size:22px;font-weight:800}.bingo-ball-letter{font-size:12px;font-weight:800;letter-spacing:1px;opacity:.9}.bingo-ball-num{font-size:30px;font-weight:900;line-height:1}@keyframes bingo-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.bingo-card,.bingo-card-header{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:320px}.bingo-col-letter{color:#7b6cf6;font-size:15px;font-weight:900;padding-bottom:4px;text-align:center}.bingo-card{margin-bottom:12px;margin-top:0}.bingo-cell{align-items:center;aspect-ratio:1/1;background:#fff;border:1.5px solid #a78bfa4d;border-radius:10px;color:#2e2e38;color:var(--text,#2e2e38);display:flex;font-size:16px;font-weight:700;justify-content:center;transition:background .15s ease,transform .1s ease}.bingo-panel.dark .bingo-cell{background:#ffffff0f;border-color:#a78bfa40;color:#ececf5}.bingo-cell.marked{background:linear-gradient(135deg,#7b6cf6,#9b5de5);border-color:#0000;color:#fff;transform:scale(.96)}.bingo-cell.free{background:linear-gradient(135deg,#f2a6b3,#f97362);border-color:#0000;color:#fff}.bingo-claim-btn{background:#7b6cf666;border:none;border-radius:14px;box-shadow:none;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:800;margin:0 auto;max-width:320px;padding:12px;transition:transform .08s ease,background .2s ease;width:100%}.bingo-claim-btn.ready{animation:bingo-glow 1.2s ease-in-out infinite;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 6px 18px #16a34a66}.bingo-claim-btn:active{transform:scale(.98)}.bingo-claim-btn:disabled{cursor:default;opacity:.5}@keyframes bingo-glow{0%,to{box-shadow:0 6px 18px #16a34a66}50%{box-shadow:0 6px 26px #16a34ab3}}.bingo-claim-msg{font-size:13px;font-weight:700;margin-top:8px;text-align:center}.bingo-claim-msg.good{color:#16a34a}.bingo-claim-msg.bad{color:#ef4444}.bingo-spectate{background:#a78bfa14;border-radius:12px;color:#6b6b7a;color:var(--text-light,#6b6b7a);font-size:13px;padding:16px 8px;text-align:center}.bingo-panel.dark .bingo-spectate{color:#b9b6cc}.bingo-drawn{margin-top:14px}.bingo-drawn-title{color:#6b6b7a;color:var(--text-light,#6b6b7a);font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.bingo-drawn-list{display:flex;flex-wrap:wrap;gap:5px}.bingo-drawn-chip{background:#7b6cf61f;border-radius:10px;color:#7b6cf6;font-size:11px;font-weight:700;padding:3px 7px}.jukebox-fab-container{align-items:center!important;animation:jukebox-fab-float 3s ease-in-out infinite;cursor:move!important;display:flex!important;flex-direction:column!important;gap:0!important;position:fixed!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:100!important}.jukebox-fab-container.dragging,.jukebox-fab-container.menu-open{animation:none}@keyframes jukebox-fab-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn-jukebox-toggle{align-items:center;background:#0000!important;border:none!important;box-shadow:none!important;cursor:grab!important;display:flex!important;flex-direction:column!important;gap:3px;margin:0!important;min-width:0!important;min-width:auto!important;outline:none!important;padding:0!important;width:auto!important}.jukebox-fab-icon{filter:drop-shadow(0 2px 8px rgba(123,108,246,.5));font-size:36px;transition:filter .25s ease}.jukebox-fab-playing{animation:jukebox-note-bounce 1s ease infinite;font-size:12px;pointer-events:none;position:absolute;right:-8px;top:-4px}@keyframes jukebox-note-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-10deg)}75%{transform:translateY(-3px) rotate(10deg)}}.jukebox-fab-tooltip{color:#7b6cf6d9;font-size:9px!important;font-weight:800!important;letter-spacing:.8px;opacity:.9;pointer-events:none;text-transform:uppercase;white-space:nowrap}@keyframes jukebox-tooltip-intro{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.jukebox-fab-container:hover .jukebox-fab-tooltip{animation:none;opacity:1!important}.jukebox-fab-container.menu-open .jukebox-fab-tooltip{animation:none;opacity:0!important}.jukebox-fab-container:hover .jukebox-fab-icon{filter:drop-shadow(0 3px 10px rgba(123,108,246,.6))}.jukebox-fab-container.dragging .btn-jukebox-toggle{cursor:grabbing!important}body.dark-mode .jukebox-fab-icon{filter:drop-shadow(0 2px 8px rgba(154,140,255,.6))}body.dark-mode .jukebox-fab-tooltip{color:#c4b5fde6}body.dark-mode .jukebox-fab-container:hover .jukebox-fab-icon{filter:drop-shadow(0 3px 12px rgba(154,140,255,.7))}