.admin-dashboard{min-height:100vh;display:flex;flex-direction:column;background:#111117}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#16161e;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;position:sticky;top:0;z-index:100}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#ffffff80;transition:all .15s ease}.topbar-back:hover{color:#fff;background:#ffffff0f}.topbar-title{display:flex;align-items:center;gap:8px}.topbar-title-icon{color:#fff6}.topbar-title h1{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0;color:#fff}.topbar-right{display:flex;align-items:center;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status--active .status-dot{background:#34d399;box-shadow:0 0 6px #34d39966}.status--active .status-label{color:#34d399}.status--connecting .status-dot{background:#fbbf24;animation:pulse-dot 1.5s ease infinite}.status--connecting .status-label{color:#fbbf24}.status--demo .status-dot{background:#a78bfa}.status--demo .status-label{color:#a78bfa}.status--idle .status-dot{background:#ffffff40}.status--idle .status-label{color:#fff6}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.save-toast{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;animation:fadeIn .2s ease}.save-toast--success{background:#34d3991a;color:#34d399}.save-toast--error{background:#f871711a;color:#f87171}.btn-save{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.btn-save:hover{background:#1d4ed8}.btn-save:disabled{opacity:.5;cursor:not-allowed}.admin-tabs{display:flex;gap:0;padding:0 24px;background:#16161e;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:56px;z-index:99}.admin-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:600;color:#fff6;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.admin-tab:hover{color:#ffffffb3;background:#ffffff05}.admin-tab--active{color:#60a5fa;border-bottom-color:#2563eb}.admin-tab--active:hover{color:#60a5fa}.admin-content{flex:1;padding:24px;max-width:880px;margin:0 auto;width:100%}.tab-content{animation:fadeIn .2s ease}.settings-section{margin-bottom:32px}.section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-icon{color:#ffffff59;flex-shrink:0;margin-top:2px}.section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffffe6;margin:0 0 4px}.section-subtitle{font-size:13px;color:#fff6;margin:0;line-height:1.5}.section-subtitle strong{color:#fff9}.sub-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;margin-bottom:12px}.gift-rules-block{margin-bottom:24px}.gift-rules-table{display:flex;flex-direction:column;gap:2px;background:#16161e;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.gift-rule-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#1c1c27;transition:background .15s ease}.gift-rule-row:hover{background:#20202d}.gift-thumb{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#ffffff0a;flex-shrink:0}.gift-thumb-placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0a;color:#ffffff40;flex-shrink:0}.gift-rule-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gift-rule-name{font-size:13px;font-weight:500;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-rule-diamonds{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#ffffff4d}.gift-rule-power{display:flex;align-items:center;gap:6px}.power-unit{font-size:12px;color:#ffffff4d}.btn-icon-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#fff3;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-icon-remove:hover{color:#f87171;background:#f871711a}.gift-add-block{margin-top:4px}.gift-search-bar{position:relative;margin-bottom:12px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fff3;pointer-events:none}.input-search{width:100%;max-width:320px;padding:8px 12px 8px 34px;font-family:inherit;font-size:13px;color:#fff;background:#16161e;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:border-color .15s ease}.input-search:focus{outline:none;border-color:#2563eb}.input-search::placeholder{color:#ffffff40}.gift-loading{padding:24px 0;text-align:center;font-size:13px;color:#ffffff4d}.gift-source-msg{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:6px;margin-bottom:12px}.gift-source-msg--success{background:#34d39914;color:#34d399}.gift-source-msg--warn{background:#fbbf2414;color:#fbbf24}.gift-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.gift-pick-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#1c1c27;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease;color:inherit;font-family:inherit}.gift-pick-card:hover{background:#22223a;border-color:#2563eb4d}.gift-pick-img{width:40px;height:40px;object-fit:contain}.gift-pick-placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff3}.gift-pick-name{font-size:11px;text-align:center;color:#ffffffb3;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.gift-pick-diamonds{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#ffffff40}.gift-hint{font-size:12px;color:#ffffff40;text-align:center;padding:12px 0;margin:0}.input-compact{width:80px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:500;text-align:center;color:#fff;background:#16161e;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:border-color .15s ease}.input-compact:focus{outline:none;border-color:#2563eb}.input-field{width:100%;padding:8px 10px;font-family:inherit;font-size:13px;color:#fff;background:#16161e;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:border-color .15s ease}.input-field:focus{outline:none;border-color:#2563eb}.input-field::placeholder{color:#fff3}.input-compact::-webkit-outer-spin-button,.input-compact::-webkit-inner-spin-button,.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-compact[type=number],.input-field[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.inline-field{display:flex;align-items:center;gap:10px}.field-unit{font-size:13px;color:#fff6}.field-group{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff4d}.interaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.interaction-card{background:#1c1c27;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px}.interaction-card--wide{grid-column:1 / -1}.interaction-card-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff80;margin-bottom:12px}.interaction-card-body{display:flex;align-items:center;gap:8px}.interaction-card-body--chat{display:grid;grid-template-columns:1fr 1fr;gap:12px}.widgets-list{display:flex;flex-direction:column;gap:8px}.widget-card{background:#1c1c27;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 16px}.widget-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#ffffff80}.widget-card-title{font-size:13px;font-weight:600;color:#ffffffd9}.widget-toggles{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;width:32px;height:18px;background:#ffffff1a;border-radius:9px;transition:background .2s ease;flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#ffffff80;border-radius:50%;transition:all .2s ease}.toggle-switch input:checked+.toggle-track{background:#2563eb}.toggle-switch input:checked+.toggle-track .toggle-thumb{left:16px;background:#fff}.toggle-label{font-size:12px;color:#ffffff73;transition:color .15s ease}.toggle-switch:hover .toggle-label{color:#ffffffb3}.widget-url-block{padding:8px 10px;background:#111117;border:1px solid rgba(255,255,255,.04);border-radius:6px;margin-bottom:12px;overflow-x:auto}.widget-url-block code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;color:#ffffff59;white-space:nowrap;word-break:break-all}.widget-card-actions{display:flex;gap:8px}.btn-action{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;text-decoration:none;border:1px solid transparent}.btn-action--copy{background:#2563eb1a;color:#60a5fa;border-color:#2563eb33}.btn-action--copy:hover{background:#2563eb2e}.btn-action--copied{background:#34d3991a;color:#34d399;border-color:#34d39933}.btn-action--preview{background:#ffffff0a;color:#ffffff73;border-color:#ffffff0f}.btn-action--preview:hover{background:#ffffff14;color:#ffffffb3}.widget-help-block{margin-top:16px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px}.widget-help-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#ffffff73;margin-bottom:10px}.widget-help-steps{margin:0;padding-left:20px;font-size:12px;color:#ffffff4d;line-height:2}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:icon-spin 1s linear infinite}@media (max-width: 768px){.admin-topbar{flex-direction:column;height:auto;padding:12px 16px;gap:10px}.topbar-left,.topbar-right{width:100%;justify-content:center}.admin-content{padding:16px}.interaction-grid,.interaction-card-body--chat{grid-template-columns:1fr}.gift-picker-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.widget-card-actions{flex-direction:column}.btn-action{justify-content:center;width:100%}.widget-toggles{flex-direction:column;gap:10px}}@media (max-width: 480px){.topbar-title h1{font-size:13px}.status-badge{font-size:11px}.gift-rule-row{flex-wrap:wrap}}.collapsible-section{background:#1c1c27;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:8px;overflow:hidden}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;color:#ffffffd9;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s ease}.collapsible-header:hover{background:#ffffff08}.collapsible-header-left{display:flex;align-items:center;gap:10px;color:#ffffff80}.collapsible-header-left span{color:#ffffffd9}.collapsible-body{padding:4px 16px 16px;border-top:1px solid rgba(255,255,255,.04)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}@media (max-width: 640px){.control-grid{grid-template-columns:1fr}}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.control-row--vertical{flex-direction:column;align-items:flex-start;gap:8px}.control-label{font-size:12px;font-weight:500;color:#ffffff8c;white-space:nowrap}.control-label-group{display:flex;flex-direction:column;gap:2px}.control-description{font-size:11px;color:#ffffff40}.color-field{display:flex;align-items:center;gap:8px}.color-input{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;cursor:pointer;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:4px}.color-hex{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#ffffff59}.slider-field{display:flex;align-items:center;gap:10px;min-width:140px}.slider-input{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #1d4ed8;transition:transform .15s ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #1d4ed8}.slider-value{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#ffffff73;min-width:42px;text-align:right}.radio-group{display:flex;gap:6px}.radio-card{padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;color:#fff6;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .15s ease}.radio-card:hover{color:#ffffffb3;background:#ffffff14}.radio-card--active{color:#60a5fa;background:#2563eb1f;border-color:#2563eb4d}.radio-card--active:hover{color:#60a5fa}.select-field{padding:6px 10px;font-family:inherit;font-size:12px;color:#fff;background:#16161e;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;min-width:120px;transition:border-color .15s ease}.select-field:focus{outline:none;border-color:#2563eb}.select-field option{background:#16161e;color:#fff}.btn-reset-view{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;color:#ffffff73;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-reset-view:hover{color:#ffffffb3;background:#ffffff14}.obs-instructions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#2563eb14;border:1px solid rgba(37,99,235,.18);border-radius:10px;font-size:12px;color:#fff9;margin-top:8px}.obs-step{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#2563eb73;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.obs-overlay-card{border:1px solid rgba(255,255,255,.06)!important}.obs-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.obs-card-icon{font-size:22px;line-height:1;flex-shrink:0}.obs-card-info{display:flex;flex-direction:column;gap:2px}.obs-card-title{font-size:14px;font-weight:700;color:#fff}.obs-card-desc{font-size:12px;color:#ffffff73}.obs-url-row{display:flex;align-items:center;background:#00000059;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 10px;margin-bottom:14px;flex-wrap:wrap;gap:8px}.obs-url-text{flex:1;font-size:11px;font-family:Courier New,monospace;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.obs-url-actions{display:flex;gap:6px;flex-shrink:0}.btn-obs-copy,.btn-obs-preview{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;text-decoration:none;transition:all .15s ease}.btn-obs-copy{background:#2563eb2e;color:#60a5fa;border:1px solid rgba(37,99,235,.3)}.btn-obs-copy:hover{background:#2563eb47;color:#93c5fd}.btn-obs-copy--done{background:#34d3992e!important;color:#34d399!important;border-color:#34d3994d!important}.btn-obs-preview{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.08)}.btn-obs-preview:hover{background:#ffffff17;color:#ffffffbf}.obs-params{display:flex;flex-direction:column;gap:8px}.obs-param-row{display:flex;align-items:center;gap:12px}.obs-param-label{font-size:12px;color:#ffffff80;flex:1;min-width:120px}.bey-game-view{position:fixed;top:48px;left:0;width:100vw;height:calc(100vh - 48px);background:#0a0a0f;overflow:hidden}.bey-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.bey-topbar{position:absolute;top:0;left:0;right:0;height:48px;background:#04040ef2;border-bottom:1px solid rgba(233,69,96,.12);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #e9456014,0 4px 24px #00000080}.bey-topbar-brand{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.bey-brand-icon{font-size:18px;flex-shrink:0}.bey-brand-text{font-size:14px;font-weight:700;color:#fff;letter-spacing:.02em;white-space:nowrap}.bey-topbar-center{display:flex;align-items:center;gap:8px;flex-shrink:0}.bey-conn-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.04em;background:#ffffff0a;color:#ffffff59}.bey-at{font-size:13px;color:#ffffff59;font-weight:600}.bey-username-input{width:140px;background:#16161e;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:5px 10px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s}.bey-username-input:focus{border-color:#e9456080;box-shadow:0 0 0 2px #e9456014}.btn-start{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e94560,#c2185b);border:none;border-radius:5px;padding:6px 16px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:box-shadow .15s,transform .12s;white-space:nowrap;box-shadow:0 2px 12px #e9456059}.btn-start:hover{box-shadow:0 3px 20px #e945608c;transform:translateY(-1px)}.btn-start:active{transform:translateY(0)}.btn-start:disabled:hover{transform:none;box-shadow:none}.bey-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bey-spin .7s linear infinite;flex-shrink:0}@keyframes bey-spin{to{transform:rotate(360deg)}}.bey-conn-error{font-size:.78rem;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:6px;padding:4px 10px;max-width:260px;line-height:1.4}.btn-stop{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(233,69,96,.3);border-radius:5px;padding:5px 14px;color:#e94560;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-stop:hover{background:#e945601a;border-color:#e9456080}.bey-topbar-actions{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:6px}.bey-volume-wrap{display:flex;align-items:center;gap:6px;font-size:13px}.bey-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffff80;cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.bey-action-btn:hover{color:#fff;border-color:#ffffff26}.bey-action-btn--active{color:#e94560;border-color:#e9456059;background:#e945601a}.bey-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:89;opacity:0;pointer-events:none;transition:opacity .3s}.bey-drawer-backdrop--visible{opacity:1;pointer-events:auto}.bey-settings-drawer{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background:#111117;border-left:1px solid rgba(255,255,255,.06);z-index:200;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.bey-settings-drawer--open{transform:translate(0)}.bey-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#0a0a0f99}.bey-drawer-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#ffffffd9}.bey-drawer-actions{display:flex;align-items:center;gap:8px}.bey-btn-save{background:linear-gradient(135deg,#e94560,#c2185b);border:none;border-radius:4px;padding:5px 12px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:box-shadow .15s;box-shadow:0 2px 10px #e9456040}.bey-btn-save:hover{box-shadow:0 2px 16px #e9456080}.bey-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#fff6;cursor:pointer;transition:color .15s}.bey-drawer-close:hover{color:#fff}.bey-drawer-body{flex:1;overflow-y:auto;padding:16px}.bey-drawer-body::-webkit-scrollbar{width:5px}.bey-drawer-body::-webkit-scrollbar-track{background:transparent}.bey-drawer-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.obs-link-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.obs-link-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px}.obs-link-icon{font-size:14px;flex-shrink:0}.obs-link-label{flex:1;font-size:12px;font-weight:500;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-link-btns{display:flex;gap:5px;flex-shrink:0}.obs-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid rgba(37,99,235,.3);background:#2563eb26;color:#60a5fa;transition:all .12s ease;white-space:nowrap}.obs-copy-btn:hover{background:#2563eb42;color:#93c5fd}.obs-copy-btn--done{background:#34d39926!important;color:#34d399!important;border-color:#34d39947!important}.obs-preview-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff59;transition:all .12s ease}.obs-preview-btn:hover{color:#ffffffb3;background:#ffffff14}.bey-arena-controls{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:6px;z-index:50}.bey-ctrl-btn{border:none;border-radius:6px;padding:8px 18px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;color:#fff;transition:opacity .15s;text-shadow:0 1px 3px rgba(0,0,0,.4)}.bey-ctrl-btn:hover{opacity:.85}.bey-ctrl-gold{background:linear-gradient(135deg,#fbbf24,#b45309);color:#000;text-shadow:none;font-weight:800}.bey-ctrl-pink{background:linear-gradient(135deg,#e94560,#c2185b);box-shadow:0 2px 12px #e945604d}.bey-ctrl-green{background:linear-gradient(135deg,#0f3460,#16213e);border:1px solid rgba(233,69,96,.3);box-shadow:0 2px 12px #0f346066}@media (max-width: 640px){.bey-topbar{padding:0 10px}.bey-brand-text{display:none}.bey-username-input{width:100px}.bey-settings-drawer{width:100%;max-width:100%}.bey-volume-wrap{display:none}}.bey-logo{width:24px;height:24px;object-fit:contain}.bey-test-drawer{position:fixed;top:48px;right:0;width:260px;background:#111117;border-left:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);z-index:90;border-radius:0 0 0 6px}.bey-test-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.bey-test-drawer-title{font-size:11px;font-weight:600;color:#ffffff80;letter-spacing:.06em;text-transform:uppercase}.bey-test-drawer-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#ffffff4d;cursor:pointer;border-radius:3px;transition:color .15s}.bey-test-drawer-close:hover{color:#fff}.bey-test-drawer-body{padding:14px}.bey-test-field{margin-bottom:14px}.bey-test-label{display:block;font-size:10px;font-weight:600;color:#ffffff59;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.bey-test-input{width:100%;background:#16161e;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:7px 10px;color:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.bey-test-input:focus{border-color:#e9456066}.bey-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.bey-test-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:#16161e;border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#fff9;cursor:pointer;transition:color .15s,border-color .15s}.bey-test-btn span{font-size:9px;color:#ffffff59;white-space:nowrap}.bey-test-btn:hover{color:#fff;border-color:#ffffff1f}.bey-test-btn--reign{border-color:#a78bfa40;color:#a78bfa}.bey-test-btn--reign span{color:#a78bfa99}.bey-test-btn--reign:hover{border-color:#a78bfa80;background:#a78bfa0d}.btn-reign-toggle{padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff4d;cursor:pointer;font-size:12px;transition:all .15s}.btn-reign-toggle:hover{border-color:#a78bfa66;color:#a78bfa;background:#a78bfa14}.btn-reign-toggle.active{border-color:#a78bfa80;color:#a78bfa;background:#a78bfa26;box-shadow:0 0 8px #a78bfa33}.reign-value-row{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:4px 0;background:#a78bfa0f;border:1px solid rgba(167,139,250,.12);border-radius:5px}.reign-label{font-size:11px;color:#a78bfa;font-weight:600;white-space:nowrap}.reign-value-row input{width:60px;font-size:12px}.reign-unit{font-size:10px;color:#ffffff4d;white-space:nowrap}@media (max-width: 640px){.bey-test-drawer{width:100%;border-left:none}}body:has(.overlay-widget){background:transparent!important;margin:0!important;padding:0!important;min-height:auto!important;overflow:hidden}body:has(.overlay-widget):before,body:has(.overlay-widget):after{display:none!important}.overlay-widget{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;padding:10px 12px;box-sizing:border-box;display:inline-block;height:auto;width:auto;-webkit-user-select:none;user-select:none}.overlay-widget.transparent{background:transparent!important}.overlay-widget:not(.transparent){background:#000000d1;border-radius:14px}.bey-leaderboard-widget{display:inline-flex;flex-direction:column;gap:5px;width:300px;max-width:100vw}.bey-champion-widget{display:inline-flex;flex-direction:column;align-items:center;gap:10px;width:280px;max-width:100vw;text-align:center}.bey-arena-stats-widget{display:inline-flex;flex-direction:column;gap:5px;width:270px;max-width:100vw}.bey-feed-widget{display:inline-flex;flex-direction:column;gap:4px;width:290px;max-width:100vw}.bey-overlay-header{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#c0000a,#7a0008 55%,#3d0005);border-radius:14px;padding:10px 16px;box-shadow:0 4px 20px #c0000a80,inset 0 0 0 1px #ffffff14;margin-bottom:2px;width:100%;box-sizing:border-box}.bey-overlay-header-icon{font-size:14px;line-height:1;flex-shrink:0}.bey-overlay-header-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7);flex:1}.bey-spin-icon{animation:bey-spin 2.5s linear infinite;display:inline-block;font-size:13px;opacity:.75}.bey-lb-item{display:flex;align-items:center;height:56px;border-radius:14px;padding:6px 12px 6px 0;position:relative;overflow:hidden}.bey-lb-item--rank1{background:linear-gradient(90deg,#8a6000,#c09010 55%,#9a7008)}.bey-lb-item--rank2{background:linear-gradient(90deg,#152248,#243870 55%,#152248)}.bey-lb-item--rank3{background:linear-gradient(90deg,#7a2000,#a83410 55%,#7a2000)}.bey-lb-item--rank4plus{background:linear-gradient(90deg,#1e103a,#2d1a52 55%,#1e103a)}.bey-lb-rank{width:44px;text-align:center;font-size:15px;font-weight:800;flex-shrink:0;text-shadow:0 2px 8px rgba(0,0,0,.85)}.bey-lb-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;border:2px solid rgba(255,255,255,.22);text-shadow:0 1px 5px rgba(0,0,0,.9);color:#fff;overflow:hidden}.bey-lb-info{flex:1;display:flex;flex-direction:column;gap:1px;padding:0 8px;min-width:0}.bey-lb-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.95)}.bey-lb-type{font-size:10px;font-weight:500;opacity:.6;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.9)}.bey-lb-kills{font-size:14px;font-weight:800;flex-shrink:0;display:flex;align-items:center;gap:2px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.bey-lb-kills-icon{font-size:11px;opacity:.75}.bey-champion-avatar{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;border:3px solid rgba(255,215,0,.65);box-shadow:0 0 24px #ffd70059,0 4px 16px #0009;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9)}.bey-champion-name{font-size:20px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.95);letter-spacing:.02em}.bey-champion-sub{font-size:12px;opacity:.65;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.9)}.bey-stat-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;background:#ffffff0d}.bey-stat-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0}.bey-stat-label{font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.07em;flex:1;text-shadow:0 1px 5px rgba(0,0,0,.9)}.bey-stat-value{font-size:15px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.9)}.bey-feed-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#0000007a;border-left:3px solid transparent}.bey-feed-item--kill{border-color:#ef4444}.bey-feed-item--spawn{border-color:#22c55e}.bey-feed-item--gift{border-color:#fbbf24}.bey-feed-icon{font-size:13px;flex-shrink:0}.bey-feed-text{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.95);flex:1}.overlay-widget.animated .bey-animate-slide{animation:bey-slide .38s ease both;opacity:0}@keyframes bey-slide{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes bey-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bey-overlay-empty{text-align:center;padding:16px;opacity:.38;font-size:12px;letter-spacing:.04em}@media (max-width: 480px){.bey-leaderboard-widget,.bey-champion-widget,.bey-arena-stats-widget,.bey-feed-widget{width:240px}.bey-lb-item{height:48px}.bey-lb-avatar{width:28px;height:28px;font-size:11px}.bey-champion-avatar{width:60px;height:60px;font-size:24px}}:root{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-card: #16213e;--color-bg-glass: rgba(26, 26, 46, .8);--color-text-primary: #ffffff;--color-text-secondary: #a0a0b0;--color-text-muted: #6b6b80;--color-accent-primary: #e94560;--color-accent-secondary: #0f3460;--color-accent-success: #00d9a5;--color-accent-warning: #ffc107;--color-accent-error: #ff4757;--gradient-primary: linear-gradient(135deg, #e94560 0%, #0f3460 100%);--gradient-card: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(233, 69, 96, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:#111117;color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{height:100%;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}