@import"https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:ital,wght@0,600;1,600&display=swap";:root{--theme-primary: #d31f3c;--theme-primary-hover: #b91c35;--theme-muted: var(--app-muted-btn-bg);--theme-muted-hover: var(--app-muted-btn-hover-bg)}*,*:before,*:after{box-sizing:border-box;outline:none}*:focus-visible,*:focus,button:focus{outline:none!important}#root{max-width:100%;margin:0;padding:0;overflow:hidden}button{font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;text-transform:uppercase}.App{width:100%;min-height:100vh;position:relative;overflow:hidden}.App-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;width:100%;height:100px;padding:0 1rem;border-bottom:1px solid var(--app-header-border);box-sizing:border-box}.App-main{display:flex;flex-direction:column;align-items:stretch;padding:0;height:calc(100dvh - 100px);box-sizing:border-box;overflow:hidden}.app-workspace{display:flex;gap:0;width:100%;flex:1;align-items:stretch;overflow:hidden;position:relative}.app-sidebar{width:420px;flex:0 0 420px;background-color:var(--app-surface-raised);border-radius:0;padding:1rem;display:flex;flex-direction:column;gap:1rem;position:relative}.app-sidebar.is-collapsed{width:150px;flex:0 0 150px;padding:.75rem}.sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.sidebar-panel-title{margin:0;font-size:.92em;font-weight:700;color:var(--app-page-text);letter-spacing:.02em;text-transform:uppercase}.sidebar-collapse-btn{background:var(--app-surface-input);border:1px solid var(--app-border-soft);color:var(--app-page-text);width:30px;height:30px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.sidebar-collapse-btn:hover{border-color:var(--app-border-medium);color:var(--app-page-text);background-color:var(--app-hover-on-surface)}.sidebar-collapse-btn svg.app-fa-icon{width:16px;height:16px;display:block}.sidebar-collapse-btn-full{width:100%;height:32px;justify-content:center;gap:.45rem;padding:0 .65rem;margin-bottom:.25rem}.sidebar-collapse-btn-full span{font-size:.74em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sidebar-overlay-open-btn{width:min(320px,calc(100% - 1.5rem));margin:.75rem;z-index:35}.sidebar-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--app-overlay-scrim);border:none;padding:0;margin:0;z-index:30;cursor:pointer}.sidebar-collapsed-spacer{display:none}.sidebar-collapsed-summary{display:flex;flex-direction:column;gap:.75rem}.collapsed-summary-item{background-color:var(--app-surface-input);border:1px solid var(--app-border-soft);border-radius:8px;padding:.5rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-height:72px}.collapsed-summary-meta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;min-width:0}.collapsed-summary-data{width:100%;min-width:0;display:flex;justify-content:center;overflow:hidden}.collapsed-summary-icon{color:var(--app-text-subtle);line-height:1}.collapsed-summary-icon svg.app-fa-icon{width:16px;height:16px;display:block}.collapsed-summary-title{font-size:.72em;color:var(--app-text-subtle);text-transform:uppercase;letter-spacing:.03em}.collapsed-summary-value{font-size:.8em;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;text-transform:uppercase;text-align:center;color:var(--app-page-text);line-height:1.1;display:block;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 801px){.collapsed-summary-value{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.collapsed-weather-lines{display:flex;flex-direction:column;align-items:center;gap:.05rem}.app-content{flex:1;min-width:0;display:flex;height:100%;overflow:hidden}.app-content-loading{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}h1{font-family:Saira Extra Condensed,sans-serif;font-size:4.5em;line-height:1.1;margin-bottom:1.5rem;color:var(--app-page-text);font-weight:600;text-transform:uppercase}.app-title{text-align:center;margin:0;white-space:nowrap}.app-title-block{grid-column:2;justify-self:center;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.2rem}.app-current-group-name{display:block;max-width:min(62vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:.95rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--app-page-text-muted)}.top-left-controls{grid-column:1;justify-self:start;display:flex;align-items:center}.dashboard-nav-link{height:40px;padding:0 .9rem;border:none;border-radius:8px;background-color:var(--app-chrome-surface);color:var(--app-page-text);cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease;box-shadow:0 2px 8px var(--app-drop-shadow)}.dashboard-nav-label--mobile{display:none}.dashboard-nav-link svg.app-fa-icon{width:16px;height:16px;display:block}.dashboard-nav-link:hover{background-color:var(--app-chrome-surface-hover)}.dashboard-nav-arrow-btn{display:none}.selectors-row{margin-bottom:.9rem;display:flex;flex-direction:column;gap:.65rem;justify-content:flex-start;align-items:stretch}.selector-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.selector-group label{font-size:1em;font-weight:500;color:var(--app-page-text);white-space:nowrap}.selector-with-actions{display:flex;align-items:center;gap:.35rem}.selector-with-actions select{padding:.45em .9em;font-size:1.05em;font-family:inherit;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;text-transform:uppercase;border-radius:8px;border:1px solid var(--app-border-medium);background-color:var(--app-surface-input);color:var(--app-page-text);cursor:pointer;flex:1;min-width:0}.selector-with-actions select:disabled{opacity:.5;cursor:not-allowed}#gamemode-select{padding-left:.5em}.selector-action-btn{background:none;border:1px solid var(--app-border-medium);padding:.35rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;color:var(--app-page-text);transition:all .2s;width:32px;height:32px;flex-shrink:0}.selector-action-btn:hover:not(:disabled){border-color:gold;background-color:#ffd7001f;box-shadow:0 0 0 1px #ffd70052}.selector-action-btn:disabled{opacity:.5;cursor:not-allowed}.selector-action-btn:disabled:hover{border-color:var(--app-border-medium);background-color:transparent;box-shadow:none;transform:none}.selector-action-btn.locked{color:gold;border-color:gold}.selector-action-btn.locked:hover:not(:disabled){background-color:#ffd7001a}.selector-group__label{font-size:1em;font-weight:500;color:var(--app-page-text);white-space:nowrap}.selectors-row--read-only .selector-readonly-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45em .65em;min-height:calc(32px + .9em);border-radius:8px;border:1px solid var(--app-border-medium);background-color:var(--app-surface-input)}.selectors-row--read-only .selector-readonly-value{font-size:1.05em;font-family:inherit;font-style:italic!important;font-weight:600;text-transform:uppercase;color:var(--app-page-text);min-width:0;flex:1}.selectors-row--read-only .selector-readonly-lock{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;color:var(--app-page-text);opacity:.88}.selectors-row--read-only .selector-readonly-lock.is-locked{color:gold}.selector-action-btn svg.app-fa-dice{width:20px;height:20px;display:block}.selector-action-btn svg.app-fa-lock{width:16px;height:16px;display:block}.randomize-section{display:flex;flex-direction:column;gap:.6rem;margin-top:.25rem}.randomize-btn{padding:.34em .8em;font-size:1.2em;font-weight:600;font-family:inherit;background-color:var(--theme-primary);color:var(--app-text-on-primary);border:none;border-radius:6px;cursor:pointer;transition:all .25s}.randomize-btn:hover{background-color:var(--theme-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #d31f3c66}.randomize-btn:active{transform:translateY(0)}.randomize-btn:disabled:hover{border-color:transparent;background-color:var(--theme-primary);color:var(--app-text-on-primary);box-shadow:none;transform:none}.randomize-btn.clear-btn{background-color:var(--theme-muted)}.randomize-btn.clear-btn:hover{background-color:var(--theme-muted-hover);box-shadow:0 4px 12px #5a5a5a59}.randomize-btn.clear-btn:disabled:hover{background-color:var(--theme-muted);box-shadow:none}.randomize-all-btn{padding:.75em 1.5em;font-size:1.2em;font-weight:600;font-family:inherit;background-color:gold;color:#1a1a1a;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #ffd7004d}.top-right-controls{--top-right-btn-size: 40px;grid-column:3;justify-self:end;display:flex;align-items:center;gap:.45rem;z-index:100}.randomize-all-btn:hover{border-color:gold;background-color:#ffd7001f;color:var(--app-page-text);transform:translateY(-2px);box-shadow:0 0 0 1px #ffd70052,0 4px 12px #ffd7003d}.randomize-all-btn:active{transform:translateY(0)}.randomize-all-btn:disabled:hover{border-color:transparent;background-color:gold;color:#1a1a1a;box-shadow:0 2px 8px #ffd7004d;transform:none}.top-right-controls .randomize-all-btn{height:var(--top-right-btn-size);padding:0 1em;font-size:1.25rem;border-radius:6px;gap:.4rem}.top-right-controls .randomize-all-btn .randomize-all-label{white-space:nowrap}.randomize-all-btn svg.app-fa-icon{width:20px;height:20px;display:block;flex-shrink:0}.top-right-settings-btn{width:var(--top-right-btn-size);height:var(--top-right-btn-size);padding:0;border:none;border-radius:8px;background-color:var(--app-chrome-surface);color:var(--app-page-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px var(--app-drop-shadow)}.top-right-settings-btn svg.app-fa-icon{width:20px;height:20px;display:block}.top-right-settings-btn:hover{background-color:var(--app-chrome-surface-hover);transform:translateY(-2px)}.top-right-settings-btn:active{transform:translateY(0)}.sign-out-btn{height:var(--top-right-btn-size);padding:0 .75em;border:none;border-radius:8px;background-color:var(--app-chrome-surface);color:var(--app-page-text);cursor:pointer;font-size:1.05rem;transition:all .2s ease;box-shadow:0 2px 8px var(--app-drop-shadow)}.sign-out-btn:hover{background-color:var(--app-chrome-surface-hover)}.profile-menu-wrap{position:relative;display:flex;align-items:center;align-self:center}.profile-menu-wrap-sidebar{align-self:auto}.profile-menu-trigger{width:var(--top-right-btn-size);height:var(--top-right-btn-size);padding:0;border:1px solid var(--app-profile-border);border-radius:50%;background-color:var(--app-chrome-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px var(--app-drop-shadow);line-height:0}.profile-menu-trigger:hover{transform:translateY(-1px);border-color:var(--app-profile-border-hover)}.profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.profile-menu-dropdown{position:absolute;top:calc(100% + .45rem);right:0;width:220px;border-radius:10px;border:1px solid var(--app-popover-border);background-color:var(--app-popover-bg);box-shadow:0 12px 30px var(--app-popover-elevated-shadow);padding:.4rem;z-index:200}.profile-menu-dropdown-sidebar{top:auto;bottom:calc(100% + .45rem);left:0;right:auto;width:180px}.profile-menu-user{display:flex;flex-direction:column;gap:.05rem;padding:.35rem .45rem .5rem;border-bottom:1px solid var(--app-popover-border);margin-bottom:.3rem}.profile-menu-name{font-size:1rem;font-weight:700;color:var(--app-page-text);line-height:1.2}.profile-menu-email{font-size:.84rem;color:var(--app-access-muted-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.profile-menu-item{width:100%;border:none;background:transparent;color:var(--app-page-text);border-radius:8px;text-align:left;cursor:pointer;padding:.5rem .55rem;font-size:.95rem;transition:background-color .18s ease}.profile-menu-item:hover{background-color:var(--app-menu-row-hover)}.profile-menu-item:disabled{opacity:.62;cursor:not-allowed}.profile-menu-item-danger{color:#ff9e9e}.view-mode-toggle-btn.active{background-color:#2f5d3a;box-shadow:0 2px 10px #55c87847}.App.is-view-only .loadout-randomize-btn-inside,.App.is-view-only .loadout-lock-btn-inside{display:none!important}.main-content{display:flex;gap:2rem;width:100%;max-width:none;flex:1;height:100%;overflow:hidden}.participants-panel{flex:1;background-color:var(--app-surface-raised);border-radius:0;display:flex;flex-direction:column;min-height:0}.mobile-panel-toggle{display:none}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.participants-header-actions{display:inline-flex;align-items:center;gap:.25rem}.participants-panel h2{margin:0;font-size:1.5em;color:var(--app-page-text)}.settings-icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:var(--app-page-text);border-radius:4px}.settings-icon-btn:hover{transform:scale(1.2);background-color:var(--app-hover-on-surface)}.settings-icon-btn:active{transform:scale(.9)}.settings-icon-btn svg.app-fa-icon{width:20px;height:20px;display:block}.add-participant{display:flex;gap:.5rem;margin-bottom:1rem}.add-participant input{flex:1;padding:.28em .45em;font-size:1.25em;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;text-transform:uppercase;border-radius:8px;border:1px solid var(--app-border-medium);background-color:var(--app-surface-input);color:var(--app-page-text)}.add-participant button{padding:.28em .6em;font-size:.92em;font-weight:500;font-family:inherit;background-color:var(--theme-primary);color:var(--app-text-on-primary);border:none;border-radius:8px;cursor:pointer;transition:background-color .25s}.add-participant button:hover{background-color:var(--theme-primary-hover)}.participants-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;min-height:0}.participants-list.participants-list--has-scrollbar{padding-right:.45rem}.participants-list-section-header{margin:.2rem 0 .1rem;padding:0 .1rem;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-size:1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--app-text-subtle)}.participants-list.participants-list--drop-target{transition:box-shadow .12s ease,background-color .12s ease;border-radius:8px;box-shadow:0 0 0 1px #2dd4bf73,0 0 18px #2dd4bf33;background-color:#2dd4bf14}.participants-list.participants-list--drop-target.participants-list--drop-target--replace{box-shadow:0 0 0 1px #f9731680,0 0 18px #f9731638;background-color:#f973161a}.participant-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--app-surface-input);border-radius:8px;color:var(--app-page-text)}.participant-item--menu-open{z-index:80}.participant-item[draggable=true],.player-slot-content.player-draggable-source{cursor:grab;user-select:none;-webkit-user-select:none}.participant-item[draggable=true]:active,.player-slot-content.player-draggable-source:active{cursor:grabbing}.participant-item__name,.participant-item>span{font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;font-size:1.25em;text-transform:uppercase}.participant-item--assigned{opacity:.95}.participant-item--unavailable .participant-item__name{color:var(--app-text-dim)}.participant-item--unavailable{background-color:var(--app-surface-input);background-image:linear-gradient(#0000003b,#0000002b);background-blend-mode:multiply}.participant-item__main{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1}.participant-item__avatar-wrap{position:relative;flex-shrink:0;width:36px;height:36px}.participant-item__avatar-wrap--online:after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid var(--app-surface-input);box-sizing:border-box}.participant-item__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;border:1px solid var(--app-avatar-ring)}.participant-item__text{display:flex;flex-direction:column;gap:.35rem;min-width:0}.participant-item__name-row{display:inline-flex;align-items:center;gap:.28rem}.participant-item__assigned-check{display:inline-flex;align-items:center;justify-content:center;margin-left:.24rem;color:#2f9b1c;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:800;line-height:1}.participant-item__badges{display:flex;flex-wrap:wrap;gap:.35rem}.participant-badge{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px;font-weight:600}.participant-badge--role{display:inline-flex;align-items:center;gap:.28rem;background:#64748b59;color:#cbd5e1}.participant-badge--role-owner{background:#f59e0b47;color:#fde68a}.participant-badge--role-admin{background:#3b82f63d;color:#bfdbfe}.participant-badge--role-member{background:#64748b59;color:#cbd5e1}.participant-role-icon{width:.62rem;height:.62rem;display:block}.participant-badge--assign.is-unassigned{background:#2dd4bf2e;color:#5eead4}.participant-badge--assign.is-assigned{background:#94a3b82e;color:#94a3b8}.participant-badge--manual-status.is-available{border:1px solid var(--app-link);background-color:var(--app-slot-filled-bg);color:var(--app-page-text)}.participant-badge--manual-status.is-unavailable{border:1px solid var(--app-danger-btn-border);background-color:var(--app-danger-btn-bg);color:var(--app-danger-btn-text)}.participant-manual-status-chip-toggle{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.22rem;line-height:1;font-style:normal;transition:filter .2s ease}.participant-manual-status-chip-toggle:hover{filter:brightness(1.08)}.participant-manual-status-chip-toggle>span{display:inline-flex;align-items:center;font-style:normal}.participant-manual-status-chip-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;margin-left:.2rem;opacity:.9}.participant-manual-status-chip-toggle__icon svg.app-fa-icon{width:11px;height:11px;display:block}.participant-item__actions-wrap{position:relative;flex-shrink:0;align-self:flex-start;margin-top:.1rem}.participant-item__menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--app-icon-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.participant-item__menu-trigger:hover{background:var(--app-menu-row-hover);color:var(--app-icon-emphasis)}.participant-item__menu-trigger svg.app-fa-icon{width:18px;height:18px;display:block}.participant-actions-menu{position:absolute;top:100%;right:0;margin-top:.2rem;min-width:11rem;padding:.35rem 0;background:var(--app-menu-bg);border:1px solid var(--app-popover-border);border-radius:8px;box-shadow:0 10px 28px var(--app-modal-shadow);z-index:40;box-sizing:border-box}.participant-actions-menu__item{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:.4rem;padding:.45rem .75rem;border:none;background:transparent;color:var(--app-menu-text);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color .12s ease}.participant-actions-menu__item:hover{background:var(--app-menu-row-hover)}.participant-actions-menu__item--with-chevron{justify-content:space-between}.participant-actions-menu__item--with-chevron svg.app-fa-icon{width:16px;height:16px;display:block;flex-shrink:0;opacity:.65}.participant-actions-menu__item--danger{color:#fca5a5}.participant-actions-menu__item--danger:hover{background:#ef444426}.participant-actions-menu__sub-host{position:relative}.participant-actions-menu__sub{position:absolute;top:-.25rem;left:calc(100% + .3rem);min-width:10.5rem;padding:.35rem 0;background:var(--app-menu-bg);border:1px solid var(--app-popover-border);border-radius:8px;box-shadow:0 10px 28px var(--app-modal-shadow);z-index:90;box-sizing:border-box;min-height:0;overscroll-behavior:contain}.participant-actions-menu__sub-item{padding-left:.75rem;font-size:.78rem}.participant-actions-menu__sub-item.is-disabled{color:#7f8695;cursor:not-allowed;opacity:.8}.participant-actions-menu__sub-item.is-disabled:hover{background:transparent}.teams-panel{flex:1;width:100%;height:100%;background-color:var(--app-teams-panel-bg);border-radius:0;padding:1.5rem;overflow:hidden}.teams-panel h2{margin-top:0;margin-bottom:1rem;font-size:1.5em;color:var(--app-page-text)}.teams-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem}.team-block{background-color:var(--app-surface-input);border-radius:8px;padding:1rem;border:2px solid var(--app-border-medium);width:480px;min-width:480px;max-width:480px}.team-block h3{margin-top:0;margin-bottom:1rem;color:var(--app-page-text);font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;font-size:2.2em;text-transform:uppercase;display:flex;align-items:center;gap:0;line-height:1}.team-logo{height:1.8em;width:auto;object-fit:contain;pointer-events:none;vertical-align:middle;display:inline-block}.team-slots{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.team-slot{position:relative;padding:.75rem;background-color:var(--app-surface-raised);border-radius:6px;border:2px solid var(--app-border-medium);color:var(--app-page-text);transition:all .25s;width:480px;height:435px;max-width:none;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;min-width:0}.team-slot-dnd-ghost{position:absolute;top:.5rem;right:.35rem;bottom:.5rem;left:.35rem;z-index:6;display:flex;align-items:flex-start;justify-content:center;padding:.65rem .45rem .5rem;border-radius:6px;pointer-events:none;box-sizing:border-box;background:var(--app-dnd-ghost-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.team-slot-dnd-ghost--primary{border:2px dashed rgba(45,212,191,.85);box-shadow:0 0 0 1px #2dd4bf40,inset 0 0 20px #2dd4bf14}.team-slot-dnd-ghost--swap-counterpart{border:2px dashed rgba(249,115,22,.9);box-shadow:0 0 0 1px #f973164d,inset 0 0 20px #f9731614}.team-slot-dnd-ghost-name{font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;font-size:1.45em;text-transform:uppercase;color:var(--app-dnd-ghost-name);text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-slot-dnd-ghost--swap-counterpart .team-slot-dnd-ghost-name{color:var(--app-dnd-ghost-swap-name)}.team-slot.empty{align-items:center;justify-content:center}.team-slot.locked{border-color:orange;background-color:var(--app-slot-locked-bg)}.team-slot.team-slot--drag-source{opacity:.72;border-style:dashed}.team-slot.team-slot-drop-preview{transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.team-slot.team-slot-drop-preview--place{border-color:#2dd4bf;box-shadow:0 0 0 1px #2dd4bf73,0 0 18px #2dd4bf33;background-color:#2dd4bf0f}.team-slot.team-slot-drop-preview--place-pending{border-color:#2dd4bf8c;box-shadow:0 0 0 1px #2dd4bf47,inset 0 0 0 1px #2dd4bf2e}.team-slot.team-slot-drop-preview--snap{transform:translateY(-1px)}.team-slot.team-slot-drop-preview--swap{box-shadow:none;background-color:#fbbf2412}.team-slot.team-slot-drop-preview--replace{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa8c,0 0 18px #a78bfa33;background-color:#a78bfa12}.team-slot.team-slot-drop-preview--invalid{box-shadow:none;background-color:#f871710d;cursor:not-allowed}.participant-item.participant-item--team-drag-source{opacity:.75;outline:2px dashed rgba(45,212,191,.55);outline-offset:2px}.player-slot-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.team-slot.is-linked-participant-pulse{animation:linked-slot-border-pulse .7s ease-out}@keyframes linked-slot-border-pulse{0%{border-color:#2dd4bff2;box-shadow:0 0 #2dd4bf85}65%{border-color:#2dd4bfbf;box-shadow:0 0 0 10px #2dd4bf0f}to{border-color:var(--app-border-medium);box-shadow:0 0 #2dd4bf00}}.player-name-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0}.player-name{flex:1;min-width:0;text-align:left;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;font-size:1.6em;text-transform:uppercase;display:inline-flex;align-items:center;gap:0}.player-name-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-position-lock{display:inline-flex;align-items:center;margin-left:8px;color:gold;vertical-align:middle}.player-position-lock svg.app-fa-position-lock{width:16px;height:16px;display:block}.player-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;flex-wrap:nowrap;margin-left:auto}.player-name-row__actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;margin-left:auto}.player-name-row__actions .player-actions{margin-left:0}.assigned-slot-actions-wrap{position:relative;flex-shrink:0}.player-randomize-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--app-page-text);transition:opacity .2s;border-radius:4px}.player-randomize-btn:hover:not(.disabled){background-color:#ffd7001f;box-shadow:0 0 0 1px #ffd70052;transform:scale(1.1)}.player-randomize-btn.disabled{opacity:.3;cursor:not-allowed}.player-randomize-btn.disabled:hover{transform:none}.player-randomize-btn svg.app-fa-icon{width:20px;height:20px;display:block}.loadout-display{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:.5rem;width:100%;align-items:start}.loadout-item-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;justify-self:stretch}.loadout-item-label{font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-size:1.4em;font-weight:600;text-transform:uppercase;color:var(--app-loadout-label-text);background-color:var(--app-loadout-label-bg);padding:.1rem .25rem;border-radius:0 0 3px 3px;text-align:center;white-space:nowrap;width:100%;box-sizing:border-box;min-height:2rem;line-height:1;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}.loadout-item-label em{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-item-label.long-label,.loadout-item-label.medium-label{font-size:inherit;padding:.1rem .25rem}.teams-container.teams-container-tdm.is-landscape.is-over-2800 .loadout-item-label.long-label,.teams-container.teams-container-tdm.is-landscape.is-over-2800 .loadout-item-label.medium-label{font-size:1.15em;padding:.1rem .2rem}.teams-container.teams-container-tdm.is-landscape.is-under-2500 .loadout-item-label,.teams-container.teams-container-tdm.is-landscape.is-under-2500 .loadout-item-label.medium-label,.teams-container.teams-container-tdm.is-landscape.is-under-2500 .loadout-item-label.long-label{font-size:16px;padding:.1rem .2rem}.teams-container.teams-container-tdm.is-portrait .loadout-item-label,.teams-container.teams-container-tdm.is-portrait .loadout-item-label.medium-label,.teams-container.teams-container-tdm.is-portrait .loadout-item-label.long-label{font-size:16px}.loadout-item{padding:.4rem .5rem;background-color:var(--app-surface-input);border:1px solid var(--app-border-medium);border-radius:4px;font-size:1em;color:var(--app-secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:43px;flex:0 0 43px;height:24px;display:flex;align-items:center;justify-content:space-between;gap:.25rem;cursor:pointer;transition:all .2s;position:relative}.loadout-item.class-item{padding:0;min-width:0;flex:0 0 auto;width:100%;aspect-ratio:1 / 1;height:auto;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:3px 3px 0 0;border:none}.class-image{width:100%;height:100%;object-fit:contain;border-radius:3px 3px 0 0;pointer-events:none}.class-item.empty .class-image{display:none}.loadout-item.class-item.empty{padding:0}.loadout-item.spec-item{padding:0;min-width:0;flex:0 0 auto;width:100%;aspect-ratio:1 / 1;height:auto;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:3px 3px 0 0;border:none}.loadout-item.spec-item.empty{padding:0}.spec-image{width:100%;height:100%;object-fit:contain;border-radius:3px 3px 0 0;pointer-events:none}.spec-item.empty .spec-image{display:none}.loadout-lock-btn-inside.spec-lock{position:absolute;bottom:2px;right:24px;background-color:var(--app-floating-control-bg);border:1px solid var(--app-floating-control-border);border-radius:4px;padding:.2rem;width:18px;height:18px;opacity:.9}.loadout-item.weapon-item{padding:0;min-width:0;flex:0 0 auto;width:100%;aspect-ratio:1 / 1;height:auto;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:3px 3px 0 0;border:none}.loadout-item.weapon-item.empty{padding:0}.weapon-image{width:100%;height:100%;object-fit:contain;border-radius:3px 3px 0 0;pointer-events:none}.weapon-item.empty .weapon-image{display:none}.loadout-lock-btn-inside.weapon-lock{position:absolute;bottom:2px;right:24px;background-color:var(--app-floating-control-bg);border:1px solid var(--app-floating-control-border);border-radius:4px;padding:.2rem;width:18px;height:18px;opacity:.9}.loadout-item.gadget-item{padding:0;min-width:0;flex:0 0 auto;width:100%;aspect-ratio:1 / 1;height:auto;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:3px 3px 0 0;border:none}.loadout-item.gadget-item.empty{padding:0}.gadget-image{width:100%;height:100%;object-fit:contain;border-radius:3px 3px 0 0;pointer-events:none}.class-image,.spec-image,.weapon-image,.gadget-image{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain}.gadget-item.empty .gadget-image{display:none}.loadout-lock-btn-inside.gadget-lock{position:absolute;bottom:2px;right:24px;background-color:var(--app-floating-control-bg);border:1px solid var(--app-floating-control-border);border-radius:4px;padding:.2rem;width:18px;height:18px;opacity:.9}.loadout-item.empty{color:var(--app-text-faint);border-style:dashed;justify-content:center;text-align:center}.loadout-item.locked{border-color:gold;background-color:var(--app-loadout-locked-bg);box-shadow:0 0 8px #ffd7004d}.loadout-item:hover:not(.empty){border-color:var(--app-link);background-color:var(--app-accent-hover-fill)}.loadout-item.locked:hover{border-color:gold;background-color:var(--app-loadout-locked-hover-bg)}.loadout-item.empty:hover{border-color:var(--app-link)}.loadout-item-text{text-align:center;width:100%;flex:1;overflow:hidden;text-overflow:ellipsis;min-width:0}.loadout-lock-btn-inside{background:none;border:none;cursor:pointer;padding:.15rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:gold;border-radius:2px;opacity:.8;flex-shrink:0;width:14px;height:14px}.loadout-lock-indicator-inside{pointer-events:none}.loadout-lock-btn-inside.class-lock{position:absolute;bottom:2px;right:24px;background-color:var(--app-floating-control-bg);border:1px solid var(--app-floating-control-border);border-radius:4px;padding:.2rem;width:18px;height:18px;opacity:.9}.loadout-randomize-btn-inside.class-randomize,.loadout-randomize-btn-inside.spec-randomize,.loadout-randomize-btn-inside.weapon-randomize,.loadout-randomize-btn-inside.gadget-randomize{position:absolute;bottom:2px;right:2px;background-color:var(--app-floating-control-bg)!important;border:1px solid var(--app-floating-control-border);border-radius:4px;padding:.2rem;width:18px;height:18px;opacity:.9;color:var(--app-page-text);display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1}.loadout-lock-indicator-inside.class-lock,.loadout-lock-indicator-inside.spec-lock,.loadout-lock-indicator-inside.weapon-lock,.loadout-lock-indicator-inside.gadget-lock{position:absolute;bottom:2px;right:2px;background-color:var(--app-floating-control-bg);border:1px solid var(--app-floating-control-border);border-radius:4px;padding:.2rem;width:18px;height:18px;opacity:.9;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:gold}.loadout-randomize-btn-inside svg.app-fa-icon{width:12px;height:12px;display:block}.loadout-item:not(.locked) .loadout-lock-btn-inside{color:var(--app-page-text);opacity:.5}.loadout-item:not(.locked) .loadout-lock-btn-inside:hover{opacity:1}.loadout-lock-btn-inside:hover{border-color:gold;box-shadow:0 0 0 1px #ffd70052;opacity:1;transform:scale(1.2)}.loadout-randomize-btn-inside:hover{border-color:gold;box-shadow:0 0 0 1px #ffd70052;transform:scale(1.2)}.loadout-lock-btn-inside:active{transform:scale(.9)}.loadout-lock-btn-inside:disabled:hover,.loadout-randomize-btn-inside:disabled:hover,.lock-all-loadout-btn:disabled:hover,.lock-btn:disabled:hover{border-color:inherit;background-color:transparent;box-shadow:none;transform:none}.lock-all-loadout-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;color:var(--app-page-text);border-radius:4px;opacity:.6}.lock-all-loadout-btn.all-locked{color:gold;opacity:1}.lock-all-loadout-btn:hover{transform:scale(1.2);background-color:#ffd7001f;box-shadow:0 0 0 1px #ffd70052;opacity:1}.lock-all-loadout-btn:active{transform:scale(.9)}.loadout-lock-btn-inside svg.app-fa-icon,.loadout-lock-indicator-inside svg.app-fa-icon{width:12px;height:12px;display:block}.lock-all-loadout-btn svg.app-fa-icon{width:16px;height:16px;display:block}.lock-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0;color:var(--app-page-text);border-radius:4px}.lock-btn.locked{color:gold}.lock-btn:hover{transform:scale(1.2);background-color:#ffd7001f;box-shadow:0 0 0 1px #ffd70052}.lock-btn:active{transform:scale(.9)}.team-slot.empty{border-style:dashed}.team-slot.filled{border-color:var(--app-link);background-color:var(--app-slot-filled-bg)}.team-slot.filled:hover{border-color:var(--app-link)}.slot-placeholder{color:var(--app-text-faint);font-style:italic}.assign-options{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--app-border-medium);display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.assign-options p{margin:0;color:var(--app-text-soft);font-size:.9em;width:100%}.assign-btn{padding:.4em .8em;font-size:1.2em;font-family:inherit;background-color:var(--theme-primary);color:var(--app-text-on-primary);border:none;border-radius:6px;cursor:pointer;transition:background-color .25s}.assign-btn:hover:not(:disabled){background-color:var(--theme-primary-hover)}.assign-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{color:var(--app-text-faint);text-align:center;padding:2rem;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--app-modal-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--app-surface-raised);border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px var(--app-modal-shadow)}.access-gate-page{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at top right,var(--app-access-gradient),transparent 42%),var(--app-surface-deep)}.access-gate-card{width:100%;max-width:420px;background-color:var(--app-surface-raised);border:1px solid var(--app-border-strong);border-radius:12px;box-shadow:0 8px 32px var(--app-popover-elevated-shadow);padding:1.2rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.access-gate-title{margin:0;color:var(--app-access-title);font-family:Saira Extra Condensed,sans-serif;font-size:2.1rem;text-transform:uppercase;line-height:1}.access-gate-help{margin:0;color:var(--app-access-muted-text);font-size:.95em}.access-auth-input{width:100%;padding:.55em .7em;border-radius:8px;border:1px solid var(--app-border-medium);background-color:var(--app-surface-input);color:var(--app-access-input-text);font-size:1.05em;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg}.access-modal-error{margin:0;color:#ff7b7b;font-size:.9em}.access-modal-actions{display:flex;justify-content:flex-end}.access-auth-password{margin-top:0}.access-auth-actions{flex-direction:column;align-items:stretch;gap:.5rem}.access-mode-toggle-btn{background:transparent;border:none;color:var(--app-access-muted-text);font-size:.95em;cursor:pointer;text-align:center;padding:.35rem;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important}.access-mode-toggle-btn:hover{color:var(--app-page-text)}.access-gate-card-wide{max-width:440px}.login-page.access-gate-page{background:linear-gradient(120deg,#0c0f1cd1,#0c0f1ca6),radial-gradient(circle at 100% 0%,rgba(100,108,255,.28),transparent 46%),radial-gradient(ellipse 140% 90% at 50% -30%,rgba(211,31,60,.24),transparent 55%),url(/assets/images/login-bg.jpg) center / cover no-repeat,var(--app-surface-deep)}.signup-page.access-gate-page{background:linear-gradient(120deg,#0c0f1cd1,#0c0f1ca6),radial-gradient(circle at 100% 0%,rgba(100,108,255,.28),transparent 46%),radial-gradient(ellipse 140% 90% at 50% -30%,rgba(211,31,60,.24),transparent 55%),url(/assets/images/signin-bg.jpg) center / cover no-repeat,var(--app-surface-deep)}.login-page .login-page__card,.signup-page .signup-page__card{position:relative;max-width:420px;padding:1.65rem 1.25rem 1.2rem;gap:.85rem;border-radius:16px;overflow:hidden;box-shadow:0 22px 50px #00000061,0 0 0 1px #ffffff0d inset}.login-page .login-page__card:before,.signup-page .signup-page__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--theme-primary),#ff8a7a,var(--theme-primary),transparent);pointer-events:none}.login-page .login-page__brand,.signup-page .signup-page__brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;margin-bottom:.15rem}.login-page .login-page__title,.signup-page .signup-page__title{margin:0;font-size:1.8rem;letter-spacing:.03em}.login-page .login-page__lead,.signup-page .signup-page__lead{margin:0;max-width:18rem;line-height:1.4;font-size:.9rem}.login-page .login-page__field,.signup-page .signup-page__field{position:relative;display:flex;align-items:center}.login-page .login-page__form,.signup-page .signup-page__form{display:grid;gap:.7rem}.signup-page .signup-page__username-block{display:flex;flex-direction:column;gap:.35rem}.signup-page .signup-page__username-hint{margin:0;padding:0 .15rem;font-size:.78rem;line-height:1.35;color:var(--app-access-muted-text)}.signup-page .signup-page__username-hint--ok{color:color-mix(in srgb,#5bd38a 85%,var(--app-page-text))}.signup-page .signup-page__username-hint--warn{color:color-mix(in srgb,#e8b84a 90%,var(--app-page-text))}.signup-page .signup-page__username-input{padding-right:2.45rem}.signup-page .signup-page__username-status-icon{position:absolute;right:.72rem;top:50%;transform:translateY(-50%);color:var(--app-access-muted-text);z-index:2;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.signup-page .signup-page__username-status-icon svg.app-fa-icon{width:.92rem;height:.92rem;display:block}.signup-page .signup-page__username-status-icon--ok{color:color-mix(in srgb,#5bd38a 85%,var(--app-page-text))}.signup-page .signup-page__username-status-icon--warn{color:color-mix(in srgb,#e06a6a 88%,var(--app-page-text))}.signup-page .signup-page__password-strength{display:flex;flex-direction:column;gap:.4rem;margin-top:-.15rem}.signup-page .signup-page__password-strength-track{height:3px;border-radius:999px;background:color-mix(in srgb,var(--app-page-text) 12%,transparent);overflow:hidden}.signup-page .signup-page__password-strength-fill{height:100%;border-radius:inherit;width:0;transition:width .38s cubic-bezier(.33,1,.68,1),background-color .32s ease}.signup-page .signup-page__password-strength[data-tier=weak] .signup-page__password-strength-fill{background:linear-gradient(90deg,#c44a4a,#e07a5a)}.signup-page .signup-page__password-strength[data-tier=okay] .signup-page__password-strength-fill{background:linear-gradient(90deg,#d4a017,#e8c547)}.signup-page .signup-page__password-strength[data-tier=strong] .signup-page__password-strength-fill{background:linear-gradient(90deg,#2a9d6a,#5bd38a)}.signup-page .signup-page__password-strength-labels{display:flex;justify-content:space-between;gap:.35rem;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb,var(--app-access-muted-text) 92%,transparent)}.signup-page .signup-page__password-strength-label{flex:1;text-align:center;transition:color .28s ease,font-weight .2s ease}.signup-page .signup-page__password-strength-label--active{color:var(--app-page-text);font-weight:600}@media (prefers-reduced-motion: reduce){.signup-page .signup-page__password-strength-fill,.signup-page .signup-page__password-strength-label{transition:none}}.login-page__input-affix,.signup-page__input-affix{position:absolute;left:.72rem;top:50%;transform:translateY(-50%);color:var(--app-access-muted-text);pointer-events:none;z-index:1;display:inline-flex;opacity:.88}.login-page__input-affix svg.app-fa-icon,.signup-page__input-affix svg.app-fa-icon{width:1rem;height:1rem;display:block}.login-page .access-auth-input,.signup-page .access-auth-input{padding-left:2.45rem;padding-right:.85rem;min-height:2.7rem;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}.login-page .access-auth-input:focus,.signup-page .access-auth-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #d31f3c38}.login-page .login-page__password-input,.signup-page .signup-page__password-input{margin-top:0;padding-right:2.65rem}.login-page .login-page__password-toggle,.signup-page .signup-page__password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--app-access-muted-text);cursor:pointer;transition:color .15s ease,background-color .15s ease}.login-page .login-page__password-toggle:hover:not(:disabled),.signup-page .signup-page__password-toggle:hover:not(:disabled){color:var(--app-page-text);background-color:var(--app-accent-hover-fill)}.login-page .login-page__password-toggle:disabled,.signup-page .signup-page__password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-page .login-page__password-toggle:focus-visible,.signup-page .signup-page__password-toggle:focus-visible,.login-page .access-oauth-btn:focus-visible,.signup-page .access-oauth-btn:focus-visible,.login-page .login-page__submit:focus-visible,.signup-page .signup-page__submit:focus-visible,.login-page .login-page__footer-link:focus-visible,.signup-page .signup-page__footer-link:focus-visible{outline:2px solid var(--theme-primary)!important;outline-offset:2px;box-shadow:0 0 0 3px #d31f3c33}.login-page .login-page__password-toggle svg.app-fa-icon,.signup-page .signup-page__password-toggle svg.app-fa-icon{width:1.05rem;height:1.05rem;display:block}.login-page .login-page__error,.signup-page .signup-page__error{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.55rem .65rem;border-radius:8px;background:#ff50501a;border:1px solid rgba(255,123,123,.35);line-height:1.35}.login-page .login-page__error svg.app-fa-icon,.signup-page .signup-page__error svg.app-fa-icon{width:1rem;height:1rem;flex-shrink:0;margin-top:.12rem;color:#ff9a9a}.login-page .login-page__actions,.signup-page .signup-page__actions{margin-top:.15rem;gap:.65rem}.login-page .login-page__submit,.signup-page .signup-page__submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.55em 1em;font-size:1.15em;border-radius:10px;border:none;background-color:var(--theme-primary);color:var(--app-text-on-primary);cursor:pointer;transition:background-color .2s ease,transform .08s ease,box-shadow .2s ease;box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 28%,transparent)}.login-page .login-page__submit:hover:not(:disabled),.signup-page .signup-page__submit:hover:not(:disabled){background-color:var(--theme-primary-hover)}.login-page .login-page__submit:active:not(:disabled),.signup-page .signup-page__submit:active:not(:disabled){transform:translateY(1px)}.login-page .login-page__submit svg.app-fa-icon,.signup-page .signup-page__submit svg.app-fa-icon{width:1.05rem;height:1.05rem;display:block}.login-page .login-page__submit:disabled,.signup-page .signup-page__submit:disabled{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none}.login-page .login-page__footer-links,.signup-page .signup-page__footer-links{display:flex;flex-direction:column;gap:.35rem;padding-top:.35rem;border-top:1px solid var(--app-border-strong);margin-top:.1rem}.login-page .login-page__footer-link,.signup-page .signup-page__footer-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-align:center;padding:.45rem .5rem;border-radius:8px;transition:background-color .18s ease,color .18s ease}.login-page .login-page__footer-link svg.app-fa-icon,.signup-page .signup-page__footer-link svg.app-fa-icon{width:.95rem;height:.95rem;flex-shrink:0;opacity:.85}.login-page .login-page__footer-link:hover,.signup-page .signup-page__footer-link:hover{background-color:var(--app-accent-hover-fill)}.login-page .login-page__footer-link:hover svg.app-fa-icon,.signup-page .signup-page__footer-link:hover svg.app-fa-icon{opacity:1;color:var(--theme-primary)}.login-page .access-oauth-row,.signup-page .access-oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;width:100%}.login-page .access-oauth-btn,.signup-page .access-oauth-btn{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--app-border-medium);font-family:Saira Extra Condensed,sans-serif;font-size:1.02em;font-style:italic!important;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .08s ease}.login-page .access-oauth-btn__inner,.signup-page .access-oauth-btn__inner{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:0}.login-page .access-oauth-btn__mark,.signup-page .access-oauth-btn__mark{width:1.25rem;height:1.25rem;flex-shrink:0}.login-page .access-oauth-btn__label,.signup-page .access-oauth-btn__label{white-space:nowrap;overflow:visible;padding-right:.08em}.login-page .access-oauth-btn__badge,.signup-page .access-oauth-btn__badge{font-size:.62rem;font-style:normal;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .35rem;border-radius:4px;background:#ffffff1f;color:var(--app-access-muted-text);flex-shrink:0}.login-page .access-oauth-btn--discord,.signup-page .access-oauth-btn--discord{background:#5865f2;border-color:#fff3;color:#fff;box-shadow:0 6px 16px #5865f259}.login-page .access-oauth-btn--discord:hover:not(:disabled),.signup-page .access-oauth-btn--discord:hover:not(:disabled){background:#4752c4;border-color:#ffffff47}.login-page .access-oauth-btn--discord:active:not(:disabled),.signup-page .access-oauth-btn--discord:active:not(:disabled){transform:translateY(1px)}.login-page .access-oauth-btn--google,.signup-page .access-oauth-btn--google{background:var(--app-surface-input);color:var(--app-access-input-text);opacity:.72;cursor:not-allowed;box-shadow:none}.login-page .access-oauth-btn:disabled,.signup-page .access-oauth-btn:disabled{cursor:not-allowed}.login-page .access-oauth-email-hint,.signup-page .access-oauth-email-hint{text-align:center;font-size:.88rem;margin-top:.1rem}.groups-dashboard-page{min-height:100dvh;display:flex;position:relative;background:radial-gradient(circle at top right,var(--app-settings-body-tint),transparent 42%),var(--app-surface-deep);color:var(--app-page-text)}.groups-dashboard-sidebar{width:min(280px,100%);flex-shrink:0;border-right:1px solid var(--app-border-strong);padding:1rem;display:flex;flex-direction:column;gap:1rem;background:var(--app-groups-sidebar)}.groups-dashboard-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.groups-dashboard-sidebar-collapse-btn{width:32px;height:32px;padding:0;border:1px solid var(--app-border-soft);border-radius:6px;background:var(--app-sidebar-btn);color:var(--app-page-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.groups-dashboard-sidebar-collapse-btn svg.app-fa-icon{width:16px;height:16px;display:block}.groups-dashboard-sidebar-collapse-btn:hover{background:var(--app-sidebar-btn-hover)}.groups-dashboard-sidebar-open-btn{height:34px;padding:0 .65rem;border:1px solid var(--app-border-soft);border-radius:6px;background:var(--app-sidebar-btn);color:var(--app-page-text);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem}.groups-dashboard-sidebar-open-btn svg.app-fa-icon{width:16px;height:16px;display:block}.groups-dashboard-sidebar-open-btn:hover{background:var(--app-sidebar-btn-hover)}.groups-dashboard-sidebar-backdrop{position:absolute;left:0;right:0;top:0;bottom:0;border:none;background:var(--app-overlay-scrim);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:30;cursor:pointer}.groups-dashboard-sidebar-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-bottom:.35rem;width:100%;text-align:center;font-family:Saira Extra Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em;line-height:.95}.groups-dashboard-sidebar-logo-line1{font-size:2.35rem;color:var(--app-page-text)}.groups-dashboard-sidebar-logo-line2{font-size:2rem;color:var(--app-dashboard-logo-sub);margin-top:.02em}.groups-dashboard-join{display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--app-border-strong)}.groups-dashboard-label{font-size:.8rem;color:var(--app-access-muted-text)}.groups-dashboard-join-input{margin-top:0}.groups-dashboard-join-btn{margin-top:.25rem}.groups-dashboard-settings-placeholder{padding:.75rem 0;border-top:1px solid var(--app-border-strong)}.groups-dashboard-settings-title{margin:0 0 .35rem;font-size:.85rem;color:var(--app-access-muted-text);text-transform:uppercase;letter-spacing:.04em}.groups-dashboard-settings-hint{margin:0;font-size:.85rem;color:var(--app-text-dim)}.groups-dashboard-sign-out{margin-top:.55rem;align-self:flex-start}.groups-dashboard-sidebar-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--app-border-strong);display:flex;align-items:center;gap:.7rem}.groups-dashboard-profile-button{width:46px;height:46px;border-radius:50%;border:1px solid var(--app-profile-border);padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--app-surface-input);cursor:pointer}.groups-dashboard-profile-meta{min-width:0;display:flex;flex-direction:column;gap:.08rem}.groups-dashboard-profile-name{color:var(--app-page-text);font-size:1rem;line-height:1.15;font-family:Saira Extra Condensed,sans-serif}.groups-dashboard-profile-email{color:var(--app-access-muted-text);font-size:.78rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-settings-modal{max-width:480px}.user-settings-modal-body{max-height:min(70dvh,520px);overflow-y:auto;padding-top:.75rem}.user-settings-panel{display:flex;flex-direction:column;gap:0}.user-settings-section{padding:1rem 0;border-top:1px solid var(--app-border-strong)}.user-settings-section:first-of-type{border-top:none;padding-top:0}.user-settings-hint{margin-bottom:.65rem}.user-settings-field-label{display:block;margin-bottom:.35rem;font-size:.85rem;color:var(--app-page-text);opacity:.85;font-family:Saira Extra Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em}.user-settings-input{margin-bottom:.5rem}.user-settings-select{margin-bottom:.35rem;max-width:100%}.user-settings-actions{margin-top:.65rem;display:flex;justify-content:flex-end}.user-settings-error{margin:0 0 .5rem;color:#ff7b7b;font-size:.88rem;line-height:1.35}.user-settings-success{margin:0 0 .5rem;color:#7dffb3;font-size:.88rem;line-height:1.35}.user-settings-current-value{color:var(--app-page-text);opacity:.95;word-break:break-all}.groups-dashboard-main{flex:1;padding:1.5rem 1.25rem}.groups-dashboard-main-title{margin:0 0 .75rem;font-family:Saira Extra Condensed,sans-serif;font-size:2rem;color:var(--app-page-text);text-transform:uppercase}.groups-dashboard-main-help{margin:0 0 1.25rem;max-width:36rem;color:var(--app-access-muted-text);line-height:1.45}.groups-dashboard-create-modal{max-width:420px}.groups-dashboard-create-modal-title{margin:0 0 1rem;font-family:Saira Extra Condensed,sans-serif;font-size:1.65rem;color:var(--app-page-text);text-transform:uppercase;line-height:1.05}.groups-dashboard-create-modal-label{display:inline-block;margin-bottom:.35rem;font-size:.95rem;color:var(--app-access-muted-text);font-family:Saira Extra Condensed,sans-serif;text-transform:uppercase}.groups-dashboard-create-modal .groups-dashboard-create-name-input{width:100%;box-sizing:border-box;margin-bottom:1rem}.groups-dashboard-create-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem}.groups-dashboard-create-submit-btn{margin-top:0}.groups-dashboard-create-cancel-btn{padding:.45rem .65rem;border:none;border-radius:6px;background:transparent;color:var(--app-access-muted-text);font-family:Saira Extra Condensed,sans-serif;font-size:.9rem;cursor:pointer}.groups-dashboard-create-cancel-btn:hover:not(:disabled){color:var(--app-page-text)}.groups-dashboard-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.85rem;max-width:52rem}.groups-dashboard-group-tile,.groups-dashboard-create-tile{aspect-ratio:1;min-height:8.5rem;border-radius:16px;font-family:Saira Extra Condensed,sans-serif;cursor:pointer}.groups-dashboard-group-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden;text-align:left;border:1px solid var(--app-border-soft);background:var(--app-tile-surface);color:var(--app-page-text)}.groups-dashboard-group-tile:hover{border-color:var(--app-border-medium);background:var(--app-tile-surface-hover)}.groups-dashboard-group-tile:focus-visible{outline:2px solid var(--app-link);outline-offset:2px}.groups-dashboard-group-tile-banner{position:relative;flex-shrink:0;flex:0 0 45%;height:45%;width:100%;border-radius:15px 15px 0 0}.groups-dashboard-group-tile-banner-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:1;pointer-events:none}.groups-dashboard-group-menu-wrap{position:absolute;top:.4rem;right:.4rem;z-index:20}.groups-dashboard-group-menu-trigger{width:1.75rem;height:1.75rem;padding:0;box-sizing:border-box;border:1px solid var(--app-border-soft);border-radius:999px;background:#0f172a73;color:var(--app-page-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.groups-dashboard-group-menu-trigger:hover{background:#0f172a99}.groups-dashboard-group-menu-trigger svg.app-fa-icon{width:14px;height:14px}.groups-dashboard-group-menu{right:auto;min-width:0;width:fit-content;max-width:min(14rem,calc(100vw - 16px));z-index:120;transform:translate(-100%)}.groups-dashboard-group-menu .participant-actions-menu__item{color:var(--app-menu-text, var(--app-page-text));white-space:nowrap}.groups-dashboard-group-tile-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;opacity:.22;pointer-events:none;background:repeating-linear-gradient(-36deg,transparent,transparent 5px,var(--app-banner-hatch) 5px,var(--app-banner-hatch) 6px)}.groups-dashboard-group-tile-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;flex:1;min-height:0;padding:.55rem .75rem .8rem;gap:.3rem}.groups-dashboard-member-chips{display:flex;align-items:center;margin-bottom:.1rem}.groups-dashboard-member-chip{width:26px;height:26px;border-radius:50%;border:2px solid var(--app-member-chip-ring);flex-shrink:0;margin-left:-9px;box-shadow:0 1px 3px var(--app-chip-shadow);overflow:hidden;position:relative;display:inline-flex;align-items:center;justify-content:center}.groups-dashboard-member-chip:first-child{margin-left:0}.groups-dashboard-member-chip-img{width:100%;height:100%;object-fit:cover;display:block}.groups-dashboard-member-chip-fallback{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-family:Saira Extra Condensed,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.02em;color:#0f172a;text-transform:uppercase}.groups-dashboard-member-overflow{display:inline-block;margin-left:.2rem;padding:0;color:var(--app-access-muted-text);font-size:.72rem;font-weight:700;font-family:Saira Extra Condensed,sans-serif;letter-spacing:.02em;line-height:1}.groups-dashboard-group-tile-name{font-size:1rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.groups-dashboard-group-tile-meta{margin-top:0;font-size:.7rem;color:var(--app-access-muted-text);text-transform:none}@media (min-width: 1200px){.groups-dashboard-tile-grid{grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:1rem;max-width:64rem}.groups-dashboard-group-tile,.groups-dashboard-create-tile{min-height:10.5rem}.groups-dashboard-group-tile-name{font-size:1.14rem}.groups-dashboard-group-tile-meta{font-size:.84rem}.groups-dashboard-member-chip{width:32px;height:32px;margin-left:-10px}.groups-dashboard-member-overflow{margin-left:.3rem;font-size:.82rem}}.groups-dashboard-create-tile{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;border:2px solid var(--app-create-tile-border);background:var(--app-create-tile-bg);color:var(--app-create-tile-text)}.groups-dashboard-create-tile:hover{border-color:var(--app-create-tile-hover-border);background:var(--app-create-tile-hover-bg);color:var(--app-create-tile-hover-text)}.groups-dashboard-create-tile-plus{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.groups-dashboard-create-tile-plus svg.app-fa-icon{width:2.25rem;height:2.25rem;display:block}.settings-page-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;display:flex;flex-direction:column}.group-settings-modal{overflow:hidden}.group-settings-modal-header{flex:0 0 auto}.group-settings-modal-body{flex:1;min-height:0;display:grid;grid-template-columns:240px minmax(0,1fr)}.group-settings-tabs{border-right:1px solid var(--app-border-strong);background:var(--app-groups-sidebar);padding:1rem;display:flex;flex-direction:column;gap:.35rem}.group-settings-tab-btn{border:none;background:transparent;color:var(--app-page-text-muted);border-radius:8px;height:36px;padding:0 .75rem;text-align:left;cursor:pointer;font-family:Saira Extra Condensed,sans-serif;font-size:1rem;letter-spacing:.02em;transition:background-color .16s ease,color .16s ease}.group-settings-tab-btn:hover,.group-settings-tab-btn--active{background:var(--app-sidebar-btn-hover);color:var(--app-page-text)}.group-settings-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.group-settings-panel--overrides{overflow:hidden}.team-settings-invite-card{margin:.85rem .9rem 1rem;padding:.85rem;border-radius:10px;border:1px solid var(--app-border-medium);background:var(--app-surface-input)}.team-settings-invite-card h3{margin:0 0 .4rem;color:var(--app-page-text)}.team-settings-invite-label{display:block;margin:.6rem 0 .28rem;color:var(--app-text-subtle);font-size:.86rem;text-transform:uppercase}.team-settings-invite-row{display:flex;align-items:center;gap:.45rem}.group-settings-content{width:100%;max-width:1000px}.team-settings-invite-input{flex:1;min-width:0}.team-settings-join-code-wrap{position:relative;flex:1;min-width:0}.team-settings-join-code-wrap .team-settings-invite-input{width:100%;padding-right:1.7rem}.team-settings-invite-link-display{flex:1;min-width:0;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--app-border-medium);background-color:var(--app-surface-raised);color:var(--app-page-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-settings-invite-copy-btn{margin-top:0;white-space:nowrap}.team-settings-rotate-btn{white-space:nowrap}.group-banner-mode-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .75rem;margin-bottom:.75rem}.group-banner-mode-row .team-settings-invite-label{flex:0 0 100%;margin-bottom:0}.group-banner-mode-select{min-width:10rem;max-width:100%}.group-banner-image-field{margin-bottom:1rem}.group-banner-file-input{font-size:.875rem}.group-gradient-settings-row{margin-top:.5rem;display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap}.group-gradient-settings-color-field{display:flex;flex-direction:column;gap:.2rem}.group-gradient-settings-color-field input[type=color]{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer;overflow:hidden;-moz-appearance:none;appearance:none;-webkit-appearance:none}.group-gradient-settings-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.group-gradient-settings-color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.group-gradient-settings-color-field input[type=color]:disabled{cursor:not-allowed;opacity:.5}.group-gradient-settings-save-btn{margin-top:0}.group-name-settings-row{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;margin-bottom:.35rem}.group-name-settings-input{flex:1;min-width:0}.group-gradient-preview-wrap{margin-top:.9rem}.group-gradient-preview-tile{width:min(100%,15rem);min-height:0;aspect-ratio:1;cursor:default;pointer-events:none}.team-settings-rotate-input-icon{position:absolute;right:.36rem;top:50%;transform:translateY(-50%);width:20px;height:20px;min-width:20px;padding:0;border:none;background:transparent;color:var(--app-page-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,opacity .2s ease}.team-settings-rotate-input-icon svg.app-fa-icon{width:13px;height:13px}.team-settings-rotate-input-icon:hover:not(:disabled){color:var(--app-page-text)}.team-settings-rotate-input-icon:disabled{opacity:.45;cursor:not-allowed}.group-settings-panel>.settings-overrides-topbar{border-top:none}.group-settings-coming-soon{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;background:radial-gradient(circle at top right,var(--app-settings-body-tint),transparent 38%),var(--app-settings-body-bg)}.group-settings-coming-soon h3{margin:0;color:var(--app-page-text);font-size:1rem}.group-settings-loadouts-tab .group-loadout-scope-select,.group-settings-loadouts-tab .group-loadout-source-select{max-width:22rem;width:100%}.group-settings-loadouts-tab .loadout-preset-section-title{margin:1.5rem 0 .35rem;color:var(--app-page-text);font-size:1.1rem}.group-settings-loadouts-tab .loadout-preset-list{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:.75rem}.group-settings-loadouts-tab .loadout-preset-settings-row{display:inline-flex;flex-direction:column;align-items:flex-start;width:100%;max-width:24rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--app-link);background-color:var(--app-slot-filled-bg)}.group-settings-loadouts-tab .loadout-preset-settings-row .player-name-row,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-display--preset-settings{width:100%;max-width:100%}.group-settings-loadouts-tab .loadout-preset-settings-row .player-name-row{margin-bottom:10px}.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item-wrapper{width:100%;min-width:0}.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.class-item,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.spec-item,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.weapon-item,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.gadget-item{width:100%;min-width:0;flex:0 0 auto;aspect-ratio:1 / 1;height:auto;padding:0}.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item-label{font-size:1rem}.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.weapon-item.empty,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.gadget-item.empty{width:100%;aspect-ratio:1 / 1;flex:0 0 auto;height:auto;padding:0;display:flex;align-items:center;justify-content:center;min-height:0}.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.weapon-item.empty .loadout-item-text,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.gadget-item.empty .loadout-item-text,.group-settings-loadouts-tab .loadout-preset-settings-row .loadout-item.empty .loadout-item-text{font-size:.82rem;line-height:1.05;white-space:nowrap}.group-settings-loadouts-tab .loadout-preset-name-input{flex:1 1 auto;min-width:0;width:100%;max-width:18rem;margin:0;padding:0 0 0 .08em;border:none;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1;height:1em;letter-spacing:inherit;text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none}.group-settings-loadouts-tab .loadout-preset-name-input:focus-visible{outline:none!important;box-shadow:none!important}.group-settings-loadouts-tab .loadout-preset-name-input:focus,.group-settings-loadouts-tab .loadout-preset-name-input:active{outline:none!important;box-shadow:none!important}.group-settings-loadouts-tab .loadout-preset-add-btn{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem}.group-settings-loadouts-tab .loadout-preset-remove-btn{padding:.25rem .45rem}.group-settings-loadouts-tab .loadout-preset-fallback-note{margin-top:.5rem}.group-settings-loadouts-tab .loadout-display--view-only .loadout-item{cursor:default}.group-settings-coming-soon p{margin:0;color:var(--app-text-subtle)}.settings-page-body{flex:1;overflow:hidden;background:radial-gradient(circle at top right,var(--app-settings-body-tint),transparent 38%),var(--app-settings-body-bg)}.settings-section-title{margin:0 0 1.25rem;color:var(--app-page-text);font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;text-transform:uppercase;letter-spacing:.03em;font-size:2.2rem;line-height:1}.settings-page-layout{display:block;height:100%}.settings-config-panel{height:100%;overflow-y:auto;padding-right:.5rem}.settings-overrides-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:.6rem;width:100%;box-sizing:border-box;margin:0;padding:.75rem 1.5rem;border-bottom:1px solid var(--app-settings-topbar-border);border-radius:0;background-color:var(--app-settings-topbar-bg)}.settings-overrides-label{color:var(--app-text-subtle);font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.settings-overrides-select{width:100%;min-width:0;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--app-settings-select-border);background-color:var(--app-settings-select-bg);color:var(--app-page-text);font-size:1rem;font-family:inherit}.settings-overrides-select:focus{border-color:var(--app-link)}.settings-override-delete-btn{padding:.45rem .75rem;border:1px solid var(--app-danger-btn-border);background-color:var(--app-danger-btn-bg);color:var(--app-danger-btn-text);border-radius:8px;font-size:.95rem;line-height:1;cursor:pointer;transition:all .2s ease}.settings-override-delete-btn:hover:not(:disabled){border-color:var(--app-danger-btn-hover-border);background-color:var(--app-danger-btn-hover-bg)}.settings-override-delete-btn:disabled{opacity:.45;cursor:not-allowed}.settings-override-set-all-btn{padding:.45rem .75rem;border:1px solid var(--app-utility-btn-border);background-color:var(--app-utility-btn-bg);color:var(--app-utility-btn-text);border-radius:8px;font-size:.95rem;line-height:1;cursor:pointer;transition:all .2s ease}.settings-override-set-all-btn:hover:not(:disabled){border-color:var(--app-utility-btn-hover-border);background-color:var(--app-utility-btn-hover-bg)}.settings-override-set-all-btn:disabled{opacity:.45;cursor:not-allowed}.settings-override-randomize-btn{padding:.45rem .75rem;border:1px solid #e3bf00;background-color:gold;color:#1a1a1a;border-radius:8px;font-size:.95rem;line-height:1;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.38rem}.settings-override-randomize-btn svg.app-fa-icon{width:12px;height:12px}.settings-override-randomize-btn:hover:not(:disabled){border-color:gold;background-color:#ffd7001f;color:var(--app-page-text);box-shadow:0 0 0 1px #ffd70052}.selector-action-btn.locked:hover:not(:disabled),.lock-btn.locked:hover,.lock-all-loadout-btn.all-locked:hover,.loadout-item.locked .loadout-lock-btn-inside:hover{box-shadow:0 0 0 1px #ffd7009e,0 0 12px #ffd70047}.settings-override-randomize-btn:disabled{opacity:.45;cursor:not-allowed}.settings-override-random-test-btn{padding:.45rem .75rem;border:1px solid var(--app-utility-btn-border);background-color:var(--app-utility-btn-bg);color:var(--app-utility-btn-text);border-radius:8px;font-size:.95rem;line-height:1;cursor:pointer;transition:all .2s ease}.settings-override-random-test-btn:hover:not(:disabled){border-color:var(--app-utility-btn-hover-border);background-color:var(--app-utility-btn-hover-bg)}.settings-override-random-test-btn:disabled{opacity:.45;cursor:not-allowed}.settings-random-test-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;pointer-events:none;background:#0000009e;color:#fff;font-weight:800;line-height:1;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.settings-random-test-final{font-size:clamp(1.65rem,2.8vw,2.25rem)}.settings-random-test-meta{display:inline-flex;align-items:center;justify-content:center;gap:.44rem;font-size:clamp(.78rem,1.25vw,1rem);font-weight:800;line-height:1}.settings-random-test-delta{display:inline-flex;align-items:center;gap:.2rem}.settings-random-test-delta.is-positive{color:#50e68b}.settings-random-test-delta.is-negative{color:#ff5c6c}.settings-random-test-delta.is-even{color:#c8ced8}.settings-random-test-delta-icon{display:inline-block;width:0;height:0}.settings-random-test-delta.is-positive .settings-random-test-delta-icon{border-right:.28rem solid transparent;border-bottom:.48rem solid currentColor;border-left:.28rem solid transparent}.settings-random-test-delta.is-negative .settings-random-test-delta-icon{border-top:.48rem solid currentColor;border-right:.28rem solid transparent;border-left:.28rem solid transparent}.settings-random-test-delta.is-even .settings-random-test-delta-icon{width:.58rem;height:.14rem;border-radius:999px;background:currentColor}.settings-class-section{margin-bottom:1.6rem}.settings-class-section:last-child{margin-bottom:0}.settings-class-title{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;padding:.2rem .5rem;border-radius:4px;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;text-transform:uppercase;font-weight:600;font-size:1.3rem;line-height:1}.settings-class-title.light{color:#f1f2f4;background-color:#20b8d8}.settings-class-title.medium{color:#1a1a1a;background-color:gold}.settings-class-title.heavy{color:#f1f2f4;background-color:var(--app-loadout-label-bg)}.weapons-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.settings-top-classes-grid{margin-bottom:1.5rem}.weapon-settings-card{background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.weapon-settings-card.disabled{opacity:.45}.weapon-settings-card.disabled .weapon-enable-checkbox{opacity:1}.settings-weapon-preview{margin:0;cursor:pointer;position:relative}.settings-weapon-preview.disabled .weapon-image{opacity:.35}.weapon-enable-checkbox{position:absolute;top:6px;left:6px;z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--app-checkbox-bg);border-radius:4px}.weapon-enable-checkbox input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--app-link)}.weapon-enable-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.75}.settings-weapon-wrapper{width:140px;display:flex;flex-direction:column;align-items:center}.weapon-settings-input{width:140px;max-width:140px;box-sizing:border-box;padding:.5rem .65rem;border-radius:6px;border:1px solid var(--app-border-medium);background-color:var(--app-weapon-input-bg);color:var(--app-page-text);font-size:.9rem;text-align:center}.weapon-settings-input:disabled{opacity:.6;cursor:not-allowed}.weapon-settings-input::placeholder{color:var(--app-select-option-muted)}.settings-weight-row{width:140px;max-width:140px;display:flex;align-items:center;gap:.2rem}.settings-weight-row .weapon-settings-input{flex:1 1 auto;width:auto;max-width:none;min-width:0}.settings-weight-percent{flex:0 0 2.2rem;min-width:2.2rem;text-align:right;color:#b9bfd0;font-size:1;font-weight:700;letter-spacing:.01em}.settings-weight-percent.is-zero{color:#8b8b8b}.modal-header{display:flex;justify-content:space-between;align-items:center;height:90px;padding:0 1.5rem;border-bottom:1px solid var(--app-border-medium)}.modal-header h2{margin:0;font-size:1.5em;color:var(--app-page-text)}.settings-modal-branding{min-width:0;display:flex;flex-direction:column;gap:.14rem}.settings-modal-header{position:relative;justify-content:center}.settings-modal-header .settings-modal-branding{margin:0 auto;align-items:center;text-align:center}.settings-modal-header .settings-header-actions{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.settings-modal-header>.modal-close-btn{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.settings-modal-brand-app{font-family:Saira Extra Condensed,sans-serif;font-size:1.55rem;line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--app-page-text)}.settings-modal-brand-group{max-width:min(56vw,640px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:.9rem;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--app-page-text-muted)}.settings-modal-branding h2{margin:.1rem 0 0;font-size:.98rem;letter-spacing:.04em;text-transform:uppercase;color:var(--app-page-text-muted)}.settings-header-actions{display:flex;align-items:center;gap:.65rem}.modal-close-btn{background:none;border:none;color:var(--app-page-text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close-btn svg.modal-close-icon{width:18px;height:18px;display:block}.modal-close-btn:hover{background-color:var(--app-hover-on-surface)}.modal-body{padding:1.5rem}.settings-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--app-page-text);font-size:1.1em;margin-bottom:.5rem;margin-top:1rem}.settings-checkbox:first-of-type{margin-top:0}.settings-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--app-link)}.settings-description{color:var(--app-text-soft);font-size:.9em;margin:0;line-height:1.5}.keep-separate-section{margin-top:1.5rem;border-top:1px solid var(--app-border-medium);padding-top:1rem;width:100%;max-width:1000px}.keep-separate-section h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--app-page-text)}.keep-separate-add-row{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.keep-separate-add-row select{flex:1;min-width:0;min-height:40px;padding:.45em .9em;font-size:1.05em;font-family:inherit;font-style:italic!important;font-style:oblique 12deg;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-weight:600;text-transform:uppercase;border-radius:8px;border:1px solid var(--app-border-medium);background-color:var(--app-surface-input);color:var(--app-page-text)}.keep-separate-add-row .randomize-btn{min-height:40px;white-space:nowrap;padding:0 .95rem}.keep-separate-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;max-height:220px;overflow-y:auto}.keep-separate-list .empty-state{padding:.75rem}.loadout-selector-modal{max-width:600px;max-height:80vh}.loadout-selector-body{max-height:60vh;overflow-y:auto}.selector-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.selector-option-card{width:100%}.selector-option-preview{margin:0;cursor:pointer}.selector-option-preview:hover{border-color:var(--app-link);background-color:var(--app-accent-hover-fill);transform:translateY(-2px)}.selector-option-preview:active{transform:translateY(0)}.selector-option-preview.disabled{cursor:not-allowed}.selector-option-preview.disabled:hover{border-color:var(--app-border-medium);background-color:var(--app-surface-input);transform:none}.selector-option-preview.disabled .class-image,.selector-option-preview.disabled .spec-image,.selector-option-preview.disabled .weapon-image,.selector-option-preview.disabled .gadget-image{opacity:.35}@media (max-width: 1760px){.app-sidebar{width:320px;flex:0 0 320px}}@media (max-width: 1268px){.team-block h3{margin-bottom:.8rem;font-size:1.5em}.team-logo{height:1em}.team-slot.filled{padding:.375rem}.player-slot-content{gap:0}.player-name-row{gap:.35rem}.player-name{font-size:1.3em}.player-actions,.player-name-row__actions{gap:.15rem}.player-randomize-btn{padding:.18rem;border-radius:3px}}@media (max-width: 1439px){.app-workspace.sidebar-overlay-mode .sidebar-collapsed-spacer{display:block;width:150px;flex:0 0 150px}.app-sidebar.is-overlay{position:absolute;left:0;top:0;bottom:0;width:min(320px,90vw);flex:0 0 min(320px,90vw);z-index:40;box-shadow:0 8px 28px var(--app-popover-elevated-shadow)}}@media (max-width: 1000px){.app-workspace.sidebar-overlay-mode{flex-direction:column}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed{order:-1;width:100%;max-width:none;min-width:0;flex:0 0 auto;height:auto;max-height:none;align-self:flex-start;padding:.6rem .75rem;border-bottom:1px solid var(--app-header-border);display:flex;flex-direction:row;align-items:stretch;gap:.5rem}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .sidebar-collapse-btn-full{order:-1;width:auto;min-width:104px;height:auto;margin-bottom:0;padding:.45rem .55rem;align-self:stretch;flex:0 0 auto}.app-workspace.sidebar-overlay-mode .app-content{flex:1 1 auto;width:100%;min-height:0;height:auto}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .sidebar-collapsed-summary{flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;flex:1 1 auto;min-width:0;-ms-overflow-style:none;scrollbar-width:none}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .sidebar-collapsed-summary::-webkit-scrollbar{display:none;width:0;height:0}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-item{flex:1 0 148px;min-height:62px;padding:.5rem .65rem;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:.25rem}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-meta{flex-direction:row;align-items:center;justify-content:center;gap:.2rem;min-width:0;flex:0 1 auto}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-data{min-width:0;max-width:54%;display:flex;justify-content:flex-end}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:0;flex:0 0 auto}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-title{white-space:nowrap;margin-right:0;margin-left:.05rem}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-value{text-align:center;min-width:0;width:100%}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-weather-lines{align-items:flex-end}}@media (max-width: 800px){.groups-dashboard-page.sidebar-overlay-mode{overflow:hidden}.groups-dashboard-page.sidebar-overlay-mode .groups-dashboard-sidebar.is-collapsed{display:none}.groups-dashboard-page.sidebar-overlay-mode .groups-dashboard-sidebar.is-overlay{position:absolute;left:0;top:0;bottom:0;width:min(280px,90vw);flex:0 0 min(280px,90vw);z-index:40;box-shadow:0 8px 28px var(--app-popover-elevated-shadow)}.groups-dashboard-page.sidebar-overlay-mode .groups-dashboard-main{width:100%}.dashboard-nav-link{display:none}.dashboard-nav-arrow-btn{background:none;border:0;padding:0;margin:0;margin-right:.45rem;color:var(--app-page-text);cursor:pointer;display:inline;line-height:1;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dashboard-nav-arrow-btn svg.dashboard-nav-arrow-icon{width:1.25rem;height:1.25rem;display:block}.dashboard-nav-arrow-btn:hover{background:none}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-meta{align-items:center;line-height:1}.app-workspace.sidebar-overlay-mode .app-sidebar.is-collapsed .collapsed-summary-title{display:inline-flex;align-items:center;line-height:1}.teams-container{width:100%;flex-direction:column;flex-wrap:nowrap}.team-block{width:100%!important;min-width:0!important;max-width:100%!important}.team-slot{width:100%!important;max-width:100%!important}.team-slot.filled{height:auto!important;min-height:0}.team-slot.empty{height:64px!important;min-height:64px;padding:.35rem .5rem}.teams-container.is-dynamic-layout .team-slots{width:100%!important;max-width:100%!important}.teams-container.is-dynamic-layout .team-slot{width:100%!important;min-width:0!important;max-width:100%!important}.settings-weapon-wrapper{width:90px}.weapons-settings-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.settings-weight-row{width:90px;max-width:90px}.app-title{font-size:2.4em;margin:0}.top-right-controls{--top-right-btn-size: 34px;gap:.35rem}.top-right-controls .randomize-all-btn{padding:0 .75em;font-size:1.05rem}.top-right-settings-btn svg.app-fa-icon{width:17px;height:17px}.teams-panel{overflow:auto}.teams-container.is-dynamic-layout{overflow:unset!important}.App-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.4rem}.top-left-controls{grid-column:1;grid-row:1;align-self:center}.app-title-block{grid-column:2;grid-row:1;justify-self:start;align-self:center;text-align:left;align-items:flex-start;min-width:0;overflow:hidden}.app-title{text-overflow:ellipsis;line-height:1}.app-current-group-name{max-width:min(50vw,480px)}.top-right-controls{grid-column:3;grid-row:1;align-self:center}.loadout-display{width:100%;max-width:100%;min-width:0}.loadout-item-wrapper{min-width:0}.teams-container.is-dynamic-layout .loadout-display{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important}.settings-overrides-topbar{grid-template-columns:minmax(0,1fr) auto auto auto auto}.settings-overrides-label{display:none}.group-settings-modal-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.group-settings-tabs{border-right:none;border-bottom:1px solid var(--app-border-medium);flex-direction:row;flex-wrap:wrap;gap:.4rem;padding:.7rem}.settings-modal-brand-app{font-size:1.35rem}.settings-modal-brand-group{max-width:min(48vw,440px)}}@media (max-width: 500px){.mobile-panel-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.85rem}.mobile-panel-toggle__btn{border:1px solid var(--app-border-medium);background:var(--app-surface-input);color:var(--app-page-text);border-radius:9px;padding:.42rem .55rem;font-family:Saira Extra Condensed,sans-serif;font-style:italic!important;font-size:1rem;line-height:1.1;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.mobile-panel-toggle__btn.is-active{border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 16%,var(--app-surface-input));color:var(--app-page-text)}.mobile-panel-section{min-height:0}.app-sidebar.is-overlay{width:95vw!important;flex:0 0 95vw!important}.app-title{font-size:1.9em;margin:0}.app-current-group-name{max-width:min(38vw,210px);font-size:.78rem;letter-spacing:.04em}.settings-modal-brand-app{font-size:1.15rem}.settings-modal-brand-group{max-width:min(42vw,210px);font-size:.76rem}.settings-modal-branding h2{font-size:.85rem}.top-right-controls{--top-right-btn-size: 30px;gap:.25rem}.top-right-controls .randomize-all-btn{width:var(--top-right-btn-size);min-width:var(--top-right-btn-size);padding:0;justify-content:center;font-size:.95rem;gap:0}.top-right-controls .randomize-all-btn .randomize-all-label{display:none}.top-right-settings-btn svg.app-fa-icon,.top-right-controls .randomize-all-btn svg.app-fa-icon{width:15px;height:15px}}@media (max-width: 430px){.weapons-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.settings-weapon-wrapper,.settings-weight-row{width:100%;max-width:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-full-page-loading{flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.app-full-page-loading__brand{margin:0;font-size:2.1rem;line-height:1;opacity:.88}.app-full-page-loading__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--app-spinner-track);border-top-color:var(--theme-primary);border-radius:50%;animation:app-full-page-spin .85s linear infinite}@keyframes app-full-page-spin{to{transform:rotate(360deg)}}.app-skeleton-block,.app-skeleton-line{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--app-skeleton-a) 0%,var(--app-skeleton-b) 45%,var(--app-skeleton-a) 90%);background-size:200% 100%;animation:app-skeleton-shimmer 1.35s ease-in-out infinite;border-radius:8px}.app-skeleton-line{height:.65rem;border-radius:6px}.app-skeleton-line--member-row{width:4.5rem;height:1.35rem;margin-bottom:.35rem;border-radius:999px}.app-skeleton-line--title{width:72%;max-width:11rem}.app-skeleton-line--meta{width:55%;max-width:8rem;margin-top:.35rem;opacity:.85}.app-skeleton-line--name{width:65%;max-width:12rem;height:.85rem}.app-skeleton-line--badges{width:40%;max-width:6rem;height:.55rem;margin-top:.4rem}.app-skeleton-block--avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.app-skeleton-block--menu{width:2rem;height:2rem;border-radius:6px;flex-shrink:0}.app-skeleton-block--plus{width:2.25rem;height:2.25rem;border-radius:10px}@keyframes app-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.groups-dashboard-group-tile--skeleton{pointer-events:none;cursor:default;border-color:var(--app-border-strong);background:var(--app-menu-bg)}.groups-dashboard-group-tile--skeleton .groups-dashboard-group-tile-banner{animation:none;background:transparent}.groups-dashboard-create-tile--skeleton{pointer-events:none;cursor:default;border-style:solid;border-color:var(--app-border-strong);background:var(--app-tile-surface);display:flex;align-items:center;justify-content:center}.participant-item--skeleton{pointer-events:none;cursor:default;background-color:var(--app-menu-bg);border:1px solid var(--app-border-strong)}.participant-item--skeleton .participant-item__main{flex:1}.participants-list-skeleton{display:flex;flex-direction:column;gap:.5rem}@media (prefers-reduced-motion: reduce){.app-full-page-loading__spinner{animation:none;border-top-color:var(--theme-primary);opacity:.92}.app-skeleton-block,.app-skeleton-line{animation:none;background:var(--app-skeleton-static)}}.username-onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.username-onboarding-card{max-width:28rem;width:100%}.username-onboarding-title,.username-onboarding-lead{text-align:center}.username-onboarding-field-block{margin-top:1rem}.username-onboarding-error{margin-top:.75rem}.username-onboarding-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.username-onboarding-secondary{text-align:center}.teams-container.is-dynamic-layout{display:grid;grid-template-columns:repeat(var(--layout-team-cols),max-content);grid-template-rows:repeat(var(--layout-team-rows),max-content);gap:1.5rem;width:100%;height:100%;min-height:0;align-items:start;justify-content:start;align-content:start;overflow:hidden}.teams-container.is-dynamic-layout .team-block{width:var(--layout-team-block-width);min-width:0;max-width:100%;height:var(--layout-team-block-height);max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.teams-container.is-dynamic-layout .team-slots{display:grid;grid-template-columns:repeat(var(--layout-player-cols),minmax(0,1fr));grid-template-rows:repeat(var(--layout-player-rows),minmax(0,1fr));gap:.5rem;flex:0 0 auto;width:var(--layout-player-grid-width);max-width:100%;height:var(--layout-player-grid-height);max-height:100%;min-height:0;margin-bottom:0;align-content:start;justify-content:start;overflow:hidden}.teams-container.is-dynamic-layout .team-slot{width:var(--layout-slot-width);height:var(--layout-slot-height);max-width:100%;max-height:100%;min-width:0;min-height:0;overflow:hidden}.teams-container.is-dynamic-layout .player-slot-content{height:100%;min-height:0}.teams-container.is-dynamic-layout .player-name-row{height:38px;min-height:38px;max-height:38px;flex:0 0 38px}.teams-container.is-dynamic-layout .loadout-display{flex:1 1 auto;min-height:0;height:100%;grid-template-columns:repeat(var(--layout-loadout-cols),var(--layout-item-size));grid-template-rows:repeat(var(--layout-loadout-rows),calc(var(--layout-item-size) + var(--layout-label-height)));gap:.5rem;width:calc((var(--layout-loadout-cols) * var(--layout-item-size)) + ((var(--layout-loadout-cols) - 1) * .5rem));max-width:100%;justify-content:flex-start;align-content:flex-start;overflow:hidden}.teams-container.is-dynamic-layout .loadout-item-wrapper{width:var(--layout-item-size);max-width:100%;height:calc(var(--layout-item-size) + var(--layout-label-height));max-height:calc(var(--layout-item-size) + var(--layout-label-height));min-height:0;display:grid;grid-template-rows:var(--layout-item-size) var(--layout-label-height);overflow:hidden}.teams-container.is-dynamic-layout .loadout-item.class-item,.teams-container.is-dynamic-layout .loadout-item.spec-item,.teams-container.is-dynamic-layout .loadout-item.weapon-item,.teams-container.is-dynamic-layout .loadout-item.gadget-item{width:var(--layout-item-size);height:var(--layout-item-size);max-width:100%;max-height:100%;min-width:0;margin-inline:auto}.teams-container.is-dynamic-layout .loadout-item-label{width:var(--layout-item-size);min-width:var(--layout-item-size);max-width:var(--layout-item-size);height:30px;min-height:30px;max-height:30px;padding-top:0;padding-bottom:0;align-items:center;justify-content:center;margin-inline:auto;overflow:hidden;font-size:var(--layout-label-font-size, 16px)}.teams-container.is-dynamic-layout .loadout-item-label.medium-label{font-size:var(--layout-label-font-size-medium, 15px)}.teams-container.is-dynamic-layout .loadout-item-label.long-label{font-size:var(--layout-label-font-size-long, 14px)}.teams-container.teams-container-tdm{width:100%}.teams-container.teams-container-tdm.is-landscape{flex-direction:column;flex-wrap:nowrap;align-items:flex-start}.teams-container.teams-container-tdm.is-landscape .team-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;gap:.5rem;width:100%;overflow:hidden;margin-bottom:0}.teams-container.teams-container-tdm.is-landscape.is-three-per-team .team-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.teams-container.mode-head2head.teams-container-tdm.is-landscape .team-slots{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.teams-container.mode-head2head.teams-container-tdm.is-landscape{height:100%}.teams-container.mode-head2head.teams-container-tdm.is-landscape .team-block{height:calc((100% - 1.5rem)/2);min-height:0}.teams-container.mode-head2head.teams-container-tdm.is-landscape .team-slot{min-height:0}.teams-container.mode-head2head.teams-container-tdm.is-landscape .player-slot-content{height:100%;min-height:0}.teams-container.mode-head2head.teams-container-tdm.is-landscape .loadout-display{flex:1;min-height:0;height:100%}.teams-container.teams-container-tdm.is-landscape .team-block{width:unset;min-width:unset;max-width:100%}.teams-container.teams-container-tdm.is-landscape .team-slot{width:unset;min-width:0;max-width:none;height:100%}.teams-container.teams-container-tdm.is-portrait{flex-direction:row;flex-wrap:nowrap;align-items:stretch}.teams-container.teams-container-tdm.is-portrait .team-block{display:flex;flex-direction:column;flex:1;min-width:0;max-width:none;height:calc(100dvh - 1.5rem - 100px)}.teams-container.teams-container-tdm.is-portrait .team-slots{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;margin-bottom:0;justify-content:flex-start}.teams-container.teams-container-tdm.is-portrait .team-slot{width:100%;max-width:100%;min-width:0;height:auto;max-height:calc((100% - 2rem)/5);flex:0 1 calc((100% - 2rem)/5);min-height:0;overflow:hidden}.teams-container.teams-container-tdm.is-portrait.is-three-per-team .team-slot,.teams-container.mode-head2head.teams-container-tdm.is-portrait .team-slot{max-height:calc((100% - 1rem) / 3);flex:0 1 calc((100% - 1rem) / 3)}.teams-container.teams-container-tdm.is-portrait .player-slot-content{height:100%;min-height:0}.teams-container.teams-container-tdm.is-portrait .loadout-display{flex:1;min-height:0;height:100%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr}.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-display{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-item-wrapper{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-item.class-item,.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-item.spec-item,.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-item.weapon-item,.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-item.gadget-item{width:auto;height:100%;max-width:100%;max-height:100%;margin-inline:auto}.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .loadout-item-label{min-height:1.4rem}.teams-container.teams-container-tdm.is-portrait.is-tall-portrait .team-slot{width:auto;align-self:center;max-width:min(100%,calc((100% - 2rem)/5*3.35))}.teams-container.teams-container-tdm.is-portrait .loadout-item-wrapper{width:100%;height:auto;justify-self:stretch;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.teams-container.teams-container-tdm.is-portrait .loadout-item.class-item,.teams-container.teams-container-tdm.is-portrait .loadout-item.spec-item,.teams-container.teams-container-tdm.is-portrait .loadout-item.weapon-item,.teams-container.teams-container-tdm.is-portrait .loadout-item.gadget-item{width:100%;height:auto;aspect-ratio:1 / 1;max-width:100%;max-height:100%;min-width:0}.teams-container.teams-container-tdm.is-portrait .loadout-item-label{width:100%}.teams-container.mode-point-break{display:flex;flex-wrap:nowrap;align-items:stretch}.teams-container.mode-point-break .team-block{display:flex;flex-direction:column;flex:1 1 0;width:auto;min-width:0;max-width:calc((100% - 4.5rem)/2);height:calc(100dvh - 4.5rem - 100px);align-items:stretch}.teams-container.mode-point-break .team-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.5rem;flex:1;min-height:0;align-content:stretch;justify-content:stretch;width:100%;margin-bottom:0}.teams-container.mode-point-break .team-slot{--pb-label-height: 1.75rem;--pb-header-reserve: 2.5rem;--pb-item-size: min( calc((100cqw - 1rem) / 3), calc((100cqh - var(--pb-header-reserve) - .5rem - (2 * var(--pb-label-height))) / 2) );container-type:size;width:100%;max-width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.teams-container.mode-point-break .team-slot.empty{width:100%}.teams-container.mode-point-break .player-slot-content{height:100%;min-height:0}.teams-container.mode-point-break .team-slot.filled .player-slot-content{width:100%;max-width:100%;min-width:0;margin-inline:0}.teams-container.mode-point-break .loadout-display{flex:1 1 auto;min-height:0;height:100%;grid-template-columns:repeat(3,var(--pb-item-size));grid-template-rows:repeat(2,auto);width:calc((3 * var(--pb-item-size)) + 1rem);max-width:100%;justify-content:flex-start;justify-items:stretch}.teams-container.mode-point-break .loadout-item-wrapper{width:var(--pb-item-size);max-width:100%;height:auto;min-height:0;display:grid;grid-template-rows:var(--pb-item-size) var(--pb-label-height);justify-self:stretch}.teams-container.mode-point-break .loadout-item.class-item,.teams-container.mode-point-break .loadout-item.spec-item,.teams-container.mode-point-break .loadout-item.weapon-item,.teams-container.mode-point-break .loadout-item.gadget-item{width:var(--pb-item-size);height:var(--pb-item-size);max-width:100%;max-height:100%;min-width:0;margin-inline:auto}.teams-container.mode-point-break .loadout-item-label,.teams-container.mode-point-break .loadout-item-label.medium-label,.teams-container.mode-point-break .loadout-item-label.long-label{font-size:16px;width:var(--pb-item-size);min-width:var(--pb-item-size);max-width:var(--pb-item-size);margin-inline:auto;justify-self:center}.teams-container.is-dynamic-layout .loadout-item-wrapper,.teams-container.is-dynamic-layout .loadout-item.class-item,.teams-container.is-dynamic-layout .loadout-item.spec-item,.teams-container.is-dynamic-layout .loadout-item.weapon-item,.teams-container.is-dynamic-layout .loadout-item.gadget-item{width:var(--layout-item-size);min-width:var(--layout-item-size);max-width:var(--layout-item-size)}@media (max-width: 800px){.teams-container.is-dynamic-layout{grid-template-columns:minmax(0,1fr)!important;width:100%;justify-items:stretch}.teams-container.is-dynamic-layout .team-block{width:100%!important;min-width:0!important;max-width:100%!important}}:root{font-family:Saira Extra Condensed,system-ui,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--app-link, #646cff);text-decoration:inherit}a:hover{color:var(--app-link-hover, #535bf2)}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--app-chrome-surface, #2a2a2a);color:var(--app-page-text, #e8ecf4);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--app-link, #646cff)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--app-surface-raised: #1a1a1a;--app-surface-input: #242424;--app-surface-deep: #141414;--app-groups-sidebar: #161616;--app-border-strong: #333;--app-border-medium: #444;--app-border-soft: #3b3b3b;--app-sidebar-btn: #232323;--app-sidebar-btn-hover: #2b2b2b;--app-page-text: #e8ecf4;--app-modal-shadow: rgba(0, 0, 0, .5);--app-access-gradient: rgba(100, 108, 255, .18);--app-settings-body-bg: #141414;--app-settings-body-tint: rgba(100, 108, 255, .12);--app-access-title: #ffffff;--app-access-muted-text: #c8ceda;--app-access-input-text: #ffffff;--app-teams-panel-bg: #121212;--app-chrome-surface: #2a2a2a;--app-chrome-surface-hover: #3a3a3a;--app-chrome-elevated: #2a2d36;--app-header-border: rgba(255, 255, 255, .08);--app-text-on-primary: #ffffff;--app-text-subtle: #9ca3af;--app-text-faint: #888888;--app-text-soft: #aaaaaa;--app-text-dim: #8b939f;--app-secondary-text: #cccccc;--app-link: #646cff;--app-link-hover: #535bf2;--app-overlay-scrim: rgba(0, 0, 0, .45);--app-modal-scrim: rgba(0, 0, 0, .7);--app-popover-bg: #1f2228;--app-popover-border: rgba(255, 255, 255, .12);--app-menu-bg: #1e1e1e;--app-menu-text: #e8eaef;--app-focus-ring: rgba(100, 108, 255, .1);--app-accent-hover-fill: #2a2a3a;--app-tile-surface: #222222;--app-tile-surface-hover: #2a2a2a;--app-tile-border: #3a3a3a;--app-member-chip-ring: #1e1e1e;--app-member-overflow-bg: #2f3440;--app-member-overflow-text: #e2e6ef;--app-dashboard-logo-sub: #b8c0d0;--app-settings-topbar-bg: #17171d;--app-settings-topbar-border: #3a3a3a;--app-settings-select-bg: #121218;--app-settings-select-border: #494d5c;--app-weapon-input-bg: #161616;--app-checkbox-bg: rgba(20, 20, 20, .85);--app-loadout-label-bg: #d31f3c;--app-loadout-label-text: #f1f2f4;--app-slot-filled-bg: #2a2a3a;--app-slot-locked-bg: #2a241a;--app-loadout-locked-bg: #3a3420;--app-loadout-locked-hover-bg: #4a4320;--app-dnd-ghost-bg: rgba(26, 26, 26, .82);--app-dnd-ghost-name: #f0fdf9;--app-dnd-ghost-swap-name: #ffedd5;--app-skeleton-a: #2a2a2a;--app-skeleton-b: #3a3a3a;--app-skeleton-static: #2c2c2c;--app-spinner-track: rgba(255, 255, 255, .12);--app-create-tile-border: rgba(255, 255, 255, .22);--app-create-tile-bg: rgba(255, 255, 255, .035);--app-create-tile-text: rgba(255, 255, 255, .55);--app-profile-border: rgba(255, 255, 255, .14);--app-profile-border-hover: rgba(255, 255, 255, .35);--app-avatar-ring: rgba(255, 255, 255, .08);--app-select-option-muted: #8b8b8b;--app-muted-btn-bg: #5a5a5a;--app-muted-btn-hover-bg: #666666;--app-danger-btn-border: #9a4b57;--app-danger-btn-bg: #41232a;--app-danger-btn-text: #ffd4db;--app-danger-btn-hover-border: #c65f70;--app-danger-btn-hover-bg: #532c34;--app-utility-btn-border: #4b607f;--app-utility-btn-bg: #243249;--app-utility-btn-text: #dce8ff;--app-utility-btn-hover-border: #6d87b3;--app-utility-btn-hover-bg: #2d3e5a;--app-banner-stop-a: 38%;--app-banner-stop-b: 24%;--app-member-chip-s: 52%;--app-member-chip-l: 46%;--app-hover-on-surface: rgba(255, 255, 255, .1);--app-menu-row-hover: rgba(255, 255, 255, .07);--app-icon-muted: rgba(255, 255, 255, .55);--app-icon-emphasis: rgba(255, 255, 255, .9);--app-create-tile-hover-border: rgba(255, 255, 255, .35);--app-create-tile-hover-bg: rgba(255, 255, 255, .06);--app-create-tile-hover-text: rgba(255, 255, 255, .75);--app-floating-control-bg: rgba(26, 26, 26, .8);--app-floating-control-border: rgba(255, 255, 255, .2);--app-drop-shadow: rgba(0, 0, 0, .3);--app-popover-elevated-shadow: rgba(0, 0, 0, .45);--app-banner-hatch: rgba(255, 255, 255, .1);--app-chip-shadow: rgba(0, 0, 0, .35)}@media (prefers-color-scheme: light){:root{--app-surface-raised: #f4f5f9;--app-surface-input: #ffffff;--app-surface-deep: #e8ebf2;--app-groups-sidebar: #dde1ea;--app-border-strong: #c5cad6;--app-border-medium: #aeb6c7;--app-border-soft: #b4bcc9;--app-sidebar-btn: #cfd5e0;--app-sidebar-btn-hover: #c2c9d6;--app-page-text: #141820;--app-modal-shadow: rgba(15, 18, 28, .18);--app-access-gradient: rgba(80, 90, 200, .14);--app-settings-body-bg: #f0f2f7;--app-settings-body-tint: rgba(80, 90, 200, .08);--app-access-title: #141820;--app-access-muted-text: #4a5568;--app-access-input-text: #141820;--app-teams-panel-bg: #dce0ea;--app-chrome-surface: #e2e6ef;--app-chrome-surface-hover: #d5dae6;--app-chrome-elevated: #d8dce6;--app-header-border: rgba(15, 18, 28, .1);--app-text-on-primary: #ffffff;--app-text-subtle: #5c6570;--app-text-faint: #6b7280;--app-text-soft: #64748b;--app-text-dim: #6b7280;--app-secondary-text: #475569;--app-link: #4f56d8;--app-link-hover: #3d44b8;--app-overlay-scrim: rgba(15, 18, 28, .35);--app-modal-scrim: rgba(15, 18, 28, .45);--app-popover-bg: #ffffff;--app-popover-border: rgba(15, 18, 28, .12);--app-menu-bg: #f8f9fc;--app-menu-text: #1e2430;--app-focus-ring: rgba(79, 86, 216, .14);--app-accent-hover-fill: #e8eafd;--app-tile-surface: #f0f2f8;--app-tile-surface-hover: #e4e8f2;--app-tile-border: #c5cad6;--app-member-chip-ring: #ffffff;--app-member-overflow-bg: #e2e6ef;--app-member-overflow-text: #2d3340;--app-dashboard-logo-sub: #5c6578;--app-settings-topbar-bg: #ffffff;--app-settings-topbar-border: #d5dae6;--app-settings-select-bg: #ffffff;--app-settings-select-border: #aeb6c7;--app-weapon-input-bg: #f4f5f9;--app-checkbox-bg: rgba(255, 255, 255, .92);--app-loadout-label-bg: #d31f3c;--app-loadout-label-text: #ffffff;--app-slot-filled-bg: #e8eafd;--app-slot-locked-bg: #fff4e0;--app-loadout-locked-bg: #fff8e6;--app-loadout-locked-hover-bg: #ffefcc;--app-dnd-ghost-bg: rgba(248, 249, 252, .92);--app-dnd-ghost-name: #0f172a;--app-dnd-ghost-swap-name: #7c2d12;--app-skeleton-a: #e4e8f0;--app-skeleton-b: #d0d6e2;--app-skeleton-static: #e2e6ef;--app-spinner-track: rgba(15, 18, 28, .12);--app-create-tile-border: rgba(15, 18, 28, .18);--app-create-tile-bg: rgba(15, 18, 28, .04);--app-create-tile-text: rgba(15, 18, 28, .45);--app-profile-border: rgba(15, 18, 28, .14);--app-profile-border-hover: rgba(15, 18, 28, .28);--app-avatar-ring: rgba(15, 18, 28, .1);--app-select-option-muted: #8b95a8;--app-muted-btn-bg: #c3cad7;--app-muted-btn-hover-bg: #b5bece;--app-danger-btn-border: #e1a8b2;--app-danger-btn-bg: #fdecee;--app-danger-btn-text: #7b1d2c;--app-danger-btn-hover-border: #d58c98;--app-danger-btn-hover-bg: #f9dce1;--app-utility-btn-border: #b7c7ea;--app-utility-btn-bg: #e8eefb;--app-utility-btn-text: #1f3b76;--app-utility-btn-hover-border: #9fb4e3;--app-utility-btn-hover-bg: #dbe6fa;--app-banner-stop-a: 52%;--app-banner-stop-b: 40%;--app-member-chip-s: 46%;--app-member-chip-l: 50%;--app-hover-on-surface: rgba(15, 18, 28, .06);--app-menu-row-hover: rgba(15, 18, 28, .05);--app-icon-muted: rgba(15, 18, 28, .45);--app-icon-emphasis: rgba(15, 18, 28, .88);--app-create-tile-hover-border: rgba(15, 18, 28, .28);--app-create-tile-hover-bg: rgba(15, 18, 28, .05);--app-create-tile-hover-text: rgba(15, 18, 28, .72);--app-floating-control-bg: rgba(255, 255, 255, .92);--app-floating-control-border: rgba(15, 18, 28, .15);--app-drop-shadow: rgba(15, 18, 28, .12);--app-popover-elevated-shadow: rgba(15, 18, 28, .18);--app-banner-hatch: rgba(15, 18, 28, .08);--app-chip-shadow: rgba(15, 18, 28, .2)}}html[data-app-theme=dark]{color-scheme:dark;--app-surface-raised: #1a1a1a;--app-surface-input: #242424;--app-surface-deep: #141414;--app-groups-sidebar: #161616;--app-border-strong: #333;--app-border-medium: #444;--app-border-soft: #3b3b3b;--app-sidebar-btn: #232323;--app-sidebar-btn-hover: #2b2b2b;--app-page-text: #e8ecf4;--app-modal-shadow: rgba(0, 0, 0, .5);--app-access-gradient: rgba(100, 108, 255, .18);--app-settings-body-bg: #141414;--app-settings-body-tint: rgba(100, 108, 255, .12);--app-access-title: #ffffff;--app-access-muted-text: #c8ceda;--app-access-input-text: #ffffff;--app-teams-panel-bg: #121212;--app-chrome-surface: #2a2a2a;--app-chrome-surface-hover: #3a3a3a;--app-chrome-elevated: #2a2d36;--app-header-border: rgba(255, 255, 255, .08);--app-text-on-primary: #ffffff;--app-text-subtle: #9ca3af;--app-text-faint: #888888;--app-text-soft: #aaaaaa;--app-text-dim: #8b939f;--app-secondary-text: #cccccc;--app-link: #646cff;--app-link-hover: #535bf2;--app-overlay-scrim: rgba(0, 0, 0, .45);--app-modal-scrim: rgba(0, 0, 0, .7);--app-popover-bg: #1f2228;--app-popover-border: rgba(255, 255, 255, .12);--app-menu-bg: #1e1e1e;--app-menu-text: #e8eaef;--app-focus-ring: rgba(100, 108, 255, .1);--app-accent-hover-fill: #2a2a3a;--app-tile-surface: #222222;--app-tile-surface-hover: #2a2a2a;--app-tile-border: #3a3a3a;--app-member-chip-ring: #1e1e1e;--app-member-overflow-bg: #2f3440;--app-member-overflow-text: #e2e6ef;--app-dashboard-logo-sub: #b8c0d0;--app-settings-topbar-bg: #17171d;--app-settings-topbar-border: #3a3a3a;--app-settings-select-bg: #121218;--app-settings-select-border: #494d5c;--app-weapon-input-bg: #161616;--app-checkbox-bg: rgba(20, 20, 20, .85);--app-loadout-label-bg: #d31f3c;--app-loadout-label-text: #f1f2f4;--app-slot-filled-bg: #2a2a3a;--app-slot-locked-bg: #2a241a;--app-loadout-locked-bg: #3a3420;--app-loadout-locked-hover-bg: #4a4320;--app-dnd-ghost-bg: rgba(26, 26, 26, .82);--app-dnd-ghost-name: #f0fdf9;--app-dnd-ghost-swap-name: #ffedd5;--app-skeleton-a: #2a2a2a;--app-skeleton-b: #3a3a3a;--app-skeleton-static: #2c2c2c;--app-spinner-track: rgba(255, 255, 255, .12);--app-create-tile-border: rgba(255, 255, 255, .22);--app-create-tile-bg: rgba(255, 255, 255, .035);--app-create-tile-text: rgba(255, 255, 255, .55);--app-profile-border: rgba(255, 255, 255, .14);--app-profile-border-hover: rgba(255, 255, 255, .35);--app-avatar-ring: rgba(255, 255, 255, .08);--app-select-option-muted: #8b8b8b;--app-muted-btn-bg: #5a5a5a;--app-muted-btn-hover-bg: #666666;--app-danger-btn-border: #9a4b57;--app-danger-btn-bg: #41232a;--app-danger-btn-text: #ffd4db;--app-danger-btn-hover-border: #c65f70;--app-danger-btn-hover-bg: #532c34;--app-utility-btn-border: #4b607f;--app-utility-btn-bg: #243249;--app-utility-btn-text: #dce8ff;--app-utility-btn-hover-border: #6d87b3;--app-utility-btn-hover-bg: #2d3e5a;--app-banner-stop-a: 38%;--app-banner-stop-b: 24%;--app-member-chip-s: 52%;--app-member-chip-l: 46%;--app-hover-on-surface: rgba(255, 255, 255, .1);--app-menu-row-hover: rgba(255, 255, 255, .07);--app-icon-muted: rgba(255, 255, 255, .55);--app-icon-emphasis: rgba(255, 255, 255, .9);--app-create-tile-hover-border: rgba(255, 255, 255, .35);--app-create-tile-hover-bg: rgba(255, 255, 255, .06);--app-create-tile-hover-text: rgba(255, 255, 255, .75);--app-floating-control-bg: rgba(26, 26, 26, .8);--app-floating-control-border: rgba(255, 255, 255, .2);--app-drop-shadow: rgba(0, 0, 0, .3);--app-popover-elevated-shadow: rgba(0, 0, 0, .45);--app-banner-hatch: rgba(255, 255, 255, .1);--app-chip-shadow: rgba(0, 0, 0, .35)}html[data-app-theme=light]{color-scheme:light;--app-surface-raised: #f4f5f9;--app-surface-input: #ffffff;--app-surface-deep: #e8ebf2;--app-groups-sidebar: #dde1ea;--app-border-strong: #c5cad6;--app-border-medium: #aeb6c7;--app-border-soft: #b4bcc9;--app-sidebar-btn: #cfd5e0;--app-sidebar-btn-hover: #c2c9d6;--app-page-text: #141820;--app-modal-shadow: rgba(15, 18, 28, .18);--app-access-gradient: rgba(80, 90, 200, .14);--app-settings-body-bg: #f0f2f7;--app-settings-body-tint: rgba(80, 90, 200, .08);--app-access-title: #141820;--app-access-muted-text: #4a5568;--app-access-input-text: #141820;--app-teams-panel-bg: #dce0ea;--app-chrome-surface: #e2e6ef;--app-chrome-surface-hover: #d5dae6;--app-chrome-elevated: #d8dce6;--app-header-border: rgba(15, 18, 28, .1);--app-text-on-primary: #ffffff;--app-text-subtle: #5c6570;--app-text-faint: #6b7280;--app-text-soft: #64748b;--app-text-dim: #6b7280;--app-secondary-text: #475569;--app-link: #4f56d8;--app-link-hover: #3d44b8;--app-overlay-scrim: rgba(15, 18, 28, .35);--app-modal-scrim: rgba(15, 18, 28, .45);--app-popover-bg: #ffffff;--app-popover-border: rgba(15, 18, 28, .12);--app-menu-bg: #f8f9fc;--app-menu-text: #1e2430;--app-focus-ring: rgba(79, 86, 216, .14);--app-accent-hover-fill: #e8eafd;--app-tile-surface: #f0f2f8;--app-tile-surface-hover: #e4e8f2;--app-tile-border: #c5cad6;--app-member-chip-ring: #ffffff;--app-member-overflow-bg: #e2e6ef;--app-member-overflow-text: #2d3340;--app-dashboard-logo-sub: #5c6578;--app-settings-topbar-bg: #ffffff;--app-settings-topbar-border: #d5dae6;--app-settings-select-bg: #ffffff;--app-settings-select-border: #aeb6c7;--app-weapon-input-bg: #f4f5f9;--app-checkbox-bg: rgba(255, 255, 255, .92);--app-loadout-label-bg: #d31f3c;--app-loadout-label-text: #ffffff;--app-slot-filled-bg: #e8eafd;--app-slot-locked-bg: #fff4e0;--app-loadout-locked-bg: #fff8e6;--app-loadout-locked-hover-bg: #ffefcc;--app-dnd-ghost-bg: rgba(248, 249, 252, .92);--app-dnd-ghost-name: #0f172a;--app-dnd-ghost-swap-name: #7c2d12;--app-skeleton-a: #e4e8f0;--app-skeleton-b: #d0d6e2;--app-skeleton-static: #e2e6ef;--app-spinner-track: rgba(15, 18, 28, .12);--app-create-tile-border: rgba(15, 18, 28, .18);--app-create-tile-bg: rgba(15, 18, 28, .04);--app-create-tile-text: rgba(15, 18, 28, .45);--app-profile-border: rgba(15, 18, 28, .14);--app-profile-border-hover: rgba(15, 18, 28, .28);--app-avatar-ring: rgba(15, 18, 28, .1);--app-select-option-muted: #8b95a8;--app-muted-btn-bg: #c3cad7;--app-muted-btn-hover-bg: #b5bece;--app-danger-btn-border: #e1a8b2;--app-danger-btn-bg: #fdecee;--app-danger-btn-text: #7b1d2c;--app-danger-btn-hover-border: #d58c98;--app-danger-btn-hover-bg: #f9dce1;--app-utility-btn-border: #b7c7ea;--app-utility-btn-bg: #e8eefb;--app-utility-btn-text: #1f3b76;--app-utility-btn-hover-border: #9fb4e3;--app-utility-btn-hover-bg: #dbe6fa;--app-banner-stop-a: 52%;--app-banner-stop-b: 40%;--app-member-chip-s: 46%;--app-member-chip-l: 50%;--app-hover-on-surface: rgba(15, 18, 28, .06);--app-menu-row-hover: rgba(15, 18, 28, .05);--app-icon-muted: rgba(15, 18, 28, .45);--app-icon-emphasis: rgba(15, 18, 28, .88);--app-create-tile-hover-border: rgba(15, 18, 28, .28);--app-create-tile-hover-bg: rgba(15, 18, 28, .05);--app-create-tile-hover-text: rgba(15, 18, 28, .72);--app-floating-control-bg: rgba(255, 255, 255, .92);--app-floating-control-border: rgba(15, 18, 28, .15);--app-drop-shadow: rgba(15, 18, 28, .12);--app-popover-elevated-shadow: rgba(15, 18, 28, .18);--app-banner-hatch: rgba(15, 18, 28, .08);--app-chip-shadow: rgba(15, 18, 28, .2)}html[data-app-theme=system]{color-scheme:light dark}html[data-app-theme=dark],html[data-app-theme=light],html[data-app-theme=system]{background-color:var(--app-surface-deep);color:var(--app-page-text)}