@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060b1a;--blue: #0a1f6e;--blue-h: #0e2a94;--border: #1a3aaa;--gold: #f5c842;--gold-d: #c9a020;--correct: #22c55e;--wrong: #ef4444;--fd: "Bebas Neue", sans-serif;--fb: "Barlow Condensed", sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:#fff;font-family:var(--fb);overflow-x:hidden}.jp-logo{font-family:var(--fd);color:var(--gold);letter-spacing:4px;font-size:2.8rem;text-shadow:0 0 24px rgba(245,200,66,.4)}.jp-logo.small{font-size:1.6rem;letter-spacing:3px}.btn-start{width:100%;font-family:var(--fd);font-size:1.4rem;letter-spacing:3px;background:var(--gold);color:#000;border:none;border-radius:8px;padding:13px;cursor:pointer;transition:background .15s}.btn-start:hover:not(:disabled){background:var(--gold-d)}.btn-start:disabled{opacity:.4;cursor:not-allowed}.btn-primary{font-family:var(--fb);font-weight:700;font-size:14px;background:var(--gold);color:#000;border:none;border-radius:7px;padding:9px 20px;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--gold-d)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{font-family:var(--fb);font-weight:600;font-size:13px;background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:8px 16px;cursor:pointer;transition:all .15s}.btn-ghost:hover{color:#fff;border-color:#ffffff80}.btn-correct{font-family:var(--fb);font-weight:700;font-size:18px;background:var(--correct);color:#fff;border:none;border-radius:7px;padding:8px 16px;cursor:pointer;transition:filter .15s}.btn-correct:hover{filter:brightness(1.15)}.btn-wrong{font-family:var(--fb);font-weight:700;font-size:18px;background:var(--wrong);color:#fff;border:none;border-radius:7px;padding:8px 16px;cursor:pointer;transition:filter .15s}.btn-wrong:hover{filter:brightness(1.15)}.conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conn-dot.on{background:var(--correct)}.conn-dot.off{background:var(--wrong)}.jp-board{display:grid;gap:4px}.jp-col{display:flex;flex-direction:column;gap:4px}.cat-hdr{background:var(--blue);border:1.5px solid var(--border);border-radius:4px;color:#fff;font-family:var(--fd);font-size:clamp(.75rem,1.7vw,1.1rem);letter-spacing:.5px;text-align:center;padding:6px 3px;display:flex;align-items:center;justify-content:center;min-height:52px;line-height:1.1}.cat-hdr--sm{min-height:44px;font-size:clamp(.75rem,1.8vw,.95rem);line-height:1.2}.jp-cell{flex:1;background:var(--blue);border:1.5px solid var(--border);border-radius:4px;color:var(--gold);font-family:var(--fd);font-size:clamp(1rem,2.3vw,1.6rem);display:flex;align-items:center;justify-content:center;min-height:48px;position:relative;transition:background .12s,transform .1s}.jp-cell:not(.jp-cell--readonly){cursor:pointer}.jp-cell:not(.jp-cell--readonly):hover:not(:disabled){background:var(--blue-h);transform:scale(1.03)}.jp-cell--used{background:#050e30;border-color:#1a3aaa33;opacity:.22}.jp-cell--readonly{cursor:default}.jp-cell--active{border-color:var(--gold);background:var(--blue-h);box-shadow:0 0 10px #f5c84266}.jp-cell--dd{border-color:#f5c84280}.dd-pip{position:absolute;top:2px;right:3px;font-size:8px;font-family:var(--fb);font-weight:700;color:var(--gold);opacity:.7}.cell-pips{position:absolute;bottom:3px;left:4px;display:flex;gap:2px;font-size:clamp(13px,1.6vw,18px);line-height:1;opacity:.95}.host-lobby,.player-lobby{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.lobby-card{background:#0a1f6e8c;border:2px solid var(--border);border-radius:14px;padding:40px 44px;text-align:center;max-width:380px;width:90%;display:flex;flex-direction:column;gap:14px}.lobby-sub{font-size:13px;color:#ffffff59;letter-spacing:2px;text-transform:uppercase}.conn-warn{font-size:12px;color:var(--wrong)}.score-chip{display:flex;flex-direction:column;align-items:center;background:#ffffff0f;border:1.5px solid var(--c);border-radius:7px;padding:3px 10px;min-width:76px}.sc-name{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.sc-val{font-family:var(--fd);font-size:1rem;color:var(--c)}.podium-overlay{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;overflow:auto}.podium-logo{font-family:var(--fd);color:var(--gold);letter-spacing:4px;font-size:1.8rem;text-shadow:0 0 24px rgba(245,200,66,.4)}.podium-title{font-family:var(--fd);font-size:clamp(2rem,6vw,3.5rem);color:#fff;letter-spacing:6px;margin-bottom:8px}.podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:12px}.podium-slot{display:flex;flex-direction:column;align-items:center}.podium-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px}.podium-medal{font-size:1.8rem;line-height:1}.podium-avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--c);background:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 16px color-mix(in srgb,var(--c) 50%,transparent)}.podium-avatar-img{width:100%;height:100%;object-fit:cover}.podium-avatar-letter{font-family:var(--fd);font-size:1.8rem;color:#fff;line-height:1}.podium-player-name{font-family:var(--fb);font-size:15px;font-weight:700;max-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-player-score{font-family:var(--fd);font-size:1.1rem;color:var(--gold)}.podium-block{width:100px;background:var(--c);border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;opacity:.85}.podium-block--empty{background:#ffffff0f}.podium-place{font-family:var(--fd);font-size:1.4rem;color:#00000080;letter-spacing:1px}.podium-rest{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:min(340px,90vw)}.podium-rest-row{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 12px}.podium-rest-rank{font-size:12px;color:#ffffff4d;width:24px;flex-shrink:0}.podium-rest-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--c);background:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-family:var(--fd);font-size:.9rem;color:#fff}.podium-rest-avatar-img{width:100%;height:100%;object-fit:cover}.podium-rest-name{flex:1;font-size:14px;font-weight:700;color:var(--c)}.podium-rest-score{font-family:var(--fd);font-size:1rem;color:var(--gold)}.podium-again{max-width:280px;width:100%;margin-top:8px}.homepage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:32px 16px}.homepage-inner{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:700px}.homepage-header{text-align:center;display:flex;flex-direction:column;gap:8px}.homepage-title{font-family:var(--fd);font-size:clamp(2.5rem,8vw,5rem);color:var(--gold);letter-spacing:6px;text-shadow:0 0 32px rgba(245,200,66,.35)}.homepage-sub{font-size:14px;color:#ffffff59;letter-spacing:2px;text-transform:uppercase}.game-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:100%}.game-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:220px;background:#0a1f6e8c;border:2px solid var(--border);border-radius:16px;padding:32px 24px;text-decoration:none;color:#fff;transition:border-color .15s,transform .12s;cursor:pointer}.game-card:hover{transform:translateY(-4px)}.game-card--jeopardy:hover{border-color:var(--gold)}.game-card--ddf:hover{border-color:#e05c2a}.game-card--ddf .game-card-name,.game-card--ddf .game-card-play{color:#e05c2a}.ddf-editor-root{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.ddf-editor-columns{display:flex;flex:1;overflow:hidden}.ddf-editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:2px solid var(--border);min-width:0}.ddf-editor-main .ddf-header-row{flex-shrink:0}.ddf-editor-main .ddf-list{flex:1;overflow-y:auto}.ddf-editor-main .ddf-add-row{flex-shrink:0}.ddf-editor-stechen{width:320px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:#e05c2a0a}.ddf-stechen-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);font-family:var(--fd);font-size:1rem;letter-spacing:1px;color:#e05c2a;flex-shrink:0}.ddf-stechen-hint{padding:6px 14px 4px;font-size:11px;color:#ffffff59;flex-shrink:0}.ddf-stechen-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.ddf-stechen-row{display:flex;align-items:center;gap:6px;background:#0a1f6e59;border:1px solid var(--border);border-radius:7px;padding:6px 8px}.ddf-stechen-row:hover{border-color:#e05c2a66}.ddf-stechen-ans{max-width:80px;flex-shrink:0}.ddf-stechen-row .ddf-row-delete{opacity:0}.ddf-stechen-row:hover .ddf-row-delete{opacity:1}.ddf-header-row{display:flex;align-items:center;gap:8px;padding:6px 16px 4px;border-bottom:1px solid var(--border)}.ddf-col-label{font-family:var(--fb);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff59}.ddf-col-label--q,.ddf-col-label--a{flex:1}.ddf-list{flex:1;overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:6px}.ddf-row{display:flex;align-items:center;gap:8px;background:#0a1f6e59;border:1px solid var(--border);border-radius:8px;padding:8px 10px;transition:border-color .15s}.ddf-row:hover{border-color:#fff3}.ddf-row-num{min-width:28px;text-align:right;font-size:12px;color:#ffffff40;font-family:var(--fb);flex-shrink:0}.ddf-cell{flex:1;display:flex;align-items:center;gap:6px}.ddf-cell--q{border-right:1px solid var(--border);padding-right:8px;margin-right:0}.ddf-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-family:var(--fb);padding:4px 0;min-width:0}.ddf-input::placeholder{color:#ffffff40}.ddf-img-field{flex-shrink:0}.ddf-img-add{padding:4px 8px!important;font-size:14px!important;opacity:.5}.ddf-img-add:hover{opacity:1}.ddf-img-preview-wrap{position:relative;display:inline-flex}.ddf-img-preview{width:36px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.ddf-img-remove{position:absolute;top:-5px;right:-5px;background:#ef4444;border:none;border-radius:50%;width:16px;height:16px;font-size:9px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ddf-row-delete{padding:4px 8px!important;font-size:12px!important;opacity:0;flex-shrink:0}.ddf-row:hover .ddf-row-delete{opacity:1}.ddf-add-row{padding:12px 16px 20px;display:flex;justify-content:center;border-top:1px solid var(--border);background:var(--bg)}.ddf-q-count{font-size:12px;color:#ffffff59;font-family:var(--fb);white-space:nowrap}.ddf-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin:0 2px}.ddf-dot--empty{background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.ddf-dot--correct{background:var(--correct);box-shadow:0 0 6px var(--correct)}.ddf-dot--wrong{background:var(--wrong);box-shadow:0 0 6px var(--wrong)}.ddf-arena{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg)}.ddf-circle-wrap{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;transition:filter .2s}.ddf-circle-wrap--out{filter:grayscale(1) opacity(.4)}.ddf-circle-wrap--active{filter:drop-shadow(0 0 12px #fff)}.ddf-circle-wrap--tied{filter:drop-shadow(0 0 10px #fbbf24)}.ddf-circle-dots{display:flex;gap:4px;margin-bottom:2px}.ddf-circle{width:80px;height:80px;border-radius:50%;border:3px solid var(--pc, #fff);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#0a1f6e99;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.ddf-circle-wrap--active .ddf-circle{border-color:#fff;box-shadow:0 0 0 4px #ffffff40}.ddf-circle-img{width:100%;height:100%;object-fit:cover}.ddf-circle-letter{font-family:var(--fd);font-size:2rem;color:var(--pc, #fff)}.ddf-shield-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#60a5fa59;display:flex;align-items:center;justify-content:center;font-size:2rem;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}.ddf-host-shield-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#60a5fa59;display:flex;align-items:center;justify-content:center;font-size:1.2rem;pointer-events:none}.ddf-circle-wrap--disconnected{opacity:.45;filter:grayscale(.7)}.ddf-dc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:1.5rem;pointer-events:none;animation:ddf-dc-pulse 1.5s infinite alternate}.ddf-host-dc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:.9rem;pointer-events:none}@keyframes ddf-dc-pulse{0%{opacity:1}to{opacity:.4}}.ddf-vote-badge{position:absolute;top:-6px;right:-6px;background:#e05c2a;border-radius:50%;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--fb)}.ddf-voted-badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#22c55e59;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:50%}.ddf-circle-name{font-family:var(--fb);font-size:13px;font-weight:600;color:#fff;max-width:90px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddf-circle-lives{font-size:11px;letter-spacing:-1px}.ddf-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(500px,52vw);max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;background:#060b1ae0;border:1px solid var(--border);border-radius:18px;padding:28px 32px;text-align:center;z-index:10}.ddf-center-badge{font-family:var(--fd);font-size:1.2rem;letter-spacing:3px;color:var(--gold)}.ddf-center-sub{font-size:14px;color:#fff9}.ddf-center-waiting{font-size:15px;color:#fff6;font-family:var(--fb)}.ddf-q-text{font-family:var(--fb);font-size:1.3rem;font-weight:600;line-height:1.4;color:#fff}.ddf-q-img{max-width:100%;max-height:180px;border-radius:8px;object-fit:contain}.ddf-center-voting{display:flex;flex-direction:column;gap:8px;align-items:center}.ddf-center-result{display:flex;flex-direction:column;align-items:center;gap:8px}.ddf-result-icon{font-size:3rem}.ddf-center-result-name{font-family:var(--fd);font-size:2rem;letter-spacing:2px}.ddf-center-result-sub{font-size:15px;color:#ffffffb3}.ddf-tie-input-wrap{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.ddf-tie-revealed{color:#fff6;font-size:13px;margin-top:8px}.ddf-timer{font-family:var(--fd);font-size:2.8rem;letter-spacing:2px;color:#ffffffb3;line-height:1;transition:color .3s}.ddf-timer--urgent{color:var(--wrong);animation:ddf-pulse .5s infinite alternate}.ddf-timer--done{color:var(--wrong);opacity:.6}@keyframes ddf-pulse{0%{opacity:1}to{opacity:.4}}.ddf-answer-reveal{width:100%;border-radius:10px;padding:12px 16px;margin-top:8px}.ddf-answer-reveal--correct{background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.ddf-answer-reveal--wrong{background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.ddf-answer-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#fff6;margin-bottom:4px;font-family:var(--fb)}.ddf-answer-reveal--correct .ddf-answer-text{color:var(--correct)}.ddf-answer-reveal--wrong .ddf-answer-text{color:var(--wrong)}.ddf-answer-text{font-family:var(--fb);font-size:1.3rem;font-weight:700}.ddf-wrong-list{width:100%;margin-top:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;display:flex;flex-direction:column;gap:7px;max-height:42vh;overflow-y:auto}.ddf-wrong-list-title{font-family:var(--fb);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#ffffff59;margin-bottom:2px}.ddf-wrong-row{display:flex;align-items:flex-start;gap:8px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:7px 10px}.ddf-wrong-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:3px}.ddf-wrong-content{display:flex;flex-direction:column;gap:2px;min-width:0}.ddf-wrong-name{font-family:var(--fb);font-weight:700;font-size:13px}.ddf-wrong-q{font-size:12px;color:#ffffff8c;word-break:break-word}.ddf-wrong-a{font-size:12px;color:var(--correct);font-weight:600}.ddf-vote-breakdown{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.ddf-vote-breakdown-row{display:flex;gap:8px;align-items:center;font-size:13px;justify-content:center}.ddf-vote-arrow{color:#ffffff59}.ddf-host-timer-block{display:flex;align-items:center;justify-content:center;height:52px;flex-shrink:0}.ddf-host-timer-big{font-family:var(--fd);font-size:2.4rem;letter-spacing:2px;color:#ffffffbf;width:5ch;text-align:center;font-variant-numeric:tabular-nums;transition:color .3s;display:inline-block}.ddf-host-timer--urgent{color:var(--wrong)!important;animation:ddf-pulse .5s infinite alternate}.ddf-host-action-area{display:grid;flex-shrink:0}.ddf-btn-grid-cell{grid-area:1 / 1}.ddf-host-timer-controls{display:flex;align-items:center;gap:6px;opacity:.55;font-size:12px;margin-top:12px;flex-wrap:wrap}.ddf-vote-status{display:flex;gap:12px;margin-bottom:4px}.ddf-vote-status-col{flex:1;display:flex;flex-direction:column;gap:4px}.ddf-vote-status-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-family:var(--fb);margin-bottom:2px}.ddf-vote-status-label--done{color:var(--correct)}.ddf-vote-status-label--wait{color:#fff6}.ddf-vote-status-row{display:flex;align-items:center;gap:6px}.ddf-vote-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ddf-vote-status-name{font-size:13px;font-family:var(--fb);color:#fff}.ddf-vote-status-empty{font-size:12px;color:#ffffff40}.ddf-lives-editor-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}.ddf-lives-editor-name{font-family:var(--fb);font-size:13px;color:var(--pc, #fff);min-width:70px}.ddf-lives-editor-val{font-size:14px;letter-spacing:-2px;flex:1;text-align:center}.ddf-lives-btn{padding:2px 10px!important;font-size:16px!important;font-weight:700;line-height:1}.ddf-tie-answer-row--loser{background:#ef444426!important;border-color:#ef44444d!important}.ddf-tie-dist{font-size:12px;color:#ffffff80;margin-left:auto}.ddf-tie-loser-tag{font-size:11px;font-weight:700;color:var(--wrong);white-space:nowrap}.ddf-host-body{flex:1;display:flex;gap:0;overflow:hidden}.ddf-question-col{flex:1;display:flex;flex-direction:column;overflow:hidden}.ddf-host-section{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border)}.ddf-host-section:last-child{border-right:none}.ddf-host-section--players{max-width:320px;flex:0 0 320px}.ddf-host-section--question{flex:1}.ddf-host-controls{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:220px;border-left:1px solid var(--border);gap:12px}.ddf-host-player-grid{display:flex;flex-wrap:wrap;gap:12px}.ddf-host-player{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:10px;border:2px solid transparent;background:#0a1f6e59;transition:border-color .15s,background .15s}.ddf-host-player--active{border-color:#fff;background:#ffffff14}.ddf-host-player--disabled{opacity:.35}.ddf-host-player--out{opacity:.3;filter:grayscale(1)}.ddf-host-player:hover:not(.ddf-host-player--disabled):not(.ddf-host-player--out){border-color:var(--pc, var(--gold));cursor:pointer}.ddf-host-avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--pc, #fff);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#0a1f6e99}.ddf-host-avatar-img{width:100%;height:100%;object-fit:cover}.ddf-host-avatar-letter{font-family:var(--fd);font-size:1.4rem;color:var(--pc, #fff)}.ddf-host-shield{position:absolute;bottom:-2px;right:-2px;font-size:13px}.ddf-host-badge{position:absolute;top:-4px;right:-4px;background:#e05c2a;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--fb)}.ddf-host-pname{font-size:12px;font-family:var(--fb);font-weight:600;max-width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddf-host-lives{font-size:10px;letter-spacing:-1px}.ddf-host-dots{display:flex;gap:3px}.ddf-host-curturn{display:flex;align-items:center;gap:8px;font-family:var(--fd);font-size:1.1rem;letter-spacing:2px;color:#ffffffb3;margin-bottom:4px}.ddf-host-curturn-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ddf-host-q{font-family:var(--fb);font-size:1.4rem;font-weight:600;line-height:1.45;color:#fff}.ddf-host-qimg{max-width:100%;max-height:160px;border-radius:8px;object-fit:contain;margin:4px 0}.ddf-host-a-label{font-size:11px;letter-spacing:2px;color:#ffffff59;font-family:var(--fb);text-transform:uppercase;margin-top:8px}.ddf-host-a{font-family:var(--fb);font-size:1.5rem;font-weight:700;color:var(--correct)}.ddf-host-mark-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.ddf-mark-btn{font-family:var(--fd);font-size:1.3rem;letter-spacing:2px;border:none;border-radius:10px;padding:14px 28px;cursor:pointer;transition:opacity .15s}.ddf-mark-btn:hover{opacity:.85}.ddf-mark-btn--correct{background:var(--correct);color:#000}.ddf-mark-btn--wrong{background:var(--wrong);color:#fff}.ddf-tie-answer-row{display:flex;align-items:center;gap:8px;background:#0a1f6e59;border-radius:8px;padding:8px 12px}.ddf-tie-dot{width:10px;height:10px;border-radius:50%;background:var(--pc, #fff);flex-shrink:0}.ddf-tie-name{font-family:var(--fb);font-weight:600;font-size:14px;min-width:80px}.ddf-tie-ans{font-size:14px;color:#fffc;flex:1}.ddf-result-name{font-family:var(--fd);font-size:2.5rem;letter-spacing:2px}.ddf-result-label{font-size:1.1rem;color:#ffffffb3;margin-top:4px}.ddf-final-scores{display:flex;gap:20px;flex-wrap:wrap;margin:8px 0}.ddf-final-score-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;border:2px solid transparent;border-radius:12px;background:#0a1f6e59;transition:border-color .2s}.ddf-final-score-card--active{border-color:var(--pc, #fff)}.ddf-final-score-val{font-family:var(--fd);font-size:1.6rem;color:var(--correct)}.ddf-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200}.ddf-import-modal{background:#0f1f5c;border:1px solid var(--border);border-radius:14px;padding:28px 32px;width:min(600px,92vw);display:flex;flex-direction:column;gap:14px}.ddf-import-title{font-family:var(--fd);font-size:1.4rem;letter-spacing:2px;color:#e05c2a}.ddf-import-hint{font-size:13px;color:#ffffff8c;line-height:1.6}.ddf-import-hint code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:12px;white-space:pre}.ddf-import-textarea{width:100%;height:200px;background:#0000004d;border:1px solid var(--border);border-radius:8px;color:#fff;font-size:13px;font-family:var(--fb);padding:10px 12px;resize:vertical;outline:none}.ddf-import-textarea:focus{border-color:#e05c2a}.ddf-import-preview{font-size:13px;color:var(--correct)}.ddf-import-preview--warn{color:#ffc800b3}.ddf-import-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.game-card--soon{opacity:.35;cursor:default}.game-card--soon:hover{transform:none}.game-card-icon{font-size:2.8rem;line-height:1}.game-card-name{font-family:var(--fd);font-size:1.6rem;letter-spacing:2px;text-align:center}.game-card--jeopardy .game-card-name{color:var(--gold)}.game-card-desc{font-size:12px;color:#fff6;text-align:center}.game-card-play{font-family:var(--fb);font-size:13px;font-weight:700;color:var(--gold);margin-top:4px}.top-nav{position:fixed;top:18px;right:24px;display:flex;align-items:center;gap:10px;z-index:50}.top-nav-chip{display:flex;align-items:center;gap:7px;background:#00000059;border:1.5px solid var(--c);border-radius:20px;padding:6px 14px 6px 10px}.top-nav-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex-shrink:0}.top-nav-name{font-size:15px;font-weight:700;color:var(--c)}.top-nav-btn{font-family:var(--fb);font-size:15px;font-weight:700;background:#00000059;color:#ffffffbf;border:1.5px solid rgba(255,255,255,.2);border-radius:9px;padding:8px 18px;text-decoration:none;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.top-nav-btn:hover{color:#fff;border-color:#ffffff80;background:#0000008c}.top-nav-btn--primary{background:var(--gold);color:#000;border-color:var(--gold)}.top-nav-btn--primary:hover{background:var(--gold-d);border-color:var(--gold-d);color:#000}.top-nav-btn--out{border-color:#ef44444d;color:#ef4444b3}.top-nav-btn--out:hover{border-color:var(--wrong);color:var(--wrong);background:#0000008c}.homepage-admin{font-size:11px;color:#ffffff40;text-decoration:none;margin-top:-16px}.homepage-admin:hover{color:#ffffff80}.homepage-account{display:none}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.back-to-hub{position:fixed;top:20px;left:24px;display:flex;align-items:center;gap:8px;font-family:var(--fb);font-size:16px;font-weight:700;color:#ffffffa6;text-decoration:none;background:#00000059;border:1.5px solid rgba(255,255,255,.15);border-radius:9px;padding:9px 18px;transition:color .15s,border-color .15s,background .15s;z-index:50}.back-to-hub:hover{color:#fff;border-color:#ffffff73;background:#0000008c}.landing-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.landing-sub{font-size:14px;color:#ffffff59;letter-spacing:2px;text-transform:uppercase}.landing-choices{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.choice-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0a1f6e8c;border:2px solid var(--border);border-radius:12px;padding:28px 36px;text-decoration:none;color:#fff;transition:border-color .15s,transform .1s;min-width:160px}.choice-btn:hover{transform:scale(1.04)}.choice-btn--host:hover{border-color:var(--gold)}.choice-btn--player:hover{border-color:#60a5fa}.choice-btn--editor:hover{border-color:#34d399}.choice-icon{font-size:2.4rem}.choice-label{font-family:var(--fd);font-size:1.6rem;letter-spacing:2px}.choice-desc{font-size:12px;color:#fff6}.landing-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;width:100%}.landing-guest-label{font-size:12px;color:#ffffff59}.landing-user-chip{display:flex;align-items:center;gap:7px;background:#ffffff0f;border:1.5px solid var(--c);border-radius:20px;padding:4px 12px 4px 8px}.landing-user-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex-shrink:0}.landing-user-name{font-size:14px;font-weight:700;color:var(--c)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-card{background:#0a1f6e8c;border:2px solid var(--border);border-radius:14px;padding:40px 44px;text-align:center;max-width:400px;width:90%;display:flex;flex-direction:column;gap:16px}.auth-title{font-family:var(--fd);font-size:1.8rem;color:#fff;letter-spacing:2px}.auth-username{font-size:13px;color:#ffffff73}.auth-form{display:flex;flex-direction:column;gap:10px;text-align:left}.auth-label{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:-4px}.auth-hint{font-size:10px;color:#ffffff40;text-transform:none;letter-spacing:0;font-weight:400}.auth-error{font-size:13px;color:var(--wrong);text-align:center}.auth-saved{font-size:13px;color:var(--correct);text-align:center;font-weight:700}.auth-switch{font-size:13px;color:#ffffff59}.auth-link{color:var(--gold);text-decoration:none;font-weight:700}.auth-link:hover{text-decoration:underline}.auth-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.auth-logout{border-color:#ef44444d!important;color:#ef444499!important}.auth-logout:hover{border-color:var(--wrong)!important;color:var(--wrong)!important}.admin-card{max-width:520px!important}.admin-user-list{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.admin-user-row{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 14px}.admin-user-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex-shrink:0}.admin-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.admin-user-display{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-username{font-size:11px;color:#ffffff59}.admin-pw-badge{font-size:10px;font-weight:700;border-radius:5px;padding:2px 7px;flex-shrink:0}.admin-pw-badge--reset{background:#ef444426;color:var(--wrong);border:1px solid rgba(239,68,68,.3)}.admin-pw-badge--done{background:#22c55e26;color:var(--correct);border:1px solid rgba(34,197,94,.3)}.admin-reset-btn{font-size:11px!important;padding:4px 10px!important;flex-shrink:0;border-color:#ef444440!important;color:#ef44448c!important}.admin-reset-btn:hover{border-color:var(--wrong)!important;color:var(--wrong)!important}.avatar-upload-row{display:flex;align-items:center;gap:14px;margin-bottom:4px}.avatar-preview{width:72px;height:72px;border-radius:50%;border:3px solid var(--c);background:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0;transition:opacity .15s}.avatar-preview:hover{opacity:.85}.avatar-preview-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-preview-initials{font-family:var(--fd);font-size:2rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);line-height:1}.avatar-upload-actions{display:flex;flex-direction:column;gap:6px}.crop-editor{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#0000004d;border:1.5px solid rgba(255,255,255,.12);border-radius:12px}.crop-viewport{border-radius:50%;border:3px solid var(--c);overflow:hidden;cursor:grab;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 1px #00000080;touch-action:none}.crop-viewport:active{cursor:grabbing}.crop-viewport img{display:block}.crop-hint{font-size:11px;color:#ffffff59}.crop-actions{display:flex;gap:8px}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}.color-swatch{width:28px;height:28px;border-radius:50%;background:var(--c);border:2.5px solid transparent;outline:2px solid rgba(0,0,0,.4);cursor:pointer;transition:transform .12s,border-color .12s;padding:0}.color-swatch:hover{transform:scale(1.18)}.color-swatch--active{border-color:#fff;transform:scale(1.18)}.auth-preview{display:flex;justify-content:center;margin:2px 0}.auth-preview-chip{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1.5px solid var(--c);border-radius:20px;padding:6px 16px 6px 10px;font-size:15px;font-weight:700;color:var(--c)}.auth-preview-dot{width:11px;height:11px;border-radius:50%;background:var(--c);flex-shrink:0}.join-account-chip{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1.5px solid var(--c);border-radius:8px;padding:10px 14px}.join-account-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex-shrink:0}.join-account-name{flex:1;font-size:16px;font-weight:700;color:var(--c);text-align:left}.join-account-edit{color:#ffffff59;text-decoration:none;font-size:14px}.join-account-edit:hover{color:#fff}.join-auth-strip{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap;font-size:12px;color:#ffffff59;margin-top:-4px}.inline-zoom-viewport{position:relative;overflow:hidden;background:transparent;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:none}.inline-zoom-viewport--grad{width:min(260px,28vw);height:40vh;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.inline-zoom-viewport--answer{width:min(500px,85vw);height:35vh;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.inline-zoom-viewport--pin-q{width:100%;height:30vh}.inline-zoom-viewport--clue{width:min(680px,90vw);height:45vh}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000e0;display:flex;align-items:center;justify-content:center}.zoom-viewport{position:relative;width:92vw;height:88vh;overflow:hidden;background:transparent;user-select:none;-webkit-user-select:none}.zoom-fit-btn{position:absolute;bottom:10px;right:10px;font-family:var(--fb);font-size:12px;font-weight:700;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:5px 12px;cursor:pointer;z-index:10}.zoom-fit-btn:hover{background:#000000e6}.zoom-close-btn{position:fixed;top:14px;right:18px;font-size:20px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;cursor:pointer;z-index:201;display:flex;align-items:center;justify-content:center}.zoom-close-btn:hover{background:#ffffff26}.pin-error-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ef444414;border:1.5px solid rgba(239,68,68,.3);border-radius:8px;padding:20px;font-size:13px;color:#fff9;text-align:center;width:100%;min-height:80px}.img-error-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ef444414;border:1.5px solid rgba(239,68,68,.3);border-radius:8px;padding:16px 20px;font-size:13px;color:#ffffffa6;text-align:center}.pin-viewport{width:100%;height:52vh;overflow:hidden;position:relative;background:#000;border-radius:8px;user-select:none;-webkit-user-select:none}.pin-stage{position:absolute}.pin-image{display:block;width:100%;height:100%}.pin-marker{position:absolute;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;align-items:center}.pin-head{width:16px;height:16px;border-radius:50%;background:var(--c, #fff);border:2.5px solid var(--c, #fff);outline:2px solid rgba(0,0,0,.55);box-shadow:0 2px 8px #0009;flex-shrink:0}.pin-head--mine{background:#fff;border-color:#fff;outline-color:#0000008c}.pin-needle{width:2px;height:14px;background:var(--c, rgba(255,255,255,.8));flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.pin-label{font-family:var(--fb);font-size:11px;font-weight:700;color:#fff;background:var(--c, rgba(0,0,0,.75));border-radius:4px;padding:2px 7px;margin-bottom:4px;white-space:nowrap;box-shadow:0 1px 4px #00000080}.pin-label--mine,.pin-marker--mine .pin-label{background:#ffffffe6;color:#000}.pin-head--correct{background:var(--gold);border-color:#fff;width:20px;height:20px;box-shadow:0 0 10px #f5c842cc}.pin-needle--correct{background:var(--gold)}.pin-label--correct{background:var(--gold);color:#000;font-weight:800}.pin-answer-editor{border-top:1px solid rgba(255,255,255,.08);padding-top:8px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.pin-answer-map{height:160px;border-radius:6px;overflow:hidden}.pin-answer-map .pin-viewport{height:160px}.pin-reset-btn{position:absolute;top:8px;right:8px;font-family:var(--fb);font-size:12px;font-weight:700;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 10px;cursor:pointer;z-index:10}.pin-reset-btn:hover{background:#000000d9}.pin-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:12px;color:#fff9;background:#00000080;border-radius:6px;padding:4px 12px;pointer-events:none;white-space:nowrap}.pin-status{font-size:13px;color:#ffffff80;text-align:center;margin-top:6px;font-style:italic}.clue-overlay-pin{width:100%;max-width:860px;display:flex;flex-direction:column;gap:6px}.pin-question-img{width:100%;max-height:30vh;object-fit:contain;border-radius:8px}.host-pin-map-wrap{height:28vh;border-radius:8px;overflow:hidden;margin-top:4px}.host-pin-map-wrap .pin-viewport{height:28vh;border-radius:0}.clue-type-btns{display:flex;gap:3px}.guess-input-row{display:flex;gap:8px;align-items:center;width:min(480px,90vw)}.guess-input{flex:1;background:#ffffff14;border:1.5px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-family:var(--fb);font-size:18px;font-weight:600;padding:10px 14px;outline:none;transition:border-color .15s}.guess-input:focus{border-color:var(--gold)}.guess-input::placeholder{color:#ffffff40}.guess-submitted{font-size:14px;color:var(--correct);letter-spacing:1px}.guess-reveal{display:flex;flex-direction:column;gap:8px;width:min(480px,90vw);align-items:center;margin-left:auto;margin-right:auto}.guess-reveal-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:2px;text-align:center}.guess-reveal-row{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 14px;width:100%}.guess-reveal-name{font-size:13px;font-weight:700;color:var(--c);min-width:80px}.guess-reveal-answer{flex:1;font-family:var(--fd);font-size:1.1rem;color:#fff;letter-spacing:1px}.guess-host-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.guess-host-row{display:flex;align-items:center;gap:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:6px 10px}.guess-host-dot{width:8px;height:8px;border-radius:50%;background:var(--c);flex-shrink:0}.guess-host-name{font-size:12px;font-weight:700;color:var(--c);min-width:60px}.guess-host-answer{flex:1;font-size:13px;color:#fff;font-style:italic}.pin-rank-badge{font-size:10px;color:#ffffff4d;width:18px;flex-shrink:0}.pin-distance{font-family:var(--fd);font-size:.95rem;flex-shrink:0}.editor-clue-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.editor-pts-wrap{display:flex;align-items:center;gap:2px}.editor-pts-prefix{font-family:var(--fd);font-size:.9rem;color:var(--gold)}.editor-pts-input{font-family:var(--fd);font-size:.9rem;color:var(--gold);background:transparent;border:none;border-bottom:1px dashed rgba(245,200,66,.4);width:56px;outline:none;padding:1px 2px}.editor-pts-input:focus{border-bottom-color:var(--gold)}.editor-pts-input::-webkit-inner-spin-button{opacity:0}.editor-pts-input::-webkit-outer-spin-button{opacity:0}.guess-toggle{font-family:var(--fb);font-size:11px;font-weight:700;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:5px;color:#fff6;padding:3px 8px;cursor:pointer;transition:all .12s}.guess-toggle:hover{color:#fff;border-color:#fff6}.guess-toggle--active{background:#34d3991f;border-color:#34d399;color:#34d399}.page-count-toggle{display:flex;gap:3px;flex-shrink:0}.page-count-btn{font-family:var(--fb);font-size:12px;font-weight:700;background:transparent;border:1.5px solid rgba(255,255,255,.15);border-radius:6px;color:#fff6;padding:5px 12px;cursor:pointer;transition:all .12s}.page-count-btn:hover{color:#fff;border-color:#fff6}.page-count-btn--active{background:#f5c8421f;border-color:var(--gold);color:var(--gold)}.editor-page-tabs{display:flex;gap:0;border-bottom:2px solid rgba(26,58,170,.5);padding:0 12px;flex-shrink:0}.editor-page-tab{font-family:var(--fb);font-size:14px;font-weight:700;background:transparent;border:none;color:#ffffff59;padding:8px 20px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .12s}.editor-page-tab:hover{color:#fff}.editor-page-tab--active{color:var(--gold);border-bottom-color:var(--gold)}.board-page-badge{font-family:var(--fd);font-size:1rem;color:var(--gold);letter-spacing:2px;border:1.5px solid var(--gold);border-radius:6px;padding:3px 10px;opacity:.8}.board-selector{display:flex;flex-direction:column;gap:6px;width:100%}.board-option{font-family:var(--fb);font-size:14px;font-weight:600;padding:9px 14px;border-radius:8px;border:1.5px solid rgba(255,255,255,.12);color:#fff9;cursor:pointer;transition:all .15s;text-align:left}.board-option:hover{border-color:#ffffff59;color:#fff}.board-option--selected{border-color:var(--gold);color:var(--gold);background:#f5c84212}.board-option--loading{opacity:.6;cursor:wait;animation:gpulse .8s infinite}.editor-list-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.editor-list-card{background:#0a1f6e8c;border:2px solid var(--border);border-radius:14px;padding:40px 44px;text-align:center;max-width:480px;width:90%;display:flex;flex-direction:column;gap:14px}.board-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.board-list-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px}.board-list-name{flex:1;font-size:15px;font-weight:600;color:#fff;text-align:left}.import-row{width:100%}.import-btn{width:100%;justify-content:center}.cloud-section{width:100%;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.cloud-header{display:flex;align-items:center;justify-content:space-between}.cloud-title{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1.5px}.cloud-date{font-size:10px;color:#ffffff40;margin-right:auto;margin-left:8px}.restore-row{width:100%;display:flex;flex-direction:column;gap:8px}.restore-preview{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px}.restore-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:1px;width:100%}.restore-chip{font-family:var(--fb);font-size:12px;font-weight:700;color:var(--c);background:#ffffff0f;border:1px solid var(--c);border-radius:5px;padding:2px 8px}.clue-media-img{max-width:min(680px,90vw);max-height:45vh;border-radius:10px;object-fit:contain}.clue-media-img--small{max-width:100%;max-height:160px;border-radius:8px;object-fit:contain;margin:4px 0}.clue-media-video{width:min(720px,90vw);aspect-ratio:16/9;border-radius:10px;overflow:hidden;position:relative}.clue-media-video iframe{position:absolute;top:-50px;left:0;width:100%;height:calc(100% + 50px);border:none}.clue-media-video--small{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin:4px 0;position:relative}.clue-media-video--small iframe{width:100%;height:100%;border:none}.clue-media-video-block{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:default}.clue-media-video-spoiler{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#000;cursor:default}.yt-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.yt-volume-row{display:flex;align-items:center;gap:10px;width:min(420px,90vw)}.yt-volume-icon{font-size:1.2rem;flex-shrink:0}.yt-volume-slider{flex:1;accent-color:var(--gold);cursor:pointer}.yt-volume-val{font-size:12px;color:#ffffff80;width:36px;text-align:right;flex-shrink:0}.submitter-list{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}.submitter-chip{font-family:var(--fb);font-size:11px;font-weight:700;color:#ffffff59;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 8px}.submitter-chip--done{color:var(--c);border-color:var(--c);background:#ffffff0d}.guess-dist{font-family:var(--fd);font-size:.85rem;color:#fff6;flex-shrink:0}.video-host-controls{display:flex;flex-direction:column;gap:6px;margin-top:8px}.vid-btn-row{display:flex;gap:8px;flex-wrap:wrap}.vid-btn{font-family:var(--fb);font-weight:700;font-size:14px;padding:7px 18px;border:none;border-radius:7px;cursor:pointer;transition:filter .15s;color:#fff}.vid-btn:hover{filter:brightness(1.15)}.vid-btn--play{background:var(--correct)}.vid-btn--pause{background:#e07b00}.vid-btn--restart{background:#3b82f6}.vid-player-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;width:fit-content;flex-basis:100%}.vid-player-status--playing{background:#22c55e26;color:var(--correct);border:1px solid rgba(34,197,94,.35)}.vid-player-status--paused{background:#e07b0026;color:#e07b00;border:1px solid rgba(224,123,0,.35)}.clue-media-audio{display:flex;flex-direction:column;align-items:center;gap:10px}.clue-media-audio audio{width:min(420px,90vw)}.clue-media-audio--small audio{width:100%;margin:4px 0}.audio-replay-btn{font-family:var(--fd);font-size:1.2rem;letter-spacing:2px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;padding:8px 28px;cursor:pointer;transition:background .15s}.audio-replay-btn:hover{background:#ffffff26}.media-editor{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:6px;margin-top:2px}.media-type-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.media-type-btn{font-family:var(--fb);font-size:11px;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#ffffff73;padding:3px 7px;cursor:pointer;transition:all .12s}.media-type-btn:hover{color:#fff;border-color:#ffffff59}.media-type-btn--active{background:#f5c8421f;border-color:var(--gold);color:var(--gold)}.media-value-row{display:flex;flex-direction:column;gap:5px}.media-preview-img{max-width:100%;max-height:80px;border-radius:5px;object-fit:contain}.ce-steps{display:flex;flex-direction:column;gap:8px}.ce-step-row{display:flex;align-items:flex-start;gap:8px}.ce-step-row--col{flex-direction:column;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px}.ce-step-header{display:flex;align-items:center;gap:8px}.ce-step-mode-btns{display:flex;gap:4px;flex:1}.ce-type-btn--sm{font-size:11px!important;padding:3px 8px!important}.ce-step-num{font-family:var(--fd);font-size:.95rem;color:var(--gold);min-width:20px;margin-top:8px;flex-shrink:0}.ce-step-input{flex:1}.ce-step-remove{padding:4px 8px!important;font-size:12px!important;margin-top:4px;flex-shrink:0}.ce-step-img-row{display:flex;align-items:center;gap:8px}.ce-step-img-preview{display:flex;flex-direction:column;gap:6px}.ce-step-img-upload{display:inline-flex;align-items:center;gap:6px;font-size:12px!important;padding:5px 12px!important;cursor:pointer}.grad-step-player-img{max-width:min(260px,28vw);max-height:40vh;border-radius:10px;object-fit:contain;animation:pop .3s cubic-bezier(.34,1.56,.64,1);display:block}.grad-host-controls{display:flex;flex-direction:column;gap:8px;margin-top:8px}.grad-step-host{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border-radius:7px;margin-bottom:5px;border:1px solid rgba(255,255,255,.08)}.grad-step-host--revealed{background:#ffffff0f;border-color:#ffffff26}.grad-step-host--hidden{opacity:.3;background:transparent}.grad-step-num{font-family:var(--fd);font-size:.85rem;color:var(--gold);flex-shrink:0;min-width:16px}.grad-step-text{font-size:13px;color:#fff;line-height:1.4}.grad-steps-player{display:flex;flex-direction:column;gap:14px;width:99vw}.grad-steps-player-images{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;width:100%}.grad-step-player{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--fd);font-size:clamp(1rem,2.8vw,1.6rem);color:#fff;line-height:1.3;animation:pop .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.grad-steps-player-texts{display:flex;flex-direction:column;gap:10px;align-items:center}.grad-step-player--text{flex-direction:row;align-items:baseline;flex-shrink:1}.grad-step-player-num{font-size:.75em;color:var(--gold);flex-shrink:0}.grad-step-player-caption{font-family:var(--fd);font-size:clamp(.85rem,2vw,1.2rem);color:#fff;text-align:center;margin-top:4px}.grad-step-player-text{text-align:left}.grad-waiting{font-size:14px;color:#ffffff59;font-style:italic;text-align:center}.grad-initial-q{font-family:var(--fd);font-size:clamp(1.4rem,4vw,2.4rem);color:var(--gold);letter-spacing:1px;text-align:center;margin-bottom:8px}.save-msg{font-family:var(--fb);font-size:13px;font-weight:700;color:var(--correct);padding:0 4px;white-space:nowrap}.save-progress-wrap{position:relative;width:100px;height:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:7px;overflow:hidden;flex-shrink:0}.save-progress-wrap--wide{width:220px}.save-progress-wrap--primary{border-color:#f5c84266}.save-progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:#22c55e59;transition:width .15s ease}.save-progress-wrap--primary .save-progress-bar{background:#f5c84259}.save-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--fb);font-size:12px;font-weight:700;color:#fff}.bg-root{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.bg-grid{display:grid;gap:6px;padding:12px;flex:1;overflow:auto}.bg-col{display:flex;flex-direction:column;gap:5px;min-width:130px}.bg-cat-input{background:var(--blue);border:1.5px solid var(--border);border-radius:6px;color:#fff;font-family:var(--fd);font-size:.85rem;letter-spacing:.5px;text-align:center;padding:8px 6px;outline:none;flex-shrink:0;transition:border-color .15s}.bg-cat-input:focus{border-color:var(--gold)}.bg-cat-input::placeholder{color:#fff3}.bg-cell{background:var(--blue);border:1.5px solid var(--border);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:5px;min-height:42px;transition:border-color .12s}.bg-cell:hover{border-color:#ffffff4d}.bg-cell-pts{font-family:var(--fd);font-size:1rem;color:var(--gold);flex-shrink:0}.grid-clue-icons{display:flex;gap:2px;font-size:11px;flex:1}.bg-cell--complete{opacity:.45}.bg-cell--complete:hover{opacity:.8}.bg-cell--move-source{border-color:var(--gold)!important;background:#f5c8421f!important;opacity:1!important}.bg-cell--move-target{border-color:#60a5fa99!important}.bg-cell--move-target:hover{background:#60a5fa26!important;opacity:1!important}.bg-move-hint{font-size:16px;color:#60a5fa;flex-shrink:0}.bg-move-banner{background:#60a5fa1f;border:1px solid rgba(96,165,250,.3);border-radius:8px;padding:8px 16px;margin:0 12px 8px;font-size:13px;color:#ffffffb3;display:flex;align-items:center;flex-shrink:0}.bg-cell--incomplete{border-color:#ef444459}.bg-cell-status{font-size:10px;font-weight:700;font-family:var(--fb);flex-shrink:0}.bg-cell-status--ok{color:var(--correct)}.bg-cell-status--empty{color:var(--wrong)}.bg-cog{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:5px;color:#ffffff80;font-size:13px;cursor:pointer;padding:2px 7px;transition:all .12s;flex-shrink:0}.bg-cog:hover{background:#ffffff1a;color:#fff;border-color:#fff6}.ce-root{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.ce-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#000;border-bottom:2px solid var(--gold);flex-shrink:0}.ce-topbar-info{flex:1;display:flex;align-items:center;gap:8px;justify-content:center}.ce-topbar-cat{font-family:var(--fd);font-size:1.1rem;color:#fff;letter-spacing:1px}.ce-topbar-sep{color:#ffffff4d}.ce-topbar-pts{font-family:var(--fd);font-size:1.1rem;color:var(--gold)}.ce-body{display:flex;flex:1;overflow:hidden;gap:0}.ce-col{flex:1;display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:20px 24px}.ce-col--question{border-right:1px solid rgba(26,58,170,.5);background:#00000026}.ce-col--answer{background:#0a1f6e1a}.ce-col-title{font-family:var(--fd);font-size:1.4rem;color:var(--gold);letter-spacing:3px;margin-bottom:16px}.ce-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.ce-section-label{font-size:10px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px}.ce-input{background:#00000059;border:1.5px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:var(--fb);font-size:15px;font-weight:600;padding:10px 14px;outline:none;transition:border-color .15s;width:100%}.ce-input:focus{border-color:var(--gold)}.ce-input::placeholder{color:#fff3}.ce-answer-input{font-size:17px}.ce-textarea{background:#00000059;border:1.5px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:var(--fb);font-size:15px;padding:10px 14px;outline:none;resize:none;overflow:hidden;transition:border-color .15s;width:100%;min-height:44px;line-height:1.5}.ce-textarea:focus{border-color:var(--gold)}.ce-textarea::placeholder{color:#fff3}textarea.ce-input{resize:none;overflow:hidden;line-height:1.5;min-height:44px}.ce-pts-row{display:flex;align-items:center;gap:4px}.ce-pts-input{font-family:var(--fd);font-size:1.4rem;color:var(--gold);background:#00000059;border:1.5px solid rgba(245,200,66,.3);border-radius:8px;padding:6px 12px;width:110px;outline:none}.ce-pts-input:focus{border-color:var(--gold)}.ce-pts-input::-webkit-inner-spin-button,.ce-pts-input::-webkit-outer-spin-button{opacity:0}.ce-type-btns{display:flex;gap:6px;flex-wrap:wrap}.ce-type-btn{font-family:var(--fb);font-size:13px;font-weight:700;background:transparent;border:1.5px solid rgba(255,255,255,.15);border-radius:7px;color:#ffffff73;padding:7px 14px;cursor:pointer;transition:all .12s}.ce-type-btn:hover{color:#fff;border-color:#fff6}.ce-type-btn--active{background:#f5c8421f;border-color:var(--gold);color:var(--gold)}.ce-media-editor{display:flex;flex-direction:column;gap:8px}.ce-media-types{display:flex;gap:5px;flex-wrap:wrap}.ce-media-btn{font-family:var(--fb);font-size:12px;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff6;padding:5px 10px;cursor:pointer;transition:all .12s}.ce-media-btn:hover{color:#fff;border-color:#ffffff59}.ce-media-btn--active{background:#f5c8421f;border-color:var(--gold);color:var(--gold)}.ce-media-inputs{display:flex;flex-direction:column;gap:6px}.ce-media-preview{max-width:100%;max-height:120px;border-radius:6px;object-fit:contain;margin-top:4px}.ce-warn{font-size:12px;color:var(--wrong)}.ce-hint{font-size:11px;color:#fff6}.ce-pin-map{height:220px;border-radius:8px;overflow:hidden}.ce-pin-map .pin-viewport{height:220px}.ce-answer-img-editor{display:flex;flex-direction:column;gap:8px}.ce-answer-preview{background:var(--blue);border:1.5px solid var(--gold);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.ce-answer-preview-label{font-size:10px;color:#f5c84299;text-transform:uppercase;letter-spacing:1px}.ce-answer-preview-text{font-family:var(--fd);font-size:1.4rem;color:var(--gold);letter-spacing:1px}.ce-answer-preview-img{max-width:100%;max-height:180px;border-radius:8px;object-fit:contain}.clue-answer-img{max-width:min(500px,85vw);max-height:35vh;border-radius:10px;object-fit:contain;margin-top:8px;animation:pop .3s cubic-bezier(.34,1.56,.64,1);display:block;margin-left:auto;margin-right:auto}.editor-root{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.editor-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#000;border-bottom:2px solid var(--gold);flex-shrink:0}.editor-name-input{flex:1;background:#ffffff12;border:1.5px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:var(--fb);font-size:16px;font-weight:700;padding:8px 14px;outline:none;transition:border-color .15s}.editor-name-input:focus{border-color:var(--gold)}.editor-name-input::placeholder{color:#ffffff40}.editor-grid{display:flex;gap:8px;padding:12px;overflow-x:auto;flex:1;overflow-y:hidden}.editor-col{display:flex;flex-direction:column;gap:8px;min-width:200px;flex:1;overflow-y:auto}.editor-cat-input{background:var(--blue);border:1.5px solid var(--border);border-radius:6px;color:#fff;font-family:var(--fd);font-size:1rem;letter-spacing:1px;text-align:center;padding:8px 6px;outline:none;flex-shrink:0;transition:border-color .15s}.editor-cat-input:focus{border-color:var(--gold)}.editor-cat-input::placeholder{color:#fff3}.editor-clue-card{background:#0a1f6e80;border:1.5px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.editor-pts{font-family:var(--fd);font-size:.9rem;color:var(--gold);letter-spacing:2px}.editor-q{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-family:var(--fb);font-size:13px;padding:6px 8px;outline:none;resize:none;transition:border-color .15s}.editor-q:focus{border-color:#fff6}.editor-q::placeholder{color:#fff3}.editor-a{background:#0000004d;border:1px solid rgba(245,200,66,.2);border-radius:6px;color:var(--gold);font-family:var(--fb);font-size:13px;font-weight:600;padding:6px 8px;outline:none;transition:border-color .15s}.editor-a:focus{border-color:var(--gold)}.editor-a::placeholder{color:#f5c84233}.host-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.host-header{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#000;border-bottom:2px solid var(--gold);flex-wrap:wrap;flex-shrink:0}.room-badge{display:flex;flex-direction:column;align-items:center;background:#f5c8421a;border:1.5px solid var(--gold);border-radius:7px;padding:2px 12px;flex-shrink:0}.room-label{font-size:9px;color:#f5c84299;text-transform:uppercase;letter-spacing:1px}.room-code{font-family:var(--fd);font-size:1.4rem;color:var(--gold);letter-spacing:4px}.header-scores{display:flex;gap:8px;flex:1;flex-wrap:wrap}.header-join{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:4px 10px}.header-join-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.header-join-url{font-family:var(--fb);font-size:12px;color:#ffffffa6;white-space:nowrap}.header-autoclose-btn--on{color:var(--correct)!important;border-color:var(--correct)!important}.header-autoclose-btn--off{color:var(--wrong)!important;border-color:var(--wrong)!important;opacity:.85}.header-join-copy{font-size:11px!important;padding:3px 10px!important;flex-shrink:0}.btn-final-sm{font-family:var(--fb);font-weight:700;font-size:13px;background:var(--gold);color:#000;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;margin-left:auto}.host-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.host-board-wrap{flex:1;min-height:0;padding:8px 10px;overflow:auto}.host-buzzer-bar{width:100%;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:10px 18px;background:#000000b3;border-top:2px solid rgba(26,58,170,.5);flex-wrap:wrap;min-height:62px}.buzzer-bar-left{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:320px}.buzzer-bar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.buzzer-bar-divider{width:1.5px;height:36px;background:#ffffff1f;flex-shrink:0}.buzzer-bar-phase{font-size:13px;font-weight:800;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.buzzer-bar-phase--open{color:var(--gold);animation:gpulse .8s infinite}.buzzer-bar-btn{font-size:14px!important;padding:7px 16px!important}.buzzer-bar-btn--reveal{background:#22c55e33!important;color:var(--correct)!important;border-color:#22c55e66!important}.buzzer-bar-btn--skip{color:var(--wrong)!important;border-color:#ef444459!important}.buzzer-bar-btn--timer{background:#f5c84226!important;color:var(--gold)!important;border-color:#f5c84266!important}.buzzer-bar-countdown{font-size:13px;font-weight:700;color:#ffffff80;white-space:nowrap;padding:7px 12px;background:#ffffff0f;border-radius:7px;border:1px solid rgba(255,255,255,.1)}.buzzer-bar-queue{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.buzzer-bar-empty{font-size:13px;color:#ffffff4d;font-style:italic}.buzzer-bar-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.buzzer-bar-item--first{border-color:var(--c);background:#ffffff17;box-shadow:0 0 0 1px var(--c) inset;animation:buzz-pulse .7s ease-in-out infinite}@keyframes buzz-pulse{0%,to{box-shadow:0 0 0 1px var(--c) inset,0 0 0 0 var(--c);background:#ffffff17}50%{box-shadow:0 0 0 2px var(--c) inset,0 0 8px 3px var(--c);background:#ffffff2e}}.buzzer-bar-rank{font-size:12px;color:#ffffff59;font-weight:700}.buzzer-bar-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex-shrink:0}.buzzer-bar-name{font-size:15px;font-weight:700;color:#fff}.buzzer-bar-timer{font-size:15px;font-weight:800}.buzzer-bar-judge{font-size:16px!important;padding:4px 12px!important}.host-panel{width:100%;flex-shrink:0;height:44vh;background:#0006;border-top:1.5px solid rgba(26,58,170,.5);display:flex;flex-direction:row;gap:0;overflow:hidden}.panel-section{padding:12px 14px;border-right:1px solid rgba(26,58,170,.3);overflow-y:auto;flex-shrink:0}.panel-section:last-child{border-right:none}.panel-section--players{width:240px;display:flex;flex-direction:column}.clue-panel-left{flex:1;min-width:260px;max-width:560px}.clue-panel-right{flex:1;min-width:260px;border-right:none}.clue-panel-right--controls{flex:1;min-width:0;border-left:1px solid rgba(26,58,170,.3);display:flex;flex-direction:column;gap:8px}.clue-panel-right--blur{flex:0 0 680px;max-width:680px}.ctrl-inline-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.panel-section{padding:12px 14px;border-bottom:none}.panel-label{font-size:10px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.panel-empty{font-size:13px;color:#ffffff4d;font-style:italic}.player-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:.5px solid rgba(255,255,255,.06)}.player-row:last-child{border-bottom:none}.p-rank{font-size:12px;color:#ffffff4d;width:22px;flex-shrink:0}.p-avatar{width:30px;height:30px;border-radius:50%;background:var(--c);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--c)}.p-avatar-img{width:100%;height:100%;object-fit:cover}.p-avatar-letter{font-size:14px;font-weight:700;color:#fff}.p-name{flex:1;font-size:14px;font-weight:600;color:var(--c);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row--disconnected{opacity:.4}.p-kick-btn{background:transparent;border:none;color:#ef444466;font-size:12px;cursor:pointer;padding:2px 5px;border-radius:4px;line-height:1;transition:color .12s;flex-shrink:0}.p-kick-btn:hover{color:var(--wrong)}.p-bottom-row{display:flex;gap:6px;margin-top:10px}.p-random-btn,.p-history-btn{flex:1;font-size:12px!important;padding:6px!important}.p-score{font-family:var(--fd);font-size:1rem;color:var(--gold);cursor:pointer;border-bottom:1px dashed rgba(245,200,66,.3);flex-shrink:0}.p-score:hover{border-bottom-color:var(--gold)}.p-score-input{font-family:var(--fd);font-size:1rem;color:var(--gold);background:#00000080;border:1.5px solid var(--gold);border-radius:5px;padding:1px 6px;width:72px;outline:none;flex-shrink:0}.ph-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.ph-modal{background:#0a1230;border:2px solid var(--border);border-radius:14px;width:min(560px,95vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0009}.ph-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.ph-title{font-family:var(--fd);font-size:1.4rem;letter-spacing:2px;color:var(--gold)}.ph-close{background:transparent;border:none;color:#fff6;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .12s}.ph-close:hover{color:#fff}.ph-empty{padding:24px;text-align:center;color:#ffffff4d;font-style:italic}.ph-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:.5px solid rgba(255,255,255,.06)}.ph-row--gain{border-left:3px solid var(--correct)}.ph-row--loss{border-left:3px solid var(--wrong)}.ph-avatar{width:32px;height:32px;border-radius:50%;background:var(--c);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--c)}.ph-avatar-img{width:100%;height:100%;object-fit:cover}.ph-avatar-letter{font-size:14px;font-weight:700;color:#fff}.ph-name{font-size:14px;font-weight:700;color:var(--c);width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-delta{font-family:var(--fd);font-size:1.2rem;font-weight:700;width:80px;flex-shrink:0}.ph-row--gain .ph-delta{color:var(--correct)}.ph-row--loss .ph-delta{color:var(--wrong)}.ph-clue{flex:1;font-size:12px;color:#fff6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-ts{font-size:11px;color:#ffffff40;flex-shrink:0}.awarded-tag{font-size:12px;font-weight:700;color:var(--correct);background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:3px 9px;white-space:nowrap;flex-shrink:0}.ce-mc-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ce-mc-letter{font-family:var(--fd);font-size:1.1rem;width:40px;height:40px;flex-shrink:0;background:transparent;border:1.5px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .12s}.ce-mc-letter:hover{border-color:#22c55e80;color:var(--correct)}.ce-mc-letter--correct{background:#22c55e26;border-color:var(--correct);color:var(--correct)}.ce-mc-input{flex:1}.ce-mc-correct-tag{font-size:11px;font-weight:700;color:var(--correct);white-space:nowrap;flex-shrink:0}.mc-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(680px,92vw)}.mc-option{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;font-family:var(--fb);font-size:16px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s;position:relative}.mc-option:hover:not(:disabled){border-color:#f5c84280;background:#ffffff14}.mc-option:disabled{cursor:default}.mc-option--selected{border-color:var(--gold);background:#f5c8421f;box-shadow:0 0 0 1px var(--gold) inset}.mc-option--correct{border-color:var(--correct);background:#22c55e26;box-shadow:0 0 12px #22c55e59}.mc-option--dimmed{opacity:.45}.mc-option-letter{font-family:var(--fd);font-size:1.15rem;width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:7px;color:var(--gold)}.mc-option-letter--host-correct{background:#22c55e33;color:var(--correct)}.mc-option-text{flex:1;min-width:0}.mc-option-pickers{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.mc-picker-avatar{width:26px;height:26px;border-radius:50%;background:var(--c);overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--c);flex-shrink:0}.mc-picker-img{width:100%;height:100%;object-fit:cover}.mc-picker-letter{font-size:12px;font-weight:700;color:#fff}.mc-host-list{display:flex;flex-direction:column;gap:8px}.mc-host-option{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:9px;transition:all .15s}.mc-host-option--correct{border-color:var(--correct);background:#22c55e1f}.mc-host-option--dimmed{opacity:.5}.mc-host-option-text{flex:1;min-width:0;font-size:14px;font-weight:600;color:#fff}.clue-q{font-family:var(--fd);font-size:1.2rem;color:#fff;line-height:1.3;margin-bottom:10px;letter-spacing:.5px}.clue-a-wrap{background:#00000059;border:1.5px solid rgba(245,200,66,.3);border-radius:7px;padding:8px 12px;margin-bottom:8px}.clue-a-wrap.visible{border-color:var(--gold)}.clue-a-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.clue-a{font-family:var(--fd);font-size:1.1rem;color:var(--gold);letter-spacing:1px}.buzz-open-tag{font-size:10px;background:#f5c84226;color:var(--gold);border:1px solid rgba(245,200,66,.3);border-radius:4px;padding:1px 7px;animation:gpulse .8s infinite}@keyframes gpulse{0%,to{opacity:1}50%{opacity:.4}}.buzz-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.buzz-row--first{border-color:var(--c);background:#ffffff12}.buzz-rank{font-size:11px;color:#ffffff4d;width:20px}.buzz-dot{width:8px;height:8px;border-radius:50%;background:var(--c);flex-shrink:0}.buzz-name{flex:1;font-size:14px;font-weight:700;color:var(--c)}.buzz-timer{font-family:var(--fd);font-size:1.2rem;transition:color .3s}.buzz-actions{display:flex;gap:6px}.clue-controls{display:contents}.btn-skip{border-color:#ef44444d;color:#ef444499}.btn-skip:hover{border-color:var(--wrong);color:var(--wrong)}.btn-countdown{border-color:#fbbf244d;color:#fbbf24b3}.btn-countdown:hover{border-color:var(--gold);color:var(--gold)}.btn-countdown--stop{border-color:#fbbf2499;color:var(--gold)}.blur-host-outer{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.blur-host-control{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.blur-host-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.blur-host-preview-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:1px}.blur-host-preview-img{width:100%;max-height:320px;object-fit:contain;border-radius:6px;overflow:hidden}.ctrl-inline-row--vertical{flex-direction:column;flex-wrap:nowrap;flex:0 0 auto;align-items:flex-start}.blur-host-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff9}.blur-host-pct{font-family:var(--fd);font-size:1rem;color:var(--gold);min-width:40px}.blur-slider{width:100%;accent-color:var(--gold);cursor:pointer;direction:rtl}.blur-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#ffffff4d}.join-url{font-size:11px;font-family:var(--fb);color:#ffffff73;background:#0000004d;border-radius:6px;padding:6px 10px;margin-bottom:8px;word-break:break-all;line-height:1.5}.dd-wager-box{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.dd-title{font-family:var(--fd);font-size:1.6rem;color:var(--gold);letter-spacing:3px}.dd-input{font-family:var(--fb);font-size:16px;font-weight:700;background:#0006;border:1.5px solid var(--gold);border-radius:7px;color:var(--gold);padding:8px 12px;outline:none;width:100%}.dd-input::placeholder{color:#f5c8424d}.player-status-screen{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.player-status-icon{font-size:4rem}.player-status-title{font-family:var(--fd);font-size:2rem;color:#fff;letter-spacing:2px}.player-status-sub{font-size:14px;color:#ffffff73;max-width:280px}.player-disconnected-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:#7f1d1d;color:#fca5a5;font-size:13px;font-weight:700;text-align:center;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px}.player-disconnected-icon{font-size:1rem}.random-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000bf;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pop .25s cubic-bezier(.34,1.56,.64,1)}.random-spotlight-inner{display:flex;flex-direction:column;align-items:center;gap:12px;background:#0a1f6ee6;border:2px solid var(--gold);border-radius:18px;padding:36px 48px;text-align:center}.random-spotlight-label{font-size:13px;color:#ffffff80;letter-spacing:2px;text-transform:uppercase}.random-avatar{width:96px;height:96px;border-radius:50%;border:3px solid var(--c);background:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 32px color-mix(in srgb,var(--c) 60%,transparent)}.random-avatar-img{width:100%;height:100%;object-fit:cover}.random-avatar-letter{font-family:var(--fd);font-size:2.8rem;color:#fff;line-height:1}.random-player-name{font-family:var(--fd);font-size:2.2rem;letter-spacing:2px}.random-its-you{font-family:var(--fd);font-size:1.4rem;color:var(--gold);letter-spacing:2px;animation:gpulse 1s infinite}.player-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.player-header{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#000;border-bottom:2px solid var(--gold);flex-shrink:0}.player-name-badge{font-family:var(--fd);font-size:1.2rem;color:var(--c);letter-spacing:2px;margin-left:auto}.player-scores{display:flex;gap:6px;padding:8px 10px;flex-shrink:0;border-top:1.5px solid rgba(26,58,170,.4);background:#00000040;overflow-x:auto;justify-content:center;flex-wrap:wrap}.pscore-card{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:72px;max-width:96px}.pscore-card--me .pscore-avatar{box-shadow:0 0 0 3px var(--c),0 0 14px #ffffff2e}.pscore-avatar{width:64px;height:64px;min-width:64px;min-height:64px;border-radius:50%;border:3px solid var(--c);background:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.pscore-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pscore-avatar-letter{font-family:var(--fd);font-size:1.7rem;color:#fff;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.5)}.pscore-name{font-size:13px;font-weight:700;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.pscore-val{font-family:var(--fd);font-size:1.15rem;color:var(--gold);text-align:center}.player-board-wrap{height:50vh;padding:6px 8px;flex-shrink:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.player-board{flex:1;min-height:0;height:100%}.player-board .jp-col{height:100%;gap:5px}.player-board .jp-cell{flex:1;min-height:0;font-size:clamp(1rem,2.4vw,1.5rem)}.player-board .cat-hdr--sm{flex-shrink:0;font-size:clamp(1.6rem,3.8vw,2.1rem);min-height:0;padding:6px 4px}.player-clue{padding:14px 16px;background:#0a1f6e80;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.player-clue-pts{font-family:var(--fd);font-size:.9rem;color:var(--gold);opacity:.7;margin-bottom:4px;letter-spacing:2px}.player-clue-q{font-family:var(--fd);font-size:clamp(1.1rem,4vw,1.8rem);color:#fff;line-height:1.25}.player-waiting{padding:12px 16px;font-size:13px;color:#ffffff4d;text-align:center;font-style:italic}.player-queue{padding:8px 14px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.pq-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px}.pq-row--first{border-color:var(--c)}.pq-rank{font-size:11px;color:#ffffff4d;width:22px}.pq-name{flex:1;font-size:13px;font-weight:600;color:var(--c)}.pq-you{font-size:10px;background:#ffffff1a;border-radius:4px;padding:1px 6px;color:#ffffff80}.player-buzzer-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:16px;min-height:160px}.buzzer-status{font-size:13px;color:#ffffff4d;letter-spacing:2px;text-transform:uppercase}.buzzer-btn{width:min(220px,80vw);height:min(220px,80vw);border-radius:50%;background:#7f1d1d;border:4px solid #ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;-webkit-tap-highlight-color:transparent}.buzzer-btn:active{transform:scale(.92)}.buzzer-btn--active{background:#991b1b;border-color:#ef4444;animation:buzzer-glow 1s infinite}@keyframes buzzer-glow{0%,to{box-shadow:0 0 20px #ef444466}50%{box-shadow:0 0 50px #ef4444cc}}.buzzer-inner{font-family:var(--fd);font-size:3rem;color:#fff;letter-spacing:4px;pointer-events:none}.buzz-feedback{font-family:var(--fd);font-size:1.6rem;letter-spacing:2px;color:var(--c);text-align:center;padding:12px 24px;border-radius:10px;border:2px solid var(--c);animation:pop .25s cubic-bezier(.34,1.56,.64,1)}.buzz-feedback--first{color:var(--correct);border-color:var(--correct);background:#22c55e1a}.buzz-feedback--late{color:#ffffff59;border-color:#ffffff26;font-size:1rem}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.player-countdown{font-family:var(--fd);font-size:clamp(3rem,12vw,6rem);font-weight:900;color:var(--gold);letter-spacing:4px;animation:pop .2s cubic-bezier(.34,1.56,.64,1);line-height:1}.player-countdown--urgent{color:#ef4444;animation:countdown-pulse .6s infinite}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.reveal-countdown{font-size:13px;color:var(--gold);font-style:italic;padding:6px 0}.clue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:24px;padding:32px 24px;text-align:center;overflow-y:auto}.clue-overlay-pts{font-family:var(--fd);font-size:1.4rem;color:var(--gold);letter-spacing:4px;opacity:.8}.clue-overlay-q{font-family:var(--fd);font-size:clamp(1.6rem,5vw,3rem);color:#fff;line-height:1.25;max-width:820px;transition:filter .3s}.clue-overlay-q--blurred{filter:blur(10px);-webkit-user-select:none;user-select:none}.clue-overlay-answer{display:flex;flex-direction:column;gap:6px;align-items:center;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.clue-overlay-answer-label{font-size:11px;color:#f5c84299;text-transform:uppercase;letter-spacing:2px}.clue-overlay-answer-text{font-family:var(--fd);font-size:clamp(1.8rem,5vw,3.4rem);color:var(--gold);letter-spacing:2px}.clue-overlay-buzzer{display:flex;flex-direction:column;align-items:center;gap:12px}.join-form{display:flex;flex-direction:column;gap:12px}.join-input{background:#0006;border:1.5px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:var(--fb);font-size:16px;font-weight:600;padding:10px 14px;outline:none;width:100%;transition:border-color .15s}.join-input:focus{border-color:var(--gold)}.join-input:first-of-type{text-transform:uppercase;letter-spacing:3px}.auth-form .join-input{text-transform:none;letter-spacing:normal}@media (max-width: 700px){.host-panel{height:auto;max-height:50vh;flex-direction:column}.panel-section--players{width:100%;border-right:none;border-bottom:1px solid rgba(26,58,170,.3)}.panel-section--join{width:100%}}