:root{color:#edf3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07162f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#5077b21a 25%,#0000 25%) 0 0/190px 190px,linear-gradient(315deg,#5077b214 25%,#0000 25%) 0 0/190px 190px,radial-gradient(circle at 50% 0,#183b66 0%,#0a2343 36%,#06162c 100%);min-width:320px;min-height:100svh;margin:0}button{font:inherit}.teamcomp-page{color:#edf3ff;background:linear-gradient(135deg,#5077b21a 25%,#0000 25%) 0 0/190px 190px,linear-gradient(315deg,#5077b214 25%,#0000 25%) 0 0/190px 190px,radial-gradient(circle at 50% 0,#183b66 0%,#0a2343 36%,#06162c 100%);min-height:max(42rem,100svh)}.teamcomp-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071a33e6;border-bottom:1px solid #d7e4ff38;justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(1rem,2vw,1.5rem) clamp(1rem,4vw,4rem) 1.75rem;display:flex;position:relative;box-shadow:0 .8rem 1.5rem #020c1c33}.teamcomp-header:after{content:"";background:#ffd326;width:7rem;height:3px;position:absolute;bottom:-2px;left:clamp(1rem,4vw,4rem);transform:skew(-20deg)}.teamcomp-eyebrow,.eyebrow,.role-label,.summary-label,.rail-count,.teamup-link-name{letter-spacing:.12em;text-transform:uppercase;font-size:.71rem;font-weight:800}.teamcomp-eyebrow,.eyebrow{color:#ffd326;margin:0 0 .25rem}.teamcomp-eyebrow a,.eyebrow a{color:inherit;text-decoration:none}.teamcomp-eyebrow a:hover,.teamcomp-eyebrow a:focus-visible,.eyebrow a:hover,.eyebrow a:focus-visible{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.1em}.teamcomp-header h1{letter-spacing:.05em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;font-stretch:75%;line-height:1.05}.season-picker{color:#edf3ff;letter-spacing:.09em;text-transform:none;vertical-align:.18em;white-space:nowrap;margin-left:.28em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.34em;font-weight:800;line-height:1;display:inline-block;position:relative}.season-picker select{appearance:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:.16em 1.25em .16em .24em}.season-picker:after{content:"";pointer-events:none;border-bottom:.13em solid;border-right:.13em solid;width:.38em;height:.38em;position:absolute;top:42%;right:.3em;transform:rotate(45deg)translateY(-50%)}.season-picker select:hover,.season-picker select:focus-visible{color:#ffd326;outline:none}.season-picker select option{color:#07162f;background:#f4f8ff;font-weight:800}.season-picker .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.teamcomp-header>p{color:#adc1df;text-align:right;max-width:35rem;margin:0;font-size:.92rem;line-height:1.5}.header-actions{flex:none;align-items:center;gap:.45rem;display:flex}.header-action-button{color:#edf3ff;cursor:pointer;background:#0c264bc7;border:1px solid #bdd3f49e;border-radius:50%;place-items:center;width:2.45rem;height:2.45rem;padding:0;display:grid}.header-action-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.18rem;height:1.18rem}.header-action-button .settings-icon{fill:currentColor;stroke:none;transform:translate(-.04rem)}.header-action-button span{font-size:1.25rem;font-weight:700;line-height:1;transform:translateY(-.02em)}.header-action-button:hover,.header-action-button:focus-visible{color:#ffd326;border-color:#ffd326;outline:none;box-shadow:0 0 0 3px #ffd32624}.player-share-wrap{position:relative}.player-share-popover{z-index:120;color:#edf3ff;background:#071834fa;border:1px solid #a4c2ee7a;gap:.28rem;width:min(18rem,100vw - 2rem);padding:.85rem;display:grid;position:absolute;top:calc(100% + .7rem);right:0;box-shadow:0 .9rem 2.2rem #0000007a}.player-share-popover>strong{color:#fff2a6;letter-spacing:.07em;text-transform:uppercase;font-size:.76rem}.player-share-option{color:#edf3ff;cursor:pointer;align-items:center;gap:.75rem;min-height:2.05rem;font-size:.92rem;font-weight:700;display:flex}.player-share-option-child{margin:0 0 .35rem 1.45rem;position:relative}.player-share-option-child:before{content:"";border-bottom:1px solid #a4c2ee80;border-left:1px solid #a4c2ee80;width:.6rem;position:absolute;top:-.85rem;bottom:50%;left:-.72rem}.player-share-option input{accent-color:#ffd326;flex:none;width:1.25rem;height:1.25rem;margin:0}.player-share-popover p{color:#91a9ca;margin:0;font-size:.68rem;line-height:1.4}.player-share-popover>button{color:#07162f;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#ffd326;border:1px solid #ffd326;min-height:2.35rem;font-weight:900}.share-toast{z-index:110;color:#fff5c0;letter-spacing:.04em;background:#07162ff5;border:1px solid #ffd326b8;max-width:calc(100vw - 2rem);padding:.72rem .9rem;font-size:.76rem;font-weight:800;animation:.5s 1.54s forwards share-toast-fade-out;position:absolute;top:calc(100% + 12px);right:clamp(1rem,3vw,2rem);box-shadow:0 .8rem 1.8rem #00000059}@keyframes share-toast-fade-out{to{opacity:0}}.help-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010714c2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.help-modal{color:#f7f9ff;clip-path:none;background:linear-gradient(145deg,#34517e2e,#0000 42%),#10294c;border:1px solid #c4d8f842;border-top:4px solid #ffd326;border-radius:0;width:min(44rem,100%);max-height:calc(100svh - 2rem);padding:clamp(1.15rem,3vw,2rem);position:relative;overflow-y:auto;box-shadow:0 2rem 6rem #00051294}.square-close-button.help-modal-close{position:absolute;top:1rem;right:1rem}.help-modal>.eyebrow{padding-right:2.5rem}.help-modal h2{letter-spacing:.04em;text-transform:uppercase;margin:0 2.75rem 1.25rem 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:900;line-height:1.05}.shared-player-decision-modal{width:min(36rem,100%)}.shared-player-modal-intro{color:#bfd0e8;margin:0;font-size:.84rem;line-height:1.5}.shared-player-decision-actions,.shared-player-merge-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}.shared-player-decision-actions button,.shared-player-merge-actions button{color:#dce9fa;cursor:pointer;background:#0a2348;border:1px solid #a4c2ee73;min-height:2.65rem;padding:.55rem .8rem;font-weight:850}.shared-player-decision-actions button.is-primary,.shared-player-merge-actions button.is-primary{color:#07162f;background:#ffd326;border-color:#ffd326}.shared-player-merge-actions button:disabled{cursor:not-allowed;opacity:.4}.shared-player-merge-modal{width:min(48rem,100%)}.shared-player-selection-count{color:#9fb5d4;text-align:right;margin:.8rem 0;font-size:.75rem;font-weight:800}.shared-player-selection-count strong{color:#ffd326;font-size:1rem}.shared-player-lists{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-height:min(34rem,58svh);display:grid;overflow-y:auto}.shared-player-lists.is-single-column{grid-template-columns:1fr}.shared-player-lists>section{align-content:start;gap:.45rem;display:grid}.shared-player-lists h3{z-index:2;color:#fff2a6;letter-spacing:.08em;text-transform:uppercase;background:#10294c;margin:0;padding:.45rem 0;font-size:.75rem;position:sticky;top:0}.shared-player-row{cursor:pointer;background:#081d3d8c;border:1px solid #a4c2ee40;grid-template-columns:1.35rem minmax(0,1fr);gap:.55rem;padding:.65rem;display:grid;position:relative}.shared-player-row.is-selected{background:#ffd32614;border-color:#ffd326ad}.shared-player-row.is-disabled{cursor:not-allowed;opacity:.42}.shared-player-row>input{opacity:0;position:absolute}.shared-player-check{color:#0000;border:1px solid #a4c2ee8c;place-items:center;width:1.2rem;height:1.2rem;font-size:.75rem;display:grid}.shared-player-row.is-radio .shared-player-check{border-radius:50%;font-size:.55rem}.shared-player-row.is-selected .shared-player-check{color:#07162f;background:#ffd326;border-color:#ffd326}.shared-player-update-pair{background:#05132a6b;border:1px solid #a4c2ee4d;display:grid}.shared-player-update-pair .shared-player-row{border:0}.shared-player-update-pair .shared-player-row.is-selected{box-shadow:inset 0 0 0 1px #ffd326ad}.shared-player-update-pair .shared-player-row+.shared-player-row{border-top:1px solid #a4c2ee33}.shared-player-copy{gap:.4rem;min-width:0;display:grid}.shared-player-copy>strong{color:#edf3ff;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.shared-player-copy>strong small{color:#91a9ca;text-transform:uppercase;font-size:.66rem;font-weight:750}.shared-player-copy>em{color:#8099bc;font-size:.68rem}.shared-player-favorites{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.shared-player-role{border-left:2px solid var(--role-color);align-items:center;padding-left:.28rem;display:inline-flex}.shared-player-role.role-vanguard{--role-color:#62d66f}.shared-player-role.role-duelist{--role-color:#ff4c5b}.shared-player-role.role-strategist{--role-color:#40d6df}.shared-player-role img,.shared-player-role .avatar-fallback{object-fit:cover;background:#18385f;border:1px solid #bdd3f494;border-radius:50%;width:1.65rem;height:1.65rem;margin-left:-.3rem}.shared-player-role img:first-child,.shared-player-role .avatar-fallback:first-child{margin-left:0}.composer-settings-modal{width:min(34rem,100%)}.composer-settings-body{overscroll-behavior:contain;gap:1rem;max-height:min(40rem,72svh);display:grid;overflow-y:auto}.composer-mode-switcher{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;display:grid}.composer-mode-switcher legend{color:#fff2a6;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;margin-bottom:.15rem;font-size:.72rem;font-weight:900}.composer-mode-switcher label{cursor:pointer;position:relative}.composer-mode-switcher input{opacity:0;position:absolute}.composer-mode-switcher span{color:#b9cbe5;text-align:center;background:#081d3d8c;border:1px solid #a4c2ee59;justify-content:center;align-items:center;gap:.35rem;min-height:2.8rem;padding:.5rem;font-size:.76rem;font-weight:850;display:flex}.composer-mode-switcher small{color:#7f99bd;letter-spacing:.05em;text-transform:uppercase;font-size:.58rem}.composer-mode-switcher input:checked+span{color:#fff;background:#ffd3261f;border-color:#ffd326;box-shadow:inset 0 -2px #ffd326}.composer-mode-switcher input:focus-visible+span{outline-offset:2px;outline:2px solid #ffd326}.player-builder-settings{gap:.75rem;display:grid}.player-builder-settings>p{color:#adc1df;margin:0;font-size:.76rem;line-height:1.45}.view-only-settings-notice{background:#ffd32614;border:1px solid #ffd3269e;border-left-width:3px;gap:.35rem;padding:.8rem;display:grid}.view-only-settings-notice>strong{color:#fff2a6;font-size:.82rem}.view-only-settings-notice>p{color:#b9cbe5;margin:0;font-size:.74rem;line-height:1.4}.view-only-settings-notice>div{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.view-only-settings-notice button{color:#dce9fa;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:#0a2348;border:1px solid #a4c2ee6b;min-height:2.35rem;padding:.45rem .65rem;font-size:.68rem;font-weight:850}.view-only-settings-notice button:first-child{color:#07162f;background:#ffd326;border-color:#ffd326}.view-only-settings-notice button:hover,.view-only-settings-notice button:focus-visible{border-color:#fff2a6;outline:none;box-shadow:0 0 0 2px #ffd32624}.player-settings-list{gap:.65rem;display:grid}.player-settings-card{background:#081d3d80;border:1px solid #a4c2ee47;max-height:min(28rem,55svh);display:grid;overflow:hidden}.player-settings-card:has(.favorite-heroes-list){grid-template-rows:auto minmax(0,1fr);height:min(28rem,55svh)}.player-settings-row{grid-template-columns:minmax(0,1fr) auto auto 2.8rem;align-items:center;gap:.45rem;padding:.55rem;display:grid}.player-settings-row.is-editing{grid-template-columns:minmax(0,1fr) auto 2.8rem;align-items:end}.player-settings-name{color:#edf3ff;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.player-name-editor{color:#b8cbe5;letter-spacing:.07em;text-transform:uppercase;gap:.28rem;font-size:.68rem;font-weight:850;display:grid}.player-name-editor input{color:#edf3ff;width:100%;min-height:2.35rem;font:inherit;box-sizing:border-box;background:#0a2348;border:1px solid #a4c2ee61;padding:.45rem .6rem;font-weight:800}.player-active-toggle{color:#b8cbe5;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.35rem;font-size:.68rem;font-weight:850;display:inline-flex}.player-active-toggle input{accent-color:#ffd326;width:1rem;height:1rem;margin:0}.player-active-toggle:has(input:disabled){cursor:not-allowed;opacity:.45}.player-edit-button,.player-done-button{color:#dce9fa;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:#0a2348;border:1px solid #a4c2ee61;min-height:2.35rem;padding:.42rem .58rem;font-size:.68rem;font-weight:850}.player-edit-button{place-items:center;width:2.35rem;padding:0;display:grid}.player-edit-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.08rem;height:1.08rem}.player-edit-button:hover,.player-edit-button:focus-visible,.player-done-button:hover,.player-done-button:focus-visible{color:#fff2a6;border-color:#ffd326;outline:none}.player-delete-button{color:#dce9fa;cursor:pointer;background:#0a2348;border:1px solid #a4c2ee61;align-self:end;place-items:center;width:2.35rem;height:2.35rem;display:grid}.player-delete-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.1rem;height:1.1rem}.player-delete-button:hover,.player-delete-button:focus-visible{color:#ff6b78;border-color:#ff6b78;outline:none}.player-settings-card>.favorite-heroes-list{min-height:0}.add-player-button{color:#ffd326;cursor:pointer;background:#ffd3260f;border:1px dashed #ffd32694;place-items:center;min-height:4rem;padding:.35rem;display:grid}.add-player-button>span{font-size:2rem;line-height:1}.add-player-button small{color:#a9bee0;letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:800}.add-player-button:disabled{cursor:not-allowed;opacity:.4}.favorite-heroes-picker{background:#081d3d80;border:1px solid #a4c2ee40;grid-template-rows:auto minmax(0,1fr);max-height:min(32rem,62svh);display:grid;overflow:hidden}.favorite-heroes-toggle{color:#edf3ff;cursor:pointer;text-align:left;z-index:1;background:#10294c;border:0;justify-content:space-between;align-items:center;width:100%;min-height:2.8rem;padding:.65rem .8rem;font-weight:800;display:flex;position:sticky;top:0}.favorite-heroes-toggle:after{content:"";border-bottom:.11rem solid #ffd326;border-right:.11rem solid #ffd326;width:.42rem;height:.42rem;margin-left:.55rem;transform:rotate(45deg)translateY(-.14rem)}.favorite-heroes-toggle[aria-expanded=true]:after{transform:rotate(225deg)translate(-.08rem,-.08rem)}.favorite-heroes-toggle strong{color:#ffd326;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.player-settings-card .favorite-heroes-toggle>span{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.favorite-heroes-list{overscroll-behavior:contain;gap:.65rem;min-height:0;padding:0 .8rem .8rem;display:grid;overflow-y:auto}.favorite-heroes-list>p{color:#adc1df;margin:0;font-size:.76rem;line-height:1.4}.favorite-heroes-actions{gap:.4rem;display:flex}.favorite-heroes-actions button{color:#dce9fa;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#0a2348d9;border:1px solid #a4c2ee59;padding:.35rem .52rem;font-size:.68rem;font-weight:800}.favorite-heroes-list fieldset{border:0;border-top:1px solid #a4c2ee2e;gap:.15rem;margin:0;padding:.55rem 0 0;display:grid}.favorite-heroes-list legend{color:var(--role-color,#ffd326);letter-spacing:.08em;text-transform:uppercase;padding:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:.9rem;font-weight:400}.favorite-heroes-list fieldset:first-of-type{--role-color:#62d66f}.favorite-heroes-list fieldset:nth-of-type(2){--role-color:#ff4c5b}.favorite-heroes-list fieldset:nth-of-type(3){--role-color:#40d6df}.favorite-hero-option{cursor:pointer;display:block;position:relative}.favorite-hero-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.favorite-hero-option>span{color:#c0d0e8;align-items:center;gap:.45rem;min-height:1.9rem;font-size:.82rem;font-weight:700;display:flex}.favorite-hero-star{fill:currentColor;stroke:currentColor;stroke-width:1.5px;color:#aec3df5c;width:1rem;height:1rem}.favorite-hero-avatar{object-fit:cover;background:#18385f;border:1px solid #bdd3f485;border-radius:50%;width:1.45rem;height:1.45rem}.favorite-hero-option input:checked+span{color:#edf3ff}.favorite-hero-option input:checked+span .favorite-hero-star{color:#ffd326}.favorite-hero-option input:focus-visible+span{outline-offset:-2px;outline:2px solid #ffd326}.composer-setting-select{color:#dce9fa;letter-spacing:.06em;text-transform:uppercase;gap:.42rem;font-size:.78rem;font-weight:800;display:grid}.composer-setting-select select{color:#edf3ff;width:100%;min-height:2.35rem;font:inherit;letter-spacing:.02em;text-transform:none;background:#0a2348;border:1px solid #a4c2ee61;padding:.4rem .55rem;font-size:.76rem}.composer-setting-select select:focus-visible{outline-offset:1px;border-color:#ffd326;outline:1px solid #ffd326}.help-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0 0 1rem;display:grid}.help-mode-tabs button{color:#b9cbe5;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:#081d3d8c;border:1px solid #a4c2ee61;min-height:2.75rem;padding:.55rem .75rem;font-size:.76rem;font-weight:850}.help-mode-tabs button[aria-selected=true]{color:#fff;background:#ffd3261f;border-color:#ffd326;box-shadow:inset 0 -2px #ffd326}.help-mode-tabs button:hover,.help-mode-tabs button:focus-visible{color:#fff2a6;border-color:#ffd326;outline:none;box-shadow:0 0 0 2px #ffd32624}.help-modal-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.help-modal-content>section{background:#081d3d80;border:1px solid #a4c2ee33;padding:.85rem}.help-modal-content h3{color:#fff2a6;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.83rem}.help-modal-content p{color:#bfd0e8;margin:0;font-size:.78rem;line-height:1.48}.help-modal-content p strong{color:#edf3ff}.help-modal-content kbd{color:#edf3ff;min-width:1.35rem;height:1.35rem;font:inherit;background:#0a2348;border:1px solid #a4c2ee75;border-bottom-width:2px;place-items:center;padding:0 .25rem;font-size:.7rem;display:inline-grid}.help-arrow-key{grid-column:1/-1}.help-arrow-key ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:grid}.help-arrow-key li{color:#bfcfe6;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:.6rem;font-size:.72rem;line-height:1.35;display:grid}.help-arrow-key li strong{color:#edf3ff;display:block}.help-arrow-sample{color:#d7dce4;fill:none;width:6.5rem;height:1rem;overflow:visible}.help-arrow-sample>path:first-child{stroke:currentColor;stroke-linecap:round}.help-arrow-sample .help-arrow-point{fill:currentColor;stroke:none}.help-arrow-sample.is-active{color:#ffd326}.help-arrow-sample.is-active>path:first-child{stroke-width:4px}.help-arrow-sample.is-alternate{color:#c9a92e;opacity:.82}.help-arrow-sample.is-alternate>path:first-child{stroke-width:3.5px;stroke-dasharray:12 5.5}.help-arrow-sample.is-base{color:#8fc6ff}.help-arrow-sample.is-base>path:first-child{stroke-width:2px}.help-arrow-sample.is-suggestion{color:#d7dce4;opacity:.58}.help-arrow-sample.is-suggestion>path:first-child{stroke-width:1.8px;stroke-dasharray:5.5 4.4}.help-data-note{color:#91acd1;text-align:center;margin:1rem 0 0;font-size:.7rem;line-height:1.45}.help-data-note strong{color:#ffd326;letter-spacing:.06em;text-transform:uppercase;margin-right:.35rem}.teamcomp-layout{grid-template-columns:minmax(13.5rem,17rem) minmax(34rem,50rem) minmax(17rem,22rem);justify-content:center;align-items:start;gap:1.25rem;width:100%;max-width:96rem;margin:0 auto;padding:clamp(1rem,2vw,2rem);display:grid}.hero-rail,.summary-panel{background:linear-gradient(165deg,#102a4feb,#06152de8);border:1px solid #a3c1ed3b;overflow:hidden;box-shadow:0 .85rem 2.3rem #0003}.hero-rail{flex-direction:column;min-height:30rem;max-height:calc(100svh - 2rem);display:flex;position:sticky;top:1rem}.roster-edge-tab,.roster-backdrop,.roster-drawer-close{display:none}.square-close-button{color:#dce9fa;cursor:pointer;background:0 0;border:1px solid #a3c1ed59;flex:none;place-items:center;width:1.9rem;height:1.9rem;padding:0;display:grid;position:relative}.square-close-icon,.square-close-icon:before,.square-close-icon:after{content:"";display:block;position:absolute;top:50%;left:50%}.square-close-icon{pointer-events:none;width:0;height:0}.square-close-icon:before,.square-close-icon:after{background:currentColor;border-radius:999px;width:.82rem;height:.08rem;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}.square-close-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.square-close-button:hover,.square-close-button:focus-visible{color:#ffd326;border-color:#ffd326}.roster-header-actions{flex:none;justify-items:end;gap:.55rem;display:grid}.roster-header-actions.has-selected-avatars{padding-bottom:2rem;position:relative}.roster-header-buttons{align-items:center;gap:.15rem;display:flex}.roster-drawer-close{align-self:center}.roster-clear-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem}.roster-clear-button:disabled{cursor:not-allowed;opacity:.42}.roster-clear-button:disabled:hover{color:#dce9fa;border-color:#a3c1ed59}.roster-selected-avatars{min-height:1.3rem;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;padding:.08rem .04rem;display:flex;position:absolute;bottom:0;right:0}.roster-selected-avatars:hover,.roster-selected-avatars:focus-visible{background:#ffd32617;border-color:#ffd326ad;outline:none}.roster-selected-avatars.is-active{background:#ffd32629;border-color:#ffd326;box-shadow:0 0 .5rem #ffd32661}.roster-selected-avatars img,.roster-selected-avatars .avatar-fallback{object-fit:cover;background:#18385f;border:1px solid #edf3ffad;border-radius:50%;width:1.45rem;height:1.45rem;box-shadow:0 0 0 1px #07162fe6}.roster-selected-avatars img+img,.roster-selected-avatars img+.avatar-fallback,.roster-selected-avatars .avatar-fallback+img,.roster-selected-avatars .avatar-fallback+.avatar-fallback{margin-left:-.38rem}.roster-selected-avatars img.role-vanguard,.roster-selected-avatars .avatar-fallback.role-vanguard{border-color:#62d66f}.roster-selected-avatars img.role-duelist,.roster-selected-avatars .avatar-fallback.role-duelist{border-color:#ff4c5b}.roster-selected-avatars img.role-strategist,.roster-selected-avatars .avatar-fallback.role-strategist{border-color:#40d6df}.roster-avatar-group{align-items:center;display:inline-flex}.roster-avatar-group img+img,.roster-avatar-group img+.avatar-fallback,.roster-avatar-group .avatar-fallback+img,.roster-avatar-group .avatar-fallback+.avatar-fallback{margin-left:-.38rem}.roster-avatar-divider{background:#dce9fa6b;width:1px;height:1.15rem;margin:0 .25rem}.hero-rail.is-collapsed{min-height:0}.hero-rail.is-collapsed .hero-list{display:none}.rail-heading,.summary-heading,.panel-title{border-bottom:1px solid #a3c1ed2e;justify-content:space-between;align-items:baseline;gap:.75rem;padding:1rem;display:flex}.rail-heading h2,.summary-heading h2,.role-label{letter-spacing:.075em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400}.rail-heading h2,.summary-heading h2,.panel-title span{letter-spacing:.075em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.22rem;font-weight:400}.panel-title strong{color:#9fb9df;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-weight:400}.hero-rail .panel-title>span:first-child{white-space:normal;flex:auto;min-width:0}.hero-rail .panel-title>strong{white-space:nowrap;flex:none}.hero-rail .panel-title strong b{color:#ffd326;font-size:1.35em;font-weight:400}.roster-view-toggle{color:#dce9fa;cursor:pointer;background:0 0;border:1px solid #a3c1ed59;flex:none;place-items:center;width:2.2rem;height:2.2rem;padding:0;display:grid}.roster-view-toggle svg{fill:currentColor;width:1rem;height:1rem}.roster-view-toggle:hover,.roster-view-toggle:focus-visible{color:#ffd326;border-color:#ffd326;outline:none}.roster-favorites-toggle{color:#dce9fa;cursor:pointer;background:0 0;border:1px solid #a3c1ed59;flex:none;place-items:center;width:2.2rem;height:2.2rem;padding:0;display:grid}.roster-favorites-toggle svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem}.roster-favorites-toggle.is-active{color:#ffd326;border-color:#ffd326b3}.roster-favorites-toggle.is-active svg{fill:currentColor}.roster-favorites-toggle:hover,.roster-favorites-toggle:focus-visible{color:#ffd326;border-color:#ffd326;outline:none}.roster-search{align-items:center;gap:.4rem;padding:.55rem .55rem 0;display:flex}.roster-search-input-wrap{flex:auto;min-width:0;position:relative}.roster-search input{color:#edf3ff;width:100%;height:2.2rem;min-height:2.2rem;font:inherit;background:#05132a94;border:1px solid #a3c1ed59;padding:.42rem 2.3rem .42rem .62rem;font-size:.76rem}.roster-search input::placeholder{color:#91acd1}.roster-search input::-webkit-search-cancel-button{appearance:none}.roster-search input:focus-visible{outline-offset:1px;border-color:#ffd326;outline:1px solid #ffd326}.roster-search-clear{color:#a9bee0;cursor:pointer;background:0 0;border:0;place-items:center;width:1.8rem;height:1.8rem;padding:0;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:calc(50% + 1px);right:.18rem;transform:translateY(-50%)}.roster-search-clear:hover,.roster-search-clear:focus-visible{color:#ffd326;outline-offset:-1px;outline:1px solid #ffd326}.roster-search .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rail-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:0;display:flex}.rail-toggle>span:first-child{letter-spacing:.075em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.22rem;font-weight:400}.rail-toggle strong{margin-left:auto}.rail-chevron{color:#ffd326;width:1rem;height:1rem;display:inline-block;position:relative}.rail-chevron:before{content:"";border-bottom:.1rem solid;border-right:.1rem solid;width:.34rem;height:.34rem;transition:transform .16s,top .16s;position:absolute;top:.2rem;left:.29rem;transform:rotate(45deg)}.rail-toggle[aria-expanded=true] .rail-chevron:before{top:.38rem;transform:rotate(225deg)}.rail-count{color:#9fb9df}.hero-list{scrollbar-color:#496b9b transparent;flex:auto;align-content:start;gap:.15rem;min-height:0;padding:.45rem;display:grid;overflow-y:auto}.roster-role-group+.roster-role-group{margin-top:.7rem}.roster-role-group h3{color:#ffd326;letter-spacing:.09em;text-transform:uppercase;margin:.2rem 0 .35rem;padding:0 .42rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.78rem;font-weight:400}.roster-role-group.role-vanguard h3{color:#62d66f}.roster-role-group.role-duelist h3{color:#ff4c5b}.roster-role-group.role-strategist h3{color:#40d6df}.hero-list.is-tiles{grid-template-columns:1fr;gap:.7rem}.hero-list.is-tiles .roster-role-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.hero-list.is-tiles .roster-role-group+.roster-role-group{margin-top:.1rem}.hero-list.is-tiles .roster-role-group h3{grid-column:1/-1;margin-bottom:0}.hero-list.is-tiles .roster-hero{text-align:center;border-left-width:1px;flex-direction:column;justify-content:center;gap:.32rem;min-height:6.2rem;padding:.55rem .35rem;display:flex}.hero-list.is-tiles .roster-hero.is-selected{border-color:#ffd32680}.hero-list.is-tiles .roster-hero img,.hero-list.is-tiles .roster-hero .avatar-fallback,.hero-list.is-tiles .roster-hero-avatar{width:4rem;height:4rem}.hero-list.is-tiles .roster-favorite-star{width:1.35rem;height:1.35rem}.hero-list.is-tiles .roster-hero>span>strong{font-size:.69rem}.hero-list.is-tiles .roster-teamup-indicators{display:none}.roster-search-empty{color:#91acd1;margin:0;padding:.9rem .42rem;font-size:.76rem;line-height:1.4}.roster-hero{color:#eaf2ff;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:3px;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;padding:.42rem;transition:background .15s,border-color .15s,transform .15s;display:grid}.roster-hero:hover:not(:disabled){background:#6897d529}.roster-hero:focus-visible,.clear-team:focus-visible{outline-offset:2px;outline:3px solid #ffd326}.roster-hero:disabled{cursor:not-allowed;opacity:.46}.roster-hero.is-selected{background:#ffd3261a;border-color:#ffd32652 #ffd32652 #ffd32652 #ffd326}.roster-hero-avatar{width:2.7rem;height:2.7rem;display:block;position:relative}.roster-favorite-star{z-index:1;fill:#ffd326;stroke:#07162f;stroke-linejoin:round;stroke-width:1.5px;filter:drop-shadow(0 .08rem .12rem #0000008c);pointer-events:none;width:1.08rem;height:1.08rem;position:absolute;top:-.22rem;left:-.22rem}.roster-fixed-lock{width:.95rem;height:.95rem;inset:auto -.2rem -.2rem auto;transform:none}.roster-hero img,.avatar-fallback{object-fit:cover;background:#18385f;border:1px solid #edf3ff59;border-radius:50%;width:2.7rem;height:2.7rem}.avatar-fallback{color:#fff;place-items:center;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:1rem;display:grid}.roster-hero-name{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:750;overflow:hidden}.roster-hero-role{color:#98afd2;margin-top:.12rem;font-size:.69rem}.roster-hero>span{min-width:0}.roster-hero>span>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:750;display:block;overflow:hidden}.roster-hero>span>small{color:#98afd2;margin-top:.12rem;font-size:.69rem;display:block}.roster-teamup-indicators{grid-template-rows:repeat(2,1.08rem);justify-items:end;gap:.08rem;min-width:1.15rem;display:grid}.roster-teamup-avatar-row{justify-content:flex-end;align-items:center;min-height:1.08rem;display:flex}.roster-teamup-avatar-row.is-received{grid-row:1}.roster-teamup-avatar-row.is-provided{grid-row:2}.roster-teamup-direction{color:#ffd326;flex:0 0 .82rem;place-items:center;width:.82rem;height:1.08rem;margin-right:1px;font-size:.68rem;font-weight:800;line-height:1;display:grid}.roster-teamup-indicators .roster-teamup-avatar-row img,.roster-teamup-indicators .roster-teamup-avatar-row .avatar-fallback{border-width:1px;width:1.08rem;height:1.08rem;font-size:.54rem;box-shadow:0 0 0 1px #07162fd1}.roster-teamup-avatar-row img+img,.roster-teamup-avatar-row img+.avatar-fallback,.roster-teamup-avatar-row .avatar-fallback+img,.roster-teamup-avatar-row .avatar-fallback+.avatar-fallback{margin-left:-.34rem}.roster-teamup-avatar-row.is-received img,.roster-teamup-avatar-row.is-received .avatar-fallback{border-color:#ffffffb8}.roster-teamup-avatar-row.is-provided img,.roster-teamup-avatar-row.is-provided .avatar-fallback{border-color:#8fc6ffc7}.roster-teamup-indicators img.role-vanguard,.roster-teamup-indicators .avatar-fallback.role-vanguard{border-color:#62d66f}.roster-teamup-indicators img.role-duelist,.roster-teamup-indicators .avatar-fallback.role-duelist{border-color:#ff4c5b}.roster-teamup-indicators img.role-strategist,.roster-teamup-indicators .avatar-fallback.role-strategist{border-color:#40d6df}.composition-stage{min-width:0;position:relative}.graph-wrap{position:relative}.suggestions-toggle{z-index:3;color:#b5cdf0a3;cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;align-items:center;width:fit-content;min-height:24px;margin:0;padding:0 .3rem;font-size:.68rem;line-height:1.2;-webkit-text-decoration:underline #b5cdf047;text-decoration:underline #b5cdf047;display:grid;position:absolute;bottom:.5rem;right:.5rem}.suggestions-toggle:hover,.suggestions-toggle:focus-visible{color:#dbe8fa;text-decoration-color:currentColor}.suggestions-toggle:focus-visible{outline-offset:.18rem;outline:1px solid #dbe8faad}@media (width>=721px){.composition-stage{justify-self:center;width:min(100%,100svh - 15rem)}}.composition-toolbar,.stage-topline{justify-content:flex-end;align-items:center;min-height:2.5rem;margin-bottom:.5rem;display:flex}.clear-team,.stage-topline button{color:#dbe8fa;cursor:pointer;letter-spacing:.045em;text-transform:uppercase;background:#081b36db;border:1px solid #bdd3f454;padding:.52rem .75rem;font-size:.78rem;font-weight:700}.clear-team:hover,.stage-topline button:hover:not(:disabled){color:#ffd326;border-color:#ffd326}.clear-team:disabled,.stage-topline button:disabled{cursor:not-allowed;opacity:.42}.composition-actions{justify-self:end;gap:.35rem;display:flex}.composition-action-icon{place-items:center;width:2.55rem;height:2.55rem;padding:0;display:grid}.composition-action-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1.18rem;height:1.18rem}.teammate-finder{background:#081c3aa3;border:1px solid #a4c2ee42;justify-content:center;align-items:center;min-height:4.5rem;margin-top:.85rem;padding:1rem 1.25rem;display:flex;position:relative}.teammate-finder.is-active{justify-content:flex-start}.teammate-finder-idle{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;display:grid}.teammate-finder-idle>.teammate-finder-button{grid-column:2}.teammate-finder-idle>.composition-actions{grid-column:3}.teammate-finder-button{color:#dbe8fa;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#081b36db;border:1px solid #bdd3f454;padding:.66rem 1rem;font-size:.78rem;font-weight:700}.teammate-finder-button:hover:not(:disabled),.teammate-finder-button:focus-visible{color:#ffd326;border-color:#ffd326}.teammate-finder-button:disabled{cursor:not-allowed;opacity:.45}.teammate-finder-status,.teammate-finder-results{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem;width:100%;display:flex}.teammate-fixed-avatars{align-items:center;min-width:2.25rem;display:flex}.teammate-fixed-avatars img,.teammate-fixed-avatars .avatar-fallback{object-fit:cover;background:#18385f;border:1px solid #a7c5ef;border-radius:50%;width:2rem;height:2rem}.teammate-fixed-avatars img+img,.teammate-fixed-avatars img+.avatar-fallback,.teammate-fixed-avatars .avatar-fallback+img,.teammate-fixed-avatars .avatar-fallback+.avatar-fallback{border-color:#ffd326;margin-left:-.62rem}.teammate-progress-copy{gap:.32rem;min-width:min(18rem,55vw);display:grid}.teammate-progress-copy>span{color:#ffd326;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.teammate-progress-track{background:#0a2348d9;border:1px solid #a4c2ee4d;height:.5rem;overflow:hidden}.teammate-progress-bar{background:linear-gradient(90deg,#40d6df,#ffd326);height:100%;transition:width .18s}.teammate-finder-summary{flex:none;gap:.2rem;min-width:0;display:grid}.teammate-finder-summary strong{color:#edf3ff;letter-spacing:.07em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.98rem;font-weight:400}.teammate-finder-summary span,.teammate-finder-error span{color:#afc5e5;font-size:.76rem}.teammate-finder-pagination-wrap{flex:18rem;justify-content:center;align-items:center;gap:.9rem;min-width:18rem;display:flex}.teammate-finder-pagination{justify-content:center}.finder-cancel-button{color:#dbe8fa;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#0a2348;border:1px solid #a4c2ee59;flex:none;height:2.2rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.finder-cancel-button:hover,.finder-cancel-button:focus-visible{color:#ffd326;border-color:#ffd326}.finder-cancel-standalone{margin-left:auto}.teammate-finder-error{color:#ffc9ce}.finder-filters{flex:15rem;justify-content:center;align-items:flex-start;gap:.5rem;min-width:15rem;display:flex}.finder-role-filter{color:#afc5e5;letter-spacing:.09em;text-transform:uppercase;flex:8rem;width:9.25rem;min-width:0;max-width:12rem;font-size:.66rem;font-weight:800;position:relative}.finder-teamup-filter{flex-basis:6.5rem;width:7.5rem;max-width:9rem}.finder-role-filter summary{color:#dbe8fa;cursor:pointer;background:#0a2348;border:1px solid #a4c2ee59;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.52rem .62rem;list-style:none;display:flex}.finder-role-filter summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.finder-role-filter summary::-webkit-details-marker{display:none}.finder-role-filter summary:after{content:"";border-bottom:.1rem solid #ffd326;border-right:.1rem solid #ffd326;flex:none;width:.42rem;height:.42rem;transition:transform .15s;transform:rotate(45deg)translateY(-.14rem)}.finder-role-filter[open] summary{border-color:#ffd326}.finder-role-filter[open] summary:after{transform:rotate(225deg)translate(-.08rem,-.08rem)}.finder-role-filter>div{z-index:40;overscroll-behavior:contain;background:#0a2348;border:1px solid #a4c2ee66;width:max-content;min-width:min(13rem,100vw - 1rem);max-width:calc(100vw - 1rem);max-height:calc(100svh - 1rem);padding:.45rem;display:block;position:fixed;top:calc(100% + .28rem);left:0;overflow:auto;box-shadow:0 .7rem 1.7rem #00000052}.finder-menu-heading{color:#afc5e5;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .45rem;font-size:.66rem;font-weight:800}.finder-role-filter-actions{border-bottom:1px solid #a4c2ee33;gap:.35rem;margin-bottom:.4rem;padding-bottom:.4rem;display:flex}.finder-role-filter-actions button{color:#dbe8fa;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#5d84bb1f;border:1px solid #a4c2ee57;flex:1 1 0;padding:.34rem .48rem;font-size:.66rem;font-weight:750}.finder-role-filter-actions button:hover,.finder-role-filter-actions button:focus-visible{color:#ffd326;border-color:#ffd326}.finder-role-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .35rem;display:grid}.finder-teamup-filter .finder-role-filter-options{grid-template-columns:minmax(0,1fr)}.finder-role-filter-column{align-content:start;gap:.1rem;display:grid}.finder-option-divider{background:#a4c2ee4d;grid-column:1/-1;height:1px;margin:.32rem 0}.finder-role-filter label{color:#dbe8fa;cursor:pointer;letter-spacing:0;text-transform:none;min-width:6.9rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:400;display:block;position:relative}.finder-role-filter input{opacity:0;position:absolute}.finder-role-filter label span{white-space:nowrap;padding:.34rem .45rem .34rem 1.35rem;display:block}.finder-role-filter label span:before{color:#ffd326;content:"";font-size:.9rem;font-weight:800;line-height:1;position:absolute;top:.33rem;left:.42rem}.finder-role-filter input:checked+span:before{content:"✓"}.finder-role-filter label:hover span{background:#ffd32617}.finder-role-filter input:focus-visible+span{outline-offset:-2px;outline:2px solid #ffd326}.optimal-composition-browser{background:#081c3aa3;border:1px solid #a4c2ee42;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:.85rem;padding:.8rem;display:flex}.optimal-browser-toggle{color:#b7cbe9;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:.4rem;padding:.35rem;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex}.optimal-browser-toggle:hover,.optimal-browser-toggle:focus-visible{color:#ffd326}.optimal-browser-toggle span{color:#ffd326;opacity:0;width:1rem;height:1rem;transition:color .18s,opacity .18s;display:inline-block;position:relative}.optimal-browser-toggle[aria-expanded=true] span{opacity:1}.optimal-browser-toggle[aria-expanded=false] span{color:#0000}.optimal-browser-toggle span:before,.teamup-chevron:before{content:"";transform-origin:50%;border-bottom:.1rem solid;border-right:.1rem solid;width:.34rem;height:.34rem;transition:transform .16s,top .16s;position:absolute;top:.2rem;left:.31rem;transform:rotate(45deg)}.optimal-browser-toggle[aria-expanded=true] span:before,.is-expanded .teamup-chevron:before{top:.38rem;transform:rotate(225deg)}.optimal-browser-controls{flex-wrap:wrap;flex:0 auto;justify-content:center;align-items:center;gap:.7rem;display:flex}.optimal-browser-controls select{color:#edf3ff;background:#0a2348;border:1px solid #a4c2ee59;border-radius:0;flex:0 14.5rem;width:14.5rem;min-width:10.5rem;max-width:14.5rem;padding:.55rem .6rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem}.optimal-pagination{white-space:nowrap;flex:none;align-items:center;gap:.55rem;display:flex}.optimal-pagination button{color:#edf3ff;cursor:pointer;background:#0a2348;border:1px solid #a4c2ee59;place-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;display:grid}.optimal-pagination button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.05rem;height:1.05rem}.optimal-pagination button:hover:not(:disabled),.optimal-pagination button:focus-visible{color:#ffd326;border-color:#ffd326}.optimal-pagination button:disabled{cursor:not-allowed;opacity:.38}.optimal-pagination>span{color:#afc5e5;text-align:center;min-width:4.5rem;font-size:.76rem}.optimal-pagination strong{color:#ffd326;letter-spacing:.04em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:1.12rem;font-weight:400}.page-number-input{width:clamp(2.2rem, calc(var(--page-number-digits,1) * 1ch + 1.1rem), 7rem);color:#ffd326;text-align:center;appearance:textfield;background:#0a2348;border:1px solid #a4c2ee80;height:2.2rem;padding:.12rem .3rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:1.12rem;font-weight:400}.page-number-input::-webkit-inner-spin-button{appearance:none;margin:0}.page-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.page-number-input:focus-visible{outline-offset:2px;border-color:#ffd326;outline:2px solid #ffd326}.team-orbit{aspect-ratio:1;background:linear-gradient(145deg,#436ba63d,#0000 38%),#081c3abd;border:1px solid #a4c2ee42;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 5rem #4b80c214,0 .85rem 2.3rem #0003;container-type:inline-size}.team-orbit:before,.team-orbit:after{pointer-events:none;content:"";position:absolute}.view-mode-badge{z-index:9;color:#fff2a6;letter-spacing:.07em;pointer-events:none;text-transform:uppercase;background:#05132ae0;border:1px solid #ffd32685;align-items:center;gap:.38rem;padding:.34rem .48rem;font-size:clamp(.54rem,1.45cqw,.7rem);font-weight:850;line-height:1;display:flex;position:absolute;bottom:.65rem;left:.65rem;box-shadow:0 .35rem .85rem #00000047}.view-mode-badge svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:1.45rem;height:.82rem;overflow:visible}.view-mode-badge circle{fill:currentColor;stroke:none}.team-orbit:not(.is-focus-suspended):focus-visible{outline-offset:2px;outline:3px solid #ffd326}.team-orbit.is-focus-suspended:focus{outline:none}.node-action-tooltip{z-index:90;color:#edf3ff;letter-spacing:.04em;pointer-events:none;white-space:nowrap;background:#07162fdb;border:1px solid #bdd3f461;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:.48rem .68rem;font-size:.76rem;font-weight:700;position:fixed;overflow:hidden;box-shadow:0 .5rem 1.2rem #0000004d}.node-action-tooltip.has-teamups{white-space:normal;width:min(21rem,100vw - 1rem)}.node-action-label{display:block}.node-action-label strong{color:var(--role-color);font-weight:800}.node-action-teamups{border-top:1px solid #bdd3f438;gap:.45rem;margin-top:.42rem;padding-top:.42rem;display:grid}.node-action-teamup{gap:.12rem;display:grid}.node-action-teamup>strong{color:#fff1a8;font-size:.72rem;line-height:1.2}.node-action-teamup-status{color:#8fc6ff;font-weight:600}.node-action-route{color:#c9d7ec;letter-spacing:.015em;flex-wrap:wrap;align-items:center;gap:.2rem;font-size:.68rem;font-weight:600;line-height:1.3;display:flex}.node-action-route-hero{align-items:center;gap:.2rem;display:inline-flex}.node-action-route-hero img,.node-action-route-hero .avatar-fallback{object-fit:cover;text-align:center;background:#18385f;border:1px solid #bdd3f48c;border-radius:50%;flex:0 0 1rem;width:1rem;height:1rem;font-size:.55rem;line-height:1rem}.node-action-teamup b{color:#ffd326}.node-action-effect{color:#aebfda;letter-spacing:.01em;margin:.08rem 0 0;font-size:.64rem;font-weight:500;line-height:1.32}.node-action-effect strong{color:#dce8f9;font-weight:800}.team-orbit:before{border:1px dashed #b1ccf11a;border-radius:50%;inset:13%}.team-orbit:after{background:linear-gradient(52deg,#0000 48%,#99bceb0b 48% 49%,#0000 49%);inset:0}.role-label{z-index:1;color:#d6e3f961;font-size:.79rem;position:absolute}.role-label.vanguard,.role-label-vanguard{top:1.1rem;left:1.1rem}.role-label.duelist,.role-label-duelist{top:1.1rem;right:1.1rem}.role-label.strategist,.role-label-strategist{bottom:1.1rem;right:50%;transform:translate(50%)}.role-label-vanguard{color:#62d66f9e}.role-label-duelist{color:#ff4c5b8a}.role-label-strategist{color:#40d6df8a}.orbit-focus-helper{z-index:5;color:#c7d7ed;pointer-events:none;background:#05132ad6;border:1px solid #a4c2ee57;align-items:center;gap:.48rem;max-width:calc(100% - 5rem);min-height:2rem;padding:.32rem .48rem;font-size:clamp(.58rem,1.35cqw,.7rem);line-height:1.15;display:none;position:absolute;bottom:.7rem;left:.7rem;box-shadow:0 .35rem .9rem #0000003d}.team-orbit:not(.is-focus-suspended):focus-visible .orbit-focus-helper{display:flex}.team-orbit:has(.team-node:focus-visible,.team-hint-node:focus-visible,.teamup-active-target:focus-visible,.teamup-switch-target:focus-visible,.teamup-base-target:focus-visible,.teamup-hint-target:focus-visible) .orbit-focus-helper{display:flex}.orbit-focus-helper-type,.orbit-focus-helper-position{white-space:nowrap;flex:none}.orbit-focus-helper-type{color:#fff2a6;letter-spacing:.06em;text-transform:uppercase;font-weight:800}.orbit-focus-helper.is-incoming-base .orbit-focus-helper-type,.orbit-focus-helper.is-incoming-base .orbit-focus-helper-route{color:#8fc6ff}.orbit-focus-helper-position{color:#91acd1;border-left:1px solid #a4c2ee47;padding-left:.48rem;font-weight:700}.orbit-focus-helper-hero,.orbit-focus-helper-teamup,.orbit-focus-helper-empty{border-left:1px solid #a4c2ee47;min-width:0;padding-left:.48rem}.orbit-focus-helper-hero{align-items:baseline;gap:.35rem;display:flex;overflow:hidden}.orbit-focus-helper-hero strong,.orbit-focus-helper-teamup>strong{color:#edf3ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.orbit-focus-helper-hero>span{color:#91acd1;text-transform:uppercase;flex:none;font-size:.88em}.orbit-focus-helper-teamup{align-items:center;gap:.42rem;display:flex;overflow:hidden}.orbit-focus-helper-route{color:#ffd326;flex:none;align-items:center;gap:.18rem;display:flex}.orbit-focus-helper-route img,.orbit-focus-helper-route .avatar-fallback{object-fit:cover;text-align:center;background:#18385f;border:1px solid #bdd3f494;border-radius:50%;width:1.35rem;height:1.35rem;font-size:.6rem;line-height:1.35rem}.orbit-focus-helper-route b{font-size:.75rem}.teamup-links{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.teamup-link{fill:none;stroke:#ffd326;stroke-linecap:round;stroke-width:.38px;opacity:.95;transition:opacity .14s,stroke .14s,stroke-width .14s}.teamup-active-hit-area,.teamup-inactive-hit-area,.teamup-base-hit-area,.teamup-hint-hit-area{fill:none;stroke:#0000;stroke-width:4px;pointer-events:stroke}.teamup-active-target:focus{outline:none}.teamup-active-target:focus-visible .teamup-link{stroke-width:.66px;filter:drop-shadow(0 0 .6px #ffe36bf2)drop-shadow(0 0 1.4px #ffd326cc)}.teamup-hint-link{fill:none;stroke:#d7dce4;stroke-linecap:round;stroke-width:.18px;opacity:.4;stroke-dasharray:.55 .44;transition:opacity .14s,stroke .14s,stroke-width .14s}.teamup-hint-target{cursor:pointer}.teamup-hint-target:focus{outline:none}.teamup-hint-target:hover .teamup-hint-link,.teamup-hint-target:focus-visible .teamup-hint-link{stroke:#8fc6ff;stroke-width:.26px;stroke-dasharray:none;opacity:1}.teamup-hint-target:focus-visible .teamup-hint-link{filter:brightness(1.2)drop-shadow(0 0 .55px #b8dcfff2)drop-shadow(0 0 1.25px #8fc6ffbf)}.teamup-links.has-incoming-base-hover .teamup-link,.teamup-links.has-incoming-base-hover .teamup-inactive-link,.teamup-links.has-incoming-base-hover .teamup-base-link,.teamup-links.has-incoming-base-hover .teamup-hint-link{opacity:.1}.teamup-links.has-incoming-base-hover .teamup-hint-link.is-incoming-base-hovered{stroke:#8fc6ff;stroke-width:.26px;stroke-dasharray:none;opacity:1}.teamup-links.has-incoming-base-hover .teamup-link.is-replaced-teamup{stroke:#ffe36b;stroke-width:.44px;opacity:1}.teamup-links.has-incoming-base-hover .teamup-base-link.is-replaced-teamup{stroke:#b8dcff;stroke-width:.26px;opacity:1}.teamup-base-link{fill:none;stroke:#8fc6ff;stroke-linecap:round;stroke-width:.18px;opacity:.9;transition:opacity .14s,stroke .14s,stroke-width .14s}.teamup-base-target{cursor:pointer}.teamup-base-target:focus{outline:none}.teamup-base-target:hover .teamup-base-link,.teamup-base-target:focus-visible .teamup-base-link,.teamup-base-link.is-hovered{stroke:#b8dcff;stroke-width:.26px;opacity:1}.teamup-base-target:focus-visible .teamup-base-link{filter:brightness(1.2)drop-shadow(0 0 .55px #b8dcfff2)drop-shadow(0 0 1.25px #8fc6ffbf)}.teamup-inactive-link{fill:none;stroke:#c9a92e;stroke-linecap:round;stroke-width:.34px;opacity:.72;stroke-dasharray:1.2 .55;pointer-events:stroke;transition:opacity .14s,stroke .14s,stroke-width .14s}.teamup-links.has-hero-highlight .teamup-link,.teamup-links.has-hero-highlight .teamup-inactive-link,.teamup-links.has-hero-highlight .teamup-base-link,.teamup-links.has-hero-highlight .teamup-hint-link{opacity:.12}.teamup-links.has-hero-highlight .teamup-link.is-hero-associated{stroke:#ffe36b;stroke-width:.44px;opacity:1}.teamup-links.has-hero-highlight .teamup-inactive-link.is-hero-associated{stroke:#e4c650;stroke-width:.4px;opacity:1}.teamup-links.has-hero-highlight .teamup-base-link.is-hero-associated{stroke:#b8dcff;stroke-width:.26px;opacity:1}.teamup-links.has-hero-highlight .teamup-hint-link.is-preview-active,.teamup-links.has-hero-highlight .teamup-base-link.is-preview-active{stroke:#ffd326;stroke-width:.38px;stroke-dasharray:none;opacity:.95}.teamup-links.has-hero-highlight .teamup-hint-link.is-preview-alternate{stroke:#c9a92e;stroke-width:.34px;stroke-dasharray:1.2 .55;opacity:.72}.teamup-links.has-active-hover .teamup-link:not(.is-hovered){stroke:#80651b;opacity:.42}.teamup-switch-target{cursor:pointer}.teamup-switch-target:focus{outline:none}.teamup-switch-target:hover .teamup-inactive-link{stroke:#ffd326;stroke-width:.39px;opacity:1}.teamup-switch-target:focus-visible .teamup-inactive-link{stroke-width:.39px;opacity:1;filter:drop-shadow(0 0 .6px #e4c650e6)drop-shadow(0 0 1.35px #c9a92ecc)}.teamup-links.has-switch-preview .teamup-link,.teamup-links.has-switch-preview .teamup-inactive-link,.teamup-links.has-switch-preview .teamup-base-link,.teamup-links.has-switch-preview .teamup-hint-link{opacity:.08!important}.teamup-links.has-switch-preview .teamup-link.is-switch-preview,.teamup-links.has-switch-preview .teamup-inactive-link.is-switch-preview{stroke:#ffd326;stroke-width:.44px;opacity:1!important}.teamup-links.has-switch-preview .teamup-inactive-link.is-switch-preview{stroke-dasharray:1.2 .55}.teamup-links.has-switch-preview .teamup-base-link.is-switch-preview,.teamup-links.has-switch-preview .teamup-hint-link.is-switch-preview{stroke:#8fc6ff;stroke-width:.26px;stroke-dasharray:none;opacity:1!important}.teamup-link.is-summary-focused{stroke-width:.56px;opacity:1;filter:drop-shadow(0 0 .6px #ffe36bf2)drop-shadow(0 0 1.4px #ffd326cc)}.teamup-base-link.is-summary-focused{stroke:#8fc6ff;stroke-width:.26px;opacity:1;filter:drop-shadow(0 0 .55px #b8dcfff2)drop-shadow(0 0 1.25px #8fc6ffbf)}.team-hint-node{z-index:2;cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;width:9.4cqw;height:9.4cqw;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.team-hint-node:hover:not(:disabled) img,.team-hint-node:hover:not(:disabled) .avatar-fallback{filter:saturate(.8);opacity:.82;transform:scale(1.08)}.team-hint-node:focus-visible{outline:0}.team-hint-node:disabled{cursor:not-allowed}.team-hint-node img,.team-hint-node .avatar-fallback{filter:saturate(.45);object-fit:cover;opacity:.53;border:1px solid #54759e;border-radius:50%;width:8.2cqw;height:8.2cqw}.team-hint-node.is-selected-base-partner img,.team-hint-node.is-selected-base-partner .avatar-fallback,.team-hint-node.is-selected-base-partner:hover:not(:disabled) img,.team-hint-node.is-selected-base-partner:hover:not(:disabled) .avatar-fallback{filter:none;opacity:1}.team-orbit.is-full .team-hint-node{width:8cqw;height:8cqw}.team-orbit.is-full .team-hint-node img,.team-orbit.is-full .team-hint-node .avatar-fallback{width:7cqw;height:7cqw}.team-hint-node.role-vanguard img,.team-hint-node.role-vanguard .avatar-fallback{border-color:#62d66f9e}.team-hint-node.role-duelist img,.team-hint-node.role-duelist .avatar-fallback{border-color:#ff4c5b8f}.team-hint-node.role-strategist img,.team-hint-node.role-strategist .avatar-fallback{border-color:#40d6df8f}.team-hint-node.role-vanguard,.team-node.role-vanguard,.node-action-tooltip.role-vanguard{--role-color:#62d66f}.team-hint-node.role-duelist,.team-node.role-duelist,.node-action-tooltip.role-duelist{--role-color:#ff4c5b}.team-hint-node.role-strategist,.team-node.role-strategist,.node-action-tooltip.role-strategist{--role-color:#40d6df}.team-hint-node:focus-visible img,.team-hint-node:focus-visible .avatar-fallback{border-color:var(--role-color);box-shadow:0 0 0 .2rem #07162fe6, 0 0 0 .34rem var(--role-color), 0 0 .7rem .12rem #ffffffb8, 0 0 1.55rem .34rem var(--role-color)}.team-hint-node.is-summary-endpoint img,.team-hint-node.is-summary-endpoint .avatar-fallback{border-color:var(--role-color);filter:none;opacity:1;box-shadow:0 0 0 .16rem #07162fdb, 0 0 0 .24rem var(--role-color), 0 0 .58rem .06rem var(--role-color)}.team-hint-node:after,.team-node:before{z-index:4;color:#ffffffd1;pointer-events:none;background:#020a1894;border-radius:50%;place-items:center;font-family:Segoe UI,sans-serif;font-weight:300;line-height:0;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-hint-node:after{width:8.2cqw;height:8.2cqw;font-size:5.4cqw}.team-node:before{width:13.2cqw;height:13.2cqw;font-size:7.6cqw}.team-hint-node:after{content:"+"}.team-node:before{content:"×"}.team-hint-node:hover:not(:disabled):after,.team-hint-node:focus-visible:after,.team-node:hover:before,.team-node:focus-visible:before{display:grid}.team-node.is-player-assigned:hover:before,.team-node.is-player-assigned:focus-visible:before,.teamcomp-page.is-player-mode .team-node:hover:before,.teamcomp-page.is-player-mode .team-node:focus-visible:before{display:none}.team-hint-node.is-unavailable{cursor:default}.team-hint-node.is-unavailable:after,.team-hint-node.is-unavailable:hover:after,.team-hint-node.is-unavailable:focus-visible:after,.team-orbit.is-full .team-hint-node:hover:after,.team-orbit.is-full .team-hint-node:focus-visible:after{display:none}.team-node{z-index:2;color:#f3f7ff;cursor:pointer;background:0 0;border:0;justify-items:center;width:18.2cqw;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.team-node-avatar{border-radius:50%;width:13.2cqw;height:13.2cqw;display:block;position:relative}.player-placeholder-node{--role-color:#a9bee0}.player-question-avatar{color:#edf3ff;box-sizing:border-box;background:#081d3deb;border:2px dashed #dce9fab8;border-radius:50%;place-items:center;width:100%;height:100%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1.8rem,5.2cqw,2.8rem);display:grid;box-shadow:0 0 .7rem #a4c2ee29}.player-placeholder-node:hover .player-question-avatar,.player-placeholder-node:focus-visible .player-question-avatar{color:#ffd326;border-color:#ffd326}.graph-favorite-star{z-index:6;fill:#ffd326;stroke:#07162f;stroke-linejoin:round;stroke-width:1.5px;filter:drop-shadow(0 .08rem .12rem #0000008c);pointer-events:none;width:clamp(1.64rem,4.8cqw,2.44rem);height:clamp(1.64rem,4.8cqw,2.44rem);position:absolute;top:-.55rem;left:-.55rem}.team-hint-node .graph-favorite-star{width:clamp(1rem,3cqw,1.5rem);height:clamp(1rem,3cqw,1.5rem);top:-.12rem;left:-.12rem}.team-node.is-newly-added .team-node-avatar:before{z-index:5;box-shadow:0 0 .9rem .18rem #fff, 0 0 1.35rem .28rem var(--role-color);content:"";pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;inset:-.34rem}.team-node.is-newly-added.glow-cycle-0 .team-node-avatar:before{animation:.7s ease-out both newly-selected-node-glow-a}.team-node.is-newly-added.glow-cycle-1 .team-node-avatar:before{animation:.7s ease-out both newly-selected-node-glow-b}@keyframes newly-selected-node-glow-a{0%{opacity:0;transform:scale(.92)}28%{opacity:.82;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes newly-selected-node-glow-b{0%{opacity:0;transform:scale(.92)}28%{opacity:.82;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.team-node:focus-visible{outline:0}.team-node:focus-visible .team-node-avatar:after{z-index:-1;border:2px solid var(--role-color);box-shadow:0 0 .75rem .16rem #ffffffb3, 0 0 1.65rem .38rem var(--role-color);content:"";border-radius:50%;position:absolute;inset:-.55rem}.team-node img,.team-node .avatar-fallback{object-fit:cover;border:2px solid #9dbce9;border-radius:50%;width:13.2cqw;height:13.2cqw;transition:transform .16s,box-shadow .16s;box-shadow:0 0 0 .32rem #07162fd9,0 .45rem 1.1rem #00000073}.team-node:hover img,.team-node:hover .avatar-fallback{transform:scale(1.07);box-shadow:0 0 0 .32rem #07162fd9,0 0 1rem #ffd326b3}.team-node:focus-visible img,.team-node:focus-visible .avatar-fallback{box-shadow:0 0 0 .32rem #07162fd9, 0 0 .72rem .12rem #ffffffb8, 0 0 1.55rem .32rem var(--role-color)}.team-node.is-summary-endpoint img,.team-node.is-summary-endpoint .avatar-fallback{box-shadow:0 0 0 .28rem #07162fd9, 0 0 .42rem .06rem #ffffff85, 0 0 .78rem .12rem var(--role-color)}.team-node.role-vanguard img,.team-node.role-vanguard .avatar-fallback{border-color:#62d66f}.team-node.role-duelist img,.team-node.role-duelist .avatar-fallback{border-color:#ff4c5b}.team-node.role-strategist img,.team-node.role-strategist .avatar-fallback{border-color:#40d6df}.team-node.is-fixed img,.team-node.is-fixed .avatar-fallback{border-width:5px;box-shadow:0 0 0 .2rem #07162fd9,0 .45rem 1.1rem #00000073}.team-orbit.is-browsing-optimal .team-node.is-fixed img,.team-orbit.is-browsing-optimal .team-node.is-fixed .avatar-fallback{border-width:2px}.optimal-team-glow{z-index:1;box-sizing:border-box;pointer-events:none;border:.16rem solid #fff;border-radius:50%;width:calc(13.32cqw + .42rem);height:calc(13.32cqw + .42rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-orbit.is-browsing-optimal .team-node:not(.is-fixed) img,.team-orbit.is-browsing-optimal .team-node:not(.is-fixed) .avatar-fallback{z-index:2;position:relative;box-shadow:0 .45rem 1.1rem #00000073}.fixed-lock{top:calc(50% + var(--lock-badge-offset-y));left:calc(50% + var(--lock-badge-offset-x));z-index:1;box-sizing:border-box;pointer-events:none;background:#fff;border:0;border-radius:50%;width:1.08rem;height:1.08rem;margin:0;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .14rem .32rem #0000007a}.team-orbit .fixed-lock{display:none}.is-player-mode .team-orbit .fixed-lock,.team-orbit.is-browsing-optimal .fixed-lock{display:block}.team-node:hover .fixed-lock{transform:translate(-50%,-50%)scale(1.07)}.fixed-lock:before{content:"";border:.1rem solid #07162f;border-bottom:0;border-radius:.18rem .18rem 0 0;width:.18rem;height:.29rem;position:absolute;top:.18rem;left:50%;transform:translate(-50%)}.fixed-lock:after{content:"";background:radial-gradient(circle at 50% 43%,#fff 0 .055rem,#0000 .065rem),linear-gradient(#fff,#fff) 50% 58%/.06rem .13rem no-repeat,#07162f;border-radius:.06rem;width:.44rem;height:.37rem;position:absolute;top:.43rem;left:50%;transform:translate(-50%)}.player-node-label{z-index:8;color:#edf3ff;white-space:nowrap;background:#071a37;border:1px solid #a4c2ee61;align-items:center;gap:.3rem;min-width:max-content;padding:.25rem .48rem;font-size:clamp(.58rem,1.45cqw,.76rem);font-weight:850;line-height:1;display:flex;position:absolute;top:calc(50% + 6.3cqw);left:50%;transform:translate(-50%,-82%);box-shadow:0 .14rem .32rem #00000073}.player-node-label .fixed-lock{flex:none;width:.82rem;height:.82rem;position:relative;inset:auto;transform:none}.player-node-label .fixed-lock:before{top:.1rem}.player-node-label .fixed-lock:after{transform-origin:top;top:.34rem;transform:translate(-50%)scale(.82)}.team-node:hover .player-node-label .fixed-lock{transform:none}.player-hero-modal{width:min(46rem,100%)}.player-lock-toggle{color:#c2d2e9;cursor:pointer;background:#0a2348;border:1px solid #a4c2ee61;align-items:center;gap:.45rem;min-height:2.4rem;margin-bottom:.75rem;padding:.45rem .65rem;font-weight:800;display:inline-flex}.player-lock-toggle .fixed-lock{width:1rem;height:1rem;position:relative;inset:auto;transform:none}.player-lock-toggle.is-active{color:#fff;border-color:#ffd326}.player-hero-search{color:#edf3ff;box-sizing:border-box;background:#071a37;border:1px solid #a4c2ee61;width:100%;min-height:2.65rem;padding:.55rem .7rem}.player-hero-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.55rem;max-height:min(32rem,58svh);margin-top:.7rem;display:grid;overflow-y:auto}.player-hero-grid button{color:#dce9fa;cursor:pointer;background:#081d3d99;border:1px solid #a4c2ee40;place-items:center;gap:.35rem;min-width:0;padding:.55rem .35rem;display:grid}.player-hero-grid button>span{display:block;position:relative}.player-hero-grid img,.player-hero-grid .avatar-fallback{object-fit:cover;border:2px solid #a4c2ee8c;border-radius:50%;width:3.5rem;height:3.5rem}.player-hero-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;overflow:hidden}.player-hero-grid button.is-selected{background:#ffd3261a;border-color:#ffd326}.player-hero-grid button:disabled{cursor:not-allowed;opacity:.25}.team-node-name,.team-node>span:not(.team-node-avatar){color:#f7faff;letter-spacing:.045em;text-align:center;text-overflow:ellipsis;text-shadow:0 .1rem .35rem #06142b;text-transform:uppercase;white-space:nowrap;max-width:100%;margin-top:.45rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.85rem;font-weight:400;overflow:hidden}.empty-team{z-index:1;color:#b4c8e7;text-align:center;width:min(24rem,78%);font-size:1rem;line-height:1.55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-team strong{color:#ffd326;margin-bottom:.35rem;font-size:1.25rem;display:block}.summary-panel{flex-direction:column;display:flex;position:sticky;top:1rem}.summary-panel>:not(.panel-title){margin-left:1rem;margin-right:1rem}.summary-content{gap:1.1rem;padding:1rem;display:grid}.summary-teamups-scroll{scrollbar-color:#496b9b transparent;flex:1;min-height:0;overflow-y:auto}.comp-counts{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.comp-count{text-align:center;background:#4f76b11f;border:1px solid #b5cdf036;padding:.65rem .28rem}.comp-count strong{letter-spacing:.05em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:1.42rem;font-weight:400;display:block}.comp-count span{color:#a8bee0;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.45rem;margin-top:1rem;display:grid}.role-counts{text-align:center;align-content:center;justify-items:center;gap:.15rem;display:grid}.role-counts>strong{color:#edf3ff;letter-spacing:.06em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:2.1rem;font-weight:400}.role-counts>strong span{align-items:center;display:inline-flex}.role-counts>strong i{color:#718bb2;margin:0 .18em;font-style:normal}.role-counts>div{grid-template-columns:repeat(3,1fr);width:6.4rem;display:grid}.role-counts>div span{color:#a8bee0;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.summary-stat{border-bottom:1px solid #b5cdf029;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;display:flex}.role-counts+.summary-stat{margin-top:1rem}.summary-stat+.summary-stat{margin-top:.8rem}.summary-label{color:#a9bee0}.summary-value{color:#ffd326;letter-spacing:.055em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:1.7rem;font-weight:400}.summary-stat span{color:#a9bee0;letter-spacing:.1em;text-transform:uppercase;font-size:.71rem;font-weight:800}.summary-stat strong{color:#ffd326;letter-spacing:.055em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,system-ui,sans-serif;font-size:1.45rem;font-weight:400}.summary-stat strong em{color:#edf3ff;letter-spacing:0;font-family:inherit;font-size:.72em;font-style:normal;font-weight:400}.summary-metrics .role-counts,.summary-metrics .summary-stat{background:#4f76b114;border:1px solid #b5cdf029;min-width:0;padding:.55rem .25rem}.summary-metrics .role-counts{grid-column:1/-1;padding-top:.7rem;padding-bottom:.7rem}.summary-metrics .summary-stat{text-align:center;place-content:center;justify-items:center;gap:.18rem;display:grid}.summary-metrics .summary-stat span{font-size:.61rem;line-height:1.25}.summary-metrics .summary-stat strong{white-space:nowrap;font-size:1.32rem}.summary-metrics .role-counts+.summary-stat,.summary-metrics .summary-stat+.summary-stat{margin-top:0}.teamup-summary{margin-top:1rem;padding-bottom:1rem}.teamup-summary h2,.teamup-summary h3{color:#c7d8f0;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem}.teamup-summary ul{gap:.4rem;max-height:19rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.teamup-summary li{color:#d9e5f7;background:#648cc21c;border-left:2px solid #ffd326;padding:.5rem;font-size:.78rem;line-height:1.35}.teamup-link-name{color:#fff4a8;margin-bottom:.08rem;font-size:.61rem;display:block}.no-teamups,.teamup-summary>p{color:#9fb5d6;margin:0;font-size:.81rem;line-height:1.45}.teamup-row{background:#648cc21c;border-left:2px solid #ffd326;margin-bottom:.4rem;font-size:.78rem;line-height:1.35}.teamup-toggle{color:#d9e5f7;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;width:100%;padding:.48rem;display:grid;position:relative}.teamup-toggle:after{content:"";height:.4rem;position:absolute;top:100%;left:0;right:0}.is-expanded .teamup-toggle:after{display:none}.teamup-toggle:hover{background:#ffd32612}.teamup-toggle:focus-visible{outline-offset:-2px;outline:2px solid #ffd326}.teamup-avatars{width:2.45rem;height:2.45rem;display:block;position:relative}.teamup-avatars img,.teamup-avatars .avatar-fallback{object-fit:cover;background:#18385f;border:1px solid #a7c5ef;border-radius:50%;width:2.25rem;height:2.25rem}.teamup-avatars img+img,.teamup-avatars img+.avatar-fallback,.teamup-avatars .avatar-fallback+img,.teamup-avatars .avatar-fallback+.avatar-fallback{border-color:#ffd326;width:1.1rem;height:1.1rem;margin:0;position:absolute;bottom:0;right:0}.teamup-row-copy{min-width:0}.teamup-row strong{color:#fff4a8;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.12rem;font-size:.75rem;display:block;overflow:hidden}.teamup-row.is-expanded strong{text-overflow:clip;white-space:normal;overflow:visible}.teamup-row-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.teamup-row span{color:#d9e5f7}.teamup-row b{color:#ffd326}.teamup-chevron{width:1.1rem;height:1.1rem;display:inline-block;position:relative;color:#ffd326!important}.base-teamup-summary{margin-top:.7rem}.base-teamup-row{background:#4a82be1f;border-left-color:#5e9ed6}.base-teamup-row .teamup-toggle:hover{background:#5c9bd71a}.base-teamup-row .teamup-toggle:focus-visible{outline-color:#8fc6ff}.base-teamup-row strong{color:#dbe8fa}.base-teamup-row b,.base-teamup-row .teamup-chevron{color:#8fc6ff!important}.base-teamup-row .teamup-avatars img+img,.base-teamup-row .teamup-avatars img+.avatar-fallback,.base-teamup-row .teamup-avatars .avatar-fallback+img,.base-teamup-row .teamup-avatars .avatar-fallback+.avatar-fallback{border-color:#8fc6ff}.base-teamup-row .teamup-effects h3{color:#8fc6ff}.teamup-effects{border-top:1px solid #b5cdf024;padding:0 .55rem .65rem 3.2rem}.teamup-effects>div+div{margin-top:.55rem}.teamup-effects h3{color:#ffd326;letter-spacing:.09em;text-transform:uppercase;margin:.55rem 0 .14rem;font-size:.63rem}.teamup-effects p{color:#c6d8f1;margin:0;font-size:.74rem;line-height:1.45}.teamup-switches{border-top:1px solid #b5cdf029;margin-top:.8rem;padding-top:.62rem}.teamup-switches h3{margin-top:0}.teamup-switches button{color:#e9f1ff;cursor:pointer;text-align:left;background:#4a6fa033;border:1px solid #90afd854;width:100%;margin-top:.35rem;padding:.42rem .48rem;font-size:.71rem;font-weight:750;display:block}.teamup-switches button:hover,.teamup-switches button:focus-visible{color:#fff4a8;border-color:#ffd326}.teamup-switches button span{color:#a9bee0;margin-top:.1rem;font-size:.67rem;font-weight:500;display:block}.teamup-switches.is-base-option{border-top-color:#8fc6ff3d}.teamup-switches.is-base-option button{color:#dbeaff;background:#4a82be29;border-color:#8fc6ff7a}.teamup-switches.is-base-option button:hover,.teamup-switches.is-base-option button:focus-visible{color:#8fc6ff;border-color:#8fc6ff}.teamup-switches.is-enhanced-option{border-top-color:#ffd3263d}.teamup-switches.is-enhanced-option button{color:#fff4a8;background:#ffd32614;border-color:#ffd32680}.teamup-switches.is-enhanced-option button span{color:#d7c986}.teamup-switches.is-enhanced-option button:hover,.teamup-switches.is-enhanced-option button:focus-visible{color:#ffd326;border-color:#ffd326}@media (width>=1141px){.teamcomp-page{grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:0;display:grid;overflow:visible}.teamcomp-layout{height:100%;min-height:0;overflow:visible}.teamcomp-layout.is-roster-collapsed{grid-template-columns:minmax(34rem,50rem) minmax(17rem,22rem)}.hero-rail.is-desktop-collapsed{display:none}.teamcomp-layout.is-roster-collapsed .roster-edge-tab{z-index:20;color:#ffd326;cursor:pointer;background:#07162ff2;border:1px solid #a3c1ed59;border-right:0;border-radius:.45rem 0 0 .45rem;place-items:center;width:2.35rem;height:5.5rem;display:grid;position:absolute;top:6rem;left:0;transform:translate(-100%);box-shadow:0 .55rem 1.3rem #00000040}.teamcomp-layout.is-roster-collapsed .roster-edge-tab span{letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.77rem;font-weight:400;transform:rotate(180deg)}.roster-drawer-close{display:grid}.teamcomp-layout.is-roster-collapsed .roster-edge-tab:hover,.teamcomp-layout.is-roster-collapsed .roster-edge-tab:focus-visible{color:#ffd326;border-color:#ffd326}.hero-rail,.summary-panel{height:100%;min-height:0;max-height:none;top:0}.summary-panel{overflow:hidden}.composition-stage{max-height:100%;overflow:visible}}@media (width>=1600px) and (height<=1020px){.composition-stage{width:min(100%,100svh - 17rem)}}@media (width<=1140px){.teamcomp-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);justify-content:center}.hero-rail{z-index:201;visibility:hidden;width:min(19rem,86vw);height:100dvh;min-height:0;max-height:100dvh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.hero-rail.is-overlay-open{visibility:visible;transform:translate(0)}.hero-rail .hero-list{flex:1;grid-template-columns:1fr;max-height:none}.roster-edge-tab{z-index:20;color:#ffd326;cursor:pointer;background:#07162ff2;border:1px solid #a3c1ed59;border-left:0;border-radius:0 .45rem .45rem 0;place-items:center;width:2.35rem;height:5.5rem;display:grid;position:fixed;top:12.5rem;left:0;box-shadow:0 .55rem 1.3rem #00000040}.roster-edge-tab span{letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.77rem;font-weight:400;transform:rotate(180deg)}.roster-edge-tab:hover,.roster-edge-tab:focus-visible{color:#fff4a8;border-color:#ffd326}.roster-backdrop{z-index:200;cursor:default;background:#020a188f;border:0;display:block;position:fixed;inset:0}.roster-drawer-close{display:grid}.summary-panel{position:static}.summary-content{grid-template-columns:minmax(12rem,.8fr) minmax(11rem,.7fr) minmax(17rem,1.5fr);align-items:start}.teammate-finder-results{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.teammate-finder-pagination-wrap{display:contents}.teammate-finder-pagination{grid-area:1/1/auto/-1;grid-template-columns:1fr auto 1fr;gap:0;width:100%;display:grid}.teammate-finder-pagination:has(.finder-shuffle-button){grid-template-columns:1fr auto auto 1fr;column-gap:.35rem}.teammate-finder-pagination button{width:2.75rem;height:2.75rem}.teammate-finder-pagination button:first-child{justify-self:start}.teammate-finder-pagination button:last-child{justify-self:end}.teammate-finder-results .finder-filters{grid-area:2/1;width:100%;min-width:0}.teammate-finder-results .finder-cancel-button{grid-area:2/2;justify-self:end;margin-left:0}}@media (width<=820px){.teamcomp-layout{grid-template-columns:minmax(0,50rem)}.summary-panel{grid-column:1/-1}}@media (width<=720px){.teamcomp-header{flex-direction:row;align-items:center;gap:.65rem;padding:.75rem 1rem .85rem}.teamcomp-header h1{font-size:clamp(1.1rem,6vw,1.45rem);line-height:1}.teamcomp-header .eyebrow{margin-bottom:.18rem;font-size:.56rem}.teamcomp-header .header-actions{gap:.4rem;margin-left:auto}.teamcomp-header>p{text-align:left}.teamcomp-layout{flex-direction:column;padding:.75rem;display:flex}.summary-panel{width:100%;position:static}.hero-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:20rem}.roster-hero{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.42rem}.roster-hero img,.roster-hero .avatar-fallback{width:2.2rem;height:2.2rem}.roster-hero-name{font-size:.72rem}.roster-hero-role{display:none}.composition-stage{width:100%}.team-orbit{min-height:0}.team-node{width:18.2cqw}.team-node img,.team-node .avatar-fallback,.team-node-avatar{width:13.2cqw;height:13.2cqw}.team-node.is-fixed img,.team-node.is-fixed .avatar-fallback{border-width:4px}.fixed-lock{transform-origin:50%;transform:translate(-50%,-50%)scale(.88)}.team-node:hover .fixed-lock{transform:translate(-50%,-50%)scale(.9416)}.team-hint-node{width:9.4cqw;height:9.4cqw}.team-hint-node img,.team-hint-node .avatar-fallback{width:8.2cqw;height:8.2cqw}.team-node-name{font-size:.66rem}.summary-content{grid-template-columns:1fr}.teamup-summary ul{max-height:12rem}.teammate-finder-results{flex-wrap:wrap}.header-actions{right:1rem}.shared-player-lists,.help-modal-content,.help-arrow-key ul{grid-template-columns:1fr}.help-arrow-key{grid-column:auto}}@media (width<=500px){.teammate-finder-idle{grid-template-columns:minmax(0,1fr);justify-items:center}.teammate-finder-idle>.teammate-finder-button,.teammate-finder-idle>.composition-actions{grid-column:1;justify-self:center}.teammate-progress-copy,.teammate-finder-summary{min-width:100%}.finder-role-filter-options{grid-template-columns:minmax(0,1fr)}.optimal-browser-controls{flex-basis:100%}.optimal-browser-controls select{flex-basis:100%;max-width:none}.finder-cancel-button{height:2.4rem}}@media (hover:none) and (pointer:coarse){.node-action-tooltip{display:none}.composition-stage{min-height:30rem}}@media (width<=1140px) and (height<=600px) and (orientation:landscape){body{overflow-y:auto}.teamcomp-page{height:auto;min-height:100svh;display:block;overflow:visible}.teamcomp-layout,.teamcomp-layout.is-roster-collapsed{flex-direction:column;align-items:stretch;width:100%;max-width:100%;height:auto;min-height:0;padding:.75rem;display:flex;overflow:visible}.composition-stage{justify-self:stretch;width:100%;min-height:0;max-height:none;overflow:visible}.team-orbit{aspect-ratio:1;width:100%;min-height:0}.summary-panel{width:100%;height:auto;min-height:0;max-height:none;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}