.feature-panel{border:1px solid var(--border,#29313e);border-radius:18px;padding:22px;margin:22px 0;background:var(--bg2,#131720)}
.feature-panel h2,.feature-panel h3{margin:0 0 10px}.feature-panel p{color:var(--text2,#a9b2c3);line-height:1.55}
.mode-select-card{max-height:90vh;overflow:auto}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-field{display:flex;flex-direction:column;gap:8px;color:var(--text2,#a9b2c3);font-size:.85rem}
.feature-field select,select.feature-select,.moderator-bar select{width:100%;padding:11px;border-radius:9px;border:1px solid var(--border,#334155);background:#0d111b;color:#fff;font:inherit}
.feature-field select:focus-visible,button:focus-visible{outline:2px solid #4ade80;outline-offset:3px}.mode-help{font-size:.85rem;line-height:1.5;margin:12px 0;color:#b4c3d8}
.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-option{border:1px solid #334155;border-radius:11px;padding:12px;background:#161c28;color:white;font:inherit;text-align:left;cursor:pointer}.mode-option.active{border-color:#32cf78;background:#123221}.mode-option span{display:block;font-size:.72rem;line-height:1.45;color:#aab5c7;margin-top:5px}
.lounge-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}.lounge-invite{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.lounge-invite img{width:110px;height:110px;border-radius:10px}.lounge-invite strong{font-size:1.6rem;letter-spacing:.2em}.lounge-invite a{display:block;color:#6ee7b7;overflow-wrap:anywhere;font-size:.75rem;margin-top:8px}
#vote-playlists{min-height:140px}.feature-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.vote-tally-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #283142;font-size:.85rem}.vote-tally-row span{overflow-wrap:anywhere}
.moderator-bar{border:1px solid #364156;background:#111827;border-radius:14px;padding:14px;margin:18px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.moderator-bar button,.moderator-bar select{font-size:.8rem}.moderator-bar select{width:auto;max-width:180px}.moderator-bar label{display:flex;gap:7px;align-items:center;font-size:.8rem}.moderator-label{font-size:.7rem;color:#a3b3c9;text-transform:uppercase;letter-spacing:.1em;width:100%}
.pause-notice{padding:16px;background:#4b3617;color:#ffe4a6;border:1px solid #b88938;border-radius:12px;margin:14px 0;text-align:center}.clip-panel{padding:14px;border:1px solid #355a50;background:#10251f;border-radius:14px;margin:14px 0}.clip-steps{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.clip-step{padding:6px 10px;border-radius:100px;background:#1f2937;color:#a9b9cc;font-size:.8rem}.clip-step.active{background:#28bf72;color:#061a10;font-weight:800}
.leaderboard-overlay{position:fixed;inset:0;z-index:900;background:#030711e8;overflow:auto;padding:36px 20px}.leaderboard-card{max-width:900px;margin:auto;background:#121722;border:1px solid #334155;border-radius:22px;padding:24px}.leaderboard-card table,.tournament-table{width:100%;border-collapse:collapse;margin:16px 0}.leaderboard-card th,.leaderboard-card td,.tournament-table th,.tournament-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #2a3446;font-size:.85rem;overflow-wrap:anywhere}.leaderboard-card th{color:#9aacbf;font-weight:600}.leaderboard-scroll{overflow-x:auto}.save-status{font-size:.8rem;color:#9fbea9;margin:12px 0}.results-btns{flex-wrap:wrap}.results-headline{overflow-wrap:anywhere}
.phone-vote-button{width:100%;padding:16px;border:1px solid #3b4960;border-radius:13px;background:#141b2b;color:white;text-align:left;font:inherit;cursor:pointer;margin:7px 0}.phone-vote-button.selected{border-color:#4ade80;background:#143524}.phone-vote-button small{display:block;color:#a8b7cb;margin-top:6px}.phone-pause{position:fixed;inset:0;z-index:700;display:flex;justify-content:center;align-items:center;background:#070c16dd;pointer-events:auto;color:white;text-align:center;padding:28px}.phone-pause div{border:1px solid #b88938;border-radius:20px;padding:28px;background:#211b10}.phone-vote{max-width:500px;width:100%;margin:auto;padding:24px}.phone-mode-info{font-size:.75rem;color:#9fb3c8;line-height:1.45;text-align:center;padding:8px}
[hidden]{display:none!important}
@media(max-width:700px){.feature-grid,.lounge-layout{grid-template-columns:1fr}.mode-picker{grid-template-columns:1fr}.moderator-bar button{flex:1 1 130px}.leaderboard-card{padding:16px}.leaderboard-card td,.leaderboard-card th{font-size:.75rem;padding:10px 5px}}

.vote-candidates{display:grid;gap:6px;max-height:240px;overflow:auto;margin:8px 0}.vote-candidate{display:flex;align-items:center;gap:10px;padding:12px;background:#151b26;border:1px solid #354052;border-radius:8px;cursor:pointer}.vote-candidate:has(input:checked){border-color:#4ade80;background:#153025}.vote-candidate input{width:20px;height:20px;accent-color:#4ade80}.vote-candidate span{overflow-wrap:anywhere}