@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Manrope:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}body.overlay-active,body.overlay-active #root{background:#0000!important}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:var(--surface-container-high);border:none;border-radius:4px;cursor:pointer;display:flex;height:2rem;justify-content:center;overflow:hidden;padding:0;transition:box-shadow var(--t-base);width:2rem}.user-menu-trigger:hover{box-shadow:0 0 0 2px var(--ghost-border)}.user-menu-trigger.open{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.55)}.user-avatar{display:block;object-fit:cover}.user-avatar,.user-avatar-initials{border-radius:var(--radius-md);height:100%;width:100%}.user-avatar-initials{align-items:center;background:var(--btn-gradient);color:var(--on-primary-container);display:flex;font-family:var(--font-ui);font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.02em}.user-dropdown{animation:fadeUp .15s ease both;background:var(--surface-container-high);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:200}.user-dropdown-profile{align-items:center;background:var(--surface-container-highest);display:flex;gap:var(--space-3);padding:var(--space-4)}.user-dropdown-avatar{border-radius:var(--radius-md);flex-shrink:0;height:2.5rem;object-fit:cover;width:2.5rem}.user-dropdown-avatar-initials{align-items:center;background:var(--btn-gradient);color:var(--on-primary-container);display:flex;font-family:var(--font-ui);font-size:1rem;font-weight:700;justify-content:center}.user-dropdown-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-dropdown-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:700}.user-dropdown-handle,.user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-handle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md)}.user-dropdown-logout{align-items:center;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:color var(--t-base),background var(--t-base);width:100%}.user-dropdown-logout:hover{background:var(--error-container);color:var(--error)}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#131313b8;border-bottom:1px solid var(--ghost-border);height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;gap:var(--space-4);height:100%;padding:0 var(--space-6)}.header-logo{align-items:baseline;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;gap:.3em;letter-spacing:-.02em;line-height:1;transition:opacity var(--t-base)}.header-logo:hover{opacity:.8}.logo-word{color:var(--on-surface)}.logo-accent{color:var(--primary)}.header-actions{gap:var(--space-1);margin-left:auto}.header-action-btn,.header-actions{align-items:center;display:flex;flex-shrink:0}.header-action-btn{border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;height:2.125rem;justify-content:center;text-decoration:none;transition:color var(--t-base),background var(--t-base);width:2.125rem}.header-action-btn:hover{background:var(--surface-container-high);color:var(--on-surface)}.header-action-btn.active{color:var(--primary)}.header-action-btn.disabled{color:var(--on-surface-muted);cursor:not-allowed}.header-action-btn.disabled:hover{background:none;color:var(--on-surface-muted)}.header-search{align-items:center;background:#0000;border-radius:var(--radius-md);display:flex;overflow:hidden;transition:background var(--t-base)}.header-search.open{background:var(--surface-container-lowest);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.3)}.header-search-input{background:#0000;border:none;color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);outline:none;padding:0;transition:width var(--t-slow),padding var(--t-slow);width:0}.header-search.open .header-search-input{padding:0 var(--space-3);width:180px}.header-search-input::placeholder{color:var(--on-surface-muted)}.header-search .header-action-btn{flex-shrink:0}.header-search.open .header-action-btn{color:var(--on-surface-variant)}.header-search.open .header-action-btn:hover{background:#0000;color:var(--on-surface)}.header-search-wrap{position:relative}.hsd{animation:fadeUp .12s ease both;background:var(--surface-container-high);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.hsd-item{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-4);transition:background var(--t-base)}.hsd-item--active,.hsd-item:hover{background:var(--surface-container-highest)}.hsd-label{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsd-page{color:var(--primary);flex-shrink:0;font-family:var(--font-label);font-size:var(--text-label-sm)}:root{--sidebar-wide:180px;--sidebar-small:56px}.sidebar{background:var(--surface-container-low);border-right:1px solid var(--ghost-border);display:flex;flex-direction:column;height:calc(100vh - 56px);left:0;overflow:hidden;position:fixed;top:56px;transition:width var(--t-slow);width:180px;width:var(--sidebar-wide);z-index:90}.sidebar--small{width:56px;width:var(--sidebar-small)}.sidebar--hidden{border-right:none;pointer-events:none;width:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:var(--space-3) 0}.sidebar-item{align-items:center;border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;gap:var(--space-3);height:2.5rem;margin:0 var(--space-2);padding:0 var(--space-3);text-decoration:none;transition:color var(--t-base),background var(--t-base);white-space:nowrap}.sidebar-item:hover{background:var(--surface-container-high);color:var(--on-surface)}.sidebar-item.active{background:var(--accent-glass);color:var(--primary)}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:1.125rem}.sidebar-label{max-width:160px;opacity:1;overflow:hidden;transition:max-width var(--t-slow),opacity var(--t-base)}.sidebar--small .sidebar-label{max-width:0;opacity:0;pointer-events:none}.sidebar--small .sidebar-item{justify-content:center;margin:0 var(--space-2);padding:0}.sidebar--small .sidebar-icon{width:auto}.sidebar-nav-footer{border-top:1px solid var(--ghost-border);display:flex;flex-direction:column;flex-shrink:0;gap:2px;overflow-x:hidden;padding:var(--space-2) 0 var(--space-3)}.notification-container{display:flex;flex-direction:column;gap:var(--space-3);max-width:calc(100vw - var(--space-4)*2);pointer-events:none;position:fixed;right:var(--space-4);top:calc(56px + var(--space-4));width:360px;z-index:200}.notification-banner{animation:notif-in .2s ease-out;background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0006;overflow:hidden;pointer-events:all}@keyframes notif-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.notification-banner.pending-result{border-left:3px solid #fbbf24;border-left:3px solid var(--warning,#fbbf24)}.notification-banner.pending-prediction{border-left:3px solid var(--primary)}.notification-banner.pending-prediction-resolve{border-left:3px solid #6ee7b7;border-left:3px solid var(--success,#6ee7b7)}.notification-banner.missing-hltv,.notification-banner.start-time-change{border-left:3px solid var(--on-surface-muted)}.notification-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-2)}.notification-header-content{align-items:center;display:flex;gap:var(--space-2)}.notification-icon{flex-shrink:0;font-size:1rem;line-height:1}.notification-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.notification-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--on-surface-muted);cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1;padding:2px 4px;transition:color var(--t-base),background var(--t-base)}.notification-close:hover{background:var(--surface-container-high);color:var(--on-surface)}.notification-content{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.notification-team-names{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500}.notification-details{color:var(--on-surface-muted);display:flex;flex-direction:column;font-family:var(--font-label);font-size:var(--text-label-sm);gap:var(--space-1)}.result-score-badge{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md)}.result-score{color:var(--primary);font-weight:700}.result-format,.result-series{color:var(--on-surface-muted);font-weight:400}.prediction-map-badge{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.prediction-map-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.prediction-hint,.prediction-picked-by{color:var(--on-surface-muted);font-size:var(--text-label-sm)}.prediction-resolve-sides{display:flex;flex-direction:column;gap:var(--space-1)}.prediction-resolve-winner{align-items:center;color:var(--on-surface);display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;gap:var(--space-2)}.prediction-resolve-loser{align-items:center;color:var(--on-surface-muted);display:flex;font-size:var(--text-label-sm);gap:var(--space-2)}.prediction-side-badge{border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 5px;text-transform:uppercase}.prediction-side-badge.winner{background:#6ee7b726;color:#6ee7b7}.prediction-side-badge.loser{background:var(--surface-container-high);color:var(--on-surface-muted)}.time-change{align-items:center;color:var(--on-surface);display:flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-label-sm);gap:var(--space-2);margin-top:var(--space-1)}.time-change .arrow{color:var(--primary)}.missing-link-details{font-style:italic;margin-top:var(--space-1)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.prediction-confirm{align-items:center}.prediction-confirm-label{color:var(--on-surface-muted);flex-shrink:0}.prediction-confirm-label,.result-btn{font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:600}.result-btn{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;flex:1 1;min-width:0;padding:var(--space-2) var(--space-3);transition:background var(--t-base),color var(--t-base),opacity var(--t-base);white-space:nowrap}.result-btn:disabled{cursor:not-allowed;opacity:.5}.result-btn-accept{background:#6ee7b71f;border-color:#6ee7b733;color:#6ee7b7}.result-btn-accept:hover:not(:disabled){background:#6ee7b738}.result-btn-reject{background:#f871711a;border-color:#f8717133;color:#f87171}.result-btn-reject:hover:not(:disabled){background:#f8717133}.result-btn-prediction{background:var(--primary-container);border-color:#0000;color:var(--on-primary-container)}.result-btn-prediction:hover:not(:disabled){filter:brightness(1.1)}.conv-list{flex:1 1;overflow-y:auto;padding:var(--space-2) 0}.conv-list--empty{align-items:center;color:var(--on-surface-variant);display:flex;font-family:var(--font-label);font-size:var(--text-body-md);justify-content:center}.conv-list__section{padding:var(--space-1) 0 var(--space-2)}.conv-list__section+.conv-list__section{border-top:1px solid var(--ghost-border);margin-top:var(--space-1);padding-top:var(--space-2)}.conv-list__label{color:var(--on-surface-variant);font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-4) var(--space-1);text-transform:uppercase}.conv-list__hint{color:var(--on-surface-muted);font-size:var(--text-label-sm);padding:var(--space-3);text-align:center}.conv-row{align-items:center;background:#0000;border:none;color:var(--on-surface);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4);position:relative;text-align:left;transition:background var(--t-base);width:100%}.conv-row.is-open,.conv-row:hover{background:var(--surface-container-high)}.conv-row.is-open{box-shadow:inset 3px 0 0 var(--primary)}.conv-row__body{flex:1 1;min-width:0}.conv-row__top{align-items:baseline;display:flex;gap:var(--space-2);justify-content:space-between}.conv-row__title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-row.has-unread .conv-row__title{color:var(--primary)}.conv-row__time{color:var(--on-surface-muted);flex-shrink:0;font-size:var(--text-label-sm);white-space:nowrap}.conv-row__bottom{align-items:center;display:flex;gap:var(--space-2);margin-top:2px}.conv-row__preview{color:var(--on-surface-variant);flex:1 1;font-size:var(--text-body-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-row__unread{background:var(--primary);color:var(--on-primary);font-size:var(--text-label-sm);height:20px;min-width:20px;padding:0 6px}.conv-avatar,.conv-row__unread{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-ui);font-weight:700;justify-content:center}.conv-avatar{background:rgba(var(--primary-container-rgb),.2);color:var(--primary);flex-shrink:0;font-size:var(--text-body-md);height:38px;overflow:hidden;position:relative;width:38px}.conv-avatar img{height:100%;object-fit:cover;width:100%}.conv-avatar__dot{background:var(--success);border:2px solid var(--surface-container);border-radius:var(--radius-full);bottom:1px;height:10px;position:absolute;right:1px;width:10px}.bubble-wrap{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-2);max-width:100%}.bubble-wrap.is-own{align-items:flex-end}.bubble-author{color:var(--on-surface-variant);font-family:var(--font-ui);font-size:var(--text-label-sm);padding:0 var(--space-3)}.bubble-row{align-items:flex-start;display:flex;gap:var(--space-1);max-width:80%;position:relative}.bubble-wrap.is-own .bubble-row{flex-direction:row-reverse}.bubble{animation:fadeUp .18s var(--t-base) both;background:var(--surface-container-high);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);color:var(--on-surface);font-size:var(--text-body-md);line-height:1.45;min-width:0;padding:var(--space-2) var(--space-3);position:relative;white-space:pre-wrap;word-break:break-word}.bubble--own{background:var(--accent-glass);border:1px solid rgba(var(--primary-rgb),.25);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.bubble--deleted{color:var(--on-surface-muted);font-style:italic}.bubble--strike .bubble__content{text-decoration:line-through}.bubble__content{display:block}.bubble__time{color:var(--on-surface-muted);display:block;font-size:10px;margin-top:2px;text-align:right;-webkit-user-select:none;user-select:none}.bubble__menu{opacity:0;position:relative;transition:opacity var(--t-base)}.bubble-row:hover .bubble__menu{opacity:1}.bubble__menu-pop{background:var(--surface-container-highest);border:1px solid var(--ghost-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-top:4px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:5}.bubble__menu-item{align-items:center;background:#0000;border:none;color:var(--error);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;width:100%}.bubble__menu-item:hover{background:var(--error-container)}.composer{background:var(--surface-container);border-top:1px solid var(--ghost-border);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);padding:var(--space-3)}.composer__input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);line-height:1.45;max-height:120px;min-height:38px;outline:none;padding:var(--space-2) var(--space-3);resize:none;transition:box-shadow var(--t-base);width:100%}.composer__input::placeholder{color:var(--on-surface-muted)}.composer__input:focus{box-shadow:0 0 0 2px var(--accent-ring)}.composer__meta{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end}.composer__count{color:var(--on-surface-muted);font-family:var(--font-ui);font-size:var(--text-label-sm)}.composer__count.is-over{color:var(--error)}.composer__send{align-items:center;background:var(--btn-gradient);border:none;border-radius:var(--radius-md);color:var(--on-primary-container);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:opacity var(--t-base),transform var(--t-fast);width:36px}.composer__send:hover:not(:disabled){transform:translateY(-1px)}.composer__send:disabled{background:var(--surface-container-highest);color:var(--on-surface-muted);cursor:not-allowed;opacity:.35}.composer--disabled{display:flex;justify-content:center;padding:var(--space-4)}.conv-view{display:flex;flex:1 1;flex-direction:column;min-height:0}.conv-view__header{align-items:center;border-bottom:1px solid var(--ghost-border);display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.conv-view__title-wrap{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.conv-view__avatar{align-items:center;background:rgba(var(--primary-container-rgb),.2);border-radius:var(--radius-full);color:var(--primary);display:inline-flex;flex-shrink:0;font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:700;height:34px;justify-content:center;overflow:hidden;position:relative;width:34px}.conv-view__avatar img{height:100%;object-fit:cover;width:100%}.conv-view__online-dot{background:var(--success);border:2px solid var(--surface-container);border-radius:var(--radius-full);bottom:0;height:9px;position:absolute;right:0;width:9px}.conv-view__title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;line-height:1.2}.conv-view__subtitle{color:var(--on-surface-muted);font-size:var(--text-label-sm);line-height:1.2;margin-top:2px}.conv-view__subtitle.is-online{color:var(--success)}.conv-view__messages{background:var(--surface-container-low);flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-2)}.conv-view__empty{font-size:var(--text-body-md);padding:var(--space-8) var(--space-4)}.conv-view__empty,.conv-view__loading{color:var(--on-surface-muted);text-align:center}.conv-view__loading{font-size:var(--text-label-sm);padding:var(--space-2)}.picker{display:flex;flex:1 1;flex-direction:column;min-height:0}.picker__header{align-items:center;border-bottom:1px solid var(--ghost-border);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.picker__title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:600;margin:0}.picker__search{border-bottom:1px solid var(--ghost-border);padding:var(--space-3) var(--space-4);position:relative}.picker__search-icon{color:var(--on-surface-muted);left:calc(var(--space-4) + var(--space-2));pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.picker__input{padding-left:calc(var(--space-3) + 22px)}.picker__list{flex:1 1;overflow-y:auto;padding:var(--space-2) 0}.picker__empty{color:var(--on-surface-muted);font-size:var(--text-body-md);padding:var(--space-6);text-align:center}.picker__row{align-items:center;background:#0000;border:none;color:var(--on-surface);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4);text-align:left;transition:background var(--t-base);width:100%}.picker__row:hover:not(:disabled){background:var(--surface-container-high)}.picker__row:disabled{cursor:wait;opacity:.5}.picker__row-body{flex:1 1;min-width:0}.picker__row-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__row-sub{align-items:center;display:flex;font-size:var(--text-label-sm);gap:var(--space-2);margin-top:2px}.picker__status{color:var(--on-surface-muted)}.picker__status.online{color:var(--success)}.picker__chip{font-size:10px;padding:0 6px}.chat-panel{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-xl);bottom:88px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;height:560px;max-height:calc(100vh - 120px);overflow:hidden;position:fixed;right:var(--space-4);width:380px;z-index:1001}.chat-panel__header{align-items:center;border-bottom:1px solid var(--ghost-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-3) var(--space-4)}.chat-panel__title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:600;margin:0}.chat-panel__actions{display:inline-flex;gap:var(--space-1)}.chat-panel__body{background:var(--surface-container);display:flex;flex:1 1;flex-direction:column;min-height:0}@media (max-width:640px){.chat-panel{border:none;border-radius:0;height:100vh;inset:0;bottom:0;max-height:100vh;right:0;width:100%}}.mail-modal__backdrop{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1100}.mail-modal{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-width:480px;padding:var(--space-8) var(--space-6) var(--space-6);position:relative;text-align:center;width:100%}.mail-modal__close{position:absolute;right:var(--space-3);top:var(--space-3)}.mail-modal__icon{align-items:center;background:var(--accent-glass);border-radius:var(--radius-full);color:var(--primary);display:inline-flex;height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}.mail-modal__label{color:var(--on-surface-variant);font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.mail-modal__sender{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-headline-md);font-weight:700;margin-bottom:var(--space-4)}.mail-modal__body{background:var(--surface-container-lowest);border-radius:var(--radius-lg);color:var(--on-surface);font-size:var(--text-body-md);line-height:1.5;margin-bottom:var(--space-5);max-height:220px;overflow-y:auto;padding:var(--space-4);text-align:left;white-space:pre-wrap;word-break:break-word}.mail-modal__footer{display:flex;gap:var(--space-3);justify-content:center}.mail-modal__footer .btn{min-width:120px}.chat-fab{align-items:center;background:var(--btn-gradient);border:none;border-radius:var(--radius-full);bottom:var(--space-4);box-shadow:var(--shadow-float);color:var(--on-primary-container);cursor:pointer;display:inline-flex;height:56px;justify-content:center;position:fixed;right:var(--space-4);transition:transform var(--t-fast),box-shadow var(--t-base),opacity var(--t-base);width:56px;z-index:1000}.chat-fab:hover{box-shadow:0 10px 28px #00000073;transform:translateY(-1px)}.chat-fab:active{transform:translateY(0)}.chat-fab__badge{align-items:center;background:var(--error);border-radius:var(--radius-full);box-shadow:0 2px 6px #00000059;color:#2a0000;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px;position:absolute;right:-2px;top:-2px}@media (max-width:640px){.chat-fab{bottom:var(--space-3);right:var(--space-3)}}.custom-container{background:var(--surface-container);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:visible;transition:box-shadow var(--t-base)}.custom-container.drag-over{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.55),var(--shadow-card)}.container-header{align-items:center;border-bottom:1px solid var(--ghost-border);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-5)}.container-subtitle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);white-space:nowrap}.container-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-header-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.container-header-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;gap:var(--space-2);height:2rem;justify-content:center;min-width:2rem;padding:0 var(--space-2);transition:color var(--t-base),background var(--t-base);white-space:nowrap}.container-header-button:hover{background:var(--surface-container-high);color:var(--on-surface)}.container-header-button.active{background:var(--accent-glass);color:var(--primary)}.container-header-button:disabled{cursor:not-allowed;opacity:.45}.container-header-button.spinning svg{animation:spin .8s linear infinite}.container-header-button.filter-button.has-text{background:var(--accent-glass);color:var(--primary);padding:0 var(--space-3)}.filter-text{font-size:var(--text-body-md)}.expandable-control-wrapper{position:relative}.expandable-control{align-items:center;display:flex;gap:var(--space-1)}.filter-dropdown{animation:fadeUp .12s ease both;background:var(--surface-container-high);border-radius:var(--radius-md);box-shadow:var(--shadow-float);min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:150}.filter-option{background:none;border:none;color:var(--on-surface-variant);cursor:pointer;display:block;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;padding:var(--space-2) var(--space-4);text-align:left;transition:color var(--t-base),background var(--t-base);width:100%}.filter-option:hover{background:var(--surface-container-highest);color:var(--on-surface)}.search-input{animation:fadeUp .12s ease both;background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);height:2rem;outline:none;padding:0 var(--space-3);transition:box-shadow var(--t-base);width:180px}.search-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.search-input::placeholder{color:var(--on-surface-muted)}.container-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.home-page{padding:var(--space-6)}.home-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr minmax(300px,420px)}.home-grid>*{min-width:0}@media (max-width:1100px){.home-grid{grid-template-columns:1fr}}.home-empty,.home-loading{color:var(--on-surface-muted);padding:var(--space-6);text-align:center}.home-empty,.home-error,.home-loading{font-family:var(--font-label);font-size:var(--text-body-md)}.home-error{background:var(--error-container);color:var(--error);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4)}.home-error,.news-list{border-radius:var(--radius-md)}.news-list{background:var(--ghost-border);display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;overflow:hidden;padding:0}.news-item{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background var(--t-base)}.news-item:hover{background:var(--surface-container-high)}.news-item-main{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.news-title{color:var(--on-surface);display:block;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.news-title:hover{color:var(--primary)}.news-date{font-family:var(--font-label);font-size:var(--text-label-sm)}.news-add-btn,.news-date{color:var(--on-surface-muted)}.news-add-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:1.75rem;justify-content:center;opacity:0;transition:background var(--t-base),color var(--t-base);width:1.75rem}.news-item:hover .news-add-btn{opacity:1}.news-add-btn:hover{background:var(--primary-container);color:var(--primary)}.ticker-add-form{flex-direction:column;margin-bottom:var(--space-3)}.ticker-add-form,.ticker-add-row{display:flex;gap:var(--space-2)}.ticker-input{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface);flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);min-width:0;outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--t-base)}.ticker-input:focus{border-color:var(--primary)}.ticker-trigger-input{font-size:var(--text-label-sm)}.ticker-toggle-trigger{align-items:center;background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface-muted);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:background var(--t-base),color var(--t-base);width:2rem}.ticker-toggle-trigger:hover{background:var(--surface-container-high);color:var(--on-surface)}.ticker-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;overflow:hidden;padding:0}.ticker-row{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background var(--t-base)}.ticker-row:hover{background:var(--surface-container-high)}.ticker-row.editing{background:var(--surface-container-highest)}.ticker-row-content{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.ticker-row-text{color:var(--on-surface);display:block;font-family:var(--font-ui);font-size:var(--text-body-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticker-row-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ticker-badge{border-radius:var(--radius-full);font-family:var(--font-label);font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:1px var(--space-2);text-transform:uppercase}.ticker-badge-source{background:var(--primary-container);color:var(--primary)}.ticker-badge-trigger{background:var(--surface-container-highest);color:var(--on-surface-muted)}.ticker-row-actions{display:flex;flex-shrink:0;gap:var(--space-1);opacity:0;transition:opacity var(--t-base)}.ticker-row:hover .ticker-row-actions{opacity:1}.ticker-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--on-surface-muted);cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:background var(--t-base),color var(--t-base);width:1.75rem}.ticker-action-btn:hover{background:var(--surface-container-highest);color:var(--on-surface)}.ticker-action-btn--danger:hover{background:var(--error-container);color:var(--error)}.ticker-edit-form{flex:1 1;flex-direction:column}.ticker-edit-actions,.ticker-edit-form{display:flex;gap:var(--space-2)}.btn{border:none;font-weight:500;gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:background var(--t-base)}.btn-sm{padding:var(--space-1) var(--space-2)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn:not(.btn-primary){background:var(--surface-container-highest);color:var(--on-surface)}.btn:not(.btn-primary):hover{background:var(--surface-bright)}.command-container{background:var(--surface-container-high);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--t-base),opacity var(--t-base)}.command-container.dragging{box-shadow:var(--shadow-float);opacity:.45}.command-container.deleting{opacity:.3;pointer-events:none}.command-container.disabled{opacity:.6}.command-container.suspended{box-shadow:inset 0 0 0 1px #f2c94c4d}.command-title{align-items:center;background:var(--surface-container-highest);border-bottom:1px solid var(--ghost-border);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.command-title h4{color:var(--on-surface);cursor:grab;flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.suspended-badge{align-items:center;background:var(--warning-container);border-radius:var(--radius-full);color:var(--warning);display:inline-flex;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;margin-left:var(--space-2);padding:.1rem var(--space-2);white-space:nowrap}.delete-button,.edit-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--on-surface-variant);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:1.75rem;justify-content:center;transition:color var(--t-base),background var(--t-base);width:1.75rem}.edit-button:hover{background:var(--accent-glass);color:var(--primary)}.delete-button:hover{background:var(--error-container);color:var(--error)}.command-content{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.input-row{display:flex;gap:var(--space-2)}.short-input{flex-shrink:0;width:6rem}.long-input,.short-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow var(--t-base)}.long-input{flex:1 1;min-width:0}.long-input:focus,.short-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.long-input::placeholder,.short-input::placeholder{color:var(--on-surface-muted)}.long-input:disabled,.short-input:disabled{cursor:not-allowed;opacity:.55}.auto-controls{flex-wrap:wrap;gap:var(--space-4)}.auto-controls,.auto-toggle{align-items:center;display:flex}.toggle-label{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-3);-webkit-user-select:none;user-select:none}.toggle-checkbox{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.toggle-slider{background:var(--surface-container-highest);border-radius:var(--radius-full);display:inline-block;flex-shrink:0;height:1.25rem;position:relative;transition:background var(--t-base);width:2.25rem}.toggle-slider:after{background:var(--on-surface-muted);border-radius:var(--radius-full);content:"";height:.875rem;left:.1875rem;position:absolute;top:.1875rem;transition:transform var(--t-base),background var(--t-base);width:.875rem}.toggle-checkbox:checked+.toggle-slider{background:var(--primary-container)}.toggle-checkbox:checked+.toggle-slider:after{background:var(--primary);transform:translateX(1rem)}.toggle-text{color:var(--on-surface-variant);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500}.interval-selector{align-items:center;display:flex;gap:var(--space-2)}.interval-label{color:var(--on-surface-variant);white-space:nowrap}.interval-input,.interval-label{font-family:var(--font-label);font-size:var(--text-body-md)}.interval-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);outline:none;padding:var(--space-1) var(--space-2);text-align:center;transition:box-shadow var(--t-base);width:3.5rem}.interval-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.command-actions{display:flex;justify-content:flex-end}.save-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;padding:var(--space-1) var(--space-4);transition:opacity var(--t-base),transform var(--t-fast)}.save-button.has-changes{background:var(--btn-gradient);box-shadow:0 2px 8px rgba(var(--primary-container-rgb),.35);color:var(--on-primary-container)}.save-button.has-changes:hover{opacity:.88;transform:translateY(-1px)}.modal-backdrop{align-items:center;animation:fadeUp .18s ease both;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:400}.modal-content{animation:fadeUp .2s ease both;background:var(--surface-container-high);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-12));max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--surface-container-highest);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-5) var(--space-6)}.modal-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:600;letter-spacing:-.01em}.modal-close-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--t-base),background var(--t-base);width:2rem}.modal-close-button:hover{background:var(--surface-container-high);color:var(--on-surface)}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-6)}.empty-state{flex-direction:column;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;width:100%}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{color:var(--on-surface-muted);opacity:.5}.empty-state-icon svg{height:2rem;width:2rem}.empty-state-title{color:var(--on-surface-variant);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.empty-state-message{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);line-height:1.5;max-width:280px}.empty-state-action{margin-top:var(--space-2)}.commands-page{padding:var(--space-6)}.commands-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}@media (max-width:768px){.commands-grid{grid-template-columns:1fr}}.command-form{display:flex;flex-direction:column;gap:var(--space-4)}.command-form-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.command-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.command-form-group label{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.command-form-hint{color:var(--on-surface-muted);font-weight:400}.command-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-2)}.matches-display{gap:var(--space-2)}.matches-display,.no-matches{display:flex;flex-direction:column}.no-matches{align-items:center;color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);gap:var(--space-3);padding:var(--space-10) var(--space-4)}.date-group{background:var(--surface-container-highest);border-radius:var(--radius-md);overflow:hidden}.date-header{align-items:center;color:var(--on-surface);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:background var(--t-base);-webkit-user-select:none;user-select:none}.date-header:hover{background:var(--surface-bright)}.date-text{flex:1 1}.match-count{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:400}.tournaments-container{background:var(--ghost-border);border-top:1px solid var(--ghost-border);display:flex;flex-direction:column;gap:1px}.tournament-group{background:var(--surface-container-high)}.tournament-header{align-items:center;color:var(--on-surface-variant);cursor:pointer;display:flex;font-family:var(--font-label);font-size:var(--text-body-md);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:background var(--t-base);-webkit-user-select:none;user-select:none}.tournament-header:hover{background:var(--surface-container-highest)}.tournament-text{flex:1 1}.tournament-match-count{color:var(--on-surface-muted);font-size:var(--text-label-sm)}.matches-container{background:var(--ghost-border);border-top:1px solid var(--ghost-border);display:flex;flex-direction:column;gap:1px}.match-item{align-items:center;background:var(--surface-container);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-6);transition:background var(--t-base);-webkit-user-select:none;user-select:none}.match-item:hover{background:var(--surface-container-high)}.match-item.selected{background:var(--accent-glass)}.match-time{align-items:center;color:var(--on-surface-muted);display:flex;flex-shrink:0;font-size:var(--text-label-sm);gap:var(--space-1);min-width:3.5rem}.match-teams-canvas,.team1-section,.team2-section{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.team2-section{justify-content:flex-end}.team-name-canvas{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-item.selected .team-name-canvas{color:var(--primary)}.team-logo-canvas{border-radius:2px;flex-shrink:0;height:1.25rem;object-fit:contain;width:1.25rem}.vs-divider-canvas{color:var(--on-surface-muted);flex-shrink:0;font-family:var(--font-label);font-size:var(--text-label-sm);padding:0 var(--space-1)}.custom-entry-actions{border-bottom:1px solid var(--ghost-border);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.custom-entry-btn{align-items:center;background:var(--surface-container-highest);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-label-sm);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:background var(--t-base)}.custom-entry-btn:hover{background:var(--surface-bright)}.custom-entry-btn:disabled{cursor:default;opacity:.6}.custom-entry-btn.primary{background:var(--primary-container);border-color:#0000;color:var(--on-primary-container)}.custom-entry-form{background:var(--surface-container-highest);border-bottom:1px solid var(--ghost-border);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.custom-entry-form-head{align-items:center;color:var(--on-surface);display:flex;font-family:var(--font-label);font-size:var(--text-body-md);justify-content:space-between}.custom-entry-close{background:#0000;border:none;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;padding:var(--space-1)}.custom-field{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.custom-field span{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.custom-field input{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);padding:var(--space-2) var(--space-3)}.custom-team-row{align-items:flex-end;display:flex;gap:var(--space-3)}.custom-logo-picker{align-items:center;display:flex;gap:var(--space-2)}.custom-logo-preview{height:28px;object-fit:contain;width:28px}.custom-logo-empty{color:var(--on-surface-muted)}.custom-logo-btn,.custom-logo-empty{font-family:var(--font-label);font-size:var(--text-label-sm)}.custom-logo-btn{align-items:center;background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface);cursor:pointer;display:inline-flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);white-space:nowrap}.custom-form-error{color:var(--error);font-family:var(--font-label);font-size:var(--text-label-sm)}.custom-form-actions{display:flex;justify-content:flex-end}.match-item.is-custom{border-left:2px solid var(--primary)}.custom-title-text{color:var(--on-surface);flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);text-align:center}.custom-entry-controls{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--t-base)}.match-item:hover .custom-entry-controls{opacity:1}.custom-entry-controls button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--on-surface-muted);cursor:pointer;display:inline-flex;padding:var(--space-1)}.custom-entry-controls button:hover{color:var(--on-surface)}.custom-slot{border:1px solid var(--ghost-border);border-radius:var(--radius-md);flex-direction:column;padding:var(--space-3)}.custom-slot,.custom-slot-head{display:flex;gap:var(--space-2)}.custom-slot-head{align-items:center;justify-content:space-between}.custom-slot-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.custom-mode-toggle,.custom-outcome-toggle{border:1px solid var(--ghost-border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.custom-mode-toggle button,.custom-outcome-toggle button{background:#0000;border:none;color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-label);font-size:var(--text-label-sm);padding:var(--space-1) var(--space-3);white-space:nowrap}.custom-mode-toggle button.active,.custom-outcome-toggle button.active{background:var(--primary-container);color:var(--on-primary-container)}.custom-outcome-toggle{align-self:flex-end;height:-webkit-fit-content;height:fit-content}.custom-ref-block{display:flex;flex-direction:column;gap:var(--space-2)}.custom-field select{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);padding:var(--space-2) var(--space-3)}.ref-chip{align-items:center;border:1px solid var(--primary);border-radius:50%;color:var(--primary);display:inline-flex;flex:none;font-family:var(--font-label);font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.graphic-title-input-container{display:flex;flex-direction:column;gap:var(--space-2)}.graphic-title-header h4{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.graphic-title-content{display:flex;flex-direction:column;gap:var(--space-2)}.title-input-row{display:flex}.title-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-body-md);font-weight:500;outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow var(--t-base);width:100%}.title-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.title-input::placeholder{color:var(--on-surface-muted)}.graphic-title-actions{display:flex;justify-content:flex-end}.graphic-title-actions .save-button.has-changes{align-items:center;background:var(--btn-gradient);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(var(--primary-container-rgb),.35);color:var(--on-primary-container);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;padding:var(--space-1) var(--space-4);transition:opacity var(--t-base),transform var(--t-fast)}.graphic-title-actions .save-button.has-changes:hover{opacity:.88;transform:translateY(-1px)}.graphic-title-input-container+.graphic-title-input-container{margin-top:var(--space-4)}.selected-matches-data{width:100%}.empty-state{color:var(--on-surface-muted);font-size:var(--text-body-md);padding:var(--space-4)}.matches-list{display:flex;flex-direction:column;gap:var(--space-3)}.match-data-item{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-md);overflow:hidden}.match-data-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background-color .2s}.match-data-header:hover{background-color:var(--surface-container-highest)}.expand-icon{align-items:center;color:var(--on-surface-muted);display:flex;flex-shrink:0;justify-content:center}.match-title{color:var(--on-surface);flex:1 1;font-size:var(--text-body-md);font-weight:500}.data-indicator{color:var(--primary);flex-shrink:0;font-size:14px;font-weight:600}.match-data-details{background-color:var(--surface-container-lowest);border-top:1px solid var(--outline-variant);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.get-data-btn,.scraper-section{gap:var(--space-2)}.get-data-btn{align-items:center;display:flex;font-size:var(--text-label-md);padding:var(--space-2) var(--space-3);white-space:nowrap}.get-data-btn:disabled{cursor:not-allowed;opacity:.6}.raw-json-section,.scraped-data-section{display:flex;flex-direction:column;gap:var(--space-2)}.raw-title,.scraped-title{font-size:var(--text-label-md);font-weight:600}.raw-data,.raw-title,.scraped-title{color:var(--on-surface-muted);margin:0}.raw-data{background-color:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:11px;line-height:1.4;max-height:300px;overflow-x:auto;overflow-y:auto;padding:var(--space-3)}.graphics-page{padding:var(--space-6)}.graphics-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:minmax(280px,1fr) 3fr}@media (max-width:900px){.graphics-grid{grid-template-columns:1fr}}.right-column{display:flex;flex-direction:column;gap:var(--space-5)}.graphic-output-layout{align-items:flex-start;display:flex;gap:var(--space-5)}.graphic-output-preview{display:flex;flex:0 0 clamp(340px,40vw,560px);flex-direction:column;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:var(--space-4)}.graphic-output-controls{flex:1 1;min-width:0}@media (max-width:1100px){.graphic-output-layout{flex-direction:column}.graphic-output-preview{flex-basis:auto;max-width:560px;position:static;width:100%}}.graphic-preview{align-items:center;background:var(--surface-container-lowest);border-radius:var(--radius-md);display:flex;justify-content:center;min-height:260px;overflow:hidden}.graphic-preview-image{border-radius:var(--radius-md);display:block;height:auto;margin:0 auto;max-height:calc(100vh - 200px);max-width:100%;object-fit:contain;width:auto}.variant-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.variant-field{display:flex;flex-direction:column;gap:var(--space-1)}.variant-label{align-items:center;color:var(--on-surface-muted);display:inline-flex;font-family:var(--font-label);font-size:.7rem;gap:4px;letter-spacing:.06em;text-transform:uppercase}.variant-select{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-sm);color:var(--on-surface);cursor:pointer;font-family:var(--font-ui);font-size:.85rem;padding:6px 10px}.variant-select:focus{border-color:var(--primary);outline:none}.cast-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cast-chip{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-ui);font-size:.8rem;padding:6px 14px;transition:all .15s ease}.cast-chip:hover:not(:disabled){border-color:var(--primary);color:var(--on-surface)}.cast-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;color:var(--on-primary,#fff)}.cast-chip:disabled{cursor:not-allowed;opacity:.45}.cast-chip-group,.cast-pose-btn{align-items:center;display:inline-flex;gap:4px}.cast-pose-btn{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-ui);font-size:.72rem;padding:5px 10px;transition:all .15s ease}.cast-pose-btn:hover{border-color:var(--primary);color:var(--on-surface)}.cast-chip-add{align-items:center;border-style:dashed;display:inline-flex;gap:5px}.cast-chip-add.active{border-style:solid}.variant-field-cast{flex:1 1 100%}.guest-row{border-top:1px solid var(--surface-container-highest);padding-top:var(--space-4)}.cast-size-group{align-items:center;display:inline-flex;gap:var(--space-2);padding-left:var(--space-2)}.cast-size-slider{accent-color:var(--primary);cursor:pointer;width:110px}.cast-size-value{color:var(--on-surface-muted);font-family:var(--font-label);font-size:.72rem;min-width:34px}.cast-detail-list{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2)}.cast-detail-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.cast-detail-side{align-items:center;background:var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);display:inline-flex;flex:0 0 auto;font-family:var(--font-label);font-size:.66rem;height:20px;justify-content:center;width:20px}.cast-detail-name{font-size:.78rem;min-width:74px}.cast-detail-name,.cast-role-input{color:var(--on-surface);font-family:var(--font-ui)}.cast-role-input{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);font-size:.74rem;padding:4px 10px;width:110px}.cast-role-input::placeholder{color:var(--on-surface-muted)}.cast-role-input:focus{border-color:var(--primary);outline:none}.cast-swap-btn{align-self:flex-start}.cast-tag-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff;color:var(--on-primary,#fff)}.logo-margin-group{align-items:center;display:inline-flex;gap:4px}.logo-margin-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:.72rem}.logo-margin-input{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface);font-family:var(--font-ui);font-size:.72rem;padding:5px 8px;text-align:center;width:52px}.logo-margin-input:focus{border-color:var(--primary);outline:none}.event-name-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff;color:var(--on-primary,#fff)}.event-name-input{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface);flex:1 1 160px;font-family:var(--font-ui);font-size:.78rem;max-width:260px;min-width:120px;padding:5px 12px}.event-name-input::placeholder{color:var(--on-surface-muted)}.event-name-input:focus{border-color:var(--primary);outline:none}.event-source-select{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface);cursor:pointer;font-family:var(--font-ui);font-size:.78rem;max-width:230px;padding:5px 10px}.event-source-select:focus{border-color:var(--primary);outline:none}.guest-panel{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--radius-md);flex-direction:column;margin-bottom:var(--space-4);padding:var(--space-4)}.guest-panel,.guest-panel-row{display:flex;gap:var(--space-3)}.guest-panel-row{align-items:center;flex-wrap:wrap}.guest-name-input{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-sm);color:var(--on-surface);flex:1 1 180px;font-family:var(--font-ui);font-size:.85rem;min-width:0;padding:7px 10px}.guest-name-input::placeholder{color:var(--on-surface-muted)}.guest-name-input:focus{border-color:var(--primary);outline:none}.guest-thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guest-thumb{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-sm);height:76px;overflow:hidden;position:relative;width:76px}.guest-thumb img{display:block;height:100%;object-fit:contain;width:100%}.guest-thumb-x{align-items:center;background:#000000a6;border:none;border-radius:var(--radius-full);color:var(--on-surface);cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;position:absolute;right:3px;top:3px;width:18px}.guest-thumb-x:hover{background:var(--error-container);color:var(--error)}.guest-panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.guest-panel-hint{color:var(--on-surface-muted);flex:1 1 220px;font-family:var(--font-label);font-size:.72rem;line-height:1.4}.theme-field-row{align-items:center;display:inline-flex;gap:var(--space-2)}.theme-edit-btn.active{border-color:var(--primary);color:var(--on-surface)}.theme-editor{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4)}.theme-editor-head{align-items:center;display:flex;gap:var(--space-3)}.theme-saved{color:var(--primary);font-family:var(--font-label);font-size:.75rem;white-space:nowrap}.theme-editor-close{align-items:center;background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.theme-editor-close:hover{border-color:var(--primary);color:var(--on-surface)}.theme-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-swatch{align-items:center;background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;display:inline-flex;font-family:var(--font-label);font-size:.72rem;gap:6px;padding:4px 12px 4px 4px}.theme-alpha-row input[type=color],.theme-swatch input[type=color]{background:none;border:none;cursor:pointer;flex:0 0 auto;height:26px;padding:0;width:26px}.theme-alpha-row input[type=color]::-webkit-color-swatch-wrapper,.theme-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-alpha-row input[type=color]::-webkit-color-swatch,.theme-swatch input[type=color]::-webkit-color-swatch{border:1px solid var(--surface-container-highest);border-radius:5px}.theme-alpha-list{display:flex;flex-direction:column;gap:var(--space-2)}.theme-alpha-row{align-items:center;display:flex;gap:var(--space-3)}.theme-alpha-name{color:var(--on-surface-muted);font-family:var(--font-label);font-size:.75rem;min-width:80px}.theme-alpha-name-wide{min-width:118px}.theme-alpha-row input[type=range]{accent-color:var(--primary);cursor:pointer;flex:1 1 auto}.theme-alpha-val{color:var(--on-surface-muted);font-family:var(--font-label);font-size:.72rem;min-width:40px;text-align:right}.theme-text-fields{display:flex;flex-direction:column;gap:var(--space-2)}.theme-editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.theme-setup{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.theme-setup-head{align-items:center;color:var(--on-surface);display:flex;font-family:var(--font-label);font-size:.75rem;gap:var(--space-2);margin-bottom:var(--space-1)}.theme-setup-note{color:var(--on-surface-muted);font-size:.7rem;font-style:italic}.theme-setup-row{align-items:center;color:var(--on-surface);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:.8rem;gap:var(--space-2);padding:2px 0}.theme-setup-row input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex:0 0 auto}.theme-setup-name{flex:0 0 auto;min-width:128px}.theme-setup-val{color:var(--on-surface-muted);flex:1 1 auto;font-size:.74rem;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.theme-automatch{align-items:flex-start;color:var(--on-surface);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:.82rem;gap:var(--space-2);line-height:1.4}.theme-automatch input[type=checkbox]{accent-color:var(--primary);cursor:pointer;margin-top:2px}.theme-automatch strong{color:var(--primary);font-weight:700}.theme-automatch-hit{color:var(--on-surface-muted);display:block;font-size:.74rem;font-style:normal;margin-top:2px}.theme-automatch-hit.on{color:var(--primary)}.graphic-preview-empty,.graphic-preview-loading{align-items:center;color:var(--on-surface-muted);display:flex;flex-direction:column;font-family:var(--font-label);font-size:var(--text-body-md);gap:var(--space-3);padding:var(--space-10);text-align:center}.graphic-preview-spinner{animation:spin .8s linear infinite;border:2px solid var(--surface-container-highest);border-radius:var(--radius-full);border-top-color:var(--primary);height:1.5rem;width:1.5rem}.graphic-actions{align-items:center;gap:var(--space-3)}.graphic-actions .btn:last-child{margin-left:auto}.tournament-logo-select{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-ui);font-size:.72rem;max-width:150px;padding:5px 10px;transition:all .15s ease}.tournament-logo-select:hover:not(:disabled){border-color:var(--primary);color:var(--on-surface)}.tournament-logo-select:disabled{cursor:default;opacity:.5}.loading-widget{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#131313b8;border-radius:var(--radius-lg);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.loading-content{align-items:center;display:flex;gap:var(--space-3)}.loading-spinner{animation:spin .8s linear infinite;border-radius:var(--radius-full);flex-shrink:0;height:1.125rem;width:1.125rem}.loading-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.loading-match{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);margin-top:2px}.hltv-partial-banner{align-items:center;background:#ffffff0a;border-bottom:1px solid #ffffff0f;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.75rem;gap:6px;padding:6px 12px}.hltv-modal-backdrop{align-items:flex-start;animation:fadeUp .18s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--space-6);padding-top:3rem;position:fixed;z-index:500}.hltv-modal{background:var(--surface-container-high);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;flex-shrink:0;max-width:860px;overflow:hidden;width:100%}.hltv-modal-header{align-items:center;background:var(--surface-container-highest);border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-6)}.hltv-modal-title{align-items:center;color:var(--on-surface);display:flex;flex-wrap:wrap;font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:600;gap:var(--space-2)}.hltv-modal-icon{color:var(--primary);flex-shrink:0}.hltv-title-team{color:var(--on-surface)}.hltv-title-vs{color:var(--on-surface-muted);font-size:var(--text-body-md);font-weight:400}.hltv-modal-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.hltv-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:color var(--t-base),background var(--t-base);width:2rem}.hltv-close-btn:hover{background:var(--surface-container-high);color:var(--on-surface)}.hltv-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:.8rem;font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:background var(--t-base),opacity var(--t-base);white-space:nowrap}.hltv-btn--primary{background:var(--primary-container);color:#fff}.hltv-btn--primary:hover{opacity:.85}.hltv-btn--ghost{background:var(--surface-bright);color:var(--on-surface-variant)}.hltv-btn--ghost:hover{background:var(--surface-container-highest);color:var(--on-surface)}.hltv-modal-body{display:flex;flex-direction:column;gap:var(--space-5);max-height:calc(100vh - 10rem);overflow-y:auto;padding:var(--space-5) var(--space-6)}.hltv-state-center{align-items:center;color:var(--on-surface-variant);display:flex;flex-direction:column;font-family:var(--font-ui);font-size:var(--text-body-md);gap:var(--space-3);justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.hltv-state-icon,.hltv-state-sub{color:var(--on-surface-muted)}.hltv-state-sub{font-size:.75rem;margin-top:-.25rem}.hltv-state-error{color:#f97066}.hltv-state-error .hltv-state-sub{color:#f97066b3}.hltv-spin{animation:spin 1.2s linear infinite}.hltv-section{display:flex;flex-direction:column;gap:var(--space-3)}.hltv-section-title{border-bottom:1px solid rgba(var(--primary-rgb),.25);color:var(--primary);font-family:var(--font-label);font-size:var(--text-label-sm);letter-spacing:.08em;padding-bottom:var(--space-1)}.hltv-section-label,.hltv-section-title{font-weight:700;text-transform:uppercase}.hltv-section-label{color:var(--on-surface-muted);font-size:.72rem;letter-spacing:.07em;margin-bottom:var(--space-1)}.hltv-teams-row{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1px 1fr}.hltv-teams-divider{background:#ffffff14;margin:0 var(--space-4)}.hltv-team-col{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-1) var(--space-2)}.hltv-team-col--right{padding-left:var(--space-5)}.hltv-team-col--empty,.hltv-team-error{align-items:center;color:var(--on-surface-muted);display:flex;font-size:var(--text-body-md);gap:var(--space-2)}.hltv-team-name{color:var(--on-surface);font-family:var(--font-ui);font-size:1rem;font-weight:700}.hltv-team-link{color:var(--on-surface);text-decoration:none}.hltv-team-link:hover{color:var(--primary);text-decoration:underline}.hltv-profile-stats{display:flex;flex-direction:column;gap:var(--space-1)}.hltv-stat-row{align-items:center;display:flex;font-size:var(--text-body-md);gap:var(--space-2)}.hltv-stat-label{color:var(--on-surface-muted);font-size:.78rem;min-width:70px}.hltv-stat-value{color:var(--on-surface);font-weight:600}.hltv-stat-value.rank{color:var(--primary);font-size:1rem}.hltv-form-row{align-items:center;display:flex;gap:var(--space-2)}.hltv-form-badges{display:flex;gap:var(--space-1)}.form-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-label);font-size:.7rem;font-weight:800;height:1.4rem;justify-content:center;width:1.4rem}.form-w{background:#6fcf972e;color:#6fcf97}.form-l{background:#eb57572e;color:#eb5757}.form-u{background:#e5e2e11a;color:var(--on-surface-muted)}.hltv-roster{gap:var(--space-1)}.hltv-player-list,.hltv-roster{display:flex;flex-direction:column}.hltv-player-list{gap:2px;list-style:none;margin:0;padding:0}.hltv-player{color:var(--on-surface);font-size:var(--text-body-md)}.hltv-player-alias{font-weight:600}.hltv-coach,.hltv-player-nat{color:var(--on-surface-muted);font-size:.75rem}.hltv-coach{margin-top:var(--space-1)}.hltv-map-table{border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-body-md);width:100%}.hltv-map-table thead th{border-bottom:1px solid #ffffff0f;color:var(--on-surface-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase}.hltv-map-table tbody tr:hover td{background:#ffffff08}.hltv-map-table tbody td{border-bottom:1px solid #ffffff0a;padding:var(--space-2) var(--space-3);vertical-align:top}.hltv-map-name{color:var(--on-surface);font-weight:600;width:100px}.hltv-col-team{min-width:110px;text-align:center!important}.hltv-wr{font-size:.9rem;font-weight:700;text-align:center}.hltv-wr-sub{color:var(--on-surface-muted);display:block;font-size:.7rem;font-weight:400;margin-top:1px}.wr-high{color:#6fcf97}.wr-mid{color:var(--on-surface)}.wr-low{color:#f97066}.hltv-map-card{background:var(--surface-container);border:1px solid #ffffff0f;border-radius:var(--radius-lg);overflow:hidden}.hltv-map-card--empty{opacity:.7}.hltv-map-card-header{align-items:center;background:var(--surface-container-high);border-bottom:1px solid #ffffff0f;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.hltv-map-card-name{color:var(--on-surface);font-family:var(--font-ui);font-size:.95rem;font-weight:700}.hltv-map-card-pick{color:var(--on-surface-muted);font-size:.75rem;font-style:italic}.hltv-no-detail{color:var(--on-surface-muted);font-size:var(--text-body-md);padding:var(--space-3) var(--space-4)}.hltv-detail-table{border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-body-md);width:100%}.hltv-detail-table thead th{border-bottom:1px solid #ffffff0f;color:var(--on-surface-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:var(--space-2) var(--space-3);text-align:center;text-transform:uppercase}.hltv-detail-table thead th:first-child{text-align:left}.hltv-detail-table tbody tr:hover td{background:#ffffff08}.hltv-detail-table tbody td{border-bottom:1px solid #ffffff08;padding:var(--space-2) var(--space-3)}.hltv-detail-label{color:var(--on-surface-muted);font-size:.78rem;min-width:100px}.hltv-detail-val{color:var(--on-surface);font-weight:600;text-align:center}.hltv-map-recent{grid-gap:var(--space-2);border-top:1px solid #ffffff0d;display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;padding:var(--space-3) var(--space-4)}.hltv-map-recent-col{display:flex;flex-direction:column;gap:3px}.hltv-map-recent-col--right{text-align:right}.hltv-recent-row{align-items:center;display:flex;font-size:.75rem;gap:var(--space-2)}.hltv-map-recent-col--right .hltv-recent-row{flex-direction:row-reverse}.hltv-recent-result{font-size:.72rem;font-weight:800;min-width:1.2rem;text-align:center}.hltv-recent-row.win .hltv-recent-result{color:#6fcf97}.hltv-recent-row.loss .hltv-recent-result{color:#f97066}.hltv-recent-opp{color:var(--on-surface-muted);font-size:.72rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hltv-no-veto{font-size:.78rem;font-style:italic;padding:var(--space-2) var(--space-1);text-align:center}.hltv-footer,.hltv-no-veto{color:var(--on-surface-muted)}.hltv-footer{border-top:1px solid #ffffff0d;font-size:.7rem;padding-top:var(--space-2);text-align:right}@media (max-width:600px){.hltv-modal-backdrop{padding:var(--space-3);padding-top:var(--space-6)}.hltv-teams-row{grid-template-columns:1fr}.hltv-teams-divider{display:none}.hltv-team-col--right{padding-left:var(--space-2)}.hltv-map-recent{grid-template-columns:1fr}}.match-container{background:var(--surface-container-high);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:box-shadow var(--t-base),opacity var(--t-base)}.match-container.draggable{cursor:grab}.match-container.dragging{cursor:grabbing;opacity:.45}.match-container.missing-hltv{box-shadow:inset 0 0 0 1px #f2c94c4d}.match-container.match-completed{box-shadow:inset 0 0 0 1px #6fcf9740}.match-container.paused{opacity:.65}.match-completion-banner,.match-pause-banner{font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-4);text-align:center}.match-completion-banner{background:var(--success-container);color:var(--success)}.match-pause-banner{background:var(--warning-container);color:var(--warning)}.match-content{display:flex;flex-direction:column}.match-header{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.match-header-drag-area{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.draggable .match-header-drag-area{cursor:grab}.match-date{color:var(--on-surface);font-weight:600}.match-date,.match-time{font-family:var(--font-label);font-size:var(--text-body-md)}.match-time{color:var(--on-surface-variant)}.match-header-actions{display:flex;flex-shrink:0}.hltv-button,.match-header-actions{align-items:center;gap:var(--space-1)}.hltv-button{background:var(--surface-container-highest);border-radius:var(--radius-sm);color:var(--on-surface-variant);display:inline-flex;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.02em;padding:.2rem var(--space-2);text-decoration:none;transition:color var(--t-base),background var(--t-base)}.hltv-button:hover{background:var(--surface-bright);color:var(--on-surface)}.hltv-action-button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;gap:var(--space-1);padding:.2rem var(--space-2);transition:color var(--t-base),background var(--t-base)}.hltv-action-button.edit{background:var(--warning-container);color:var(--warning)}.hltv-action-button.edit:hover{background:#f2c94c38}.match-delete-button,.match-pause-button,.match-rescrape-button,.match-stats-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--on-surface-variant);cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:color var(--t-base),background var(--t-base);width:1.75rem}.match-pause-button:hover{background:var(--warning-container);color:var(--warning)}.match-rescrape-button:hover{background:var(--surface-bright);color:var(--on-surface)}.match-stats-button:hover{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.match-delete-button:hover{background:var(--error-container);color:var(--error)}.match-pause-button.paused{background:var(--warning-container);color:var(--warning)}.match-rescrape-button .spinning{animation:spin .8s linear infinite}.match-teams{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.team-row{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-3);transition:background var(--t-base)}.team-row.winner{background:#6fcf971a}.team-info{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.team-logo{border-radius:var(--radius-sm);height:1.5rem;object-fit:contain;width:1.5rem}.team-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-scores{align-items:baseline;display:flex;flex-shrink:0;gap:var(--space-1)}.live-score{color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-title-md);font-weight:700;min-width:1.25rem;text-align:right}.map-score{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.team-row.winner .live-score{color:var(--success)}.match-maps{background:var(--ghost-border);border-top:1px solid var(--ghost-border);display:flex;flex-direction:column;gap:1px}.map-row{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-4);transition:background var(--t-fast)}.map-row.live{background:rgba(var(--primary-container-rgb),.12)}.map-row.completed{background:var(--surface-container)}.map-info{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.map-name{color:var(--on-surface);font-size:var(--text-body-md);font-weight:600;min-width:4rem}.map-name,.map-picker{font-family:var(--font-label)}.map-picker{align-items:center;color:var(--on-surface-muted);display:flex;font-size:var(--text-label-sm);gap:var(--space-1)}.picker-logo{border-radius:2px;height:1rem;object-fit:contain;width:1rem}.decider-icon{color:var(--on-surface-muted)}.map-scores{flex-shrink:0;gap:var(--space-2)}.map-scores,.map-team-score{align-items:center;display:flex}.map-team-score{gap:var(--space-1)}.map-team-logo{border-radius:2px;height:1rem;object-fit:contain;width:1rem}.map-score-value{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md);font-weight:600;min-width:1.5rem;text-align:center}.score-separator{color:var(--on-surface-muted);font-size:var(--text-body-md)}.team-placeholder{background:var(--surface-container-highest);border-radius:2px;color:var(--on-surface-muted);font-size:.6rem;font-weight:700;height:1rem;width:1rem}.modal-overlay,.team-placeholder{align-items:center;display:flex;justify-content:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:400}.match-modal-content{background:var(--surface-container-high);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:var(--space-4);max-width:420px;padding:var(--space-6);width:100%}.match-modal-content h3{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:600}.match-modal-content p{color:var(--on-surface-variant)}.hltv-input,.match-modal-content p{font-family:var(--font-label);font-size:var(--text-body-md)}.hltv-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow var(--t-base);width:100%}.hltv-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.add-match-form{gap:var(--space-4)}.add-match-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{font-family:var(--font-ui);font-weight:600}.form-group label,.form-input{color:var(--on-surface);font-size:var(--text-body-md)}.form-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);font-family:var(--font-label);outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow var(--t-base);width:100%}.form-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.form-input::placeholder{color:var(--on-surface-muted)}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-help{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);line-height:1.5}.error-message{background:var(--error-container);color:var(--error)}.error-message,.processing-info{padding:var(--space-2) var(--space-3)}.processing-info{background:var(--accent-glass);border-radius:var(--radius-md);color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-2)}.scraper-activity-panel{background:var(--surface-container-high);border-radius:var(--radius-lg);bottom:var(--space-5);box-shadow:var(--shadow-float);min-width:160px;overflow:hidden;position:fixed;right:var(--space-5);transition:min-width var(--t-slow);z-index:300}.panel-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background var(--t-base);-webkit-user-select:none;user-select:none}.panel-header:hover{background:var(--surface-container-highest)}.panel-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;white-space:nowrap}.expand-arrow{color:var(--on-surface-muted);display:inline-block;font-size:.6rem;transition:transform var(--t-base)}.expand-arrow.rotated{transform:rotate(90deg)}.panel-content{animation:fadeUp .15s ease both;border-top:1px solid var(--ghost-border);gap:var(--space-3);padding:var(--space-3) var(--space-4)}.panel-content,.scraper-section{display:flex;flex-direction:column}.scraper-section{gap:var(--space-1)}.scraper-header{align-items:center;display:flex;gap:var(--space-2)}.scraper-name{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md);font-weight:500}.status-dot{border-radius:var(--radius-full);flex-shrink:0;height:.5rem;transition:background var(--t-base),box-shadow var(--t-base);width:.5rem}.status-dot.active{background:var(--success);box-shadow:0 0 0 3px var(--success-container)}.status-dot.inactive{background:var(--on-surface-muted)}.instances{display:flex;flex-direction:column;gap:2px;padding-left:var(--space-4)}.instance{align-items:center;display:flex;gap:var(--space-2)}.instance-dot{color:var(--on-surface-muted);flex-shrink:0;font-size:.5rem}.instance-name{color:var(--on-surface-variant);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-name,.instance-status{font-family:var(--font-label);font-size:var(--text-label-sm)}.instance-status{color:var(--success);flex-shrink:0}@keyframes panel-pulse{0%{box-shadow:var(--shadow-float)}18%{box-shadow:var(--shadow-float),0 0 0 4px rgba(var(--primary-rgb),.65),0 0 32px rgba(var(--primary-rgb),.25)}65%{box-shadow:var(--shadow-float),0 0 0 3px rgba(var(--primary-rgb),.4),0 0 20px rgba(var(--primary-rgb),.15)}to{box-shadow:var(--shadow-float)}}.panel-glow{animation:panel-pulse 5s ease forwards}.loading-match-placeholder{align-items:center;background:var(--surface-container-high);border-radius:var(--radius-lg);display:flex;min-height:100px;overflow:hidden;padding:var(--space-5);position:relative}.placeholder-content{align-items:center;display:flex;gap:var(--space-4);z-index:1}.placeholder-spinner .spinner{animation:spin .8s linear infinite;border:2px solid var(--surface-container-highest);border-radius:var(--radius-full);border-top-color:var(--primary);height:1.25rem;width:1.25rem}.placeholder-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.placeholder-subtitle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);margin-top:2px}.placeholder-shimmer{animation:shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0a 50%,#0000);background-size:200% 100%;inset:0;position:absolute}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.dashboard-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.big-match-card{background:var(--surface-container-high);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--t-base),background var(--t-base)}.big-match-card.clickable{cursor:pointer}.big-match-card.clickable:hover{background:var(--surface-container-highest)}.big-match-card.selected{background:var(--accent-glass);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.55)}.big-match-card.past-match{opacity:.75}.match-header{background:var(--surface-container-highest);border-bottom:1px solid var(--ghost-border);gap:var(--space-2);justify-content:space-between;padding:var(--space-2) var(--space-3)}.match-header,.tournament-info{align-items:center;display:flex}.tournament-info{color:var(--on-surface-muted);flex:1 1;gap:var(--space-1);min-width:0}.tournament-name{overflow:hidden;text-overflow:ellipsis}.match-format .bestof,.tournament-name{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);white-space:nowrap}.match-format .bestof{background:var(--surface-container);border-radius:var(--radius-full);flex-shrink:0;padding:.1rem var(--space-2)}.teams-section{padding:var(--space-4) var(--space-3)}.team,.teams-section{align-items:center;display:flex;gap:var(--space-2)}.team{flex:1 1;flex-direction:column;min-width:0}.team-logo{align-items:center;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.team-logo img{display:block;height:100%;object-fit:contain;width:100%}.logo-placeholder{align-items:center;background:var(--primary-container);border-radius:var(--radius-full);color:var(--primary);display:flex;font-family:var(--font-ui);font-size:var(--text-title-md);font-weight:700;height:3rem;justify-content:center;width:3rem}.team-name{min-width:0;text-align:center;width:100%}.team-name-text{color:var(--on-surface);display:block;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name-text.winner-text{color:#6fcf97}.vs-divider{color:var(--on-surface-muted);flex-shrink:0;font-family:var(--font-label);font-size:var(--text-label-sm);min-width:3rem;text-align:center}.score-vs-container{align-items:center;display:flex;gap:var(--space-1)}.team-score{color:var(--on-surface);font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1;min-width:1.5rem;text-align:center}.team-score.winner-score{color:#6fcf97}.match-timing{align-items:center;background:var(--surface-container-lowest);border-top:1px solid var(--ghost-border);justify-content:space-between;padding:var(--space-2) var(--space-3)}.date-time,.match-timing{display:flex;gap:var(--space-3)}.date-time{flex-wrap:wrap}.date,.time{align-items:center;color:var(--on-surface-muted);display:flex;gap:var(--space-1)}.date,.match-link,.time{font-family:var(--font-label);font-size:var(--text-label-sm)}.match-link{color:var(--primary);flex-shrink:0;text-decoration:none;white-space:nowrap}.match-link:hover{opacity:.8}.maps-info{padding:var(--space-1) var(--space-3) var(--space-2)}.maps-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.big-result-graphic-generator{display:flex;flex-direction:column;gap:var(--space-3)}.graphic-display{background:var(--surface-container-lowest);border-radius:var(--radius-md);justify-content:center;min-height:160px;overflow:hidden}.generating,.graphic-display{align-items:center;display:flex}.generating{flex-direction:column;gap:var(--space-3)}.generating,.no-graphic{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-8)}.no-graphic{text-align:center}.no-graphic p{margin:0}.generated-image-container{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.generated-image{border-radius:var(--radius-md);display:block;height:auto;width:100%}.graphic-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-1)}.action-button{align-items:center;background:var(--surface-container-highest);border:none;border-radius:var(--radius-md);color:var(--on-surface);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:background var(--t-base)}.action-button:hover{background:var(--surface-bright)}.big-page{padding:var(--space-6)}.big-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr 380px}@media (max-width:1200px){.big-grid{grid-template-columns:1fr 1fr}.big-right{flex-direction:row;flex-wrap:wrap;grid-column:1/-1}.big-right>*{flex:1 1;min-width:280px}}@media (max-width:700px){.big-grid{grid-template-columns:1fr}.big-right{flex-direction:column}}.big-right{display:flex;flex-direction:column;gap:var(--space-5)}.big-loading{color:var(--on-surface-muted);padding:var(--space-6);text-align:center}.big-error,.big-loading{font-family:var(--font-label);font-size:var(--text-body-md)}.big-error{background:var(--error-container);border-radius:var(--radius-md);color:var(--error);padding:var(--space-3) var(--space-4)}.big-cards-grid,.big-vod-list{display:flex;flex-direction:column;gap:var(--space-3)}.big-vod-match{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.big-vod-match-header{background:var(--surface-container-highest);color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.big-vod-match-header,.big-vod-row{padding:var(--space-2) var(--space-3)}.big-vod-row{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-2);text-decoration:none;transition:background var(--t-base)}.big-vod-row:hover{background:var(--surface-container-high)}.big-vod-icon{color:var(--error);flex-shrink:0}.big-vod-title{color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-page{background:#0000!important;color:#fff;font-family:Inter,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.overlay-page *{box-sizing:border-box;margin:0;padding:0}.ticker-container{height:130px;pointer-events:none;position:fixed;right:0;top:137px;width:433px;z-index:1000}.ticker{align-items:center;background-color:#66666680;border:solid #fbffff;border-radius:3px 3px 0 0;border-width:3px 3px 6px;bottom:0;box-sizing:border-box;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:16px;height:41px;justify-content:center;left:0;overflow:hidden;pointer-events:auto;position:absolute;text-align:center;transition:height .3s ease-in-out,border-color 1s ease;width:100%}.ticker.expanded{height:130px}.collapsed-content{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;height:41px;opacity:1;padding:0 10px;transition:opacity .3s ease-in-out;visibility:visible;width:100%}.ticker.expanded .collapsed-content{opacity:0;visibility:hidden}.team-container{align-items:center;display:flex;gap:15px;height:100%;width:100%}.team-container.left,.team-container.right{justify-content:center}.team-logo-small{height:24px;object-fit:contain;width:24px}.score-display{font-weight:700;white-space:nowrap}.expanded-content{align-items:center;background-color:#80808080;border-radius:0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:0!important;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100%}.ticker.expanded .expanded-content{opacity:1;pointer-events:auto;visibility:visible}.expanded-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0!important;width:100%}.expanded-column,.expanded-grid{box-sizing:border-box;height:100%;margin:0}.expanded-column{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;padding:0}.team1-column,.team2-column{padding:0 5px}.center-column{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:space-evenly}.team-logo-container{align-items:center;display:flex;justify-content:center}.team-logo-large{height:60px;object-fit:contain;width:60px}.map-name{font-size:16px}.large-score,.map-name{font-weight:700;margin:0;padding:0}.large-score{align-items:center;display:flex;font-size:28px;gap:12px}.score-separator{opacity:.9}.map-counts{display:flex;font-size:18px;justify-content:space-around;margin:0;opacity:.9;padding:0;width:70%}.team-name-expanded{color:#fff;font-size:14px;font-weight:700;margin:0;max-width:100%;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;text-shadow:1px 1px 2px #00000080;white-space:nowrap}.debug-panel{background:#000000b3;border-radius:5px;font-family:monospace;font-size:12px;left:10px;padding:10px;position:fixed;top:10px;z-index:10000}.debug-panel p{margin-bottom:5px}.win-layout{gap:20px;height:100%;margin-left:30px;width:100%}.win-layout,.win-team-column{align-items:center;display:flex;justify-content:center}.win-team-column{flex-direction:column;gap:10px}.win-text-column{align-items:center;display:flex;flex:1 1;justify-content:center}.win-text{color:#fff;font-size:18px;font-weight:700;text-align:center;text-shadow:1px 1px 2px #00000080}.debug-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:5px;padding:5px 10px}.debug-button.expand{background-color:#48f;color:#fff}.debug-button.collapse{background-color:#4a4;color:#fff}.upcoming-ticker{background-color:#66666680;overflow:hidden}.scrolling-text{align-items:center;animation:scroll-left 40s linear infinite;display:inline-flex;white-space:nowrap;will-change:transform}.upcoming-match-item{color:#fff;display:inline-block;flex-shrink:0;font-size:16px;font-weight:500;padding:0 30px}.upcoming-match-item.big-match{color:#fff;font-weight:600}.ticker-label{color:#fff;font-weight:700;margin-right:5px}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.login-container{background:var(--background);background-image:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(var(--primary-rgb),.07) 0,#0000 70%);justify-content:center;min-height:100vh;padding:var(--space-5)}.login-card,.login-container{align-items:center;display:flex}.login-card{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:18px;border-radius:var(--radius-xl,18px);box-shadow:0 32px 80px #0000008c;flex-direction:column;gap:var(--space-6);max-width:420px;padding:var(--space-10) var(--space-8);text-align:center;width:100%}.login-logo{align-items:baseline;display:flex;font-family:var(--font-ui);font-family:var(--font-display,var(--font-ui));font-size:2rem;font-weight:800;gap:3px;letter-spacing:-.03em;line-height:1}.login-logo-word{color:var(--on-surface)}.login-logo-accent{color:var(--primary)}.login-header{display:flex;flex-direction:column;gap:var(--space-2)}.login-header h1{color:var(--on-surface);font-family:var(--font-ui);font-size:1.125rem;font-weight:600;margin:0}.login-header p{color:var(--on-surface-muted);line-height:1.5;margin:0}.error-message,.login-header p{font-family:var(--font-label);font-size:var(--text-body-md)}.error-message{background:#f8717114;border:1px solid #f8717140;border-radius:var(--radius-md);color:#f87171;padding:var(--space-3) var(--space-4);width:100%}.twitch-login-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;gap:var(--space-3);justify-content:center;letter-spacing:.01em;padding:14px var(--space-5);transition:background var(--t-base),transform var(--t-base),box-shadow var(--t-base);width:100%}.twitch-login-btn:hover{box-shadow:0 8px 24px rgba(var(--primary-rgb),.4);filter:brightness(1.15);transform:translateY(-2px)}.twitch-login-btn:active{box-shadow:none;transform:translateY(0)}.twitch-icon{flex-shrink:0;height:18px;width:18px}.login-footer p{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);line-height:1.5;margin:0;opacity:.6}.loading-spinner{animation:login-spin .8s linear infinite;border:2px solid var(--surface-container-highest);border-radius:50%;border-top-color:var(--primary);height:2rem;width:2rem}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}}.confirm-action{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;gap:var(--space-2);padding:var(--space-1) var(--space-3);transition:color var(--t-base),background var(--t-base);white-space:nowrap}.confirm-action--pending,.confirm-action:hover{background:var(--error-container);color:var(--error)}.confirm-action--pending{animation:pulse .8s ease-in-out infinite}.confirm-action--pending:hover{background:#ffb4ab38}.confirm-action-icon{flex-shrink:0}.admin-page{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.admin-flash{animation:admin-flash-in .2s ease;background:#6fcf9726;border-radius:var(--radius-md);color:#6fcf97;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;padding:var(--space-3) var(--space-4)}.admin-flash--err{background:var(--error-container);color:var(--error)}@keyframes admin-flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-stats-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}@media (max-width:700px){.admin-stats-row{grid-template-columns:repeat(2,1fr)}}.admin-stat-card{align-items:center;background:var(--surface-container);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-3)}.admin-stat-card--accent .admin-stat-icon,.admin-stat-card--accent .admin-stat-value{color:var(--primary)}.admin-stat-card--warn .admin-stat-icon,.admin-stat-card--warn .admin-stat-value{color:var(--warning)}.admin-stat-icon{color:var(--on-surface-muted)}.admin-stat-value{color:var(--on-surface);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1}.admin-stat-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.admin-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:280px 1fr}@media (max-width:900px){.admin-grid{grid-template-columns:1fr}}.admin-left{display:flex;flex-direction:column;gap:var(--space-5)}.admin-loading{color:var(--on-surface-muted);padding:var(--space-4);text-align:center}.admin-error,.admin-loading{font-family:var(--font-label);font-size:var(--text-body-md)}.admin-error{background:var(--error-container);border-radius:var(--radius-md);color:var(--error);padding:var(--space-3) var(--space-4)}.admin-empty-inline{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-3) 0}.admin-sb-rows{display:flex;flex-direction:column}.admin-sb-row{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) 0}.admin-sb-row+.admin-sb-row{border-top:1px solid var(--ghost-border)}.admin-sb-label{color:var(--on-surface-variant)}.admin-sb-label,.admin-sb-value{font-family:var(--font-label);font-size:var(--text-body-md)}.admin-sb-value{color:var(--on-surface)}.admin-status-dot-badge{align-items:center;background:var(--surface-container-highest);border-radius:var(--radius-full);color:var(--on-surface-muted);display:inline-flex;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;gap:var(--space-1);padding:.1rem var(--space-2)}.admin-status-dot-badge--online{background:#6fcf9726;color:#6fcf97}.admin-status-dot-badge--offline{background:var(--error-container);color:var(--error)}.admin-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.admin-bypass-hint{line-height:1.4;margin-top:2px}.admin-bypass-btn,.admin-bypass-hint{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.admin-bypass-btn{background:#0000;border:1px solid var(--ghost-border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;font-weight:700;padding:var(--space-1) var(--space-3);transition:background var(--t-base),color var(--t-base),border-color var(--t-base)}.admin-bypass-btn:hover:not(:disabled){background:var(--surface-container-high);color:var(--on-surface)}.admin-bypass-btn--active{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.admin-bypass-btn--active:hover:not(:disabled){background:#f59e0b40}.admin-bypass-btn:disabled{cursor:default;opacity:.4}.admin-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);min-width:0;outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow var(--t-base)}.admin-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.admin-input::placeholder{color:var(--on-surface-muted)}.admin-key-gen,.admin-key-reveal{display:flex;gap:var(--space-2)}.admin-key-reveal{align-items:center;background:var(--surface-container-lowest);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.admin-key-code{color:var(--primary);flex:1 1;font-family:monospace;font-size:.75rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.admin-key-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.admin-key-row{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.admin-key-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.admin-key-label-text{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-key-meta{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.admin-webhook-gen{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 2fr 1fr auto}@media (max-width:720px){.admin-webhook-gen{grid-template-columns:1fr}}.admin-webhook-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.admin-webhook-row{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.admin-webhook-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.admin-webhook-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-webhook-scope{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-weight:400}.admin-webhook-meta{color:var(--on-surface-muted);font-family:monospace;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-webhook-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.admin-webhook-tag{background:rgba(var(--primary-rgb),.12);border-radius:999px;color:var(--primary);font-family:var(--font-label);font-size:.65rem;letter-spacing:.02em;padding:1px 6px}.admin-webhook-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.admin-user-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.admin-user-row{align-items:center;background:var(--surface-container);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--t-base)}.admin-user-row--pending{background:var(--surface-container-high);border-left:2px solid var(--warning)}.admin-user-avatar{align-items:center;background:var(--primary-container);border-radius:var(--radius-full);color:var(--primary);display:flex;flex-shrink:0;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:700;height:2rem;justify-content:center;width:2rem}.admin-user-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.admin-user-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500}.admin-user-handle{color:var(--on-surface-muted);font-weight:400}.admin-user-last-login{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.admin-user-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;padding:.1rem var(--space-2)}.admin-badge--approved{background:#6fcf9726;color:#6fcf97}.admin-badge--pending{background:var(--warning-container);color:var(--warning)}.admin-badge--rejected{background:var(--error-container);color:var(--error)}.admin-badge--admin{background:var(--primary-container);color:var(--primary)}.admin-user-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2)}.admin-merge-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.admin-merge-row{background:var(--surface-container)}.admin-merge-header{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--t-base);-webkit-user-select:none;user-select:none}.admin-merge-header:hover{background:var(--surface-container-high)}.admin-merge-title{color:var(--on-surface);flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);min-width:0}.admin-merge-arrow{color:var(--on-surface-muted);font-weight:400}.admin-merge-date{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);white-space:nowrap}.admin-merge-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-merge-details{background:var(--ghost-border);border-top:1px solid var(--ghost-border);display:flex;gap:1px}.admin-merge-user-detail{align-items:center;background:var(--surface-container-lowest);display:flex;flex:1 1;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--space-5)}.admin-merge-detail-name{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;min-width:6rem}.admin-merge-detail-stat{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);white-space:nowrap}.admin-merge-badge{border-radius:var(--radius-sm);font-family:var(--font-label);font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-right:var(--space-2);padding:1px 5px;vertical-align:middle}.admin-merge-badge--auto{background:#58a6ff26;color:#58a6ff}.admin-merge-twitch-id{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);margin-left:var(--space-3)}.dbg-container{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.dbg-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.dbg-header h1{color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:700;margin:0 0 2px}.dbg-subtitle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);margin:0}.dbg-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.dbg-updated{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.dbg-btn{align-items:center;background:var(--surface-container-highest);border:none;border-radius:var(--radius-md);color:var(--on-surface);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:background var(--t-base)}.dbg-btn:hover{background:var(--surface-bright)}.dbg-btn--warn{background:#ffb40026;background:var(--warning-container,#ffb40026);color:#f59e0b;color:var(--warning,#f59e0b)}.dbg-btn--warn:hover{background:#ffb40040;background:var(--warning-container,#ffb40040)}.dbg-quickbar{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dbg-quick-card{background:var(--surface-container-high);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.dbg-quick-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);letter-spacing:.06em;text-transform:uppercase}.dbg-quick-value{color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-title-md);font-weight:700;line-height:1.1}.dbg-grid{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dbg-section{background:var(--surface-container);border-radius:var(--radius-lg);overflow:hidden}.dbg-section-title{background:var(--surface-container-highest);color:var(--on-surface-muted);font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.07em;margin:0;text-transform:uppercase}.dbg-row,.dbg-section-title{border-bottom:1px solid var(--ghost-border);padding:var(--space-2) var(--space-4)}.dbg-row{align-items:center;display:flex;gap:var(--space-3)}.dbg-row:last-child{border-bottom:none}.dbg-row-label{color:var(--on-surface-muted);flex-shrink:0;min-width:140px}.dbg-row-label,.dbg-row-value{font-family:var(--font-label);font-size:var(--text-body-md)}.dbg-row-value{align-items:center;color:var(--on-surface);display:flex;flex:1 1;flex-wrap:wrap;gap:var(--space-2)}.dbg-badge{border-radius:var(--radius-full);display:inline-block;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;padding:1px var(--space-2)}.dbg-badge--ok{background:#6fcf9726;color:#6fcf97}.dbg-badge--err{background:var(--error-container);color:var(--error)}.dbg-bar-wrap{align-items:center;gap:var(--space-2)}.dbg-bar-wrap:before{background:var(--surface-container-highest);border-radius:var(--radius-full);content:"";display:block;flex:1 1;height:6px;overflow:hidden;position:relative}.dbg-bar-fill{flex-shrink:0;height:6px;min-width:2px}.dbg-bar-wrap{align-items:stretch;background:var(--surface-container-highest);display:flex;flex:1 1;height:6px;min-width:80px;overflow:hidden;position:relative}.dbg-bar-fill,.dbg-bar-wrap{border-radius:var(--radius-full)}.dbg-bar-fill{height:100%;transition:width .4s ease}.dbg-bar--ok{background:#6fcf97}.dbg-bar--warn{background:#f59e0b}.dbg-bar--danger{background:var(--error)}.dbg-bar-label{color:var(--on-surface-muted);flex-shrink:0;font-family:var(--font-label);font-size:var(--text-label-sm);white-space:nowrap}.dbg-row-value .dbg-bar-wrap{max-width:120px}.dbg-accent{color:var(--primary)}.dbg-muted,.dbg-note{color:var(--on-surface-muted)}.dbg-note{font-size:var(--text-label-sm)}.dbg-warn-text{color:#f59e0b}.dbg-empty{color:var(--on-surface-muted);margin:0;padding:var(--space-6);text-align:center}.dbg-empty,.dbg-error{font-family:var(--font-label);font-size:var(--text-body-md)}.dbg-error{background:var(--error-container);border-radius:var(--radius-md);color:var(--error);padding:var(--space-4)}.dbg-loading{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-8);text-align:center}.dbg-table-wrap{overflow-x:auto}.dbg-table{border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-body-md);width:100%}.dbg-table thead tr{background:var(--surface-container-highest);border-bottom:1px solid var(--ghost-border)}.dbg-table th{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase;white-space:nowrap}.dbg-table tbody tr{border-bottom:1px solid var(--ghost-border);transition:background var(--t-base)}.dbg-table tbody tr:last-child{border-bottom:none}.dbg-table tbody tr:hover{background:var(--surface-container-high)}.dbg-table td{color:var(--on-surface);padding:var(--space-2) var(--space-3);vertical-align:middle;white-space:nowrap}.dbg-vs{color:var(--on-surface-muted);font-weight:400;margin:0 var(--space-1)}.dbg-badge--warn{background:#f59e0b26;color:#f59e0b}.dbg-badge--info{background:#60a5fa26;color:#60a5fa}.dbg-hltv-cause{line-height:1.5;white-space:normal}.dbg-hltv-chip{align-items:center;display:inline-flex;gap:2px;margin-right:var(--space-2)}.dbg-table td.dbg-wrap{max-width:480px;min-width:220px;white-space:normal}.dbg-table tbody tr.dbg-tr-fail{background:#ef44440f}.dbg-hltv-cause code,.dbg-table code{color:var(--on-surface-muted);font-size:var(--text-label-sm)}.et-add{display:flex;flex-direction:row;gap:var(--space-2)}.et-add input{background:var(--surface-container-high);border:1px solid #ffffff1a;border:1px solid var(--outline-variant,#ffffff1a);border-radius:var(--radius-md);color:var(--on-surface);flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);min-width:0;padding:var(--space-2) var(--space-3)}.et-card-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.et-card-head .dbg-section-title{margin-bottom:2px}.et-rounds{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.et-round{background:var(--surface-container-highest);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--on-surface-muted);font-size:12px;font-size:var(--text-label-md,12px);padding:1px var(--space-2)}.et-round b{color:var(--on-surface);font-weight:600}.et-round--partial{outline:1px dashed var(--on-surface-muted)}.et-round--live{background:#f59e0b26;color:#f59e0b}.et-round--done{background:#22c55e26;color:#22c55e}.et-changes{margin-top:var(--space-3)}.et-changes summary{color:var(--on-surface-muted);cursor:pointer}.et-changes ul{margin:var(--space-2) 0 0;max-height:260px;overflow:auto;padding-left:var(--space-4)}.et-changes li{font-size:13px;font-size:var(--text-body-sm,13px);margin:2px 0}.et-snapshot,.et-toggle{margin-top:var(--space-3)}.et-snapshot{display:flex;flex-direction:column;gap:var(--space-4)}.et-stage h3{color:var(--on-surface);font-family:var(--font-display);font-size:15px;font-size:var(--text-title-sm,15px);margin:0 0 var(--space-2)}.et-teams{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.et-team{background:var(--surface-container-highest);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--on-surface);font-size:13px;font-size:var(--text-body-sm,13px);padding:2px var(--space-2)}.et-team i{color:var(--on-surface-muted);font-style:normal}.et-team b{margin-left:4px}.et-team--advanced{background:#22c55e26}.et-team--eliminated{background:#ef44441f;color:var(--on-surface-muted)}.et-win{color:#22c55e;font-weight:600}@media (max-width:640px){.et-add{flex-direction:column}}.pending-approval-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.pending-approval-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.pending-icon{margin-bottom:24px}.hourglass{animation:pulse 2s infinite;font-size:48px}.pending-approval-card h1{color:#333;font-size:28px;font-weight:700;margin-bottom:24px}.user-info{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;justify-content:center;margin-bottom:32px;padding:20px}.user-avatar{border:3px solid #9146ff;border-radius:50%;height:64px;width:64px}.user-details h2{color:#333;font-size:20px;margin:0 0 4px}.user-details p{color:#666;font-size:16px;margin:0}.approval-message{margin-bottom:32px;text-align:left}.approval-message>p{color:#666;font-size:16px;line-height:1.6;margin-bottom:24px}.status-info{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.status-item{align-items:center;display:flex;justify-content:space-between}.status-label{color:#333;font-weight:600}.status-badge{border-radius:16px;font-size:14px;font-weight:600;padding:6px 12px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.next-steps{margin-bottom:24px}.next-steps h3{color:#333;font-size:18px;margin-bottom:12px}.next-steps ul{color:#666;line-height:1.6;text-align:left}.next-steps li{margin-bottom:8px}.help-text{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:16px}.help-text p{color:#1565c0;font-size:14px;margin:0}.actions{display:flex;gap:16px;justify-content:center}.logout-btn,.refresh-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.refresh-btn{background:#2196f3;color:#fff}.refresh-btn:hover{background:#1976d2;transform:translateY(-1px)}.logout-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.logout-btn:hover{background:#e0e0e0;transform:translateY(-1px)}@media (max-width:480px){.pending-approval-card{margin:20px;padding:24px}.user-info{text-align:center}.actions,.user-info{flex-direction:column}.pending-approval-card h1{font-size:24px}}.toggle{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-3);-webkit-user-select:none;user-select:none}.toggle--disabled{cursor:not-allowed;opacity:.45}.toggle-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.toggle-track{background:var(--surface-container-highest);border-radius:var(--radius-full);flex-shrink:0;height:1.25rem;position:relative;transition:background var(--t-base);width:2.25rem}.toggle--on .toggle-track{background:var(--primary-container)}.toggle-thumb{background:var(--on-surface-muted);border-radius:var(--radius-full);height:.875rem;left:.1875rem;position:absolute;top:.1875rem;transition:transform var(--t-base),background var(--t-base);width:.875rem}.toggle--on .toggle-thumb{background:var(--primary);transform:translateX(1rem)}.toggle-label{color:var(--on-surface-variant);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;transition:color var(--t-base)}.toggle--on .toggle-label{color:var(--on-surface)}.gacard-slot{display:flex;pointer-events:none;position:absolute}.gacard-fit{flex:none}.gacard{background:#1e1e21f2;border:1px solid #4e435559;border-radius:12px;box-shadow:0 0 0 1px #7d8aff14,0 8px 32px #0000008c,0 2px 8px #0006;color:#e5e2e1;display:flex;flex-direction:column;font-family:Manrope,sans-serif;overflow:hidden;text-align:left;width:400px}.gacard-stripe{background:linear-gradient(90deg,#032cc4,#004fc5);height:3px}.gacard-head{align-items:center;display:flex;gap:8px;padding:9px 16px 0}.gacard-dot{animation:gacard-pulse 1.6s ease-out infinite;background:#7d8aff;border-radius:50%;flex-shrink:0;height:6px;width:6px}@keyframes gacard-pulse{0%{box-shadow:0 0 0 0 #7d8aff8c}70%{box-shadow:0 0 0 7px #7d95ff00}to{box-shadow:0 0 0 0 #7d95ff00}}.gacard-label{color:#7d8aff;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.gacard-badge{background:#ff9a3c1f;border:1px solid #ff9a3c59;border-radius:999px;color:#ff9a3c;font-size:11px;font-weight:700;letter-spacing:.04em;margin-left:auto;padding:2px 8px}.gacard-badge--souvenir{background:#ffd24a1f;border-color:#ffd24a59;color:#ffd24a}.gacard-badge--bundle{background:#7d8aff1f;border-color:#7d8aff59;color:#9aa4ff}.gacard-art{align-items:center;display:flex;height:92px;justify-content:center;margin:4px 16px 0;position:relative}.gacard-art:before{background:radial-gradient(ellipse at center,#2850ff4d,#0000 70%);content:"";filter:blur(6px);inset:10% 14%;position:absolute}.gacard-weapon{animation:gacard-float 8s ease-in-out infinite;display:inline-block;position:relative}.gacard-weapon canvas,.gacard-weapon video{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));max-height:84px;max-width:340px;object-fit:contain}@keyframes gacard-float{0%,to{transform:translateY(2px) rotate(-.8deg)}50%{transform:translateY(-3px) rotate(.8deg)}}.gacard-body{padding:6px 16px 11px}.gacard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f1eeed;display:-webkit-box;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;line-height:1.2;overflow:hidden;word-break:break-word}.gacard-facts{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.gacard-fact{background:#ffffff0f;border-radius:6px;color:#e5e2e19e;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:2px 8px}.gacard-fact b{font-feature-settings:"tnum";color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.gacard-foot{align-items:baseline;background:#161618;border-top:1px solid #4e435540;display:flex;gap:8px;justify-content:center;padding:8px 16px 10px}.gacard-foot-label{color:#e5e2e173;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.gacard-keyword{color:#fff;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;letter-spacing:.03em;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gacard-weapon--framed{border-radius:8px;overflow:hidden}.gacard-weapon--framed canvas{filter:none}.gapick-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.gapick{background:linear-gradient(#ffffff08 1px,#0000 0) 0 0 /10% 10%,linear-gradient(90deg,#ffffff08 1px,#0000 0) 0 0 /10% 10%,#0d0e11;border:1px solid var(--ghost-border);border-radius:var(--radius-md);overflow:hidden;position:relative;width:100%}.gapick-blocked{background:repeating-linear-gradient(45deg,#e5393573 0 4px,#e5393533 4px 8px);border:1px solid #e53935d9;position:absolute}.gapick-banner{border:1px dashed #ffc400bf;border-radius:3px;pointer-events:none;position:absolute}.gapick-slot{background:#2864ff24;border:1px dashed #4287ff99;border-radius:4px;cursor:pointer;padding:0;position:absolute;transition:background .15s ease,border-color .15s ease}.gapick-slot:hover:not(:disabled){background:#2864ff52;border-color:#6ea5fff2}.gapick-slot:disabled{cursor:default}.gapick-slot--on{background:#2864ff3d;border-color:#4f8cff;border-style:solid}.gapick-card{background:linear-gradient(180deg,#3d6dff 0 6%,#e5e7ef 6%);border-radius:3px;box-shadow:0 1px 4px #0009;pointer-events:none;position:absolute}.gapick-caption{align-items:baseline;color:var(--on-surface-muted);display:flex;flex-wrap:wrap;font-family:var(--font-ui);font-size:var(--text-label-sm);gap:4px var(--space-3);justify-content:space-between}.gapick-caption strong{color:var(--on-surface)}.gapick-legend{align-items:center;display:inline-flex;gap:4px}.gapick-key{border-radius:2px;display:inline-block;height:9px;margin-left:6px;width:9px}.gapick-key--slot{background:#2864ff80;border:1px solid #4f8cff}.gapick-key--blocked{background:#e5393580;border:1px solid #e53935e6}.gapick-key--banner{border:1px dashed #ffc400e6}.giveaway-page{padding:var(--space-6)}.giveaway-main{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px}@media (max-width:1100px){.giveaway-main{grid-template-columns:minmax(0,1fr)}}.giveaway-chat-section{margin-top:var(--space-5)}.giveaway-chat-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:900px){.giveaway-chat-grid{grid-template-columns:minmax(0,1fr)}}.giveaway-chat-embed{border:none;border-radius:var(--radius-md);display:block;height:520px;width:100%}.giveaway-chat-fold{align-items:center;background:none;border:none;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-body-md);gap:var(--space-2);padding:0}.giveaway-chat-fold:hover{color:var(--primary)}.giveaway-right{display:flex;flex-direction:column;gap:var(--space-5)}.giveaway-keyword-row{display:flex;gap:var(--space-2)}.giveaway-keyword-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);flex:1 1;font-family:var(--font-ui);font-size:var(--text-body-md);min-width:0;outline:none;padding:var(--space-2) var(--space-3);transition:box-shadow var(--t-base)}.giveaway-keyword-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.giveaway-keyword-input::placeholder{color:var(--on-surface-muted)}.giveaway-keyword-input:disabled{cursor:not-allowed;opacity:.55}.giveaway-stats{display:flex;gap:var(--space-3)}.giveaway-stat-chip{align-items:center;background:var(--surface-container-lowest);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.giveaway-stat-value{color:var(--on-surface);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1}.giveaway-stat-chip--sub .giveaway-stat-value{color:var(--primary)}.giveaway-stat-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.giveaway-winner{align-items:center;background:var(--accent-glass);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);color:var(--primary);display:flex;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.giveaway-winner-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.giveaway-participants-empty{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-4);text-align:center}.giveaway-participants-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;height:484px;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.giveaway-participant-row{align-items:center;background:var(--surface-container);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background var(--t-base)}.giveaway-participant-row:hover{background:var(--surface-container-high)}.giveaway-participant-row--sub{background:var(--surface-container);background:var(--surface-container-low,var(--surface-container))}.giveaway-participant-name{color:var(--on-surface);flex:1 1;font-family:var(--font-label);font-size:var(--text-body-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-participant-row--sub .giveaway-participant-name{color:var(--primary)}.giveaway-participant-badge{align-items:center;background:var(--primary-container);border-radius:var(--radius-full);color:var(--primary);display:inline-flex;flex-shrink:0;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;padding:.1rem var(--space-2)}.subluck-row{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-2) 0}.subluck-row+.subluck-row{border-top:1px solid var(--ghost-border)}.subluck-label{color:var(--on-surface-variant);min-width:5rem}.subluck-label,.subluck-multiplier-input{font-family:var(--font-label);font-size:var(--text-body-md)}.subluck-multiplier-input{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);color:var(--on-surface);outline:none;padding:var(--space-1) var(--space-2);text-align:center;transition:box-shadow var(--t-base);width:4.5rem}.subluck-multiplier-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)}.subluck-multiplier-input:disabled{cursor:not-allowed;opacity:.45}.giveaway-prize-row{display:flex;margin-bottom:var(--space-2)}.giveaway-verify-overlay{align-items:center;background:#000000b8;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:200}.giveaway-verify-panel{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);max-width:100%;padding:var(--space-5);width:520px}.giveaway-verify-header{align-items:center;color:var(--primary);display:flex;flex-wrap:wrap;font-family:var(--font-ui);font-size:1rem;font-size:var(--text-body-lg,1rem);font-weight:700;gap:var(--space-3)}.giveaway-verify-username{font-size:1.25rem}.giveaway-verify-prize{color:var(--on-surface-variant);font-size:var(--text-body-md);font-weight:500;margin-left:auto}.giveaway-winner-activity{align-items:flex-start;background:var(--surface-container-lowest);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface-muted);display:flex;flex-wrap:wrap;font-family:var(--font-label);font-size:var(--text-body-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:background var(--t-base),border-color var(--t-base)}.giveaway-winner-activity--seen{background:#2a7a3b1f;border-color:#2a7a3b66;color:var(--on-surface)}.giveaway-activity-dot{background:var(--on-surface-muted);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.giveaway-activity-dot--active{animation:giveaway-pulse 1.4s ease-out infinite;background:#3dba5c;box-shadow:0 0 0 0 #3dba5c99}@keyframes giveaway-pulse{0%{box-shadow:0 0 0 0 #3dba5c99}70%{box-shadow:0 0 0 7px #3dba5c00}to{box-shadow:0 0 0 0 #3dba5c00}}.giveaway-activity-message{color:var(--on-surface-variant);font-size:var(--text-label-sm);font-style:italic;padding-left:calc(8px + var(--space-2));width:100%;word-break:break-word}.giveaway-verify-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn.btn-success{background:#2a7a3b;border:none;color:#d4f0da}.btn.btn-success:hover:not(:disabled){background:#33944a}.btn.btn-success:disabled{cursor:not-allowed;opacity:.45}.btn.btn-viewercard{background:#1f2d3d;border:1px solid #a9c5e833;color:#a9c5e8;font-size:var(--text-body-md);justify-content:center;padding:var(--space-3) var(--space-4);width:100%}.btn.btn-viewercard:hover{background:#263749}.giveaway-winners-section{margin-top:var(--space-5)}.giveaway-winners-table{border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-body-md);width:100%}.giveaway-winners-table th{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-weight:600;text-align:left}.giveaway-winners-table td,.giveaway-winners-table th{border-bottom:1px solid var(--ghost-border);padding:var(--space-2) var(--space-3)}.giveaway-winners-table td{color:var(--on-surface)}.giveaway-winners-table tr:last-child td{border-bottom:none}.giveaway-winners-table tr:hover td{background:var(--surface-container-high)}.giveaway-winners-date{color:var(--on-surface-muted);white-space:nowrap}.giveaway-winners-username{color:var(--primary);font-weight:600}.giveaway-winners-note{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-style:italic}.giveaway-winners-actions{padding-right:var(--space-2);text-align:right;white-space:nowrap}.giveaway-winners-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.giveaway-winners-btn+.giveaway-winners-btn{margin-left:4px}.giveaway-winners-btn--edit:hover{background:var(--surface-container-high);color:var(--primary)}.giveaway-winners-btn--save:hover{background:var(--surface-container-high);color:#4caf50;color:var(--success,#4caf50)}.giveaway-winners-btn--cancel:hover{background:var(--surface-container-high);color:var(--error)}.giveaway-winners-edit-row td{background:var(--surface-container)}.giveaway-winners-input{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:4px;color:var(--on-surface);font-size:var(--text-label-sm);outline:none;padding:3px 6px;width:100%}.giveaway-winners-input:focus{border-color:var(--primary)}.giveaway-winners-confirmed-cell{text-align:center;width:36px}.giveaway-winners-confirmed-checkbox{accent-color:#4caf50;accent-color:var(--success,#4caf50);cursor:pointer;height:16px;width:16px}.giveaway-winners-row--confirmed td{opacity:.55}.giveaway-winners-row--confirmed .giveaway-winners-confirmed-cell{opacity:1}.giveaway-item-modes{background:var(--surface-container-lowest);border-radius:var(--radius-md);display:flex;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1)}.giveaway-item-mode{background:#0000;border:none;border-radius:var(--radius-md);color:var(--on-surface-muted);cursor:pointer;flex:1 1;font-family:var(--font-label);font-size:var(--text-label-sm);padding:var(--space-2);transition:background var(--t-base),color var(--t-base)}.giveaway-item-mode:hover{color:var(--on-surface)}.giveaway-item-mode--active{background:rgba(var(--primary-rgb),.14);color:var(--primary)}.giveaway-item-file{align-items:center;border:1px dashed var(--ghost-border);border-radius:var(--radius-md);color:var(--on-surface-muted);cursor:pointer;display:flex;font-family:var(--font-label);font-size:var(--text-label-sm);gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.giveaway-item-file input{display:none}.giveaway-item-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giveaway-item-file:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--on-surface)}.giveaway-item-error,.giveaway-item-hint{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);margin-top:var(--space-2)}.giveaway-item-error{color:var(--error)}.giveaway-item-preview{aspect-ratio:16/9;background-color:#1a1b1f;background-image:linear-gradient(45deg,#25262b 25%,#0000 0),linear-gradient(-45deg,#25262b 25%,#0000 0),linear-gradient(45deg,#0000 75%,#25262b 0),linear-gradient(-45deg,#0000 75%,#25262b 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:var(--radius-md);overflow:hidden}.giveaway-item-preview img,.giveaway-item-preview video{display:block;height:100%;object-fit:contain;width:100%}.giveaway-item-preview-row{align-items:center;display:flex;gap:var(--space-2);height:100%;padding:var(--space-2);width:100%}.giveaway-item-preview .giveaway-item-preview-row img{flex:1 1;min-width:0}.giveaway-item-preview-empty{align-items:center;color:var(--on-surface-muted);display:flex;height:100%;justify-content:center;width:100%}.giveaway-item-spin{animation:giveaway-item-spin 1.2s linear infinite}@keyframes giveaway-item-spin{to{transform:rotate(1turn)}}.giveaway-item-details,.giveaway-item-status{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.giveaway-item-status{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.giveaway-item-status--busy{color:var(--primary)}.giveaway-item-status--ok{background:var(--success-container);color:var(--success)}.giveaway-item-status--warn{background:var(--warning-container);color:var(--warning)}.giveaway-item-status--error{background:var(--error-container);color:var(--error)}.giveaway-item-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.giveaway-item-overlay-link{align-items:center;color:var(--on-surface-muted);display:inline-flex;font-family:var(--font-label);font-size:var(--text-label-sm);gap:var(--space-1);text-decoration:none}.giveaway-item-overlay-link:hover{color:var(--primary)}.giveaway-overlay-copy{background:none;border:none;cursor:pointer;padding:0}.stash-add{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.stash-add-modes{align-self:flex-start;margin-bottom:0;min-width:280px}.stash-add-row{align-items:stretch}.stash-add-file{flex:0 1 260px;margin-top:0;min-width:0}.stash-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stash-card{background:var(--surface-container-lowest);border:1px solid #0000;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);transition:border-color var(--t-base)}.stash-card--active{border-color:rgba(var(--primary-rgb),.55);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.2)}.stash-card .giveaway-item-preview{position:relative}.stash-card-badge,.stash-card-kind{border-radius:var(--radius-full);font-family:var(--font-label);font-size:var(--text-label-sm);padding:.1rem var(--space-2);position:absolute;top:var(--space-2)}.stash-card-badge{background:var(--primary);color:#fff;color:var(--on-primary,#fff);left:var(--space-2)}.stash-card-kind{background:#0000008c;color:var(--on-surface-muted);right:var(--space-2)}.stash-card-title{background:var(--surface-container);flex:none;font-weight:600}.stash-product{background:var(--surface-container-lowest);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.stash-product-site{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.stash-product-title{flex:none;font-weight:600}.stash-product-images{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.stash-product-image{aspect-ratio:1;background-color:#1a1b1f;background-image:linear-gradient(45deg,#25262b 25%,#0000 0),linear-gradient(-45deg,#25262b 25%,#0000 0),linear-gradient(45deg,#0000 75%,#25262b 0),linear-gradient(-45deg,#0000 75%,#25262b 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;padding:4px;transition:border-color var(--t-base)}.stash-product-image:hover:not(:disabled){border-color:rgba(var(--primary-rgb),.45)}.stash-product-image--on{border-color:var(--primary)}.stash-product-image img{display:block;height:100%;object-fit:contain;width:100%}.stash-bundle-parts{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.stash-bundle-part{background:var(--surface-container);border:2px solid #0000;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px;position:relative;text-align:left;transition:border-color var(--t-base)}.stash-bundle-part:hover:not(:disabled){border-color:rgba(var(--primary-rgb),.45)}.stash-bundle-part--on{border-color:var(--primary)}.stash-bundle-part:disabled{cursor:default;opacity:.45}.stash-bundle-image{background-color:#1a1b1f;background-image:linear-gradient(45deg,#25262b 25%,#0000 0),linear-gradient(-45deg,#25262b 25%,#0000 0),linear-gradient(45deg,#0000 75%,#25262b 0),linear-gradient(-45deg,#0000 75%,#25262b 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:calc(var(--radius-md) - 2px);height:76px}.stash-bundle-image img{display:block;height:100%;object-fit:contain;padding:4px;width:100%}.stash-bundle-place{align-items:center;background:var(--primary);border-radius:var(--radius-full);color:#fff;color:var(--on-primary,#fff);display:flex;font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:700;height:20px;justify-content:center;left:8px;min-width:20px;padding:0 6px;position:absolute;top:8px}.stash-bundle-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--on-surface-muted);display:-webkit-box;font-size:var(--text-label-sm);line-height:1.25;overflow:hidden;word-break:break-word}.stash-card-links{display:flex;flex-wrap:wrap;gap:4px var(--space-3)}.stash-card .giveaway-item-actions{margin-top:auto}.giveaway-overlay{display:flex;flex-direction:column;gap:var(--space-3)}.giveaway-overlay-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.giveaway-overlay-help{color:var(--on-surface-muted);font-family:var(--font-ui);font-size:var(--text-label-sm)}.giveaway-overlay-help summary{cursor:pointer;-webkit-user-select:none;user-select:none}.giveaway-overlay-help summary:hover{color:var(--on-surface)}.giveaway-overlay-help p{line-height:1.45;margin:var(--space-2) 0 0}.giveaway-overlay-help strong{color:var(--on-surface)}.bh-page{gap:var(--space-6);padding:var(--space-6)}.bh-header,.bh-page{display:flex;flex-direction:column}.bh-header{align-items:center;gap:var(--space-2);text-align:center}.bh-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-container) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(2rem,5vw,var(--text-display-lg));font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.bh-subtitle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);margin:0}.bh-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.bh-tab{background:#0000;border:1px solid var(--ghost-border);border-radius:var(--radius-full);color:var(--on-surface-variant);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;padding:var(--space-2) var(--space-5);transition:background var(--t-base),color var(--t-base),border-color var(--t-base)}.bh-tab:hover{background:var(--surface-container-high);color:var(--on-surface)}.bh-tab--active{background:var(--accent-glass);border-color:rgba(var(--primary-rgb),.4);color:var(--primary);font-weight:600}.bh-section-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.bh-stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bh-stat-card{align-items:center;background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);text-align:center}.bh-stat-value{color:var(--primary);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1}.bh-stat-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase}.bh-skeleton-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bh-skeleton-card{animation:pulse 1.5s ease-in-out infinite;height:88px}.bh-outcomes-card,.bh-skeleton-card{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-lg)}.bh-outcomes-card{box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5)}.bh-outcome-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bh-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-label);font-size:var(--text-body-md);font-weight:500;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.bh-pill-icon{font-size:.9em}.bh-pill-count{opacity:.65}.bh-boards-grid{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.bh-boards-grid{grid-template-columns:1fr}}.bh-board{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.bh-board-header{background:rgba(var(--primary-container-rgb),.1);border-bottom:1px solid var(--ghost-border);color:var(--on-surface);flex-shrink:0;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;padding:var(--space-3) var(--space-4)}.bh-table{border-collapse:collapse;width:100%}.bh-th{border-bottom:1px solid var(--ghost-border);color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:600;letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase}.bh-tr{transition:background var(--t-fast)}.bh-tr:hover .bh-td{background:var(--surface-container-high)}.bh-td{border-bottom:1px solid #4e435514;color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-2) var(--space-3)}.bh-tr:last-child .bh-td{border-bottom:none}.bh-td--name{color:var(--on-surface);font-family:var(--font-ui);font-weight:600}.bh-td--pos{color:var(--success);font-weight:700}.bh-td--neg{color:var(--error);font-weight:700}.bh-td--accent{color:var(--primary);font-weight:700}.bh-td--win{color:var(--success);font-weight:600}.bh-td--rank{font-size:var(--text-label-sm);width:2rem}.bh-empty,.bh-td--rank{color:var(--on-surface-muted)}.bh-empty{font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-8) var(--space-4);text-align:center}.rf-page{gap:var(--space-6);padding:var(--space-6)}.rf-header,.rf-page{display:flex;flex-direction:column}.rf-header{align-items:center;gap:var(--space-2);text-align:center}.rf-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(2rem,5vw,var(--text-display-lg));font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.rf-subtitle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);margin:0}.rf-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.rf-tab{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-label);font-size:var(--text-label-md);padding:var(--space-2) var(--space-4);transition:all .15s ease}.rf-tab:hover{background:var(--surface-container-high);color:var(--on-surface)}.rf-tab.active{background:#f59e0b;border-color:#f59e0b;color:#000;font-weight:600}.rf-stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.rf-stat-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.rf-stat-value{color:#f59e0b;font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:700;line-height:1.1}.rf-stat-label{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase}.rf-boards-grid{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rf-board-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);overflow:hidden}.rf-board-header{align-items:center;background:var(--surface-container-high);border-bottom:1px solid var(--outline-variant);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.rf-board-icon{font-size:1.25rem;line-height:1}.rf-board-title{color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-label-lg);font-weight:600;margin:0}.rf-board-sub{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);margin:0 0 0 auto}.rf-board-table{border-collapse:collapse;width:100%}.rf-board-table th{background:var(--surface-container);border-bottom:1px solid var(--outline-variant);color:var(--on-surface-muted);font-family:var(--font-label);font-size:.7rem;font-size:var(--text-label-xs,.7rem);letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase}.rf-board-table th.right{text-align:right}.rf-board-row{border-bottom:1px solid var(--outline-variant);transition:background .1s}.rf-board-row:last-child{border-bottom:none}.rf-board-row:hover{background:var(--surface-container-high)}.rf-board-row.top3-1 .rf-rank{color:#fbbf24;font-weight:700}.rf-board-row.top3-2 .rf-rank{color:#9ca3af;font-weight:600}.rf-board-row.top3-3 .rf-rank{color:#b45309;font-weight:600}.rf-board-table td{color:var(--on-surface);font-family:var(--font-body);font-size:var(--text-body-sm);padding:var(--space-2) var(--space-3)}.rf-board-table td.right{text-align:right}.rf-rank{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);width:24px}.rf-username{color:var(--on-surface);font-weight:500}.rf-primary-val{color:#f59e0b;font-family:var(--font-label);font-weight:700}.rf-secondary-val{color:var(--on-surface-muted)}.rf-empty{font-size:var(--text-label-md);padding:var(--space-6);text-align:center}.rf-empty,.rf-loading{color:var(--on-surface-muted);font-family:var(--font-label)}.rf-loading{align-items:center;display:flex;justify-content:center;padding:var(--space-8)}.rf-error{background:color-mix(in srgb,var(--error) 12%,#0000);border:1px solid color-mix(in srgb,var(--error) 30%,#0000);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-label);font-size:var(--text-body-sm);padding:var(--space-4);text-align:center}#root,body,html{height:100%;width:100%}.gaoverlay-root{align-items:flex-start;display:flex;height:100vh;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s ease;width:100vw}.gaoverlay-root.gaoverlay-visible{opacity:1}.gaoverlay-card{background:#212121;border:1px solid #4e435559;border-radius:12px;box-shadow:0 0 0 1px #c77dff14,0 8px 32px #0000008c,0 2px 8px #0006;display:flex;flex-direction:column;overflow:hidden;width:560px}.gaoverlay-stripe{background:linear-gradient(90deg,#032cc4,#004fc5);height:3px}.gaoverlay-label{align-items:center;background:rgba(22,61,235,.911);border-bottom:1px solid #4e435540;display:flex;gap:8px;justify-content:center;padding:10px 24px 8px}.gaoverlay-label-text{color:#7d8aff;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.gaoverlay-label-dot{animation:gaoverlay-pulse 1.6s ease-out infinite;background:#7d8aff;border-radius:50%;box-shadow:0 0 0 0 #7d9bff80;flex-shrink:0;height:6px;width:6px}@keyframes gaoverlay-pulse{0%{box-shadow:0 0 0 0 #7d8aff8c}70%{box-shadow:0 0 0 7px #7d95ff00}to{box-shadow:0 0 0 0 #7d95ff00}}.gaoverlay-prize{border-bottom:1px solid #4e435533;padding:20px 24px 16px;text-align:center}.gaoverlay-prize-label{color:#e5e2e161;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.gaoverlay-prize-value{color:#e5e2e1;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2;word-break:break-word}.gaoverlay-trigger{align-items:center;background:#1a1a1a;display:flex;gap:8px;justify-content:center;padding:12px 24px}.gaoverlay-trigger-keyword{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:600;letter-spacing:.04em}.gaban{color:#e5e2e1;display:flex;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55));flex-direction:column;font-family:Manrope,sans-serif;max-width:100%;min-width:720px}.gaban-line{animation:gaban-line-in .5s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(90deg,#2f6bff00,#2f6bff 14%,#8fa0ff 50%,#2f6bff 86%,#2f6bff00);border-radius:2px;box-shadow:0 0 18px #4078ffd9;height:4px;transform-origin:center}.gaban-bar{align-items:stretch;animation:gaban-drop .45s cubic-bezier(.2,.8,.2,1) .3s both;background:#18181cf2;border:1px solid #4e435559;border-radius:0 0 14px 14px;border-top:none;display:flex;overflow:hidden;position:relative}.gaban-tag{align-items:center;animation:gaban-slide .45s ease-out .55s both;background:linear-gradient(135deg,#032cc4,#004fc5);color:#fff;display:flex;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;gap:12px;letter-spacing:.2em;padding:0 30px;text-transform:uppercase}.gaban-dot{animation:gaban-pulse 1.6s ease-out infinite;background:#fff;border-radius:50%;height:9px;width:9px}.gaban-body{display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:0;padding:14px 40px 16px 30px}.gaban-kicker{animation:gaban-rise .45s ease-out .65s both;color:#e5e2e19e;font-size:19px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gaban-main{align-items:center;animation:gaban-rise .5s cubic-bezier(.2,.8,.2,1) .75s both;display:flex;gap:18px}.gaban-label{color:#e5e2e180;font-size:20px;letter-spacing:.12em;text-transform:uppercase}.gaban-hero,.gaban-label{font-weight:700;white-space:nowrap}.gaban-hero{color:#fff;font-family:Space Grotesk,sans-serif;font-size:58px;letter-spacing:.02em;line-height:70px}.gaban-sweep{animation:gaban-sweep 1.2s ease-in-out 1s both;background:linear-gradient(100deg,#0000 40%,#ffffff24 50%,#0000 60%) no-repeat;background-size:300% 100%;inset:0;pointer-events:none;position:absolute}.gaban-reel{display:inline-block;height:70px;max-width:640px;overflow:hidden}.gaban-reel-strip{display:flex;flex-direction:column;transition-property:transform;transition-timing-function:cubic-bezier(.08,.72,.1,1)}.gaban-reel-name{display:block;height:70px;overflow:hidden;text-overflow:ellipsis}.gaban-reel--rolling{-webkit-mask-image:linear-gradient(180deg,#0000,#000 22%,#000 78%,#0000);mask-image:linear-gradient(180deg,#0000,#000 22%,#000 78%,#0000)}.gaban-reel--rolling .gaban-reel-strip{animation:gaban-blur 3.6s ease-out both}.gaban-reel--landed,.gaban-reel--landed .gaban-reel-name:last-child{overflow:visible}.gaban-reel--landed .gaban-reel-name:not(:last-child){visibility:hidden}.gaban-reel--landed .gaban-reel-name:last-child{animation:gaban-land .55s cubic-bezier(.2,1.6,.4,1) both;text-shadow:0 0 22px #8fa0ff8c}.gaban-reel--confirmed .gaban-reel-name:last-child{color:#ffd24a;text-shadow:0 0 24px #ffd24a99;transition:color .4s ease,text-shadow .4s ease}.gaban-check{background:#ffd24a1f;border:1px solid #ffd24a66;border-radius:999px;color:#ffd24a;font-size:18px;font-weight:700;letter-spacing:.06em;padding:4px 12px;text-transform:uppercase;visibility:hidden;white-space:nowrap}.gaban-check--on{animation:gaban-rise .4s ease-out both;visibility:visible}.gaban--out .gaban-kicker,.gaban--out .gaban-main{animation:gaban-fall .25s ease-in both}.gaban--out .gaban-tag{animation:gaban-unslide .25s ease-in both}.gaban--out .gaban-sweep{animation:none;opacity:0}.gaban--out .gaban-bar{animation:gaban-lift .3s cubic-bezier(.6,0,.8,.2) .15s both}.gaban--out .gaban-line{animation:gaban-line-out .28s ease-in .4s both}@keyframes gaban-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gaban-line-out{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes gaban-drop{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes gaban-lift{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}}@keyframes gaban-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes gaban-fall{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px)}}@keyframes gaban-slide{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}@keyframes gaban-unslide{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(-24px)}}@keyframes gaban-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes gaban-blur{0%{filter:blur(0)}12%{filter:blur(2.5px)}70%{filter:blur(1px)}to{filter:blur(0)}}@keyframes gaban-land{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes gaban-pulse{0%{box-shadow:0 0 0 0 #fff9}70%{box-shadow:0 0 0 9px #fff0}to{box-shadow:0 0 0 0 #fff0}}.gafly{inset:0;justify-content:center;perspective:1600px;pointer-events:none;position:absolute}.gafly,.gafly-group{align-items:center;display:flex}.gafly-group{transform:translate3d(80vw,-16vh,-900px);transform-style:preserve-3d;will-change:transform}.gafly-item{display:inline-block;flex:none;position:relative;transform:rotateY(-48deg) rotateX(14deg) rotate(10deg);will-change:transform,filter}.gafly-item canvas{display:block;filter:drop-shadow(0 2.6vh 3.4vh rgba(0,0,0,.5));max-height:60vh;max-width:56vw;object-fit:contain}.gafly-item--framed{border-radius:2.4vh;box-shadow:0 0 0 1px #ffffff1f,0 2.6vh 5vh #0000008c;overflow:hidden}.gafly-item--framed canvas{filter:none}.gaitem-root{background:#0000;inset:0;overflow:hidden;pointer-events:none;position:fixed}.gaitem-show{inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.gaitem-show--on{opacity:1}.gaitem-media{background:#0000;display:block;height:100%;width:100%}.gaitem-stage{left:0;position:absolute;top:0;transform-origin:0 0}.gaitem-card{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.gaitem-card--on{opacity:1;transform:none}.gaitem-card--moving{transition-duration:.3s}.gaitem-banner{align-items:flex-end;display:flex;justify-content:center;pointer-events:none;position:absolute}.predictions-page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.pred-flash{animation:pred-flash-in .2s ease;background:#6fcf9726;border-radius:var(--radius-md);color:#6fcf97;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;padding:var(--space-3) var(--space-4)}.pred-flash--err{background:var(--error-container);color:var(--error)}@keyframes pred-flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.predictions-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:260px 1fr}@media (max-width:800px){.predictions-grid{grid-template-columns:1fr}}.pred-status-row{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) 0}.pred-status-row+.pred-status-row{border-top:1px solid var(--ghost-border)}.pred-status-label{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md)}.pred-status-row--stack{align-items:stretch;flex-direction:column;gap:var(--space-1)}.pred-status-line{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.pred-faceit-detail{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);overflow-wrap:anywhere}.pred-faceit-detail--warn{color:var(--warning)}.pred-faceit-detail--err{color:var(--error)}.pred-active-meta a,.pred-faceit-detail a{color:inherit;text-decoration:underline}.pred-last-updated{border-top:1px solid var(--ghost-border);color:var(--on-surface-muted);padding-top:var(--space-2);text-align:right}.pred-badge,.pred-last-updated{font-family:var(--font-label);font-size:var(--text-label-sm)}.pred-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-weight:600;padding:.1rem var(--space-2);white-space:nowrap}.pred-badge--ok{background:#6fcf9726;color:#6fcf97}.pred-badge--warn{background:var(--warning-container);color:var(--warning)}.pred-badge--err{background:var(--error-container);color:var(--error)}.pred-badge--live{background:#eb575726;color:#eb5757}.pred-badge--muted{background:var(--surface-container-highest);color:var(--on-surface-muted)}.pred-error{background:var(--error-container);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-3) var(--space-4)}.predictions-main{display:flex;flex-direction:column;gap:var(--space-5)}.btn.btn-danger{background:var(--error-container);border:none;color:var(--error)}.btn.btn-danger:hover:not(:disabled){opacity:.85}.pred-active-list{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.pred-active-row{align-items:center;background:var(--surface-container);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.pred-active-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.pred-active-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pred-active-meta{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.pred-active-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2)}.pred-matches{background:var(--ghost-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.pred-match{background:var(--surface-container-high)}.pred-match-header{align-items:center;background:var(--surface-container-highest);border-bottom:1px solid var(--ghost-border);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.pred-match-type{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);margin-left:auto;text-transform:capitalize}.pred-match-teams{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.pred-vs{color:var(--on-surface-muted);font-weight:400}.pred-maps{background:var(--ghost-border);display:flex;flex-direction:column;gap:1px}.pred-map-row{background:var(--surface-container);flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-6)}.pred-map-info,.pred-map-row{align-items:center;display:flex}.pred-map-info{flex:1 1;gap:var(--space-2);min-width:0}.pred-map-name{color:var(--on-surface);font-size:var(--text-body-md);font-weight:500}.pred-map-name,.pred-map-pick{font-family:var(--font-label);white-space:nowrap}.pred-map-pick{color:var(--on-surface-muted);font-size:var(--text-label-sm)}.pred-map-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-label);font-weight:500;gap:var(--space-2);padding:.2rem var(--space-3);white-space:nowrap}.status-badge--md{font-size:var(--text-body-md)}.status-badge--sm{font-size:var(--text-label-sm);padding:.1rem var(--space-2)}.status-badge--live{background:var(--success-container);color:var(--success)}.status-badge--offline{background:var(--surface-container-high);color:var(--on-surface-muted)}.status-badge--warn{background:var(--warning-container);color:var(--warning)}.status-badge--info{background:var(--accent-glass);color:var(--primary)}.status-badge-label{line-height:1}.flash-message{align-items:center;animation:fadeUp .18s ease both;border-radius:var(--radius-md);display:flex;font-family:var(--font-label);font-size:var(--text-body-md);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.flash-message--success{background:var(--success-container);color:var(--success)}.flash-message--error{background:var(--error-container);color:var(--error)}.flash-icon{flex-shrink:0}.flash-text{flex:1 1}.flash-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.65;padding:.1rem;transition:opacity var(--t-base)}.flash-close:hover{opacity:1}.stat-card{align-items:flex-start;background:var(--surface-container);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);min-width:120px;padding:var(--space-4) var(--space-5)}.stat-card--accent{background:var(--accent-glass)}.stat-card-icon{color:var(--on-surface-variant);margin-bottom:var(--space-1)}.stat-card--accent .stat-card-icon{color:var(--primary)}.stat-card-value{color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-headline-md);font-weight:700;letter-spacing:-.02em;line-height:1}.stat-card--accent .stat-card-value{color:var(--primary)}.stat-card-label{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md)}.data-row{align-items:center;background:var(--surface-container);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--t-base)}.data-row--clickable{cursor:pointer}.data-row:hover{background:var(--surface-container-high)}.data-row-content{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.data-row-primary{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500}.data-row-primary,.data-row-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-row-secondary{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm)}.data-row-meta{gap:var(--space-2)}.data-row-actions,.data-row-meta{align-items:center;display:flex;flex-shrink:0}.data-row-actions{gap:var(--space-1);opacity:0;transition:opacity var(--t-base)}.data-row:hover .data-row-actions{opacity:1}.filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{align-items:center;background:var(--surface-container-high);border:none;border-radius:var(--radius-full);color:var(--on-surface-variant);cursor:pointer;display:inline-flex;font-family:var(--font-label);font-size:var(--text-body-md);font-weight:500;padding:.2rem var(--space-3);transition:color var(--t-base),background var(--t-base);white-space:nowrap}.filter-chip:hover{background:var(--surface-container-highest);color:var(--on-surface)}.filter-chip--active{background:rgba(var(--primary-container-rgb),.2);color:var(--primary)}.filter-chip--active:hover{background:rgba(var(--primary-container-rgb),.3);color:var(--primary)}.uitest-page{display:flex;flex-direction:column;gap:var(--space-8);max-width:900px;padding:var(--space-8) var(--space-8) var(--space-12)}.uitest-header{border-bottom:1px solid var(--ghost-border);padding-bottom:var(--space-4)}.uitest-title{color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-headline-md);font-weight:700;letter-spacing:-.02em}.uitest-subtitle{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-body-md);margin-top:var(--space-1)}.uitest-section{display:flex;flex-direction:column;gap:var(--space-4)}.uitest-section-title{color:var(--on-surface-muted);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.uitest-section-body{display:flex;flex-direction:column;gap:var(--space-3)}.uitest-row{align-items:center;display:flex;gap:var(--space-3)}.uitest-row--wrap{flex-wrap:wrap}.uitest-list{display:flex;flex-direction:column;gap:var(--space-2)}.uitest-empty-box{align-items:center;background:var(--surface-container);border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:200px}.uitest-notif-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.uitest-notif-label{color:var(--on-surface-muted);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-label-sm);margin:0 0 var(--space-2)}.settings-page{padding:var(--space-6)}.settings-grid{gap:var(--space-5);max-width:560px}.settings-grid,.settings-section{display:flex;flex-direction:column}.settings-section{border-bottom:1px solid var(--ghost-border);gap:var(--space-3);padding:var(--space-4)}.settings-section:last-child{border-bottom:none}.settings-toggle-row{align-items:center;flex-direction:row;justify-content:space-between}.settings-label{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600}.settings-hint{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);line-height:1.5;margin:0}.accent-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.accent-swatch{background:var(--swatch-color);border:2px solid #0000;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:2rem;transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base);width:2rem}.accent-swatch:hover{transform:scale(1.15)}.accent-swatch.active{border-color:var(--on-surface);box-shadow:0 0 0 3px #ffffff1f;transform:scale(1.1)}.accent-swatch--add{align-items:center;background:var(--surface-container-highest);border-color:var(--ghost-border);color:var(--on-surface-muted);display:flex;justify-content:center;transition:background var(--t-base),color var(--t-base),transform var(--t-base)}.accent-swatch--add:hover{background:var(--surface-bright);color:var(--on-surface);transform:scale(1.1)}.accent-swatch--add.hidden{display:none}.accent-color-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-chip{background:var(--surface-container-high);border:1px solid var(--ghost-border);border-radius:var(--radius-full);color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:500;padding:var(--space-1) var(--space-3);transition:background var(--t-base),color var(--t-base),border-color var(--t-base)}.settings-chip:hover{background:var(--surface-container-highest);color:var(--on-surface)}.settings-chip.active{background:var(--primary-container);border-color:#0000;color:var(--on-primary-container)}.shortcut-list{display:flex;flex-direction:column;gap:2px}.shortcut-row{align-items:center;border-bottom:1px solid var(--ghost-border);display:flex;justify-content:space-between;padding:var(--space-2) 0}.shortcut-row:last-child{border-bottom:none}.shortcut-group-label{font-family:var(--font-label);letter-spacing:.06em;padding:var(--space-3) 0 var(--space-1);text-transform:uppercase}.shortcut-badge,.shortcut-group-label{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-weight:600}.shortcut-badge{background:var(--surface-container-high);border:1px solid var(--ghost-border);border-radius:var(--radius-sm);cursor:pointer;font-family:monospace;font-family:var(--font-mono,monospace);letter-spacing:.03em;min-width:80px;padding:var(--space-1) var(--space-3);text-align:center;transition:background var(--t-base),color var(--t-base),border-color var(--t-base);white-space:nowrap}.shortcut-badge:hover{background:var(--surface-container-highest);border-color:var(--primary);color:var(--on-surface)}.shortcut-badge--recording{animation:shortcut-pulse 1s ease-in-out infinite;background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container)}@keyframes shortcut-pulse{0%,to{opacity:1}50%{opacity:.6}}.botsettings-page{padding:var(--space-6)}.botsettings-grid{display:flex;flex-direction:column;gap:var(--space-5);max-width:560px}@keyframes bs-flash-saved{0%{outline:2px solid #0000}20%{outline:2px solid #6fcf97b3}to{outline:2px solid #0000}}@keyframes bs-flash-error{0%{outline:2px solid #0000}20%{outline:2px solid #ff645ab3}to{outline:2px solid #0000}}.container--flash-saved{animation:bs-flash-saved 1.2s ease-out forwards}.container--flash-error{animation:bs-flash-error 1.2s ease-out forwards}.bs-section{border-bottom:1px solid var(--ghost-border);padding:var(--space-4)}.bs-section:last-child{border-bottom:none}.bs-row{align-items:center;display:flex;flex-direction:row;gap:var(--space-6);justify-content:space-between}.bs-row--muted{opacity:.45;pointer-events:none}.bs-label{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:600;margin-bottom:var(--space-1)}.bs-hint{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);line-height:1.5;margin:0}.bs-hint code{background:var(--surface-container-highest);border-radius:var(--radius-sm);color:var(--primary);font-family:monospace;padding:1px 5px}.bs-chip-row,.bs-hint--calc{margin-top:var(--space-2)}.bs-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bs-chip{background:#0000;border:1px solid var(--ghost-border);border-radius:var(--radius-full);color:var(--on-surface-variant);cursor:pointer;font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-1) var(--space-3);transition:background var(--t-base),color var(--t-base),border-color var(--t-base)}.bs-chip:hover:not(:disabled){background:var(--surface-container-high);color:var(--on-surface)}.bs-chip--active{background:var(--primary-container);border-color:#0000;color:var(--on-primary-container)}.bs-chip:disabled{cursor:default;opacity:.4}.bs-input-row{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-2)}.bs-input-unit{color:var(--on-surface-muted);flex-shrink:0;font-family:var(--font-label);font-size:var(--text-label-sm);white-space:nowrap}.bs-levels{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.bs-level-row,.bs-levels-head{grid-gap:var(--space-2);align-items:center;display:grid;gap:var(--space-2);grid-template-columns:26px 58px 1fr 78px 56px 56px 28px}.bs-levels-head span{color:var(--on-surface-muted);font-family:var(--font-label);font-size:var(--text-label-sm);text-align:center}.bs-levels-head--left{text-align:left!important}.bs-lvl-badge{color:var(--primary);font-family:var(--font-label);font-size:var(--text-label-sm);font-weight:700;text-align:center}.bs-level-del{align-items:center;background:#0000;border:1px solid var(--ghost-border);border-radius:var(--radius-sm);color:var(--on-surface-muted);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0;transition:background var(--t-base),color var(--t-base),border-color var(--t-base);width:24px}.bs-level-del:hover:not(:disabled){background:#ff50501f;border-color:var(--error);color:var(--error)}.bs-level-del:disabled{cursor:default;opacity:.25}.bs-level-add{align-self:flex-start;background:#0000;border:1px dashed var(--ghost-border);border-radius:var(--radius-sm);color:var(--on-surface-muted);cursor:pointer;font-family:var(--font-label);font-size:var(--text-body-md);margin-top:var(--space-1);padding:var(--space-1) var(--space-3);transition:background var(--t-base),color var(--t-base),border-color var(--t-base)}.bs-level-add:hover:not(:disabled){background:var(--surface-container-high);border-color:var(--primary);color:var(--on-surface)}.bs-level-add:disabled{cursor:default;opacity:.35}.bs-nav-btn{align-self:flex-start;background:#0000;border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-1) var(--space-3);transition:background var(--t-base),color var(--t-base)}.bs-nav-btn:hover{background:var(--primary);color:var(--on-primary)}.bs-nav-btn--secondary{border-color:var(--ghost-border);color:var(--text-2)}.bs-nav-btn--secondary:hover{background:var(--surface-container-high);color:var(--text-1)}a.bs-nav-btn{text-decoration:none;white-space:nowrap}.bs-nav-btn:disabled{cursor:not-allowed;opacity:.5}.bs-status--ok{color:var(--success)}.bs-status--bad{color:var(--error)}.bs-holydrop{background:#ffffff05;border:1px dashed var(--ghost-border);border-radius:var(--radius-sm);padding:var(--space-2)}.bs-row--compact{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;margin-top:var(--space-1)}.bs-label-sub{color:var(--text-1);font-size:var(--text-body-md)}.bs-tag{border-radius:var(--radius-sm);display:inline-block;font-size:.7em;letter-spacing:.05em;margin-left:6px;padding:0 6px;text-transform:uppercase;vertical-align:middle}.bs-tag--temp{background:#ffb40026;border:1px solid #ffb40066;color:#ffb400}.bs-input{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);padding:var(--space-1) var(--space-2);transition:border-color var(--t-base);width:100%}.bs-input:focus{border-color:var(--primary);outline:none}.bs-input:disabled{cursor:default;opacity:.4}.holydrops-page{margin:0 auto;max-width:1100px;padding:var(--space-4)}.holydrops-blurb{color:var(--on-surface-muted);flex:1 1 320px;font-size:var(--text-body-md);line-height:1.5;margin:0}.holydrops-blurb code{background:var(--surface-container-high);border-radius:3px;font-size:.9em;padding:0 4px}.holydrops-toolbar{align-items:flex-start;border-bottom:1px solid var(--ghost-border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-2) 0 var(--space-3)}.holydrops-add-row{align-items:center;display:flex;gap:6px}.holydrops-empty{color:var(--on-surface-muted);font-style:italic;padding:var(--space-4);text-align:center}.holydrops-table{border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-body-md);width:100%}.holydrops-table th{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-weight:600;text-align:left}.holydrops-table td,.holydrops-table th{border-bottom:1px solid var(--ghost-border);padding:var(--space-2) var(--space-3)}.holydrops-table td{color:var(--on-surface)}.holydrops-table tr:last-child td{border-bottom:none}.holydrops-table tr:hover td{background:var(--surface-container-high)}.holydrops-date{color:var(--on-surface-muted);white-space:nowrap}.holydrops-username{color:var(--primary);font-weight:600}.holydrops-note{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-style:italic}.holydrops-actions{padding-right:var(--space-2);text-align:right;white-space:nowrap}.holydrops-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;gap:4px;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.holydrops-btn+.holydrops-btn{margin-left:4px}.holydrops-btn--add{border:1px solid var(--primary);color:var(--primary);font-family:var(--font-label);font-size:var(--text-body-md);height:32px;padding:0 var(--space-3);width:auto}.holydrops-btn--add:hover{background:var(--primary);color:var(--on-primary)}.holydrops-btn--add:disabled{cursor:not-allowed;opacity:.4}.holydrops-btn--edit:hover{background:var(--surface-container-high);color:var(--primary)}.holydrops-btn--save:hover{background:var(--surface-container-high);color:#4caf50;color:var(--success,#4caf50)}.holydrops-btn--cancel:hover,.holydrops-btn--delete:hover{background:var(--surface-container-high);color:var(--error)}.holydrops-edit-row td{background:var(--surface-container)}.holydrops-input{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:4px;color:var(--on-surface);font-size:var(--text-label-sm);outline:none;padding:3px 6px;width:100%}.holydrops-input:focus{border-color:var(--primary)}.holydrops-add-row .holydrops-input{width:180px}.holydrops-confirmed-cell{text-align:center;width:36px}.holydrops-confirmed-checkbox{accent-color:#4caf50;accent-color:var(--success,#4caf50);cursor:pointer;height:16px;width:16px}.holydrops-row--confirmed td{opacity:.55}.holydrops-row--confirmed .holydrops-confirmed-cell{opacity:1}.chattargets-page{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:1100px;padding:var(--space-4)}.chattargets-blurb{color:var(--on-surface-muted);font-size:var(--text-body-md);line-height:1.5;margin:0 0 var(--space-3)}.chattargets-config-row{align-items:center;border-bottom:1px solid var(--ghost-border);border-top:1px solid var(--ghost-border);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3);padding:var(--space-2) 0}.chattargets-toggle{align-items:center;color:var(--on-surface);cursor:pointer;display:inline-flex;font-size:var(--text-body-md);gap:8px}.chattargets-toggle input[type=checkbox]{accent-color:#4caf50;accent-color:var(--success,#4caf50);cursor:pointer;height:18px;width:18px}.chattargets-config-hint{color:var(--on-surface-muted);font-size:var(--text-label-sm)}.chattargets-message-row{display:flex;flex-direction:column;gap:6px}.chattargets-message-label{color:var(--on-surface-muted);font-size:var(--text-label-sm)}.chattargets-message-label code{background:var(--surface-container-high);border-radius:3px;font-size:.9em;padding:0 4px}.chattargets-message-input{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:4px;color:var(--on-surface);font-family:var(--font-label);font-size:var(--text-body-md);outline:none;padding:8px 10px;resize:vertical;width:100%}.chattargets-message-input:focus{border-color:var(--primary)}.chattargets-message-actions{display:flex;gap:6px;justify-content:flex-end}.chattargets-toolbar{border-bottom:1px solid var(--ghost-border);display:flex;justify-content:flex-end;margin-bottom:var(--space-3);padding:var(--space-2) 0 var(--space-3)}.chattargets-add-row{align-items:center;display:flex;gap:6px}.chattargets-empty{color:var(--on-surface-muted);font-style:italic;padding:var(--space-4);text-align:center}.chattargets-table{border-collapse:collapse;font-family:var(--font-label);font-size:var(--text-body-md);width:100%}.chattargets-table th{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-weight:600;text-align:left}.chattargets-table td,.chattargets-table th{border-bottom:1px solid var(--ghost-border);padding:var(--space-2) var(--space-3)}.chattargets-table td{color:var(--on-surface)}.chattargets-table tr:last-child td{border-bottom:none}.chattargets-table tr:hover td{background:var(--surface-container-high)}.chattargets-date{color:var(--on-surface-muted);font-size:var(--text-label-sm);white-space:nowrap}.chattargets-muted{color:var(--on-surface-muted);font-style:italic}.chattargets-username{color:var(--primary);font-weight:600}.chattargets-note{color:var(--on-surface-muted);font-size:var(--text-label-sm);font-style:italic}.chattargets-actions{padding-right:var(--space-2);text-align:right;white-space:nowrap}.chattargets-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;gap:4px;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.chattargets-btn:disabled{cursor:not-allowed;opacity:.4}.chattargets-btn+.chattargets-btn{margin-left:4px}.chattargets-btn--add{border:1px solid var(--primary);color:var(--primary);font-family:var(--font-label);font-size:var(--text-body-md);height:32px;padding:0 var(--space-3);width:auto}.chattargets-btn--add:hover:not(:disabled){background:var(--primary);color:var(--on-primary)}.chattargets-message-actions .chattargets-btn--cancel,.chattargets-message-actions .chattargets-btn--save{font-family:var(--font-label);font-size:var(--text-body-md);height:32px;padding:0 var(--space-3);width:auto}.chattargets-message-actions .chattargets-btn--save{border:1px solid #4caf50;border:1px solid var(--success,#4caf50);color:#4caf50;color:var(--success,#4caf50)}.chattargets-message-actions .chattargets-btn--save:hover:not(:disabled){background:#4caf50;background:var(--success,#4caf50);color:var(--on-primary)}.chattargets-message-actions .chattargets-btn--cancel{border:1px solid var(--outline-variant);color:var(--on-surface-muted)}.chattargets-btn--edit:hover:not(:disabled){background:var(--surface-container-high);color:var(--primary)}.chattargets-btn--save:hover:not(:disabled){background:var(--surface-container-high);color:#4caf50;color:var(--success,#4caf50)}.chattargets-btn--cancel:hover:not(:disabled),.chattargets-btn--delete:hover:not(:disabled){background:var(--surface-container-high);color:var(--error)}.chattargets-edit-row td{background:var(--surface-container)}.chattargets-input{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:4px;color:var(--on-surface);font-size:var(--text-label-sm);outline:none;padding:3px 6px;width:100%}.chattargets-input:focus{border-color:var(--primary)}.chattargets-add-row .chattargets-input{width:180px}.chattargets-confirmed-cell{text-align:center;width:36px}.chattargets-confirmed-checkbox{accent-color:#4caf50;accent-color:var(--success,#4caf50);cursor:pointer;height:16px;width:16px}.chattargets-row--confirmed td{opacity:.55}.chattargets-row--confirmed .chattargets-confirmed-cell{opacity:1}.chattargets-session-toolbar{align-items:center;border-bottom:1px solid var(--ghost-border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.chattargets-session-tabs{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px}.chattargets-tab{align-items:center;background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:6px;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;font-family:var(--font-label);font-size:var(--text-body-md);gap:8px;padding:6px 12px;transition:background .15s,color .15s,border-color .15s}.chattargets-tab:hover{color:var(--on-surface)}.chattargets-tab--active{background:var(--surface-container);border-color:var(--primary);color:var(--primary)}.chattargets-tab--on:before{background:#4caf50;background:var(--success,#4caf50);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.chattargets-tab--archived{font-style:italic;opacity:.55}.chattargets-tab-count{background:var(--surface-container);border-radius:10px;color:var(--on-surface-muted);font-size:var(--text-label-sm);padding:1px 6px}.chattargets-session-actions{align-items:center;display:flex;gap:var(--space-3)}.chattargets-arch-toggle{align-items:center;color:var(--on-surface-muted);cursor:pointer;display:inline-flex;font-size:var(--text-label-sm);gap:6px}.chattargets-arch-toggle input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:14px;width:14px}.chattargets-create-block{background:var(--surface-container);border:1px dashed var(--outline-variant);border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-3);padding:var(--space-3)}.chattargets-input--wide{font-size:var(--text-body-md);padding:6px 10px;width:100%}.chattargets-warn{color:#f5a623;color:var(--warning,#f5a623);font-weight:600;margin-left:4px}.chattargets-btn--danger{border:1px solid var(--error);color:var(--error);font-family:var(--font-label);font-size:var(--text-body-md);height:32px;padding:0 var(--space-3);width:auto}.chattargets-btn--danger:hover:not(:disabled){background:var(--error);color:var(--on-primary)}.tutorial-page{margin:0 auto;max-width:860px;padding:var(--space-6)}.tut-page-header{margin-bottom:var(--space-8)}.tut-page-header h1{color:var(--on-surface);font-family:var(--font-display);font-size:var(--text-headline-md);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-3)}.tut-page-header p{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md);line-height:1.7;max-width:620px}.tut-section{background:var(--surface-container);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-6) var(--space-6)}.tut-section h2{align-items:center;color:var(--primary);display:flex;font-size:var(--text-title-md);gap:var(--space-3);letter-spacing:-.01em;margin-bottom:var(--space-4)}.tut-section h2,.tut-section h3{font-family:var(--font-ui);font-weight:700}.tut-section h3{color:var(--on-surface);font-size:var(--text-body-md);margin-bottom:var(--space-2);margin-top:var(--space-4)}.tut-section h3:first-of-type{margin-top:0}.tut-section p{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md);line-height:1.75;margin-bottom:var(--space-3)}.tut-section p:last-child{margin-bottom:0}.tut-link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:rgba(var(--primary-rgb),.35);text-decoration-color:rgba(var(--primary-rgb),.35);text-underline-offset:3px;transition:color var(--t-base),-webkit-text-decoration-color var(--t-base);transition:color var(--t-base),text-decoration-color var(--t-base);transition:color var(--t-base),text-decoration-color var(--t-base),-webkit-text-decoration-color var(--t-base)}.tut-link:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.tut-section code{border-radius:var(--radius-sm);color:var(--primary);font-family:Courier New,monospace;font-size:.8rem;padding:.1rem .35rem}.tut-section code,.tut-section kbd{background:var(--surface-container-highest)}.tut-section kbd{border:1px solid var(--ghost-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--ghost-border);color:var(--on-surface);padding:.1rem .4rem;white-space:nowrap}.tut-admin-badge,.tut-section kbd{font-family:var(--font-label);font-size:var(--text-label-sm)}.tut-admin-badge{background:rgba(var(--primary-container-rgb),.18);border-radius:var(--radius-full);color:var(--primary);font-weight:600;padding:.15rem var(--space-2);vertical-align:middle}.tut-settings-card{align-items:center;background:var(--surface-container-high);border-radius:var(--radius-md);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.tut-settings-card-text{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.tut-settings-card-title{color:var(--on-surface);font-family:var(--font-ui);font-size:var(--text-body-md);font-weight:700}.tut-settings-card-desc{color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-body-md);line-height:1.5}:root{--surface:#131313;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#212121;--surface-container-high:#2a2a2a;--surface-container-highest:#343434;--surface-bright:#3d3c3c;--on-surface:#e5e2e1;--on-surface-variant:#e5e2e1a6;--on-surface-muted:#e5e2e161;--outline-variant-rgb:78,67,85;--ghost-border:#4e43552e;--error:#ffb4ab;--error-container:#ffb4ab1f;--success:#6fcf97;--success-container:#6fcf971f;--warning:#f2c94c;--warning-container:#f2c94c1f;--primary:#c77dff;--primary-container:#7c3aed;--on-primary:#1a003d;--on-primary-container:#ede9fe;--primary-rgb:199,125,255;--primary-container-rgb:124,58,237;--accent-glass:rgba(var(--primary-container-rgb),0.18);--accent-glow:rgba(var(--primary-rgb),0.12);--accent-ring:rgba(var(--primary-rgb),0.50);--btn-gradient:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);--shadow-card:0px 4px 16px #0000004d;--shadow-float:0px 8px 24px #0006;--shadow-modal:0px 24px 48px #00000080;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.75rem;--radius-xl:1.25rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-display:"Space Grotesk",sans-serif;--font-ui:"Manrope",sans-serif;--font-label:"Inter",sans-serif;--text-display-lg:3.500rem;--text-headline-md:1.750rem;--text-title-md:1.125rem;--text-body-md:0.875rem;--text-label-sm:0.688rem;--t-fast:120ms ease;--t-base:200ms ease;--t-slow:350ms ease}:root[data-accent=purple]{--primary:#c77dff;--primary-container:#7c3aed;--on-primary:#1a003d;--on-primary-container:#ede9fe;--primary-rgb:199,125,255;--primary-container-rgb:124,58,237}:root[data-accent=blue]{--primary:#60a5fa;--primary-container:#1d4ed8;--on-primary:#001f5c;--on-primary-container:#dbeafe;--primary-rgb:96,165,250;--primary-container-rgb:29,78,216}:root[data-accent=cyan]{--primary:#22d3ee;--primary-container:#0e7490;--on-primary:#002030;--on-primary-container:#cffafe;--primary-rgb:34,211,238;--primary-container-rgb:14,116,144}:root[data-accent=green]{--primary:#6ee7b7;--primary-container:#059669;--on-primary:#002118;--on-primary-container:#d1fae5;--primary-rgb:110,231,183;--primary-container-rgb:5,150,105}:root[data-accent=orange]{--primary:#fbbf24;--primary-container:#d97706;--on-primary:#3d1f00;--on-primary-container:#fef3c7;--primary-rgb:251,191,36;--primary-container-rgb:217,119,6}:root[data-accent=red]{--primary:#f87171;--primary-container:#dc2626;--on-primary:#3d0000;--on-primary-container:#fee2e2;--primary-rgb:248,113,113;--primary-container-rgb:220,38,38}:root[data-font-size=compact]{--text-body-md:0.8125rem;--text-label-sm:0.625rem;--text-title-md:1rem}:root[data-font-size=large]{--text-body-md:0.9375rem;--text-label-sm:0.75rem;--text-title-md:1.25rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#131313;background-color:var(--surface);color:#e5e2e1;color:var(--on-surface);font-family:Inter,sans-serif;font-family:var(--font-label);font-size:.875rem;font-size:var(--text-body-md);line-height:1.6}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:Manrope,sans-serif;font-family:var(--font-ui);transition:opacity .2s ease,transform .12s ease,background .2s ease;transition:opacity var(--t-base),transform var(--t-fast),background var(--t-base)}button:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.App{background-color:#131313;background-color:var(--surface);display:flex;flex-direction:column;min-height:100vh}.App.overlay-app{background:#0000}body.overlay-active{background:#0000!important}.main-content{background-color:#131313;background-color:var(--surface);flex:1 1;padding-top:56px;transition:margin-left .35s ease;transition:margin-left var(--t-slow)}:root[data-sidebar=wide] .main-content:not(.overlay-mode){margin-left:220px}:root[data-sidebar=small] .main-content:not(.overlay-mode){margin-left:56px}:root[data-sidebar=hidden] .main-content:not(.overlay-mode){margin-left:0}.main-content.overlay-mode{background:#0000;height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.btn{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-size:var(--text-body-md);font-weight:600;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:opacity .2s ease,transform .12s ease;transition:opacity var(--t-base),transform var(--t-fast);white-space:nowrap}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#c77dff,#7c3aed);background:var(--btn-gradient);box-shadow:0 2px 8px #7c3aed59;box-shadow:0 2px 8px rgba(var(--primary-container-rgb),.35);color:#ede9fe;color:var(--on-primary-container)}.btn-secondary{background:#0000;border:1px solid #4e43552e;border:1px solid var(--ghost-border);color:#e5e2e1;color:var(--on-surface)}.btn-secondary:hover{background:#c77dff14;background:rgba(var(--primary-rgb),.08);border-color:#c77dff4d;border-color:rgba(var(--primary-rgb),.3)}.btn-tertiary{color:#c77dff;color:var(--primary);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-tertiary:hover{background:#c77dff14;background:rgba(var(--primary-rgb),.08)}.btn-danger{background:#ffb4ab1f;border:1px solid #ffb4ab33;color:#ffb4ab;color:var(--error)}.btn-danger:hover{background:#ffb4ab33}.btn-success{background:#6fcf971f;border:1px solid #6fcf9733;color:#6fcf97;color:var(--success)}.btn-success:hover{background:#6fcf9733}.btn-sm{font-size:.688rem;font-size:var(--text-label-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:1.125rem;font-size:var(--text-title-md);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.btn-full{width:100%}.btn-full,.btn-icon{justify-content:center}.btn-icon{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);color:#e5e2e1a6;color:var(--on-surface-variant);display:inline-flex;height:2rem;transition:color .2s ease,background .2s ease;transition:color var(--t-base),background var(--t-base);width:2rem}.btn-icon:hover{background:#3d3c3c;background:var(--surface-bright);color:#e5e2e1;color:var(--on-surface)}.btn-icon.danger:hover{background:#ffb4ab1f;background:var(--error-container);color:#ffb4ab;color:var(--error)}.input,.select,.textarea{background:#0e0e0e;background:var(--surface-container-lowest);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#e5e2e1;color:var(--on-surface);font-family:Inter,sans-serif;font-family:var(--font-label);font-size:.875rem;font-size:var(--text-body-md);outline:none;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:box-shadow .2s ease;transition:box-shadow var(--t-base);width:100%}.input::placeholder,.textarea::placeholder{color:#e5e2e161;color:var(--on-surface-muted)}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 2px #c77dff80;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.5)}.textarea{min-height:72px;resize:vertical}.chip{align-items:center;background:#2a2a2a;background:var(--surface-container-high);border-radius:9999px;border-radius:var(--radius-full);color:#e5e2e1a6;color:var(--on-surface-variant);display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-label);font-size:.688rem;font-size:var(--text-label-sm);font-weight:500;gap:.25rem;gap:var(--space-1);padding:.2rem .75rem;padding:.2rem var(--space-3);white-space:nowrap}.chip-accent{background:#7c3aed33;background:rgba(var(--primary-container-rgb),.2);color:#c77dff;color:var(--primary)}.chip-success{background:#6fcf971f;background:var(--success-container);color:#6fcf97;color:var(--success)}.chip-error{background:#ffb4ab1f;background:var(--error-container);color:#ffb4ab;color:var(--error)}.chip-warning{background:#f2c94c1f;background:var(--warning-container);color:#f2c94c;color:var(--warning)}.dot{background:currentColor;border-radius:9999px;border-radius:var(--radius-full);display:inline-block;height:.5rem;width:.5rem}.dot-live{box-shadow:0 0 0 3px #6fcf971f;box-shadow:0 0 0 3px var(--success-container);color:#6fcf97;color:var(--success)}.dot-offline{color:#e5e2e161;color:var(--on-surface-muted)}.dot-warn{color:#f2c94c;color:var(--warning)}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#7c3aed2e;background:var(--accent-glass)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#1c1b1b;background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:#343434;background:var(--surface-container-highest);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#3d3c3c;background:var(--surface-bright)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes hl-pulse{0%{box-shadow:0 0 0 0 #c77dff00,0 4px 16px #0000004d;box-shadow:0 0 0 0 rgba(var(--primary-rgb),0),var(--shadow-card)}18%{box-shadow:0 0 0 4px #c77dffa6,0 0 32px #c77dff40;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.65),0 0 32px rgba(var(--primary-rgb),.25)}65%{box-shadow:0 0 0 3px #c77dff66,0 0 20px #c77dff26;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.4),0 0 20px rgba(var(--primary-rgb),.15)}to{box-shadow:0 0 0 0 #c77dff00,0 4px 16px #0000004d;box-shadow:0 0 0 0 rgba(var(--primary-rgb),0),var(--shadow-card)}}.hl-glow{animation:hl-pulse 2.8s ease forwards;position:relative;z-index:1}.animate-fade-up{animation:fadeUp .25s ease .2s both;animation:fadeUp .25s var(--t-base) both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}
/*# sourceMappingURL=main.81f2b852.css.map*/