@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=MedievalSharp&family=Inter:wght@400;700;900&display=swap);:root{--bg:#0e1117;--bg-gradient:var(--bg);--bg-elevated:#1a2029;--surface:#151a22;--surface-strong:#1b212c;--surface-soft:#12161e;--border:#242c38;--border-strong:#33404f;--text:#e8ecf3;--text-muted:#9aa4b5;--text-dim:#667084;--accent:#4f7cff;--accent-soft:#4f7cff21;--accent-2:#4f7cff;--accent-violet:#8b95f6;--danger:#e5484d;--danger-soft:#e5484d1f;--success:#46a758;--success-soft:#46a7581f;--warn:#d8a03d;--warn-soft:#d8a03d1a;--gold:#d8a03d;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #00000040;color-scheme:dark}body,html{background:#0e1117;background:var(--bg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e8ecf3;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:#4f7cff66;color:#fff}:focus-visible{border-radius:4px;outline:2px solid #4f7cff;outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-color:#3a4556 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3a4556;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5568}select optgroup,select option{background:#1a2029;background:var(--bg-elevated);color:#e8ecf3;color:var(--text)}body,html{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.dashboard-container{align-items:center;background:var(--bg);color:var(--text);min-height:100vh}.dashboard-container,.dashboard-overlay{display:flex;flex-direction:column;width:100%}.dashboard-overlay{gap:16px;max-width:1140px;padding:24px 20px 40px}.chat-container,.dashboard-form-container,.dashboard-header,.donors-container,.instructions-container,.scoreboard-section,.settings-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.chat-container h3,.dashboard-form-container h3,.donors-container h3,.scoreboard-container h3,.settings-container h3{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.chat-container h3:before,.dashboard-form-container h3:before,.donors-container h3:before,.scoreboard-container h3:before,.settings-container h3:before{background:var(--accent);border-radius:2px;content:"";flex-shrink:0;height:13px;width:4px}.dashboard-header{align-items:center;display:flex;justify-content:flex-start;padding:18px 22px}.streamer-info{align-items:center;display:flex;gap:18px}.avatar-wrapper{border-radius:50%;flex-shrink:0;overflow:hidden;position:relative}.streamer-avatar{border:2px solid var(--border-strong);border-radius:50%;display:block;height:64px;object-fit:cover;width:64px}.streamer-details h2{color:var(--text);font-size:1.25rem;font-weight:650;letter-spacing:-.01em;margin:0}.streamer-details p{color:var(--text-muted);font-size:.9rem;margin:2px 0 10px}.info-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 14px;transition:border-color .15s ease,color .15s ease}.info-btn:hover{border-color:var(--border-strong);color:var(--text)}.conn-banner{animation:fadeIn .25s ease;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;padding:11px 16px;text-align:center}.conn-banner.lost{background:var(--danger-soft);border:1px solid #e5484d59;color:#f2a3a6}.conn-banner.resuming{background:var(--accent-soft);border:1px solid #4f7cff59;color:#a8bffb}.instructions-container{animation:fadeIn .25s ease;padding:18px 22px}.instructions-container h3{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 12px}.instructions-container ol{color:var(--text-muted);font-size:.9rem;line-height:1.55;padding-left:20px}.instructions-container li{margin-bottom:6px}.dashboard-content{display:flex;flex-direction:column;gap:16px}@media (min-width:900px){.dashboard-content{align-items:start;display:grid;grid-template-columns:380px 1fr}.dashboard-content>.chat-and-donors-container,.dashboard-content>.facts-panel,.dashboard-content>.games-settings,.dashboard-content>.scoreboard-section,.dashboard-content>.viewer-voices-container{grid-column:1/-1}}.dashboard-form-container{padding:20px 22px}.dashboard-form{display:flex;flex-direction:column;gap:10px}.dashboard-form input{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;outline:none;padding:11px 14px;transition:border-color .15s ease}.dashboard-form input::placeholder{color:var(--text-dim)}.dashboard-form input:focus{border-color:var(--accent)}.dashboard-form button{background:linear-gradient(180deg,#5b87ff,#4a75f5);border:none;border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #ffffff24,0 1px 2px #0000004d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 14px;transition:filter .15s ease}.dashboard-form button:disabled{background:var(--surface-strong);box-shadow:none;color:var(--text-dim);cursor:not-allowed}.dashboard-form button:hover:not(:disabled){filter:brightness(1.12)}.loading-spinner{align-items:center;display:inline-flex;gap:8px}.loading-spinner:before{animation:spin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;content:"";height:14px;width:14px}.buttons-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.disconnect-btn,.donors-wall-btn,.ogre-game-btn,.pip-btn{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.87rem;font-weight:550;min-width:140px;padding:9px 12px;text-align:center;transition:border-color .15s ease,color .15s ease,background .15s ease}.disconnect-btn:hover{background:var(--danger-soft);border-color:#e5484d80;color:#f2a3a6}.donors-wall-btn:hover,.ogre-game-btn:hover,.pip-btn:hover{border-color:var(--border-strong);color:var(--text)}.response-message{color:var(--text-muted);font-size:.85rem;margin-top:12px;text-align:center}.settings-container{padding:20px 22px}.game-tts-notice{background:var(--accent-soft);border:1px solid #4f7cff4d;border-radius:var(--radius-sm);color:#a8bffb;font-size:.85rem;margin-bottom:12px;padding:9px 14px;text-align:center}.settings-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.settings-item{align-items:center;background:var(--surface-strong);border:1px solid #0000;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:8px 10px;min-width:0;padding:10px 12px;transition:border-color .15s ease}.settings-item:hover{border-color:var(--border)}.settings-item input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#2b3444;border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;flex-shrink:0;height:21px;margin:0;position:relative;transition:background .18s ease,border-color .18s ease;width:36px}.settings-item input[type=checkbox]:after{background:#97a2b5;border-radius:50%;content:"";height:15px;left:2px;position:absolute;top:2px;transition:transform .18s ease,background .18s ease;width:15px}.settings-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.settings-item input[type=checkbox]:checked:after{background:#fff;transform:translateX(15px)}.settings-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.settings-item label{color:var(--text);cursor:pointer;font-size:.88rem;font-weight:450;min-width:0}.settings-item select.high-donor-threshold{border:1px solid var(--border);min-width:0;order:3;padding:7px 10px}.gift-threshold,.settings-item select.high-donor-threshold{background:var(--surface);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;outline:none}.gift-threshold{border:1px solid var(--border);padding:7px 8px;width:64px}.gift-threshold:focus,.settings-item select.high-donor-threshold:focus{border-color:var(--accent)}.settings-item span{color:var(--text-dim);font-size:.85rem}.voice-selector-item{align-items:center;display:flex;gap:10px;grid-column:1/-1}.voice-selector-item label{color:var(--text);font-size:.88rem;font-weight:500;white-space:nowrap}.voice-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;flex:1 1;font-size:.88rem;max-width:420px;outline:none;padding:8px 12px;transition:border-color .15s ease}.voice-select:hover{border-color:var(--border-strong)}.voice-select:focus{border-color:var(--accent)}.viewer-voices-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}.viewer-voices-container h3{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.viewer-voices-container h3:before{background:var(--accent);border-radius:2px;content:"";flex-shrink:0;height:13px;width:4px}.viewer-voices-count{color:var(--text-dim);font-size:.72rem;font-weight:500;letter-spacing:.02em;margin-left:auto;text-transform:none}.random-voices-toggle{margin-bottom:10px;max-width:480px}.viewer-voice-search{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text);font-size:.88rem;outline:none;padding:9px 12px;transition:border-color .15s ease;width:100%}.viewer-voice-search::placeholder{color:var(--text-dim)}.viewer-voice-search:focus{border-color:var(--accent)}.viewer-voice-candidates{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.candidate-chip{background:var(--accent-soft);border:1px solid #4f7cff66;border-radius:999px;color:#a8bffb;cursor:pointer;font-size:.85rem;font-weight:500;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.candidate-chip:hover{background:#4f7cff38;border-color:var(--accent)}.viewer-voices-empty{background:var(--surface-soft);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.85rem;line-height:1.45;margin-top:10px;padding:14px;text-align:center}.viewer-voices-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:10px;max-height:260px;overflow-y:auto;padding:2px}.viewer-voice-row{align-items:center;background:var(--surface-strong);border:1px solid #0000;border-radius:var(--radius-sm);display:flex;gap:10px;min-width:0;padding:8px 10px;transition:border-color .15s ease}.viewer-voice-row:hover{border-color:var(--border)}.viewer-voice-name{color:var(--text);flex:1 1;font-size:.87rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-voice-select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;flex:0 1 210px;font-size:.82rem;min-width:0;outline:none;padding:6px 8px;transition:border-color .15s ease}.viewer-voice-select:hover{border-color:var(--border-strong)}.viewer-voice-select:focus{border-color:var(--accent)}.viewer-voice-remove{align-items:center;background:#0000;border:1px solid var(--border);border-radius:7px;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:26px;justify-content:center;transition:border-color .15s ease,color .15s ease,background .15s ease;width:26px}.viewer-voice-remove:hover{background:var(--danger-soft);border-color:#e5484d80;color:#f2a3a6}.voice-badge{cursor:default;font-size:.72rem;margin-left:5px;opacity:.85}.chat-and-donors-container{display:flex;flex-wrap:wrap;gap:16px}.chat-container,.donors-container{flex:1 1;min-width:280px;padding:18px 20px}.chat-messages,.donors-list{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:320px;overflow-y:auto;padding:4px}.chat-messages ul,.donors-list ul{list-style:none;margin:0;padding:0}.message{animation:fadeIn .2s ease-out;border-left:2px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:1px;margin:2px;padding:8px 12px;transition:background .12s ease}.message:hover{background:var(--surface-strong)}.message-nickname{color:#7f9cff;font-size:.78rem;font-weight:550}.message-nickname,.message-text{min-width:0;overflow-wrap:anywhere}.message-text{color:var(--text);font-size:.9rem;line-height:1.4}.message.subscribe{background:var(--success-soft);border-left-color:var(--success)}.message.gift{background:#8b95f614;border-left-color:var(--accent-violet)}.message.game,.message.game_correct,.message.game_question{background:var(--accent-soft);border-left-color:var(--accent)}.message.math,.message.math_correct,.message.math_question{background:#5bb8d414;border-left-color:#5bb8d4}.message.funny_fact{background:var(--warn-soft);border-left-color:var(--warn)}.donor-item{align-items:center;animation:fadeIn .2s ease-out;border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin:2px;padding:9px 12px}.donor-nickname{color:var(--text);font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donor-coins{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.donor-item.high-donor{background:var(--warn-soft);border:1px solid #d8a03d4d}.donor-item.high-donor .donor-coins{color:var(--gold);font-weight:650}.chat-messages>p,.donors-list>p{color:var(--text-dim);font-size:.88rem;padding:16px}.scoreboard-section{animation:fadeIn .25s ease;overflow:hidden}.scoreboard-tabs{display:flex;gap:6px;padding:10px 12px 0}.scoreboard-tab{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.87rem;font-weight:550;padding:8px 16px;transition:color .15s ease,border-color .15s ease,background .15s ease}.scoreboard-tab:hover{border-color:var(--border-strong);color:var(--text)}.scoreboard-tab.active{background:var(--accent-soft);border-color:#4f7cff73;color:#a8bffb}.scoreboard-container{padding:14px 12px 12px}.scoreboard-container h3{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;margin:0 0 10px;padding-left:4px;text-transform:uppercase}.scoreboard-list{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px}.scoreboard-list ol{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.scoreboard-item{align-items:center;animation:fadeIn .2s ease-out;border-radius:8px;display:flex;gap:10px;padding:9px 12px}.scoreboard-item.rank-1{background:var(--warn-soft);border:1px solid #d8a03d59}.scoreboard-item.rank-2,.scoreboard-item.rank-3{background:var(--surface-strong);border:1px solid var(--border)}.scoreboard-rank{font-size:1rem;min-width:32px;text-align:center}.scoreboard-name{color:var(--text);flex:1 1;font-size:.92rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-score{color:var(--gold);font-size:.85rem;font-weight:600;white-space:nowrap}.scoreboard-list p{color:var(--text-dim);font-size:.88rem;padding:12px}.footer{color:var(--text-dim);font-size:.85rem;padding:24px 16px 8px;text-align:center}.footer a{color:var(--accent);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}.branding{align-items:center;color:var(--text-dim);display:flex;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;letter-spacing:.04em;margin-top:12px}.brand-logo{color:var(--text-dim);font-size:.9rem}.brand-link,.brand-name{color:var(--text-muted)}.brand-link{text-decoration:none}.brand-link:hover{color:var(--text)}.brand-copyright,.brand-divider{color:var(--text-dim)}.brand-copyright{font-size:.78rem;font-weight:400}@media (max-width:768px){.dashboard-overlay{gap:12px;padding:12px 10px 24px}.dashboard-content{gap:12px}.dashboard-header{padding:14px 16px}.dashboard-form-container,.settings-container,.viewer-voices-container{padding:16px}.viewer-voices-list{grid-template-columns:1fr}.chat-container,.donors-container{padding:14px 14px 16px}.streamer-avatar{height:48px;width:48px}.streamer-details h2{font-size:1.05rem}.streamer-details p{font-size:.83rem}.settings-grid{grid-template-columns:1fr}.voice-selector-item{flex-wrap:wrap}.voice-select{max-width:100%}.settings-item select.high-donor-threshold,.voice-select{flex-basis:100%}.chat-and-donors-container{flex-direction:column;flex-wrap:nowrap}.chat-container,.donors-container{min-width:0}.buttons-container{flex-direction:column}.disconnect-btn,.donors-wall-btn,.ogre-game-btn,.pip-btn{min-width:0}}@media (max-width:480px){.streamer-info{gap:12px}.chat-messages,.donors-list{max-height:260px}.footer{padding:16px 12px 4px}.branding{flex-wrap:wrap;gap:6px}}.games-settings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.games-tabs{border-bottom:1px solid var(--border);display:flex;gap:6px;padding:10px 12px 0}.games-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:flex;font-size:.92rem;font-weight:550;gap:8px;padding:9px 18px 11px;transition:color .15s ease,border-color .15s ease}.games-tab:hover{color:var(--text)}.games-tab.active{border-bottom-color:var(--accent);color:var(--text)}.game-live-badge{background:var(--danger);border-radius:5px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 6px}.games-content{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.instructions-toggle{align-self:flex-start;background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 14px;transition:border-color .15s ease,color .15s ease}.instructions-toggle:hover{border-color:var(--border-strong);color:var(--text)}.instructions-text,.math-instructions{animation:fadeIn .25s ease;background:var(--surface-strong);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.88rem;padding:12px 16px}.instructions-text p,.math-instructions p{color:var(--text);margin:0 0 8px}.instructions-text ul,.math-instructions ul{line-height:1.5;margin:0;padding-left:18px}.instructions-text li,.math-instructions li{margin-bottom:4px}.games-categories h4,.games-custom h4,.math-difficulty-selector h4{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.categories{display:flex;flex-wrap:wrap;gap:6px}.category-label{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.87rem;gap:6px;padding:7px 14px;transition:border-color .15s ease,color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.category-label input[type=checkbox]{display:none}.category-label:hover{border-color:var(--border-strong);color:var(--text)}.category-label.selected{background:var(--accent-soft);border-color:#4f7cff80;color:#a8bffb}.custom-inputs{display:flex;flex-wrap:wrap;gap:8px}.custom-inputs input[type=text]{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1 1;font-size:.88rem;min-width:120px;outline:none;padding:9px 12px;transition:border-color .15s ease}.custom-inputs input[type=text]::placeholder{color:var(--text-dim)}.custom-inputs input[type=text]:focus{border-color:var(--accent)}.custom-inputs button{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:9px 18px;transition:filter .15s ease}.custom-inputs button:hover{filter:brightness(1.12)}.custom-questions-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0}.custom-questions-list li{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;font-size:.85rem;gap:8px;justify-content:space-between;padding:8px 12px}.remove-btn{background:#0000;border:none;border-radius:6px;color:var(--text-dim);cursor:pointer;flex-shrink:0;font-size:.8rem;padding:2px 8px;transition:color .15s ease,background .15s ease}.remove-btn:hover{background:var(--danger-soft);color:var(--danger)}.difficulty-options{display:flex;flex-direction:column;gap:6px}.difficulty-option{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:11px 14px;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.difficulty-option input[type=radio]{display:none}.difficulty-option:hover{border-color:var(--border-strong)}.difficulty-option.selected{background:var(--accent-soft);border-color:#4f7cff80}.diff-label{color:var(--text);font-size:.92rem;font-weight:600;min-width:130px}.diff-desc{color:var(--text-dim);font-size:.83rem}.games-buttons{display:flex;flex-wrap:wrap;gap:8px}.game-start-btn{background:linear-gradient(180deg,#5b87ff,#4a75f5);border:none;border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #ffffff24,0 1px 2px #0000004d;color:#fff;cursor:pointer;flex:1 1;font-size:.92rem;font-weight:600;padding:11px 20px;transition:filter .15s ease}.game-start-btn:hover{filter:brightness(1.12)}.game-next-btn,.game-reset-btn,.game-stop-btn{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:550;padding:11px 16px;transition:border-color .15s ease,color .15s ease,background .15s ease}.game-reset-btn:hover,.game-stop-btn:hover{background:var(--danger-soft);border-color:#e5484d80;color:#f2a3a6}.game-next-btn:hover{border-color:var(--border-strong);color:var(--text)}.delay-setting{border-top:1px solid var(--border);padding:10px 0 0}.delay-setting label{color:var(--text-muted);display:block;font-size:.85rem;font-weight:500;margin-bottom:8px}.delay-controls{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.delay-btn{background:var(--surface-strong);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:.82rem;padding:5px 11px;transition:border-color .15s ease,color .15s ease,background .15s ease}.delay-btn:hover{border-color:var(--border-strong);color:var(--text)}.delay-btn.active{background:var(--accent-soft);border-color:#4f7cff80;color:#a8bffb;font-weight:600}.delay-input{background:var(--surface-strong);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:.85rem;outline:none;padding:5px 8px;text-align:center;width:58px}.delay-input:focus{border-color:var(--accent)}.live-indicator{color:var(--danger);font-size:.72rem;font-weight:500;letter-spacing:0;margin-left:6px;text-transform:none}@media (max-width:600px){.games-content{padding:14px}.games-tab{font-size:.87rem;padding:8px 12px 10px}.custom-inputs,.games-buttons{flex-direction:column}.diff-label{min-width:auto}.difficulty-option{flex-wrap:wrap;gap:6px}.delay-controls .delay-input{flex:0 0 58px}}.facts-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.facts-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:13px 18px;transition:background .15s ease}.facts-header:hover{background:var(--surface-strong)}.facts-header-left{align-items:center;display:flex;gap:10px}.facts-icon{font-size:1.1rem}.facts-title{color:var(--text);font-size:.92rem;font-weight:600}.facts-count-badge{background:var(--warn-soft);border:1px solid #d8a03d4d;border-radius:999px;color:var(--warn);font-size:.73rem;font-weight:550;padding:2px 9px}.facts-header-right{align-items:center;display:flex;gap:8px}.facts-speak-toggle{background:var(--surface-strong);border:1px solid var(--border);border-radius:7px;cursor:pointer;font-size:1rem;line-height:1;padding:4px 10px;transition:border-color .15s ease}.facts-speak-toggle.on{border-color:#46a75873}.facts-speak-toggle.off{border-color:#e5484d66}.facts-speak-toggle:hover{border-color:var(--border-strong)}.facts-timer-mini{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;display:flex;gap:5px;padding:3px 10px}.timer-icon,.timer-value{font-size:.85rem}.timer-value{color:var(--warn);font-weight:600;min-width:28px}.facts-arrow{color:var(--text-dim);font-size:.75rem;transition:transform .2s ease}.facts-arrow.expanded{transform:rotate(180deg)}.facts-progress-bar{background:var(--border);height:2px}.facts-progress-fill{background:var(--warn);height:100%;transition:width .5s linear}.facts-body{animation:fadeIn .25s ease;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:16px 18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.facts-info-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:auto 1fr}.facts-timer-block{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:100px}.facts-timer-label{color:var(--text-dim);font-size:.73rem;text-align:center}.facts-timer-ring{position:relative}.facts-timer-ring,.facts-timer-ring svg{height:56px;width:56px}.facts-timer-ring svg circle{transition:stroke-dasharray .5s linear}.ring-label{color:var(--warn);font-size:.92rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fact-interval-controls{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.interval-label{color:var(--text-dim);font-size:.73rem;margin-right:2px}.fact-interval-btn{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:3px 9px;transition:border-color .15s ease,color .15s ease}.fact-interval-btn:hover{border-color:var(--border-strong);color:var(--text)}.fact-interval-btn.active{background:var(--warn-soft);border-color:#d8a03d73;color:var(--warn);font-weight:600}.stop-fact-btn{background:var(--surface-strong);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:550;margin-top:6px;padding:5px 12px;transition:border-color .15s ease,color .15s ease,background .15s ease}.stop-fact-btn:hover{background:var(--danger-soft);border-color:#e5484d80;color:#f2a3a6}.speak-status{border-radius:var(--radius-sm);font-size:.8rem;padding:8px 14px;text-align:center}.speak-status.speak-on{background:var(--success-soft);border:1px solid #46a7584d;color:#8fce9e}.speak-status.speak-off{background:var(--danger-soft);border:1px solid #e5484d4d;color:#f2a3a6}.facts-participants-block{display:flex;flex-direction:column;gap:8px}.facts-participants-label{color:var(--text-muted);font-size:.8rem;font-weight:550}.facts-participants-list{display:flex;flex-wrap:wrap;gap:5px;max-height:100px;overflow-y:auto}.participant-chip{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.78rem;padding:3px 10px;white-space:nowrap}.no-participants{color:var(--text-dim);font-size:.83rem;font-style:italic}.last-fact-block{background:var(--warn-soft);border:1px solid #d8a03d40;border-left:2px solid var(--warn);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;padding:10px 14px}.last-fact-label{color:var(--text-dim);font-size:.72rem;font-weight:550}.last-fact-text{color:var(--text);font-size:.87rem;line-height:1.45}.facts-editor-section{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.facts-editor-header{align-items:center;background:var(--surface-strong);color:var(--text-muted);cursor:pointer;display:flex;font-size:.87rem;font-weight:550;justify-content:space-between;padding:11px 14px;transition:color .15s ease}.facts-editor-header:hover{color:var(--text)}.facts-editor-body{animation:fadeIn .25s ease;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:14px}.add-fact-row{display:flex;gap:8px}.fact-input{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1 1;font-size:.87rem;outline:none;padding:9px 12px;transition:border-color .15s ease}.fact-input::placeholder{color:var(--text-dim)}.fact-input:focus{border-color:var(--warn)}.fact-add-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.87rem;font-weight:600;padding:9px 16px;transition:filter .15s ease;white-space:nowrap}.fact-add-btn:hover{filter:brightness(1.12)}.fact-search{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text);font-size:.87rem;outline:none;padding:8px 12px;transition:border-color .15s ease;width:100%}.fact-search::placeholder{color:var(--text-dim)}.fact-search:focus{border-color:var(--border-strong)}.facts-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto;padding-right:4px}.fact-item{align-items:flex-start;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;justify-content:space-between;padding:9px 12px;transition:border-color .15s ease}.fact-item:hover{border-color:var(--border-strong)}.fact-text{color:var(--text-muted);flex:1 1;font-size:.84rem;line-height:1.5}.fact-actions{display:flex;flex-shrink:0;gap:4px}.fact-delete-btn,.fact-edit-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;line-height:1;padding:4px;transition:background .15s ease}.fact-edit-btn:hover{background:var(--accent-soft)}.fact-delete-btn:hover{background:var(--danger-soft)}.fact-edit-row{display:flex;flex-direction:column;gap:8px;width:100%}.fact-edit-input{background:var(--surface);border:1px solid var(--warn);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text);font-size:.85rem;outline:none;padding:8px 12px;resize:vertical;width:100%}.fact-edit-actions{display:flex;gap:6px}.fact-save-btn{background:var(--accent);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.83rem;font-weight:600;padding:6px 14px;transition:filter .15s ease}.fact-save-btn:hover{filter:brightness(1.12)}.fact-cancel-btn{background:var(--surface-strong);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:.83rem;font-weight:550;padding:6px 12px;transition:border-color .15s ease}.fact-cancel-btn:hover{border-color:var(--border-strong);color:var(--text)}.no-facts{color:var(--text-dim);font-size:.87rem;padding:18px;text-align:center}.reset-facts-btn{align-self:flex-start;background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-size:.83rem;padding:7px 14px;transition:border-color .15s ease,color .15s ease}.reset-facts-btn:hover{border-color:#e5484d80;color:#f2a3a6}@media (max-width:600px){.facts-header{padding:11px 12px}.facts-body{padding:12px}.facts-info-row{grid-template-columns:1fr}.facts-timer-block{min-width:0}.add-fact-row{flex-direction:column}.facts-title{font-size:.87rem}.facts-count-badge{display:none}}.donors-wall{background:radial-gradient(ellipse at 20% 10%,#1a0a2e 0,#0d0d1a 40%,#0a0f1e 100%);color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;position:relative;width:100%}.particles-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.particle{animation:floatParticle linear infinite;background:radial-gradient(circle,#a78bfa,#7c3aed);border-radius:50%;filter:blur(1px);position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) scale(.5)}}.wall-header{background:linear-gradient(180deg,#7c3aed2e,#0000);border-bottom:1px solid #a78bfa26;justify-content:space-between;padding:28px 48px 20px;position:relative;z-index:10}.wall-header,.wall-title-block{align-items:center;display:flex}.wall-title-block{gap:14px}.wall-crown{animation:crownBob 3s ease-in-out infinite;font-size:2rem}@keyframes crownBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wall-title{-webkit-text-fill-color:#0000;animation:shimmerText 3s linear infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#f97316,#fbbf24);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:2.6rem;font-weight:900;letter-spacing:-1px}@keyframes shimmerText{0%{background-position:0}to{background-position:200%}}.wall-subtitle{color:#a78bfab3;font-size:.9rem;font-weight:500;margin-top:4px}.wall-stats{align-items:center;display:flex;gap:16px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #a78bfa33;border-radius:14px;padding:12px 22px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-value{color:#fbbf24;display:block;font-size:1.6rem;font-weight:900;line-height:1}.stat-label{color:#ffffff80;display:block;font-size:.75rem;font-weight:600;margin-top:4px}.connection-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.connection-dot.online{animation:pulse 2s infinite;background:#22c55e;box-shadow:0 0 10px #22c55e}.connection-dot.offline{background:#ef4444}.wall-body{display:flex;flex:1 1;flex-direction:column;gap:32px;padding:32px 48px;position:relative;z-index:10}.podium-section{align-items:flex-end;display:flex;gap:24px;justify-content:center}.podium-card{align-items:center;animation:fadeInUp .6s ease both;display:flex;flex-direction:column;position:relative}.podium-gold{margin-bottom:0;order:2}.podium-silver{order:1}.podium-bronze{order:3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.crown-float{animation:crownBob 2s ease-in-out infinite;font-size:2.2rem;margin-bottom:-10px}.podium-rank-badge{align-items:center;border-radius:50%;display:flex;font-size:.8rem;font-weight:900;height:28px;justify-content:center;position:absolute;right:0;top:-10px;width:28px;z-index:5}.podium-rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.podium-rank-badge.silver{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#1f2937}.podium-rank-badge.bronze{background:linear-gradient(135deg,#cd7c3a,#b45309);color:#fff}.podium-avatar-wrap{border-radius:50%;margin-bottom:10px;padding:4px;position:relative}.gold-ring{background:linear-gradient(135deg,#fbbf24,#f97316,#fbbf24);box-shadow:0 0 30px #fbbf2499}.silver-ring{background:linear-gradient(135deg,#d1d5db,#6b7280);box-shadow:0 0 18px #d1d5db4d}.bronze-ring{background:linear-gradient(135deg,#cd7c3a,#92400e);box-shadow:0 0 18px #b4530966}.podium-avatar{background:#1e1b4b;border-radius:50%;display:block;object-fit:cover}.podium-gold .podium-avatar{height:110px;width:110px}.podium-bronze .podium-avatar,.podium-silver .podium-avatar{height:86px;width:86px}.gold-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf244d 0,#0000 70%);border-radius:50%;inset:-12px;pointer-events:none;position:absolute}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.podium-medal{font-size:1.8rem;margin-bottom:6px}.podium-name{color:#f8fafc;font-size:1rem;font-weight:800;margin-bottom:4px;max-width:130px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.podium-gold .podium-name{font-size:1.15rem}.podium-coins{border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:14px;padding:4px 14px}.podium-coins span{font-size:.75rem;font-weight:400;opacity:.8}.gold-coins{background:#fbbf242e;border:1px solid #fbbf2466;color:#fbbf24}.silver-coins{background:#d1d5db1f;border:1px solid #d1d5db4d;color:#d1d5db}.bronze-coins{background:#b453092e;border:1px solid #b453094d;color:#fb923c}.podium-stand{align-items:center;border-radius:10px 10px 0 0;display:flex;justify-content:center;width:140px}.gold-stand{background:linear-gradient(180deg,#fbbf24,#d97706);height:80px}.silver-stand{background:linear-gradient(180deg,#9ca3af,#6b7280);height:56px}.bronze-stand{background:linear-gradient(180deg,#b45309,#92400e);height:42px}.stand-inner{color:#ffffff4d;font-size:1.6rem;font-weight:900}.donors-list-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #a78bfa1f;border-radius:20px;padding:20px 24px}.donors-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.donor-row-card{align-items:center;animation:fadeInUp .4s ease both;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;padding:10px 14px;transition:background .2s,transform .2s}.donor-row-card:hover{background:#a78bfa1a;transform:translateX(4px)}.donor-row-rank{color:#a78bfa99;font-size:.85rem;font-weight:800;min-width:28px}.donor-row-avatar{background:#1e1b4b;border:2px solid #a78bfa4d;border-radius:50%;flex-shrink:0;height:38px;object-fit:cover;width:38px}.donor-row-name{color:#e2e8f0;flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donor-row-coins{color:#fbbf24;font-size:.82rem;font-weight:700;white-space:nowrap}.recent-gifts-section{background:#ffffff05;border:1px solid #a78bfa1a;border-radius:18px;padding:16px 24px}.recent-title{color:#a78bfacc;font-size:.9rem;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.recent-gifts-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-color:#a78bfa4d #0000;scrollbar-width:thin}.recent-gift-chip{align-items:center;animation:slideInChip .4s ease;background:#ffffff0d;border:1px solid #ffffff14;border-radius:40px;display:flex;gap:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 16px 8px 8px;transition:background .2s}.recent-gift-chip:hover{background:#a78bfa1a}@keyframes slideInChip{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.recent-gift-avatar{background:#1e1b4b;border:2px solid #fbbf244d;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.recent-gift-info{display:flex;flex-direction:column}.recent-gift-name{color:#f1f5f9;font-size:.8rem;font-weight:700;line-height:1.2}.recent-gift-desc{color:#fbbf24cc;font-size:.72rem;font-weight:500}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{animation:floatIcon 3s ease-in-out infinite;font-size:5rem}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.empty-state h2{color:#ffffffb3;font-size:1.8rem;font-weight:800}.empty-state p{color:#ffffff59;font-size:.95rem}.new-gift-toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e0f3cf2,#0f0a28f2);border:1px solid #fbbf2480;border-radius:20px;bottom:32px;box-shadow:0 8px 40px #0009,0 0 30px #fbbf2426;overflow:hidden;padding:20px;position:fixed;right:32px;width:340px;z-index:9999}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.toast-glow{background:radial-gradient(circle at 30% 50%,#fbbf241f 0,#0000 70%);inset:0;pointer-events:none;position:absolute}.toast-content{align-items:center;display:flex;gap:16px;position:relative;z-index:2}.toast-avatar-wrap{flex-shrink:0;position:relative}.toast-avatar{background:#1e1b4b;border:3px solid #fbbf24;border-radius:50%;box-shadow:0 0 20px #fbbf2480;height:68px;object-fit:cover;width:68px}.toast-sparkles{animation:spin 2s linear infinite;font-size:1.1rem;position:absolute;right:-6px;top:-6px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-info{flex:1 1}.toast-label{color:#fbbf24;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.toast-nickname{color:#fff;font-size:1.1rem;font-weight:800;margin-bottom:4px}.toast-gift{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:6px;margin-bottom:6px}.toast-gift-img{border-radius:4px;height:24px;object-fit:contain;width:24px}.toast-coins{color:#fbbf24;font-size:1rem;font-weight:800}.toast-progress{animation:progressDrain 4.5s linear forwards;background:linear-gradient(90deg,#fbbf24,#f97316);border-radius:0 0 20px 20px;bottom:0;height:3px;left:0;position:absolute;z-index:3}@keyframes progressDrain{0%{width:100%}to{width:0}}.wall-footer{border-top:1px solid #ffffff0d;color:#fff3;font-size:.72rem;padding:12px;position:relative;text-align:center;z-index:10}@media (max-width:768px){.wall-header{flex-direction:column;gap:16px;padding:20px 24px}.wall-title{font-size:1.8rem}.wall-body{padding:20px}.podium-section{gap:10px}.podium-gold .podium-avatar{height:80px;width:80px}.podium-bronze .podium-avatar,.podium-silver .podium-avatar{height:64px;width:64px}.podium-stand{width:100px}.new-gift-toast{bottom:20px;right:20px;width:calc(100vw - 40px)}}.donors-wall.mirrored{transform:scaleX(-1)}.mirror-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e0f3cd9;border:1px solid #a78bfa66;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #0006;cursor:pointer;left:20px;padding:10px 16px;position:fixed;transition:background .2s,transform .2s;z-index:99999}.mirror-btn:hover{background:#7c3aed80;transform:scale(1.05)}.donors-wall.mirrored .mirror-btn{transform:scaleX(-1)}.donors-wall.mirrored .mirror-btn:hover{transform:scaleX(-1) scale(1.05)}.mirror-btn-inner{color:#e2e8f0;display:block;font-size:.85rem;font-weight:700;white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}.ogre-page{color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;position:relative;transition:background 1.5s ease;width:100%}.ogre-page.healthy{background:radial-gradient(ellipse at 50% 0,#052e16 0,#0a0f1e 60%,#0d0d1a 100%)}.ogre-page.hurt{background:radial-gradient(ellipse at 50% 0,#1a1200 0,#0a0f1e 60%,#0d0d1a 100%)}.ogre-page.badly{background:radial-gradient(ellipse at 50% 0,#1c0a00 0,#0a0f1e 60%,#0d0d1a 100%)}.ogre-page.critical{background:radial-gradient(ellipse at 50% 0,#200000 0,#0a0f1e 60%,#0d0d1a 100%)}.ogre-page.dying{background:radial-gradient(ellipse at 50% 0,#0d0000 0,#050010 60%,#0d0d1a 100%)}.ogre-page.dead{background:radial-gradient(ellipse at 50% 0,#111 0,#050505 100%)}.ogre-page.mirrored,.ogre-page.mirrored .ogre-ctrl-btn,.ogre-page.mirrored .ogre-ctrl-btn.reset,.ogre-page.mirrored .ogre-dot{transform:scaleX(-1)}.ogre-ctrl-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0a1ed9;border:1px solid #a78bfa59;border-radius:12px;cursor:pointer;padding:9px 15px;position:fixed;transition:background .2s,transform .2s;z-index:9999}.ogre-ctrl-btn:hover{background:#7c3aed73}.ogre-ctrl-btn.mirror{bottom:20px;left:20px}.ogre-ctrl-btn.reset{bottom:20px;left:120px}.ctrl-inner{color:#e2e8f0;font-size:.82rem;font-weight:700;white-space:nowrap}.ogre-dot{border-radius:50%;height:11px;position:fixed;right:16px;top:16px;width:11px;z-index:9999}.ogre-dot.on{animation:pulse 2s infinite;background:#22c55e;box-shadow:0 0 10px #22c55e}.ogre-dot.off{background:#ef4444}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.ogre-header{padding:24px 20px 10px;position:relative;text-align:center;z-index:10}.ogre-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:900;letter-spacing:2px;text-shadow:none}.ogre-header p{color:#ffffff73;font-size:.88rem;margin-top:4px}.arena{flex:1 1;justify-content:center;min-height:380px;padding:0 20px}.arena,.ogre-side{align-items:center;display:flex;flex-direction:column;position:relative}.ogre-side{gap:14px;max-width:500px;width:100%;z-index:10}.ogre-wrap{align-items:center;display:flex;height:260px;justify-content:center;position:relative;width:260px}.ogre-emoji{filter:drop-shadow(0 0 40px rgba(251,191,36,.5));font-size:13rem;line-height:1;transition:filter 1s ease,transform .3s;-webkit-user-select:none;user-select:none}.ogre-page.hurt .ogre-emoji{filter:drop-shadow(0 0 20px rgba(234,179,8,.6)) sepia(.3)}.ogre-page.badly .ogre-emoji{filter:drop-shadow(0 0 24px rgba(249,115,22,.7)) sepia(.5) hue-rotate(10deg)}.ogre-page.critical .ogre-emoji{animation:wobble 1.2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(239,68,68,.8)) sepia(.7) hue-rotate(330deg)}.ogre-page.dying .ogre-emoji{animation:wobble .6s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(220,38,38,1)) sepia(1) hue-rotate(320deg) brightness(.7)}.ogre-page.dead .ogre-emoji{filter:grayscale(1) brightness(.4);transform:rotate(90deg) translateX(40px)}@keyframes wobble{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.05)}}.ogre-wrap.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-12px) rotate(-2deg)}30%{transform:translateX(10px) rotate(2deg)}45%{transform:translateX(-8px) rotate(-1deg)}60%{transform:translateX(8px) rotate(1deg)}75%{transform:translateX(-4px)}}.wound{animation:fadeInWound .5s ease;font-size:1.8rem;pointer-events:none;position:absolute}.w1{right:20px;top:20px}.w2{bottom:30px;left:15px}.w3{left:10px;top:50%;transform:translateY(-50%)}.fire{animation:flicker .6s ease-in-out infinite alternate;bottom:-10px;font-size:1.5rem;left:50%;position:absolute;transform:translateX(-50%)}@keyframes flicker{0%{opacity:.7;transform:translateX(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) scale(1.05)}}@keyframes fadeInWound{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dmg-num{animation:floatUp 1.5s ease forwards;color:#fbbf24;font-weight:900;pointer-events:none;position:absolute;text-shadow:0 0 10px #fbbf24cc;top:10px;z-index:20}.dmg-num.crit{animation:floatUpCrit 1.5s ease forwards;color:#ef4444;font-size:2.4rem;text-shadow:0 0 20px #ef4444e6}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-90px) scale(.7)}}@keyframes floatUpCrit{0%{opacity:1;transform:translateY(0) scale(1.2)}20%{transform:translateY(-10px) scale(1.5)}to{opacity:0;transform:translateY(-120px) scale(.8)}}.ogre-state-label{font-size:1.1rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 20px currentColor;text-transform:uppercase;transition:color .5s}.hp-bar-outer{background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;height:32px;overflow:hidden;position:relative;width:420px}.hp-bar-fill{border-radius:20px;box-shadow:0 0 12px currentColor;height:100%;transition:width .5s ease,background .8s ease}.hp-text{align-items:center;color:#fff;display:flex;font-size:.78rem;font-weight:800;justify-content:center;text-shadow:0 1px 4px #000c}.hp-text,.knights-lane{inset:0;position:absolute}.knights-lane{overflow:hidden;pointer-events:none;z-index:20}.knight-fly{align-items:center;animation:knightCharge 2s cubic-bezier(.25,.46,.45,.94) forwards;display:flex;flex-direction:column;gap:4px;position:absolute;right:0}@keyframes knightCharge{0%{opacity:0;transform:translateX(140%)}15%{opacity:1}60%{opacity:1;transform:translateX(-10vw)}75%{transform:translateX(-8vw) rotate(-5deg) scale(1.15)}85%{transform:translateX(-12vw) rotate(5deg) scale(.95)}to{opacity:0;transform:translateX(-40vw) scale(.7)}}.knight-av{background:#1e1b4b;border:3px solid #fbbf24;border-radius:50%;box-shadow:0 0 16px #fbbf2499;height:88px;object-fit:cover;width:88px}.knight-label{background:#0009;border-radius:8px;color:#f8fafc;font-size:.72rem;font-weight:700;max-width:100px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.knight-dmg{color:#fbbf24;font-size:.78rem;font-weight:800}.ogre-bottom{display:flex;gap:16px;padding:12px 24px 20px;position:relative;z-index:10}.ogre-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex:1 1;padding:14px 16px}.ogre-panel h3{color:#fbbf24cc;font-size:.82rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.no-data{color:#ffffff4d;font-size:.8rem}.top-row{align-items:center;animation:fadeInRow .4s ease;border-bottom:1px solid #ffffff0d;display:flex;gap:10px;padding:6px 0}.top-row:last-child{border-bottom:none}@keyframes fadeInRow{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.top-rank{font-size:1rem;min-width:28px}.top-av{background:#1e1b4b;border:2px solid #fbbf2466;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.top-name{color:#e2e8f0;flex:1 1;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-dmg{color:#fbbf24;font-size:.8rem;font-weight:800;white-space:nowrap}.log-panel{max-height:220px}.log-scroll{max-height:160px;overflow-y:auto;scrollbar-color:#a78bfa4d #0000;scrollbar-width:thin}.log-row{align-items:center;animation:slideLog .3s ease;border-bottom:1px solid #ffffff0a;display:flex;gap:8px;padding:5px 0}@keyframes slideLog{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.log-av{background:#1e1b4b;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;height:26px;object-fit:cover;width:26px}.log-name{color:#e2e8f0;flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis}.log-dmg,.log-name{font-size:.78rem;white-space:nowrap}.log-dmg{color:#ef4444;font-weight:800}.log-time{color:#ffffff4d;font-size:.65rem;white-space:nowrap}.death-overlay{align-items:center;animation:fadeInOverlay .5s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.death-box{align-items:center;animation:popIn .5s cubic-bezier(.34,1.56,.64,1);background:#0f0a1ef2;border:1px solid #fbbf2466;border-radius:24px;box-shadow:0 0 80px #fbbf2433;display:flex;flex-direction:column;gap:12px;padding:48px 56px;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.death-emoji-big{animation:deathSpin .6s ease;font-size:6rem}@keyframes deathSpin{0%{transform:rotate(-30deg) scale(0)}to{transform:rotate(0) scale(1)}}.death-box h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900}.death-box p{color:#fff9}.death-hero{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:8px}.death-hero p{color:#fbbf24b3;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.death-av{background:#1e1b4b;border:3px solid #fbbf24;border-radius:50%;box-shadow:0 0 24px #fbbf2480;height:80px;object-fit:cover;width:80px}.death-hero strong{color:#fff;font-size:1.2rem}.death-hero span{color:#fbbf24;font-size:.85rem}.death-restart{background:linear-gradient(45deg,#7c3aed,#a78bfa);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:16px;padding:14px 32px;transition:transform .2s,box-shadow .2s}.death-restart:hover{box-shadow:0 8px 24px #7c3aed80;transform:translateY(-3px)}.slash-effect{animation:slashAppear .45s ease forwards;height:200px;left:50%;pointer-events:none;position:absolute;top:50%;width:200px;z-index:30}.slash-big{height:280px;width:280px}@keyframes slashAppear{0%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.3);transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1.3);transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1.3)}60%{opacity:.8;transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.6);transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(.6)}}.slash-line{animation:slashLine .45s ease forwards;background:linear-gradient(90deg,#0000,#fff 30%,#fbbf24 60%,#f97316 80%,#0000);border-radius:4px;box-shadow:0 0 16px #fbbf24e6,0 0 40px #f9731699;height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.slash-line-2{background:linear-gradient(90deg,#0000,#a78bfa 40%,#fff 60%,#0000);box-shadow:0 0 12px #a78bfab3;height:3px;margin-top:12px;opacity:.6}@keyframes slashLine{0%{transform:translateY(-50%) scaleX(0);transform-origin:left}30%{transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translateY(-50%) scaleX(1)}}.slash-sparkle{animation:sparklePop .45s ease forwards;font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%)}.slash-big .slash-sparkle{font-size:3rem}@keyframes sparklePop{0%{opacity:0;transform:translate(-50%,-60%) scale(0)}40%{opacity:1;transform:translate(-50%,-60%) scale(1.5)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}.knight-body{align-items:center;display:flex;justify-content:center;position:relative}.knight-sword{animation:swordReady 2.2s ease forwards;filter:drop-shadow(0 0 8px rgba(251,191,36,.8));font-size:1.8rem;position:absolute;right:-22px;transform:rotate(-45deg)}@keyframes swordReady{0%,60%{transform:rotate(-45deg)}75%{transform:rotate(-120deg) scale(1.4)}85%,to{transform:rotate(-45deg)}}.speech-bubble{animation:bubblePop 2s ease forwards;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0006;color:#111;font-size:1.1rem;font-weight:800;padding:10px 18px;top:-60px;white-space:nowrap;z-index:50}.speech-bubble,.speech-bubble:after{left:50%;position:absolute;transform:translateX(-50%)}.speech-bubble:after{border:10px solid #0000;border-bottom:0;border-top-color:#fff;bottom:-10px;content:""}@keyframes bubblePop{0%{opacity:0;transform:translateX(-50%) scale(.5) translateY(10px)}15%{opacity:1;transform:translateX(-50%) scale(1.1) translateY(0)}30%{transform:translateX(-50%) scale(1) translateY(0)}75%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.taunt-bubble{animation:tauntBounce 4s ease forwards;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:20px;box-shadow:0 4px 24px #fbbf2480;color:#1a0a00;font-size:1rem;font-weight:800;max-width:300px;padding:12px 20px;text-align:center;top:-80px;white-space:nowrap;white-space:normal;z-index:50}.taunt-bubble,.taunt-bubble:after{left:50%;position:absolute;transform:translateX(-50%)}.taunt-bubble:after{border:10px solid #0000;border-bottom:0;border-top-color:#f97316;bottom:-10px;content:""}@keyframes tauntBounce{0%{opacity:0;transform:translateX(-50%) scale(.7)}10%{opacity:1;transform:translateX(-50%) scale(1.05)}20%,80%{transform:translateX(-50%) scale(1) rotate(-1deg)}40%,60%{transform:translateX(-50%) scale(1) rotate(1deg)}90%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.underwear-badge{animation:underwearFloat 2s ease-in-out infinite;bottom:-15px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:2rem;left:50%;position:absolute;transform:translateX(-50%);z-index:15}@keyframes underwearFloat{0%,to{transform:translateX(-50%) rotate(-5deg)}50%{transform:translateX(-50%) rotate(5deg)}}.fly-item{animation:flyOut 1.2s cubic-bezier(.25,.46,.45,.94) forwards;font-size:1.8rem;left:50%;pointer-events:none;position:absolute;top:40%;z-index:25}@keyframes flyOut{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(var(--vx),var(--vy)) rotate(var(--rot)) scale(.5)}}.dmg-num{font-size:1.6rem}.dmg-num.dmg-lg{font-size:2.2rem}.dmg-num.dmg-xl{font-size:3rem;text-shadow:0 0 20px #ef4444e6}.dmg-num.dmg-xxl{font-size:4.5rem;text-shadow:0 0 30px #ef4444}.dmg-num.dmg-xxxl{animation:floatUpCrit 2s ease forwards!important;font-size:7rem;text-shadow:0 0 40px #ef4444,0 0 80px #f97316cc}.ogre-cry{display:flex;gap:8px;justify-content:center;margin:-8px 0 4px}.cry-tear{animation:cryDrop .8s ease-in-out infinite;font-size:2rem}.cry-tear.delay1{animation-delay:.2s}.cry-tear.delay2{animation-delay:.4s}@keyframes cryDrop{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.cry-phrase{color:#fff9!important;font-size:1.1rem!important;font-style:italic;margin-top:0!important}.App{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:0;width:100%}