html,body,#root{min-height:100%}#root{min-height:100svh}:root{--bg:#0d1117;--bg-panel:#161b22;--border:#2a2f3d;--text:#e6edf3;--muted:#8b949e;--brand:#f5b82e;--on-brand:#0d1117;--shadow:#00000073;--icon-dim:grayscale(1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:var(--muted);--success:#6ee7a8;--danger:#f07878;--hex-fill:color-mix(in srgb, var(--text) 3%, transparent);--hex-stroke:color-mix(in srgb, var(--bg-panel), var(--text) 18%);--overlay-hover:color-mix(in srgb, var(--text) 9%, transparent);--overlay-border:color-mix(in srgb, var(--text) 14%, transparent);--focus-ring:color-mix(in srgb, var(--text) 18%, transparent);--raised:color-mix(in srgb, var(--bg-panel), var(--text) 3%);--nav-height:56px;--content-width:1120px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, var(--bg-panel) 0%, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--bg), var(--text) 2%) 0%, var(--bg) 45%, color-mix(in srgb, var(--bg), #000 12%) 100%);color:var(--text);background-attachment:fixed;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}.site{flex-direction:column;min-height:100svh;display:flex}.page{flex-direction:column;flex:1;align-items:center;gap:28px;padding:32px 20px 64px;display:flex}.page-main{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.searchbar{flex:0 420px;width:min(420px,100%);min-width:min(240px,100%);position:relative}.searchbar-input{width:100%;color:var(--text);background:var(--bg-panel);border:1.5px solid color-mix(in srgb, var(--brand) 55%, var(--border));border-radius:6px;outline:none;padding:12px 70px 12px 40px;font-size:16px;font-weight:500;transition:border-color .2s}.searchbar-input:focus{border-color:var(--brand)}.searchbar-input::placeholder{color:var(--muted);font-weight:400}.searchbar-hint{color:var(--muted);background:var(--bg);border:1px solid var(--border);pointer-events:none;white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.searchbar.is-focused .searchbar-hint{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 45%, var(--border))}.searchbar-icon{color:color-mix(in srgb, var(--brand) 75%, var(--muted));pointer-events:none;transition:color .2s,transform .2s;display:inline-flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.searchbar.is-focused .searchbar-icon{color:var(--brand);transform:translateY(-50%)scale(1.08)}.searchbar-results{z-index:30;background:var(--bg-panel);border:1px solid color-mix(in srgb, var(--brand) 30%, var(--border));box-shadow:0 14px 34px var(--shadow);border-radius:6px;flex-direction:column;max-height:264px;margin:0;padding:4px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.searchbar-result{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:3px 10px 3px 3px;display:flex}.searchbar-result.is-active{background:color-mix(in srgb, var(--brand) 13%, transparent)}.searchbar-result-cost,.trait-list-badge{border-radius:50%;flex:none;width:10px;height:10px}.searchbar-result .searchbar-result-cost{margin:12px}.searchbar-result-champion-icon{object-fit:cover;border:1.5px solid;border-radius:4px;flex:none;width:34px;height:34px}.searchbar-result-item-icon{border-radius:3px;flex:none;width:26px;height:26px;margin:4px}.searchbar-result-name{color:var(--text);font-size:14px}.searchbar-result-traits{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.workspace{justify-content:center;width:100%;display:flex}.board-stack{width:100%;max-width:var(--content-width);flex-direction:column;gap:12px;display:flex;container:team-board/inline-size}.board-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative}.board-toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-button,.toolbar-icon-button{color:var(--text);background:var(--raised);cursor:pointer;border:1px solid #0000;border-radius:5px;transition:background .15s,border-color .15s,color .15s}.toolbar-button{white-space:nowrap;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.toolbar-button:disabled{color:var(--muted);opacity:.5;cursor:default}.toolbar-button:disabled:hover{background:var(--raised);border-color:#0000}.toolbar-button--danger:not(:disabled):hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.toolbar-button.is-done{color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, transparent)}.toolbar-button.is-failed{color:var(--danger)}.toolbar-icon-button{justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.toolbar-button:hover,.toolbar-icon-button:hover{color:var(--text);background:var(--overlay-hover);border-color:var(--border)}.toolbar-icon-button:disabled{color:var(--muted);background:var(--raised);opacity:.45;cursor:default;border-color:#0000}.toolbar-cluster{background:var(--raised);border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.toolbar-cluster .toolbar-icon-button{width:32px;height:32px;color:var(--muted);background:0 0}.toolbar-cluster .toolbar-icon-button:hover{color:var(--text);background:var(--overlay-hover);border-color:#0000}.toolbar-cluster .toolbar-icon-button:disabled{background:0 0}.toolbar-cluster .toolbar-icon-button.is-active{color:var(--text);background:var(--overlay-hover)}.toolbar-primary{color:var(--on-brand);background:var(--brand);border-radius:8px;padding:8px 18px}.toolbar-primary:hover{color:var(--on-brand);background:color-mix(in srgb, var(--brand) 85%, var(--text));border-color:#0000}.toolbar-icon-button.is-done{color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, transparent)}.toolbar-icon-button.is-active{color:var(--text);border-color:var(--accent)}.toolbar-button:focus-visible,.toolbar-icon-button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.toolbar-import{position:relative}.toolbar-import-backdrop{z-index:20;position:fixed;inset:0}.toolbar-import-popup{z-index:21;background:var(--bg-panel);border:1px solid var(--border);width:min(320px,100vw - 32px);box-shadow:0 12px 30px var(--shadow);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.toolbar-import-label{color:var(--muted);font-size:12px;font-weight:600}.toolbar-import-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.toolbar-import-input{width:100%;color:var(--text);background:color-mix(in srgb, var(--text) 4%, transparent);border:1px solid var(--border);border-radius:6px;outline:none;padding:7px 10px;font-size:13px}.toolbar-import-input:focus{border-color:var(--accent)}.toolbar-import-error{color:var(--danger);margin:0;font-size:12px}.toolbar-import-actions{justify-content:flex-end;gap:8px;display:flex}.toolbar-import-submit{color:var(--text);border-color:var(--accent)}.toolbar-options{position:relative}.toolbar-options-backdrop{z-index:20;position:fixed;inset:0}.toolbar-options-popup{z-index:21;background:var(--bg-panel);border:1px solid var(--border);width:240px;box-shadow:0 12px 30px var(--shadow);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.toolbar-options-title{color:var(--text);margin:0;font-size:13px;font-weight:700}.toolbar-options-group{flex-direction:column;gap:6px;display:flex}.toolbar-options-label{color:var(--muted);margin:0;font-size:12px;font-weight:600}.toolbar-options-item{width:100%;color:var(--text);text-align:left;background:var(--raised);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.toolbar-options-item:hover{background:var(--overlay-hover);border-color:var(--border)}.toolbar-options-item:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.toolbar-options-item.is-selected{border-color:var(--accent)}.toolbar-options-check{color:var(--text);flex-shrink:0}.toolbar-options-item-name{flex:1}.toolbar-options-item-meta{color:var(--muted);font-size:11px;font-weight:600}.team-board{width:100%;max-width:var(--content-width);border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;grid-template-columns:minmax(0,1fr);display:grid}.team-board-main{flex-direction:column;align-items:center;gap:16px;min-width:0;padding:16px 20px;display:flex;position:relative}.team-board-canvas{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.team-canvas{-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;width:100%;height:auto;display:block;position:relative;overflow:visible}.board-watermark{fill:var(--muted);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.hex{fill:var(--hex-fill);stroke:var(--hex-stroke);stroke-width:1.5px;transition:fill .12s,stroke .12s}.hex.is-hovered{fill:color-mix(in srgb, var(--text) 12%, transparent)}.hex.is-invisible{fill:#0000;stroke:none}.hex.has-champion.is-invisible{fill:var(--cost);fill-opacity:.3;stroke:none}.hex.is-cursor{stroke:var(--text);stroke-width:2.5px}.hex.has-champion{fill:var(--cost);fill-opacity:.3;stroke:color-mix(in srgb, var(--cost), #fff 30%);stroke-width:2px;cursor:grab}.hex.has-champion.is-hovered{fill:color-mix(in srgb, var(--text) 18%, transparent);filter:drop-shadow(0 0 6px var(--cost,#fff))}.hex.has-champion.is-cursor{filter:drop-shadow(0 0 6px var(--cost,#fff))}.hex.is-trait-highlight{fill-opacity:.7;filter:drop-shadow(0 0 6px var(--cost,#fff))}.team-canvas.is-dragging{cursor:grabbing}.hex.is-dragging,.hex.is-held{fill-opacity:.12;stroke-opacity:.4}.hex.is-drop-target{stroke:var(--text);stroke-width:3px}.drag-ghost{pointer-events:none;opacity:.9}.drag-ghost polygon{fill:var(--cost);fill-opacity:.85;stroke:var(--text);stroke-width:2px}.hex-champion-label{fill:var(--text);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:11px;font-weight:600}.hex-champion-label.has-portrait{paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;font-size:10px}.hex-portrait{pointer-events:none}.hex-item{cursor:pointer}.hex-item-frame{fill:var(--bg);stroke:none;stroke-width:1px}.hex-item:hover .hex-item-frame{stroke:var(--text)}.hex-item:hover image{opacity:.6}.hex-item.is-dragging{opacity:.3}.team-canvas.dim-locked .hex.has-champion.is-locked,.team-canvas.dim-locked .hex-portrait.is-locked,.team-canvas.dim-locked .hex-pips.is-locked,.team-canvas.dim-locked .hex-items.is-locked{opacity:.4}.hex-portrait.is-locked,.hex-pips.is-locked,.hex-items.is-locked{transition:opacity .12s}.hex-portrait.is-invisible{opacity:.5}.hex-portrait.is-dragging{opacity:.3}.hex-star-glyph{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:14px;font-weight:700}.hex-stars{cursor:pointer}.hex-star-hit{fill:#0000;pointer-events:all}.hex-star-slot.is-ghost .hex-star-glyph{fill:none;stroke:var(--muted);stroke-width:1px;opacity:.6;transition:opacity .12s,stroke .12s}.hex-star-slot.is-ghost.is-hover .hex-star-glyph{stroke:var(--text);opacity:1}.canvas-help{width:22px;height:22px;color:var(--muted);background:var(--raised);border:1px solid var(--hex-stroke);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.canvas-help:hover,.canvas-help:focus-visible{color:var(--text);border-color:var(--accent);outline:none}.canvas-help-tooltip{text-align:left;width:260px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow);opacity:0;visibility:hidden;pointer-events:none;z-index:5;border-radius:5px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);right:0}.canvas-help:hover .canvas-help-tooltip,.canvas-help:focus-visible .canvas-help-tooltip{opacity:1;visibility:visible}.board-toolbar-search{flex:280px;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.board-toolbar-search .searchbar{flex:420px;max-width:520px}.board-toolbar-search .searchbar-input{padding:9px 64px 9px 38px;font-size:15px}.board-target-switch{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex:none;align-items:center;display:inline-flex;overflow:hidden}.board-target-option{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s}.board-target-option:hover,.board-target-option:focus-visible{color:var(--text)}.board-target-option.is-active{background:var(--text);color:var(--bg)}.board-target-switch.is-disabled{opacity:.5;pointer-events:none}.team-board-side{overflow-anchor:none;border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:0 0 10px 10px;order:1;grid-template-rows:minmax(0,1fr);gap:20px;min-width:0;padding:20px 16px 14px;display:grid}.team-board-side.is-dual{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}@container team-board (width>=760px){.team-board{grid-template-columns:264px minmax(0,1fr)}.team-board-side{contain:size;border-top:0;border-right:1px solid var(--border);border-radius:10px 0 0 10px;order:0}.trait-list-scroll{max-height:none}}.team-board-traits,.team-board-opponent-traits{width:100%;min-width:0;min-height:0;display:flex}.trait-list{flex-direction:column;width:100%;min-height:0;display:flex}.trait-list-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.trait-list-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:600}.trait-list-summary{align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.trait-list-stat{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.trait-list-stat--gold{color:var(--stat-accent,#ffd54a)}.trait-list-stat-icon{width:15px;height:15px;-webkit-mask:var(--stat-icon) center / contain no-repeat;mask:var(--stat-icon) center / contain no-repeat;background-color:currentColor;flex-shrink:0}.trait-list-stat-icon--units{--stat-icon:url(/assets/icons/units.png)}.trait-list-stat-icon--gold{--stat-icon:url(/assets/icons/gold.png)}.trait-list-stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.trait-list-stat--gold .trait-list-stat-value{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trait-list-empty{color:var(--muted);margin:0 0 12px;font-size:13px}.trait-list-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:auto;min-height:0;max-height:min(58vh,430px);margin-bottom:8px;padding-right:4px;overflow-y:auto}.trait-list-scroll::-webkit-scrollbar{width:8px}.trait-list-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.trait-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted)}.trait-list-group+.trait-list-group{margin-top:16px}.trait-list-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.trait-list-group-title:after{content:"";background:var(--border);flex:1;height:1px}.trait-list-group-count{font-weight:600}.trait-list-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.trait-list-item{background:var(--hex-fill);opacity:.55;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 10px 4px 8px;transition:opacity .12s,background .12s,box-shadow .12s;display:flex}.trait-list-item.is-active{opacity:1}.trait-list-item.is-hovered,.trait-list-item:hover,.trait-list-item.is-locked{opacity:1;background:var(--overlay-hover);box-shadow:inset 0 0 0 1px var(--overlay-border)}.trait-list-hex{width:28px;height:32px;color:var(--muted);flex:none;place-items:center;display:grid;position:relative}.trait-list-item.is-active .trait-list-hex{color:var(--tier,var(--text))}.trait-list-hex-frame{width:100%;height:100%;fill:color-mix(in srgb, currentColor 12%, transparent);stroke:currentColor;stroke-width:2px;stroke-linejoin:round;position:absolute;inset:0}.trait-list-icon{width:16px;height:16px;-webkit-mask:var(--trait-icon) center / contain no-repeat;mask:var(--trait-icon) center / contain no-repeat;background-color:currentColor;position:relative}.trait-list-hex .trait-list-badge{background:currentColor;width:8px;height:8px;position:relative}.trait-list-count{background:var(--bg);min-width:24px;height:24px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:4px;flex:none;place-items:center;padding:0 4px;font-size:14px;font-weight:700;display:grid}.trait-list-body{flex-direction:column;gap:1px;min-width:0;display:flex}.trait-list-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.trait-list-steps{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.2}.combat-effects{border-top:1px solid var(--border);flex:none;margin-top:auto;padding-top:6px;position:relative}.combat-effects-list{justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.combat-effect{cursor:pointer;opacity:.4;filter:var(--icon-dim);background:0 0;border:0;border-radius:5px;place-items:center;padding:3px;transition:opacity .12s,filter .12s,background .12s;display:grid;position:relative}.combat-effect.is-active{opacity:1;filter:none}.combat-effect:hover,.combat-effect:focus-visible,.combat-effect.is-open{background:var(--overlay-hover)}.combat-effect:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.combat-effect-icon{object-fit:contain;width:20px;height:20px}.combat-effect-tooltip{z-index:5;white-space:nowrap;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:5px;flex-direction:column;align-items:center;padding:6px 10px;transition:opacity .12s;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.combat-effect:hover .combat-effect-tooltip,.combat-effect:focus-visible .combat-effect-tooltip{opacity:1;visibility:visible}.combat-effect.is-open .combat-effect-tooltip{visibility:hidden}.combat-effect-tooltip-title{font-size:13px;font-weight:700}.combat-effect-tooltip-description{color:var(--muted);font-size:12px}.combat-effects-backdrop{z-index:20;position:fixed;inset:0}.combat-effects-popup{z-index:21;background:var(--bg-panel);border:1px solid var(--border);width:260px;max-height:360px;box-shadow:0 12px 30px var(--shadow);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}.combat-effects-popup-header{align-items:center;gap:10px;display:flex}.combat-effects-popup-icon{object-fit:contain;width:34px;height:34px}.combat-effects-popup-title{color:var(--text);margin:0;font-size:14px;font-weight:700}.combat-effects-popup-description,.combat-effects-empty{color:var(--muted);margin:0;font-size:12px}.combat-effects-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.combat-effects-sources{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.combat-source{color:var(--muted);border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:flex}.combat-source.is-present{color:var(--text);background:var(--overlay-hover)}.combat-source-portrait{object-fit:cover;border-radius:4px;width:22px;height:22px}.combat-source-trait{width:22px;height:22px;-webkit-mask:var(--trait-icon) center / 16px no-repeat;mask:var(--trait-icon) center / 16px no-repeat;background-color:currentColor}.combat-source-dot{background:radial-gradient(circle,currentColor 3px,#0000 3.5px);width:22px;height:22px}.combat-source-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.combat-source-tag{color:var(--stat-accent,#ffd54a);font-size:11px;font-weight:600}.trait-list-step.is-current{color:var(--text);font-weight:700}.champion-pool{width:100%}.champion-pool-items{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.champion-pool-item{aspect-ratio:1;border:2px solid var(--cost,var(--border));background:var(--bg-panel);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:filter .12s,box-shadow .12s;display:flex;overflow:hidden}.champion-pool-item:hover{filter:brightness(1.45);box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 25%, transparent)}.champion-pool.is-filtering .champion-pool-item:not(.is-highlighted):not(:hover){filter:brightness(.35)grayscale(.6)}.champion-pool-groups{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));align-items:start;gap:14px 6px;display:grid}.champion-pool-group{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:8px;min-width:0;padding:8px 5px 6px}.champion-pool-group-title{justify-content:center;align-items:center;gap:6px;margin:0 0 8px;font-size:15px;font-weight:650;display:flex}.champion-pool-group-title .hover-tip{display:flex}.champion-pool-group-icon{background-color:var(--text);width:22px;height:22px;-webkit-mask:var(--trait-icon) center / contain no-repeat;mask:var(--trait-icon) center / contain no-repeat}.champion-pool-group-icon.is-blank{border:2px dashed var(--muted);background:0 0;border-radius:50%;width:16px;height:16px;-webkit-mask:none;mask:none}.champion-pool-group-count{color:var(--muted)}.champion-pool-group-items{flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.champion-pool-group-items .champion-pool-item{width:100%;max-width:72px}.champion-portrait{object-fit:cover;width:100%;height:100%;display:block}.pool-panel{width:100%;max-width:var(--content-width)}.team-tabs{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;width:100%;padding-top:14px;display:flex}.team-group{flex-wrap:wrap;align-items:center;gap:4px 14px;display:inline-flex}.team-group-divider{background:var(--border);width:1px;height:16px}.team-tab{border-radius:3px;align-items:center;gap:2px;display:inline-flex}.team-tab[draggable=true] .team-tab-label{cursor:grab}.team-tab.is-dragging{opacity:.4}.team-tab.is-drop-target{box-shadow:-2px 0 0 var(--text)}.team-tab-label,.team-tab-input{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:2px 0;font-family:inherit;font-size:13px;font-weight:600}.team-tab-label{cursor:pointer;background:0 0;border:none;transition:color .15s,box-shadow .15s}.team-tab--package .team-tab-label{letter-spacing:.06em;font-weight:500}.team-tab-label:hover,.team-tab.is-active .team-tab-label{color:var(--text)}.team-tab.is-active .team-tab-label{box-shadow:inset 0 -2px 0 var(--accent)}.team-tab-label:focus-visible,.team-tab-action:focus-visible,.team-tab-add:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-radius:2px;outline:none}.team-tab-input{width:14ch;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 4px}.team-tab-action,.team-tab-add{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;place-items:center;padding:0;font-family:inherit;line-height:1;display:grid}.team-tab-action{opacity:0;width:16px;height:16px;font-size:14px;transition:opacity .12s,color .12s}.team-tab-add-package{font-size:16px}.team-tab:hover .team-tab-action,.team-tab.is-active .team-tab-close,.team-tab-action:focus-visible{opacity:1}.team-tab-action:hover,.team-tab-add:hover{color:var(--text);background:var(--overlay-hover)}.team-tab-add{width:22px;height:22px;font-size:18px}.pool-tabs{align-items:center;gap:16px;margin-bottom:12px;display:flex}.pool-tab{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:13px;font-weight:600;transition:color .15s,box-shadow .15s}.pool-sort{align-items:center;gap:14px;margin-left:auto;display:flex}.pool-sort-label{color:var(--muted);font-size:12px}.pool-tab:hover{color:var(--text)}.pool-tab.is-active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.pool-tab:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-radius:2px;outline:none}.item-pool{flex-direction:column;gap:22px;display:flex}.item-pool-empty{color:var(--muted);margin:0;font-size:13px}.item-category-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.item-category-title:before{content:"";background:var(--item,var(--muted));border-radius:50%;width:8px;height:8px}.item-pool-items{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.item-pool-item{border:2px solid var(--item,var(--border));background:var(--bg-panel);cursor:grab;border-radius:6px;justify-content:center;align-items:center;width:72px;height:72px;transition:filter .12s,box-shadow .12s;display:flex;overflow:hidden}.item-pool-item:hover{filter:brightness(1.45);box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 25%, transparent)}.item-pool-item.is-unavailable{opacity:.35}.item-pool-item.is-unavailable:hover{filter:none;box-shadow:none}.item-icon{object-fit:cover;width:100%;height:100%;display:block}.site-nav{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg), transparent 8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.site-nav-inner{max-width:calc(var(--content-width) + 40px);min-height:var(--nav-height);align-items:center;gap:28px;margin:0 auto;padding:0 20px;display:flex}.site-brand{color:var(--text);letter-spacing:-.2px;flex-shrink:0;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.site-logo{aspect-ratio:185/219;background:var(--brand);flex-shrink:0;display:inline-block;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.site-brand-logo{height:36px}.site-tabs{align-self:stretch;align-items:stretch;gap:4px;min-width:0;display:flex}.site-tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.site-tab:hover{color:var(--text)}.site-tab.is-active{color:var(--text);border-bottom-color:var(--brand)}.site-tab.is-soon{cursor:not-allowed}.site-tab.is-soon:hover{color:var(--muted)}.site-tab.is-soon:focus-visible{box-shadow:none;border-radius:0}.site-tab.is-soon .hover-tip-content{top:calc(100% + 4px);bottom:auto}.site-tab.is-soon .hover-tip-content:after{border-top-color:#0000;border-bottom-color:var(--text);top:auto;bottom:100%}.site-tab-soon-badge{display:none}.site-nav-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-button{height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:inline-flex}.nav-button:hover,.nav-button.is-open{color:var(--text);background:var(--overlay-hover)}.nav-button:focus-visible,.nav-signin:focus-visible,.site-tab:focus-visible,.site-brand:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.nav-icon-button{justify-content:center;width:34px;padding:0}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.nav-menu{position:relative}.nav-dropdown{z-index:60;border:1px solid var(--border);background:var(--bg-panel);min-width:180px;box-shadow:0 12px 32px var(--shadow);border-radius:8px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.nav-dropdown-item{white-space:nowrap;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:14px;text-decoration:none}.nav-dropdown-item:hover,.nav-dropdown-item:focus-visible{background:var(--overlay-hover);outline:none}.nav-dropdown-item.is-selected{color:var(--brand);font-weight:600}.nav-signin{border:1px solid var(--overlay-border);height:34px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.nav-signin:hover,.nav-signin.is-open{background:var(--overlay-hover)}.nav-user-placeholder{width:80px}.nav-user{color:var(--text)}.nav-user-avatar{background:color-mix(in srgb, var(--brand), transparent 70%);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-grid}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.nav-search{align-items:center;display:flex;position:relative}.nav-search-input{background:var(--bg-panel);width:0;height:34px;color:var(--text);font:inherit;opacity:0;border:0 solid #0000;border-radius:6px;padding:0;font-size:14px;transition:width .18s ease-out,padding .18s ease-out,opacity .12s ease-out,border-color .18s ease-out}.nav-search.is-open .nav-search-input{border-width:1px;border-color:var(--border);opacity:1;width:290px;padding:0 10px}.nav-search-input:focus{outline:none}.nav-search.is-open .nav-search-input:focus{border-color:var(--overlay-border)}@media (prefers-reduced-motion:reduce){.nav-search-input{transition:none}}.nav-search-results{z-index:60;border:1px solid var(--border);background:var(--bg-panel);width:340px;max-height:min(70vh,520px);box-shadow:0 12px 32px var(--shadow);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.nav-search-group+.nav-search-group{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.nav-search-group-label{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:4px 8px;font-size:11px;font-weight:700}.nav-search-notice{color:var(--muted);padding:6px 8px;font-size:13px}.nav-search-result{color:var(--text);border-radius:5px;align-items:center;gap:10px;padding:6px 8px;font-size:14px;text-decoration:none;display:flex}.nav-search-result.is-active{background:var(--overlay-hover)}.nav-search-result-icon{object-fit:cover;border-radius:4px;flex-shrink:0;width:26px;height:26px}.nav-search-result-label{flex-shrink:0}.nav-search-result-detail{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=760px){.board-toolbar-search{flex-wrap:wrap;flex-basis:100%;order:3}.toolbar-import{position:static}.site-nav-inner{flex-wrap:wrap;gap:0 12px;padding:0 16px}.site-brand{min-height:var(--nav-height)}.site-tab.is-soon .hover-tip-content{display:none}.site-tab-soon-badge{border:1px solid var(--border);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline}.site-tabs{border-top:1px solid var(--border);flex:100%;order:3;min-height:42px;margin:0 -16px;padding:0 10px;overflow-x:auto}.nav-search.is-open{position:static}.nav-search-input{z-index:61;pointer-events:none;position:absolute;top:11px;left:16px}.nav-search.is-open .nav-search-input{pointer-events:auto;z-index:61;width:auto;position:absolute;top:11px;left:16px;right:16px}.nav-search-results{left:16px;right:16px;top:calc(var(--nav-height) - 4px);width:auto}.nav-user-name{display:none}}.profile-page{width:100%;max-width:calc(var(--content-width) + 40px);align-items:stretch;gap:12px;margin:0 auto}.profile-search{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-panel{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;overflow:hidden}.profile-search-region,.profile-search-input,.profile-button{height:38px;font:inherit;border-radius:6px;font-size:14px}.profile-search-region{background:var(--raised);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:5px;padding:0 10px;font-weight:600}.profile-search-input{border:1.5px solid color-mix(in srgb, var(--brand) 55%, var(--border));background:var(--bg-panel);min-width:0;color:var(--text);outline:none;flex:240px;padding:0 12px}.profile-search-input:focus{border-color:var(--brand)}.profile-search-input[aria-invalid=true]{border-color:var(--danger)}.profile-search-input::placeholder{color:var(--muted)}.profile-button{background:var(--raised);color:var(--text);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.profile-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.profile-button:hover:not(:disabled){background:var(--overlay-hover)}.profile-button:disabled{opacity:.5;cursor:not-allowed}.profile-button--primary{background:var(--brand);color:var(--on-brand)}.profile-button--quiet{color:var(--muted);background:0 0}.profile-button--quiet:hover:not(:disabled){color:var(--text)}.profile-search-actions{gap:4px;margin-left:auto;display:flex}.profile-overview{background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 10%, var(--bg-panel)), var(--bg-panel) 65%);align-items:center;gap:22px;padding:24px 28px;display:flex}.profile-chibi{flex:none;width:96px;height:96px;position:relative}.profile-chibi img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 2px var(--border);border-radius:14px}.profile-level{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.profile-identity{min-width:0}.profile-name{overflow-wrap:anywhere;margin:0;font-size:34px;line-height:1.1}.profile-name span{color:var(--muted);font-weight:500}.profile-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;font-size:14px;display:flex}.profile-meta strong{color:var(--brand)}.profile-region{background:var(--raised);color:var(--text);letter-spacing:.04em;border-radius:4px;padding:1px 8px;font-size:12px;font-weight:700}.profile-meta-divider{background:var(--border);width:1px;height:14px}.profile-badges{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.profile-badge{border:1px solid var(--border);background:color-mix(in srgb, var(--brand) 8%, var(--bg-panel));color:var(--text);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:12px;font-weight:600;display:inline-flex}.profile-badge svg{width:14px;height:14px;color:var(--brand)}.hover-tip:hover .profile-badge,.hover-tip:focus-visible .profile-badge{border-color:color-mix(in srgb, var(--brand) 60%, var(--border))}.profile-badge-tip{white-space:normal;flex-direction:column;gap:4px;width:220px;font-weight:500;display:flex}.profile-badge-tip strong,.profile-badge-tip-partner{font-weight:700}.profile-badge-tip-next{opacity:.75}.profile-badge.is-icon{background:#1d1b19;border-color:#3a3631;padding:2px 7px}.profile-badge .profile-badge-stars{width:auto;height:16px}.profile-badge.is-icon img{width:22px;height:22px;display:block}.profile-updated{color:var(--muted);margin:6px 0 0;font-size:12px}.profile-queues{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:4px;padding:0 14px;display:flex;overflow-x:auto}.profile-queue{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:12px 16px;font-size:15px;font-weight:650}.profile-queue:hover{color:var(--text)}.profile-queue.is-active{color:var(--brand);box-shadow:inset 0 -2px 0 var(--brand)}.profile-body{grid-template-columns:280px minmax(0,1fr);display:grid}.profile-side{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));flex-direction:column;display:flex}.profile-side>*{padding:22px 20px}.profile-side>*+*{border-top:1px solid var(--border)}.profile-side .profile-section-title{color:var(--text)}.profile-side .profile-section-title span{color:var(--muted)}.profile-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;font-weight:700;display:flex}.profile-section-title span{letter-spacing:0;text-transform:none;font-weight:500}.profile-empty{color:var(--muted);margin:0}.profile-rank{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-rank-frame{border:2px solid color-mix(in srgb, var(--tier) 70%, transparent);border-radius:50%;place-items:center;width:150px;height:150px;margin-bottom:10px;display:grid}.profile-rank-frame .profile-rank-icon{border:3px solid var(--tier);border-radius:50%;width:96px;height:96px}.profile-rank-frame.has-wings{--hole-x:49.9%;--hole-y:66.9%;--hole-size:38.6%;aspect-ratio:1/1.031;border:0;border-radius:0;width:220px;height:auto;margin-top:-6px;margin-bottom:0;display:block;position:relative}.profile-rank-frame.has-wings .profile-rank-icon{top:var(--hole-y);left:var(--hole-x);width:var(--hole-size);aspect-ratio:1;border:0;height:auto;position:absolute;transform:translate(-50%,-50%)}.profile-rank-wings{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.profile-rank-player{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.profile-rank-tag{color:var(--muted);font-weight:500}.profile-rank-region{background:var(--raised);color:var(--text);letter-spacing:.04em;vertical-align:2px;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700}.profile-rank-tier{color:var(--tier);margin:0;font-size:26px;font-weight:700}.profile-rank-tier small{color:var(--text);margin-left:6px;font-size:15px;font-weight:600}.profile-rank-queue{color:var(--muted);margin:2px 0 0;font-size:13px}.profile-season,.profile-recent-stats{margin:0}.profile-season{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);width:100%;margin-top:18px;padding-top:16px;display:grid}.profile-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.profile-season .profile-stat+.profile-stat{border-left:1px solid var(--border)}.profile-stat dd,.profile-stat dt{margin:0}.profile-stat-value{color:var(--text);font-size:21px;font-weight:700}.profile-stat-label{color:var(--muted);order:1;font-size:12px}.profile-stat-note{color:var(--muted);opacity:.8;order:2;font-size:11px}.profile-sets ul{flex-direction:column;gap:1px;margin:0 -12px;padding:0;list-style:none;display:flex}.profile-sets li{margin:0}.profile-set-button{width:100%;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 12px;font-size:13px;line-height:1.3;display:grid}.profile-set-button:hover{background:var(--overlay-hover)}.profile-set-button:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.profile-sets li.is-selected .profile-set-button{border-color:color-mix(in srgb, var(--brand) 55%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent)}.profile-set-name{color:var(--muted);font-weight:600}.profile-sets li.is-current .profile-set-name{color:var(--brand)}.profile-set-rank{min-width:0;color:var(--text);align-items:center;gap:7px;display:flex}.profile-set-crest{flex:none;width:22px;height:18px}.profile-set-games{color:var(--muted);font-size:12px}.profile-set-unranked{color:var(--muted);font-weight:500}.profile-sets-more{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;margin:4px auto 0;padding:2px 8px;font-size:13px;font-weight:600;display:flex}.profile-sets-more:hover{color:var(--text)}.profile-sets-more svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.profile-main{flex-direction:column;gap:30px;min-width:0;padding:24px 28px;display:flex}.profile-highlights{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;display:grid}.profile-highlights.is-single{grid-template-columns:minmax(0,1fr)}.profile-recent-body{grid-template-columns:minmax(0,1fr) 86px;gap:18px;display:grid}[data-tone=first]{--place:#e8b541;--on-place:#1d1d1d}[data-tone=second]{--place:#c7ccd6;--on-place:#1d1d1d}[data-tone=third]{--place:#cd7f32;--on-place:#1d1d1d}[data-tone=top]{--place:color-mix(in srgb, var(--text) 45%, var(--bg));--on-place:var(--bg)}[data-tone=bottom]{--place:color-mix(in srgb, var(--text) 16%, var(--bg));--on-place:var(--text)}.profile-chips{grid-template-columns:repeat(10,1fr);gap:4px;margin:0 0 16px;padding:0;list-style:none;display:grid}.profile-chip{aspect-ratio:1;background:var(--place);color:var(--on-place);border-radius:4px;place-items:center;font-size:13px;font-weight:800;display:grid}.profile-bars,.profile-bar-labels{grid-template-columns:repeat(var(--columns), 1fr);gap:4px;display:grid}.profile-bars{align-items:end;height:110px}.profile-bar{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.profile-bar-count{color:var(--muted);text-align:center;margin-bottom:2px;font-size:11px}.profile-bar-fill{background:var(--place);border-radius:4px 4px 0 0;min-height:2px;display:block}.profile-bar:hover .profile-bar-fill{filter:brightness(1.2)}.profile-bar-labels{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:4px;padding-top:4px;font-size:11px}.profile-recent-stats{flex-direction:column;justify-content:space-between;display:flex}.profile-recent-stats .profile-stat{align-items:flex-start;padding:6px 0}.profile-recent-stats .profile-stat+.profile-stat{border-top:1px solid var(--border)}.profile-lp svg{width:100%;height:auto;display:block;overflow:visible}.profile-lp-grid{stroke:color-mix(in srgb, var(--border) 70%, transparent)}.profile-lp-boundary{stroke:#c084fc;stroke-dasharray:4 4;opacity:.7}.profile-lp-axis{fill:var(--muted);font-size:11px}.profile-lp-line{fill:none;stroke:var(--brand);stroke-width:2px;stroke-linejoin:round}.profile-lp-area{fill:color-mix(in srgb, var(--brand) 9%, transparent)}.profile-lp-cursor{stroke:var(--muted)}.profile-lp-dot{fill:var(--brand);stroke:var(--bg);stroke-width:2px}.profile-tooltip{z-index:50;border:1px solid var(--border);background:var(--bg-panel);box-shadow:0 8px 20px var(--shadow);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:6px;flex-direction:column;padding:6px 9px;font-size:12px;display:flex;position:fixed}.profile-tooltip span{color:var(--muted)}.sort-by{align-items:center;gap:4px;margin-left:auto;display:flex}.sort-by-label{color:var(--muted);margin-right:4px;font-size:12px}.sort-by-option{color:var(--muted);font:inherit;text-transform:lowercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px 4px 0 0;padding:2px 6px;font-size:12px;font-weight:600;transition:color .12s,box-shadow .12s}.sort-by-option:hover{color:var(--text)}.sort-by-option.is-active{box-shadow:inset 0 -2px 0 var(--muted)}.sort-by-option:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.profile-summary .profile-matches-title{align-items:center;gap:12px}.profile-matches-title>.profile-summary-soon{color:var(--muted);box-shadow:none;cursor:not-allowed;margin-right:auto}.profile-matches-title>.profile-summary-soon .hover-tip-content{letter-spacing:0;text-transform:none}.profile-summary-switch{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.profile-summary-switch button{border:0;border-left:1px solid var(--border);color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;padding:4px 10px;font-size:12px;font-weight:600}.profile-summary-switch button:first-child{border-left:0}.profile-summary-switch button:hover{color:var(--text);background:var(--overlay-hover)}.profile-summary-switch button.is-active{color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, transparent)}.profile-summary-switch button:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.profile-summary-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:8px 0 1px;display:flex}.profile-summary-bar p{color:var(--muted);margin:0;font-size:13px}.profile-summary-bar b{color:var(--text);font-weight:600}.profile-summary-more svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.profile-summary-list{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:8px;margin:0;padding:0;list-style:none}.profile-summary-list>li{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.profile-summary-list>li:last-child{border-bottom:0}.profile-summary-comp{grid-template-columns:30px auto minmax(0,1fr) auto 120px;grid-template-areas:"meta core.flex stats";align-items:start;gap:8px 16px;padding:10px 12px 10px 14px;display:grid;position:relative}.profile-summary-comp[data-tone]{box-shadow:inset 3px 0 0 var(--place)}.profile-summary-comp .profile-open-builder{top:6px;right:144px}.profile-summary-comp:hover{background:color-mix(in srgb, var(--text) 3%, transparent)}.profile-summary-comp:hover .profile-open-builder{opacity:1;pointer-events:auto}@media (hover:none){.profile-summary-comp .profile-open-builder{box-shadow:none;opacity:1;pointer-events:auto;margin-top:4px;position:static}}.profile-summary-rank{color:var(--text);cursor:help;font-size:15px;font-weight:700}.profile-summary-rank small{color:var(--muted);letter-spacing:0;margin-right:1px;font-size:11px}.profile-summary-meta{flex-direction:column;grid-area:meta;align-items:center;gap:4px;padding-top:18px;display:flex}.profile-summary-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.profile-summary-count{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);white-space:nowrap;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700}.profile-summary-count span{color:var(--muted);font-weight:500}.profile-summary-group{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-summary-core{grid-area:core}.profile-summary-flex{grid-area:flex}.profile-summary-label{white-space:nowrap;align-items:center;gap:8px;display:flex}.profile-summary-label:before,.profile-summary-label:after{content:"";background:var(--border);flex:1;min-width:10px;height:1px}.profile-summary-units{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:2px;list-style:none;display:flex}.profile-summary-units li{width:38px;height:38px;position:relative}.profile-summary-units li>.hover-tip>img,.profile-summary-units .profile-unit-blank{width:38px;height:38px;box-shadow:0 0 0 2px var(--cost);object-fit:cover;border-radius:5px;display:block}.profile-summary-units .hover-tip{width:100%;height:100%;display:block}.profile-unit-tip{flex-direction:column;gap:4px;min-width:170px;font-weight:500;display:flex}.profile-unit-tip-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.profile-unit-tip-head strong{font-size:13px;font-weight:700}.profile-unit-tip-head small{opacity:.7;font-size:11px;font-weight:600}.profile-unit-tip-items{border-top:1px solid color-mix(in srgb, var(--bg) 25%, transparent);flex-direction:column;gap:3px;margin-top:2px;padding-top:5px;display:flex}.profile-unit-tip-items span{align-items:center;gap:6px;display:flex}.profile-unit-tip-items .profile-unit-tip-columns{opacity:.7;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.profile-unit-tip-items b{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-weight:700}.profile-unit-tip-items img,.profile-unit-tip-items i{background:color-mix(in srgb, var(--bg) 30%, transparent);border-radius:3px;width:18px;height:18px}.profile-summary-bar .sort-by{margin-left:auto}.profile-summary-units li.is-fill>.hover-tip>img{opacity:.45;box-shadow:0 0 0 2px color-mix(in srgb, var(--cost) 45%, transparent)}.profile-summary-units li.is-fill:hover>.hover-tip>img{opacity:.8}.profile-summary-units li.is-out,.profile-summary-units li.is-out>.hover-tip>img{width:18px;height:18px}.profile-summary-package{justify-content:flex-end;align-items:center;gap:6px;display:flex}.profile-summary-units.is-out-list{grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:2px 3px;display:grid}.profile-summary-units li.is-out>.hover-tip>img{box-shadow:0 0 0 1px var(--border);opacity:.45;filter:grayscale();border-radius:4px}.profile-summary-units li.is-out:after{content:"";pointer-events:none;background:var(--danger);border-radius:1px;height:2px;position:absolute;top:8px;left:-1px;right:-1px;transform:rotate(-35deg)}.profile-summary-packages{flex-direction:column;display:flex}.profile-summary-package+.profile-summary-package{border-top:1px dashed color-mix(in srgb, var(--border) 70%, transparent);margin-top:5px;padding-top:5px}.profile-summary-package .profile-summary-units{justify-content:flex-end}.profile-summary-none{color:var(--muted);margin:0;font-size:12px}.profile-summary-stats{text-align:right;flex-direction:column;grid-area:stats;align-items:flex-end;gap:8px;padding-top:18px;font-size:13px;line-height:1.15;display:flex}.profile-summary-figures{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.profile-summary-figures>span{align-items:baseline;gap:5px;display:flex}.profile-summary-stats small{width:34px;color:var(--muted);text-align:left;font-size:11px}.profile-summary-figures .profile-summary-count{color:var(--text);background:0 0;padding:0;font-size:13px;font-weight:400}.profile-summary-avg{font-weight:inherit}.profile-summary-more button{width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;display:flex}.profile-summary-more button:hover{color:var(--text);background:var(--overlay-hover)}.profile-summary-more button:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.profile-summary-other{color:var(--muted);padding:9px 12px 9px 16px;font-size:13px}@media (width<=1100px){.profile-summary-comp{grid-template-columns:30px minmax(0,1fr) 120px;grid-template-areas:"meta core stats""meta flex stats"}.profile-summary-core,.profile-summary-flex{justify-self:start;max-width:100%}}@media (width<=720px){.profile-summary .profile-matches-title{flex-wrap:wrap}.profile-summary-comp{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"meta stats""core core""flex flex";row-gap:10px}.profile-summary-meta{flex-direction:row;gap:8px;padding-top:0}.profile-summary-stats{padding-top:0}}.profile-matches-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin:0 0 4px;padding-bottom:8px;font-size:13px;display:flex}.profile-matches-title>span{color:var(--text);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -2px 0 var(--accent);margin-bottom:-9px;padding-bottom:8px;font-weight:600}.profile-matches-title small{color:var(--muted);font-size:13px;font-weight:500}.profile-matches ol{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:8px;margin:0;padding:0;list-style:none}.profile-session{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--text) 4%, transparent);color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 16px 7px;font-size:12px;display:flex}.profile-session:not(:first-child){border-top:1px solid var(--border);margin-top:10px}.profile-session:first-child{border-radius:8px 8px 0 0}.profile-session-when{flex-wrap:wrap;gap:4px 10px;min-width:0;display:flex}.profile-session-when>*{white-space:nowrap}.profile-session-when strong{color:var(--text);font-weight:600}.profile-session-stats{white-space:nowrap;flex:none}.profile-match{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);box-shadow:inset 3px 0 0 var(--place);position:relative}.profile-match:last-child{border-bottom:0}.profile-match-summary{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:120px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:12px 10px 12px 16px;display:grid}.profile-match-summary:hover,.profile-match.is-open .profile-match-summary{background:color-mix(in srgb, var(--text) 3%, transparent)}.profile-match-summary:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.profile-open-builder{z-index:2;border:1px solid var(--border);background:var(--bg-panel);box-shadow:0 4px 14px var(--shadow);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .12s;display:inline-flex;position:absolute;top:10px;right:40px}.profile-open-builder svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.profile-open-builder:hover{border-color:var(--brand);color:var(--brand)}.profile-match-summary:hover+.profile-open-builder,.profile-open-builder:hover,.profile-open-builder:focus-visible,.profile-scoreboard-row:hover .profile-open-builder{opacity:1;pointer-events:auto}.profile-open-builder:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}@media (hover:none){.profile-match.is-open>.profile-open-builder,.profile-scoreboard-open .profile-open-builder{opacity:1;pointer-events:auto}.profile-match.is-open>.profile-open-builder{box-shadow:none;margin:0 0 12px 16px;position:static}}.profile-scoreboard-open .profile-open-builder{box-shadow:none;padding:5px;position:static}.profile-scoreboard-open .profile-open-builder span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-see-more{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));width:100%;color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:9px;font-size:13px;font-weight:600;display:flex}.profile-see-more:hover{color:var(--text);background:var(--overlay-hover)}.profile-see-more:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.profile-see-more svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.profile-match-chevron{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.profile-match.is-open .profile-match-chevron{transform:rotate(180deg)}.profile-match-details-in{transform-origin:top;animation:.2s ease-out profile-match-open}@keyframes profile-match-open{0%{opacity:0;transform:translateY(-6px)scaleY(.97)}}@media (prefers-reduced-motion:reduce){.profile-match-details-in{animation:none}}.profile-match-info{color:var(--muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.profile-match-info strong{color:var(--text);font-size:13px}.profile-match-place{color:var(--text);font-size:22px;font-weight:800;line-height:1}.profile-board{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-board.is-compact{gap:4px}.profile-board.is-compact .profile-match-traits li{height:17px;font-size:10px}.profile-board.is-compact .profile-match-traits i{width:12px;height:12px}.profile-board.is-compact .profile-match-units li{width:32px}.profile-board.is-compact .profile-match-units li>img,.profile-board.is-compact .profile-unit-blank{border-radius:4px;width:32px;height:32px}.profile-board.is-compact .profile-unit-items,.profile-board.is-compact .profile-unit-items img{width:auto;height:10px}.profile-board.is-compact .profile-unit-items img{width:10px}.profile-match-details{background:color-mix(in srgb, var(--text) 3%, transparent);padding:4px 0 8px}.profile-match-facts{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px 26px;margin:0 16px 12px 19px;padding:10px 0;display:flex}.profile-match-facts div{gap:8px;font-size:13px;display:flex}.profile-match-facts dt{color:var(--muted)}.profile-match-facts dd{color:var(--text);margin:0;font-weight:600}.profile-match-scrim-link{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;display:inline-flex}.profile-match-scrim-link:hover{text-decoration:underline}.profile-match-scrim-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.profile-match-scrim-tag{border:1px solid color-mix(in srgb, var(--brand) 50%, var(--border));color:var(--brand);vertical-align:1px;border-radius:6px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700}.profile-scoreboard{overflow-x:auto}.profile-scoreboard-head,.profile-scoreboard-row{grid-template-columns:74px minmax(0,1fr) 34px 44px 64px 56px 28px;align-items:center;gap:6px 10px;min-width:480px;padding:6px 16px 6px 19px;display:grid}.profile-scoreboard-board{grid-column:2/-1}.profile-scoreboard-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.profile-scoreboard-row{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);box-shadow:inset 3px 0 0 var(--place);color:var(--text);font-size:13px}.profile-scoreboard-row.is-partner{border-top-color:#0000}.profile-scoreboard-row.is-self{background:color-mix(in srgb, var(--brand) 9%, transparent)}.profile-scoreboard-place{font-weight:800}.profile-scoreboard-player{align-items:center;gap:8px;min-width:0;display:flex}.profile-scoreboard-player .profile-mate-avatar{flex:none;width:28px;height:28px;font-size:12px}.profile-scoreboard-player strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-scoreboard-player strong span{color:var(--muted);margin-left:3px;font-weight:500}.profile-scoreboard-gold{color:#e8b541;font-weight:700}.profile-match-traits,.profile-match-units{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile-match-traits{gap:3px}.profile-match-traits li{background:color-mix(in srgb, var(--tier) 28%, var(--bg));height:20px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tier) 60%, transparent);color:var(--text);border-radius:4px;align-items:center;gap:2px;padding:0 4px 0 2px;font-size:11px;font-weight:700;display:inline-flex}.profile-match-traits i{background:var(--text);width:15px;height:15px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.profile-match-units{gap:4px}.profile-match-units li{flex-direction:column;align-items:center;width:44px;display:flex}.profile-unit-stars{height:11px;color:var(--star);letter-spacing:-1px;font-size:10px;line-height:11px}.profile-match-units li>img,.profile-unit-blank{width:44px;height:44px;box-shadow:0 0 0 2px var(--cost);object-fit:cover;border-radius:6px}.profile-unit-items{gap:1px;height:14px;margin-top:2px;display:flex}.profile-unit-items img{border-radius:2px;width:14px;height:14px}@media (width<=900px){.profile-body,.profile-highlights{grid-template-columns:minmax(0,1fr)}.profile-side{border-right:0;border-bottom:1px solid var(--border)}.profile-match-summary{grid-template-columns:110px minmax(0,1fr) 20px}}@media (width<=520px){.profile-overview{flex-direction:column;align-items:flex-start;padding:20px 18px}.profile-main{padding:20px 18px}.profile-search-actions{margin-left:0}.profile-match-summary{grid-template-columns:96px minmax(0,1fr) 20px}}.site-page{width:100%;max-width:calc(var(--content-width) + 40px);align-items:stretch;margin:0 auto}.site-page-header{flex-direction:column;gap:8px;display:flex}.site-page-title{letter-spacing:-.4px;margin:0;font-size:32px}.site-page-text{color:var(--muted);margin:0}.site-page-link{color:var(--brand)}.home-page{padding-top:24px;padding-bottom:40px}.home-panel{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;overflow:hidden}.home-hero{isolation:isolate;border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 55%, var(--bg-panel)), var(--bg-panel));min-height:300px;padding:44px 28px 30px;position:relative;overflow:hidden}.home-hero-glow span{z-index:-2;filter:blur(70px);opacity:.22;border-radius:50%;width:520px;height:520px;position:absolute}.home-hero-glow span:first-child{background:var(--brand);animation:14s ease-in-out infinite alternate home-glow-a;top:-260px;left:calc(50% - 420px)}.home-hero-glow span:last-child{opacity:.16;background:#b57bff;animation:17s ease-in-out infinite alternate home-glow-b;top:-200px;left:calc(50% - 60px)}@keyframes home-glow-a{to{transform:translate(180px,90px)scale(1.15)}}@keyframes home-glow-b{to{transform:translate(-200px,120px)scale(.9)}}.home-hero-wall{--hex:64px;z-index:-1;opacity:.42;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:-20px -40px;overflow:hidden;-webkit-mask:radial-gradient(46% 62% at 50% 52%,#0000 25%,#00000059 55%,#000 100%);mask:radial-gradient(46% 62% at 50% 52%,#0000 25%,#00000059 55%,#000 100%)}.home-hero-row{width:max-content;margin-top:calc(var(--hex) * -.25);animation:home-row-in .9s ease-out calc(.3s + var(--r) * 80ms) both, home-row-slide calc(110s + var(--r) * 9s) linear infinite;gap:4px;display:flex}.home-hero-row:nth-child(2n){margin-left:calc(var(--hex) / -2 - 2px);animation-direction:normal,reverse}@keyframes home-row-in{0%{opacity:0}}@keyframes home-row-slide{to{transform:translateX(calc(-100% / var(--copies)))}}.home-hero-hex{width:var(--hex);height:calc(var(--hex) * 1.1547);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in srgb, var(--cost) 80%, transparent);flex:none;padding:2px}.home-hero-hex img{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);object-fit:cover;width:100%;height:100%;display:block}.home-hero-content{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:680px;margin:0 auto;display:flex}.home-hero-logo{height:60px;animation:.8s cubic-bezier(.2,.8,.2,1) both home-rise}.home-hero-title{letter-spacing:-1px;margin:0;font-size:clamp(38px,7vw,58px);line-height:1.05}.home-hero-title span{animation:home-letter .7s cubic-bezier(.2, .8, .2, 1) calc(.15s + var(--i) * 50ms) both;display:inline-block}@keyframes home-letter{0%{opacity:0;filter:blur(6px);transform:translateY(.45em)rotate(6deg)}}.home-hero-tagline{letter-spacing:-.2px;flex-wrap:wrap;justify-content:center;gap:0 .3em;margin:2px 0 0;font-size:clamp(19px,3vw,24px);font-weight:600;display:flex}.home-hero-word{animation:home-rise .7s cubic-bezier(.2, .8, .2, 1) calc(.65s + var(--i) * 90ms) both;display:inline-block}.home-hero-tagline mark{background:linear-gradient(100deg, var(--brand) 35%, color-mix(in srgb, var(--brand), #fff 65%) 50%, var(--brand) 65%);color:#0000;animation:home-shine 4.5s ease-in-out calc(1.4s + var(--m) * .25s) infinite;background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-weight:800}@keyframes home-shine{0%,55%{background-position:100% 0}to{background-position:0 0}}@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}}.home-hero-after{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:4px;animation:.8s cubic-bezier(.2,.8,.2,1) 1.15s both home-rise;display:flex}.home-hero-sub{color:var(--muted);margin:0;font-size:14px}.home-hero-after .profile-search{flex-wrap:nowrap;width:min(620px,100%)}.home-hero-after .profile-search-input{flex:1;min-width:0}.home-recent{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.home-recent-player{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-panel) 70%, transparent);color:var(--text);border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 3px;text-decoration:none;display:inline-flex}.home-recent-player:hover{border-color:color-mix(in srgb, var(--brand) 60%, var(--border))}.home-recent-player img{border-radius:50%;width:18px;height:18px}.home-recent-player span{color:var(--muted)}@media (prefers-reduced-motion:reduce){.home-hero *{animation:none!important}}.home-body{grid-template-columns:300px minmax(0,1fr);display:grid}.home-side{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel))}.home-side>section{padding:20px}.home-side>section+section{border-top:1px solid var(--border)}.home-side .toolbar-button{justify-content:center;width:100%;text-decoration:none}.home-side-text{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.home-main{flex-direction:column;gap:28px;min-width:0;padding:24px 28px;display:flex}.home-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.home-head h2{margin:0}.home-more{color:var(--muted);font-size:12px;text-decoration:none}.home-more:hover{color:var(--text)}.home-me{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.home-me .profile-rank-frame.has-wings{width:150px;margin-top:-20px}.home-me-name{font-size:15px;font-weight:700}.home-me-name span{color:var(--muted);font-weight:500}.home-me-rank{color:var(--tier);margin-bottom:10px;font-size:18px;font-weight:700}.home-me-rank small{color:var(--text);margin-left:4px;font-size:13px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-tile{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));color:var(--text);border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}a.home-tile:hover{border-color:color-mix(in srgb, var(--brand) 60%, var(--border));transform:translateY(-1px)}.home-tile b{font-size:14px}.home-tile small{color:var(--muted);font-size:12px;line-height:1.45}.home-tile svg{fill:none;width:20px;height:20px;stroke:var(--brand);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.home-paste{gap:6px;display:flex}.home-paste input{border:1px solid var(--border);background:var(--bg);min-width:0;height:30px;color:var(--text);font:inherit;border-radius:6px;flex:1;padding:0 8px;font-size:12px}.home-paste input[aria-invalid=true]{border-color:var(--danger)}.home-paste .toolbar-button{height:30px;padding:0 10px}.home-faces,.home-places,.home-crests{align-items:center;gap:3px;height:28px;display:flex}.home-faces img{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--cost);border-radius:5px}.home-places span{background:var(--place);width:22px;height:22px;color:var(--on-place);border-radius:4px;place-items:center;font-size:12px;font-weight:800;display:grid}.home-crests img{width:30px;height:25px}.home-live{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-stream{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));color:var(--text);border-radius:8px;text-decoration:none;transition:border-color .15s,transform .15s;overflow:hidden}.home-stream:hover{border-color:color-mix(in srgb, var(--brand) 60%, var(--border));transform:translateY(-1px)}.home-stream-art{aspect-ratio:16/9;background:var(--bg) center 25% / cover no-repeat;display:block;position:relative}.home-stream-art .streams-live{top:6px;left:6px}.home-stream-viewers{color:#fff;background:#000000a6;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:6px}.home-stream-text{flex-direction:column;gap:3px;padding:8px 10px 10px;display:flex}.home-stream-text b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.home-stream-text .streams-tier{white-space:nowrap;font-size:12px}@media (width<=900px){.home-body{grid-template-columns:minmax(0,1fr)}.home-side{border-right:0;border-bottom:1px solid var(--border)}.home-live{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-wall{--hex:52px}}@media (width<=620px){.home-hero{padding:32px 18px 26px}.home-hero-wall{opacity:.35}.home-main{padding:20px 18px}.home-grid{grid-template-columns:minmax(0,1fr)}.home-stream-text .streams-tier{white-space:normal;flex-wrap:wrap}.home-hero-after .profile-search{flex-wrap:wrap}.home-hero-after .profile-search-input{flex-basis:100%;order:-1}.home-hero-after .profile-search .toolbar-primary{flex:1;justify-content:center}}.theme-menu{gap:6px;width:270px}.theme-menu-search{border:1px solid var(--border);background:var(--bg);height:32px;color:var(--text);font:inherit;border-radius:6px;padding:0 10px;font-size:13px}.theme-menu-search:focus{border-color:var(--overlay-border);outline:none}.theme-menu-list{flex-direction:column;gap:4px;max-height:min(60vh,440px);display:flex;overflow-y:auto}.theme-menu-item{font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.theme-menu-item.is-highlighted{border-color:var(--text)}.theme-menu-check{flex-shrink:0;width:12px}.theme-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.theme-menu-swatches{gap:4px;display:inline-flex}.theme-menu-swatch{border-radius:50%;width:10px;height:10px}.theme-menu-empty{color:var(--muted);margin:4px 8px;font-size:13px}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:12px}.site-footer-inner{max-width:calc(var(--content-width) + 40px);flex-direction:column;gap:10px;margin:0 auto;padding:20px;display:flex}.site-footer-links{flex-wrap:wrap;gap:6px 20px;font-size:13px;display:flex}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{color:var(--brand)}.site-footer-legal{max-width:760px;margin:0;line-height:1.6}.site-prose{max-width:760px;line-height:1.65}.site-prose h2{margin:28px 0 8px;font-size:19px}.site-prose p,.site-prose ul{color:color-mix(in srgb, var(--text), var(--muted) 35%);margin:0 0 12px}.site-prose ul{padding-left:20px}.site-prose li+li{margin-top:4px}.site-prose a{color:var(--brand)}.profile-mates ul{margin:0;padding:0;list-style:none}.profile-mates li{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.profile-mates li:last-child{border-bottom:0}.profile-mate-avatar{background:var(--raised);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.profile-mate-avatar img{object-fit:cover;width:100%;height:100%}.profile-mate-name{flex-direction:column;min-width:0;display:flex}.profile-mate-name strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-mate-name strong span{color:var(--muted);margin-left:3px;font-weight:500}.profile-mate-name small{color:var(--muted);white-space:nowrap;font-size:12px}.profile-mate-result{flex-direction:column;align-items:flex-end;display:flex}.profile-mate-result strong{color:var(--muted);font-size:13px}.profile-mate-result strong.is-ahead{color:var(--brand)}.profile-mate-result small{color:var(--muted);white-space:nowrap;font-size:12px}.profile-roster-scrims{white-space:nowrap;border:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-top:8px;padding:7px 10px;font-size:13px;font-weight:600;display:flex}.profile-roster-scrims:hover{border-color:color-mix(in srgb, var(--brand) 50%, var(--border));color:var(--brand)}.profile-roster-scrims span{color:var(--muted);font-size:12px;font-weight:500}.profile-scrims-note{color:var(--muted);margin:6px 0 12px;font-size:12px}.profile-scrim{border-left:3px solid var(--scrim-outcome,transparent);padding:10px 12px 8px}.profile-scrim+.profile-scrim{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}[data-outcome=win]{--scrim-outcome:color-mix(in srgb, var(--success) 70%, var(--text))}[data-outcome=loss]{--scrim-outcome:color-mix(in srgb, var(--danger) 80%, var(--text))}[data-outcome=draw]{--scrim-outcome:var(--muted)}.profile-scrim.is-possible{border-left-style:dashed}.profile-scrim.is-possible .profile-scrim-head,.profile-scrim.is-possible .profile-scrim-games{opacity:.7}.profile-scrim-possible{border:1px dashed var(--border);color:var(--muted);border-radius:6px;flex:none;padding:1px 6px;font-size:11px;font-weight:600}.profile-scrim-head{align-items:baseline;gap:12px;font-size:13px;display:flex}.profile-scrim-date{color:var(--text);flex:none;font-weight:600}.profile-scrim-opponents{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.profile-scrim-score{flex:none;align-items:baseline;gap:8px;display:flex}.profile-scrim-score strong{color:var(--text);font-size:15px}.profile-scrim-score small{min-width:34px;color:var(--scrim-outcome);text-align:right;font-size:12px;font-weight:700}.profile-matches .profile-scrim-games{background:0 0;border:0;margin:6px 0 0}.profile-scrim-game{width:calc(100% + 16px);color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:64px auto 92px auto minmax(0,1fr);align-items:center;gap:10px;margin:0 -8px;padding:3px 8px;font-size:12px;display:grid}.profile-scrim-game.is-focused{background:color-mix(in srgb, var(--brand) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 55%, transparent)}.profile-scrim-game:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.profile-scrim-game:hover .profile-scrim-game-number{color:var(--brand)}.profile-scrim-game:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.profile-scrim-places{gap:3px;display:inline-flex}.profile-scrim-place{background:var(--place);width:20px;height:20px;color:var(--on-place);border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.profile-scrim-place.is-self{box-shadow:0 0 0 1.5px var(--bg-panel), 0 0 0 2.5px var(--brand)}.profile-scrim-sums{text-align:center;white-space:nowrap}.profile-scrim-sums b{color:var(--text);font-weight:600}.profile-scrim-outcome{color:var(--scrim-outcome);text-align:right;font-weight:600}@media (width<=600px){.profile-scrim-head{flex-wrap:wrap}.profile-scrim-opponents{flex-basis:100%;order:3}.profile-scrim-score{margin-left:auto}.profile-scrim-game{grid-template-columns:auto auto minmax(0,1fr);row-gap:4px}.profile-scrim-game-number{grid-column:1/-1}.profile-scrim-outcome{grid-area:2/3}.profile-scrim-game .profile-scrim-places:last-of-type{grid-column:1/-1}}.profile-name-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.profile-streams{gap:6px;margin:0;padding:0;list-style:none;display:flex}.profile-streams li{background:color-mix(in srgb, var(--platform) 16%, transparent);height:28px;color:var(--platform);border-radius:999px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.profile-streams svg{width:16px;height:16px}.profile-stream-live{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.profile-stream-live:before{content:"";vertical-align:1px;background:#ff4d4d;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.profile-claim{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.profile-claim:hover{color:var(--text)}.streams-page{width:100%;max-width:calc(var(--content-width) + 40px);align-items:stretch;gap:10px;margin:0 auto;padding-top:0}.streams-panel{border:1px solid var(--border);background:var(--bg-panel);border-top:0;border-radius:0 0 10px 10px}.streams-header{background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 10%, var(--bg-panel)), var(--bg-panel) 65%);padding:24px 28px}.streams-header h1{margin:0 0 6px;font-size:26px}.streams-header p{max-width:62ch;color:var(--muted);margin:0;font-size:14px}.streams-tabs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:4px;padding:0 14px;display:flex;overflow-x:auto}.streams-tab{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:12px 16px;font-size:15px;font-weight:650;display:inline-flex}.streams-tab:hover{color:var(--text)}.streams-tab svg{width:16px;height:16px;color:var(--platform)}.streams-tab.is-active{color:var(--brand);box-shadow:inset 0 -2px 0 var(--brand)}.streams-body{grid-template-columns:260px minmax(0,1fr);display:grid}.streams-side{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:0 0 0 10px;flex-direction:column;display:flex}.streams-side>*{padding:22px 20px}.streams-side>*+*{border-top:1px solid var(--border)}.streams-filter{margin:0 -12px;padding:0;list-style:none}.streams-filter-button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:5px 12px;font-size:13px;display:flex}.streams-filter-button:not(:disabled):hover{background:var(--overlay-hover)}.streams-filter-button:disabled{cursor:default}.streams-filter-button.is-selected{border-color:color-mix(in srgb, var(--brand) 55%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent)}.streams-pitch{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.streams-connect{justify-content:center;width:100%;text-decoration:none}.streams-tier{color:var(--tier);align-items:center;gap:7px;display:inline-flex}.streams-tier img{flex:none;width:20px;height:16px}.streams-muted{color:var(--muted)}.streams-riot-id{color:var(--muted);text-decoration:none}a.streams-riot-id{color:var(--brand)}a.streams-riot-id:hover{text-decoration:underline}.streams-main{flex-direction:column;gap:30px;min-width:0;padding:24px 28px;display:flex}.streams-featured{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:20px;display:grid}.streams-thumb{aspect-ratio:16/9;border:1px solid var(--border);background:var(--art,none) center 30% / cover, var(--raised);border-radius:8px;position:relative}.streams-live{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#e5242f;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}.streams-featured-text{min-width:0}.streams-featured h3{margin:0 0 4px;font-size:20px}.streams-featured-title{color:var(--muted);margin:0 0 14px;font-size:14px}.streams-facts{flex-wrap:wrap;gap:8px 22px;margin:0 0 14px;display:flex}.streams-facts div{flex-direction:column-reverse;display:flex}.streams-facts dt{color:var(--muted);font-size:12px}.streams-facts dd{margin:0;font-size:15px}.streams-list{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:8px;margin:0;padding:4px 0;list-style:none}.streams-row{white-space:nowrap;grid-template-columns:22px 28px minmax(130px,1fr) minmax(0,1.5fr) 160px 50px 60px 60px 64px;align-items:center;gap:10px;min-height:34px;padding:3px 12px;font-size:13px;display:grid}.streams-row+.streams-row{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.streams-row:not(.streams-head):hover{background:var(--overlay-hover)}.streams-row.is-current{background:color-mix(in srgb, var(--brand) 10%, transparent);box-shadow:inset 2px 0 0 var(--brand)}.streams-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.streams-position{color:var(--muted);text-align:right}.streams-art{background:var(--art,none) center / cover, var(--raised);border-radius:5px;width:28px;height:28px}.streams-name{align-items:center;gap:6px;min-width:0;display:flex}.streams-name svg{width:14px;height:14px;color:var(--platform);flex:none}.streams-name span,.streams-row .streams-title{text-overflow:ellipsis;overflow:hidden}.streams-row .streams-title{color:var(--muted)}.streams-region,.streams-viewers,.streams-uptime{text-align:right}.streams-row-riot{display:none}.streams-watch{border:1px solid var(--border);background:var(--raised);color:var(--text);font:inherit;opacity:0;pointer-events:none;border-radius:5px;justify-self:end;padding:4px 10px;font-size:12px;text-decoration:none;transition:opacity .12s}.streams-watch:disabled{color:var(--muted);cursor:not-allowed}.streams-featured .toolbar-primary:disabled{color:var(--on-brand);opacity:1;cursor:not-allowed}.streams-row:hover .streams-watch,.streams-watch:focus-visible{opacity:1;pointer-events:auto}.streams-live-now{scroll-margin-top:16px}.streams-pager{justify-content:center;align-items:center;gap:14px;margin-top:14px;font-size:13px;display:flex}.streams-updated{justify-content:flex-end;display:flex}@media (hover:none){.streams-watch{opacity:1;pointer-events:auto}}@media (width<=1100px){.streams-row{grid-template-columns:22px 28px minmax(0,1fr) 160px 50px 60px 64px}.streams-row>.streams-title,.streams-row>.streams-uptime{display:none}}@media (width<=900px){.streams-body{grid-template-columns:minmax(0,1fr)}.streams-side{border-right:0;border-bottom:1px solid var(--border);border-radius:0}.streams-featured{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.streams-header,.streams-main,.streams-side>*{padding:20px 16px}.streams-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"art name rank""art riot viewers";row-gap:0;padding:6px 12px}.streams-row>.streams-position,.streams-row>.streams-region,.streams-row>.streams-watch,.streams-head{display:none}.streams-art{grid-area:art}.streams-name{grid-area:name}.streams-rank{text-align:right;grid-area:rank}.streams-row>.streams-row-riot{grid-area:riot;font-size:12px;display:block}.streams-row>.streams-viewers{grid-area:viewers;font-size:12px}}.connections-page{gap:30px;max-width:760px}.connections-preview{border-left:3px solid var(--brand);color:var(--muted);margin:4px 0 0;padding-left:10px;font-size:13px}.connections-section .profile-section-title{margin-bottom:6px}.connection-list{margin:0;padding:0;list-style:none}.connection-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);align-items:center;gap:14px;padding:14px 0;display:flex}.connection-icon{background:color-mix(in srgb, var(--platform,var(--brand)) 16%, transparent);width:40px;height:40px;color:var(--platform,var(--brand));border-radius:10px;flex:none;place-items:center;display:grid}.connection-icon svg{width:22px;height:22px}.connection-icon--riot{--platform:#eb0029;font-size:18px;font-weight:900}.connection-text{min-width:0;color:var(--muted);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.connection-text strong{color:var(--text);font-size:15px}.connection-text strong span{color:var(--muted);font-weight:500}.connections-hint{color:var(--muted);margin:10px 0 0;font-size:13px}@media (width<=520px){.connection-row{flex-wrap:wrap}}.updated-at{color:var(--muted);margin:0 0 0 auto;font-size:13px}.hover-tip{cursor:default;outline:none;position:relative}.hover-tip:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);border-radius:3px}.hover-tip-content{z-index:20;background:var(--text);color:var(--bg);text-align:left;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;flex-direction:column;gap:1px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1.4;transition:opacity .12s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.hover-tip-content:after{content:"";border:5px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.hover-tip.is-start .hover-tip-content{left:-6px;transform:none}.hover-tip.is-start .hover-tip-content:after{left:16px}.hover-tip:hover .hover-tip-content,.hover-tip:focus-visible .hover-tip-content{opacity:1;visibility:visible}html[data-overlay],html[data-overlay] body{background:0 0;min-height:0}.stream-overlay-page{display:inline-block}.stream-overlay-wrap{--raised:color-mix(in srgb, var(--bg-panel), var(--text) 3%);flex-direction:column;display:inline-flex}.stream-overlay-wrap>.stream-overlay:not(:first-child){border-top:2px solid color-mix(in srgb, var(--text) 22%, transparent);border-top-left-radius:0;border-top-right-radius:0}.stream-overlay-wrap>.stream-overlay:not(:nth-last-child(2)){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.stream-overlay-wrap>.stream-overlay:not(:first-child) .stream-overlay-side{border-top-left-radius:0}.stream-overlay-wrap>.stream-overlay:not(:nth-last-child(2)) .stream-overlay-side{border-bottom-left-radius:0}.stream-overlay-wrap.is-row{grid-template-columns:repeat(var(--cards), 1fr);display:inline-grid}.stream-overlay-wrap.is-row>.stream-overlay{grid-row:1}.stream-overlay-wrap.is-row>.stream-overlay-mark{grid-area:2/1/auto/-1}.stream-overlay-wrap.is-row>.stream-overlay{border:1px solid color-mix(in srgb, var(--border) var(--panel-opacity,100%), transparent);border-radius:0}.stream-overlay-wrap.is-row>.stream-overlay:first-child{border-radius:10px 0 0 10px}.stream-overlay-wrap.is-row>.stream-overlay:nth-last-child(2){border-radius:0 10px 10px 0}.stream-overlay-wrap.is-row>.stream-overlay:not(:first-child){border-left:2px solid color-mix(in srgb, var(--text) 22%, transparent)}.stream-overlay-wrap.is-row>.stream-overlay:not(:nth-last-child(2)){border-right:0}.stream-overlay-wrap.is-row>.stream-overlay .stream-overlay-side{border-radius:0}.stream-overlay-wrap.is-row>.stream-overlay:first-child .stream-overlay-side{border-radius:9px 0 0 9px}.stream-overlay-alt{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:7px;margin-top:5px;display:grid}.stream-overlay-alt small{color:var(--overlay-dim);text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.2}.stream-overlay-alt small span{opacity:.75}.stream-overlay-alt p{color:var(--overlay-dim);grid-column:2;font-size:14px;font-weight:700}.stream-overlay-alt img{grid-row:span 2;width:26px;height:26px}.stream-overlay-alt b{color:var(--text)}.stream-overlay.stream-overlay-team{padding:10px 16px 12px;display:block}.stream-overlay.stream-overlay-team.is-row{width:min-content;min-width:100%}.stream-overlay-wrap>.stream-overlay-team:not(:first-child){border-top-width:1px}.stream-overlay-team .stream-overlay-label{margin-bottom:6px}.stream-overlay-team ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.stream-overlay-team.is-row ul{flex-flow:wrap;gap:4px 20px}.stream-overlay-team li{align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.stream-overlay-team li img{width:18px;height:18px}.stream-overlay-team .stream-overlay-tag{color:var(--overlay-dim);margin-left:-2px}.stream-overlay-team-rank{color:var(--tier);text-transform:uppercase;font-size:13px}.stream-overlay-missing{color:var(--text);margin:8px}.stream-overlay{--overlay-dim:color-mix(in srgb, var(--text) 62%, var(--muted));border:1px solid color-mix(in srgb, var(--border) var(--panel-opacity,100%), transparent);background:color-mix(in srgb, var(--bg-panel) var(--panel-opacity,100%), transparent);color:var(--text);white-space:nowrap;border-radius:10px;align-items:center;gap:18px;padding:14px 16px;font-size:16px;line-height:1.25;display:inline-flex}.stream-overlay.is-see-through,.stream-overlay-mark{text-shadow:0 1px 3px var(--shadow), 0 0 1px var(--shadow)}.stream-overlay p{margin:0}.stream-overlay-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.stream-overlay-head{align-items:center;gap:14px;display:flex}.stream-overlay-body{flex-direction:column;flex:1;gap:12px;display:flex}.stream-overlay.has-big-art{align-items:stretch;gap:0;padding:0}.stream-overlay.has-big-art .stream-overlay-body{padding:14px 16px}.stream-overlay-side{border-right:1px solid color-mix(in srgb, var(--border) var(--panel-opacity,100%), transparent);background:color-mix(in srgb, color-mix(in srgb, var(--bg) 35%, var(--bg-panel)) var(--panel-opacity,100%), transparent);border-radius:9px 0 0 9px;place-items:center;padding:14px 20px;display:grid}.stream-overlay-crest{width:64px;height:64px}.stream-overlay-emblem{width:150px;height:auto}.stream-overlay-frame{border:2px solid color-mix(in srgb, var(--tier) 70%, transparent);border-radius:50%;place-items:center;width:96px;height:96px;display:grid}.stream-overlay-frame .stream-overlay-icon{border:2px solid var(--tier);border-radius:50%;width:74px;height:74px}.stream-overlay-frame.has-wings{--hole-x:49.9%;--hole-y:66.9%;--hole-size:38.6%;aspect-ratio:1/1.031;border:0;border-radius:0;width:170px;height:auto;margin:-24px 0 -8px;display:block;position:relative}.stream-overlay-frame.has-wings .stream-overlay-icon{top:var(--hole-y);left:var(--hole-x);width:var(--hole-size);aspect-ratio:1;border:0;height:auto;position:absolute;transform:translate(-50%,-50%)}.stream-overlay-wings{width:100%;height:100%;position:absolute;inset:0}.stream-overlay-info{gap:1px;display:grid}.stream-overlay-player{color:var(--text);text-transform:uppercase;font-size:17px;font-weight:800}.stream-overlay-tag{color:var(--overlay-dim);font-weight:800}.stream-overlay-region{background:var(--raised);color:var(--text);letter-spacing:.04em;vertical-align:2px;border-radius:4px;margin-left:7px;padding:1px 6px;font-size:13px;font-weight:800}.stream-overlay-rank{color:var(--tier);text-transform:uppercase;font-size:28px;font-weight:800;line-height:1.1}.stream-overlay-standing{color:var(--overlay-dim);gap:8px;font-size:15px;font-weight:700;display:flex}.stream-overlay-standing b{color:var(--text);font-weight:800}.stream-overlay-average{justify-items:center;display:grid}.stream-overlay-average b{font-size:40px;font-weight:800;line-height:1}.stream-overlay-average span{color:var(--overlay-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:13px;font-weight:800}.stream-overlay-set-label{margin-bottom:6px!important}.stream-overlay-set{text-align:center;grid-auto-columns:1fr;grid-auto-flow:column;gap:16px;margin:0;display:grid}.stream-overlay-set dd{margin:0;font-size:22px;font-weight:800;line-height:1.1}.stream-overlay-set dt{color:var(--overlay-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:800}.stream-overlay-session{border-top:1px solid var(--border);padding-top:10px}.stream-overlay.is-see-through .stream-overlay-session{border-top-color:color-mix(in srgb, var(--text) 25%, transparent)}.stream-overlay-label{color:var(--overlay-dim);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;display:flex}.stream-overlay-label span{letter-spacing:0;text-transform:none;font-weight:700}.stream-overlay-label .stream-overlay-on{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.stream-overlay-label .stream-overlay-last{letter-spacing:.08em;text-transform:uppercase;font-weight:800}.stream-overlay-label .stream-overlay-last-on{opacity:.6;letter-spacing:0;text-transform:none;font-weight:700}.stream-overlay-label .stream-overlay-on span{color:var(--overlay-dim);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.stream-overlay-session ol{box-sizing:border-box;flex-wrap:wrap;row-gap:4px;width:0;min-width:100%;margin:8px 0 0;padding:0 3px 0 0;list-style:none;display:flex}.stream-overlay-session li{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%,6px 50%);background:var(--place);width:35px;height:32px;color:var(--on-place);text-shadow:none;flex:none;place-items:center;margin-right:-3px;font-size:17px;font-weight:800;display:grid}.stream-overlay-session li[data-outcome=win]{--place:#4fc98b;--on-place:#0d2418}.stream-overlay-session li[data-outcome=loss]{--place:#e06666;--on-place:#2a0d0d}.stream-overlay-session li[data-outcome=draw]{--place:color-mix(in srgb, var(--text) 45%, var(--bg));--on-place:var(--bg)}.stream-overlay-session li:first-child{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);border-radius:5px 0 0 5px;padding-right:4px}.stream-overlay-mark{color:color-mix(in srgb, var(--text) var(--mark-tone,0%), color-mix(in srgb, var(--muted) 75%, transparent));letter-spacing:.08em;text-align:right;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:800}.stream-overlay-mark.is-left{text-align:left}.stream-overlay-mark.is-center{text-align:center}.stream-overlay .stream-overlay-empty{color:var(--overlay-dim);margin-top:6px;font-size:15px;font-weight:700}.overlay-dialog{border:1px solid var(--border);background:var(--bg-panel);width:min(960px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--text);box-shadow:0 24px 64px var(--shadow);border-radius:10px;padding:0}.overlay-dialog::backdrop{background:color-mix(in srgb, var(--bg) 72%, transparent)}.overlay-dialog-head{border-bottom:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--brand) 6%, transparent), transparent 60%);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.overlay-dialog-head h2{margin:0;font-size:18px}.overlay-dialog-head p{color:var(--muted);margin:2px 0 0;font-size:13px}.overlay-dialog-close,.overlay-dialog-icon-button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.overlay-dialog-close:hover,.overlay-dialog-icon-button:not(:disabled):hover{background:var(--overlay-hover);color:var(--text)}.overlay-dialog-close:focus-visible,.overlay-dialog-icon-button:focus-visible,.overlay-dialog-pill:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-icon-button{width:26px;height:26px}.overlay-dialog-icon-button svg{width:15px;height:15px}.overlay-dialog-icon-button:disabled{opacity:.35;cursor:default}.overlay-dialog-players{margin:0 -8px;padding:0;list-style:none;display:grid}.overlay-dialog-players>li{min-width:0}.overlay-dialog-player{border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:0 8px;font-size:13px;display:flex}.overlay-dialog-player:hover{background:var(--overlay-hover)}.overlay-dialog-icon-button.is-active{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.overlay-dialog-alts{border-left:1px solid var(--border);margin:0 0 4px 14px;padding:0 0 0 8px;list-style:none}.overlay-dialog-alts .overlay-dialog-player{min-height:28px;font-size:12px}.overlay-dialog-alt-region{border:1px solid var(--border);color:var(--muted);border-radius:6px;margin-left:6px;padding:0 5px;font-size:10px;font-style:normal;font-weight:700}.overlay-dialog-name-only{color:var(--muted);flex:none;font-size:11px;font-weight:600}.overlay-dialog-suggest{border:1px dashed color-mix(in srgb, var(--brand) 45%, var(--border));width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:6px;gap:1px;margin-top:8px;padding:7px 10px;font-size:12px;display:grid}.overlay-dialog-suggest span{color:var(--brand);font-weight:700}.overlay-dialog-suggest:hover{background:color-mix(in srgb, var(--brand) 8%, transparent)}.overlay-dialog-suggest:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-adding{color:var(--muted);margin:6px 0 0;font-size:12px}.overlay-dialog-adding button{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.overlay-dialog-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.overlay-dialog-player-name span{color:var(--muted);font-weight:500}.overlay-dialog-pill{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.overlay-dialog-pill:hover{color:var(--text)}.overlay-dialog-pill.is-active{border-color:color-mix(in srgb, var(--brand) 55%, transparent);background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.overlay-dialog-pill:focus-visible{outline:none}.overlay-dialog-add{gap:6px;margin-top:8px;display:flex}.overlay-dialog-add select{background:var(--raised);height:30px;color:var(--text);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;flex:none;padding:0 6px;font-size:12px;font-weight:600}.overlay-dialog-add select:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-add input{border:1px solid var(--border);background:var(--bg);min-width:0;height:30px;color:var(--text);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 9px;font-size:13px}.overlay-dialog-add input:focus{border-color:color-mix(in srgb, var(--brand) 55%, var(--border))}.overlay-dialog-add input[aria-invalid]{border-color:color-mix(in srgb, var(--danger) 60%, var(--border))}.overlay-dialog-add .toolbar-button{padding:0 12px}.overlay-dialog-error{color:var(--danger);margin:6px 0 0;font-size:12px}.overlay-dialog-body{grid-template-columns:310px minmax(0,1fr);display:grid}.overlay-dialog-options{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel))}.overlay-dialog-block{padding:14px 16px}.overlay-dialog-block+.overlay-dialog-block{border-top:1px solid var(--border)}.overlay-dialog-presets{margin-bottom:10px}.overlay-dialog-advanced-head{border-top:1px solid var(--border);align-items:center;display:flex}.overlay-dialog-reset{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;margin-right:12px;padding:4px 6px;font-size:12px;font-weight:600}.overlay-dialog-reset:hover{background:var(--overlay-hover)}.overlay-dialog-reset:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-advanced{min-width:0;color:var(--text);font:inherit;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.overlay-dialog-advanced:hover{background:var(--overlay-hover)}.overlay-dialog-advanced:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-advanced svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto;transition:transform .15s}.overlay-dialog-advanced[aria-expanded=true] svg{transform:rotate(180deg)}#overlay-dialog-advanced>.overlay-dialog-block{border-top:1px solid var(--border)}.overlay-dialog-block .profile-section-title{color:var(--text);margin-bottom:10px}.overlay-dialog-row{justify-content:space-between;align-items:center;gap:10px;min-height:30px;font-size:13px;display:flex}.overlay-dialog-row+.overlay-dialog-row,.overlay-dialog-sub+.overlay-dialog-row{margin-top:6px}.overlay-dialog-row>span{color:var(--muted)}.overlay-dialog-row.is-toggle>span{color:var(--text);font-weight:600}.overlay-dialog-toggle{background:var(--raised);width:30px;height:17px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;border:0;border-radius:9px;flex:none;padding:0;position:relative}.overlay-dialog-toggle:after{content:"";background:var(--muted);border-radius:50%;width:13px;height:13px;transition:left .15s;position:absolute;top:2px;left:2px}.overlay-dialog-toggle[aria-checked=true]{background:color-mix(in srgb, var(--brand) 30%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 60%, transparent)}.overlay-dialog-toggle[aria-checked=true]:after{background:var(--brand);left:15px}.overlay-dialog-toggle:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.overlay-dialog-toggle:after{transition:none}}.overlay-dialog-sub{border-left:1px solid var(--border);margin:4px 0 2px 12px;padding-left:12px}.overlay-dialog-chips{flex-wrap:wrap;gap:4px;padding:2px 0;display:flex}.overlay-dialog-chip{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.overlay-dialog-chip:hover{color:var(--text)}.overlay-dialog-chip.is-active{border-color:color-mix(in srgb, var(--brand) 55%, transparent);background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.overlay-dialog-chip:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-hint-small{color:var(--muted);margin:2px 0 0;font-size:12px}.overlay-dialog-slider{gap:4px;margin-top:8px;font-size:13px;display:grid}.overlay-dialog-slider>span{color:var(--muted);justify-content:space-between;display:flex}.overlay-dialog-slider output{color:var(--text);font-weight:700}.overlay-dialog-range{width:100%;accent-color:var(--brand);cursor:pointer;margin:0}.overlay-dialog-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.overlay-dialog-swatch{aspect-ratio:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 25%, transparent);cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.overlay-dialog-swatch i{border-radius:50%;width:8px;height:8px}.overlay-dialog-swatch.is-active{box-shadow:0 0 0 2px var(--brand)}.overlay-dialog-swatch:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.overlay-dialog-theme-name{color:var(--muted);margin:6px 0 0;font-size:12px}.overlay-dialog-theme-name b{color:var(--text)}.overlay-dialog-main{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.overlay-dialog-preview{border:1px solid var(--border);background-color:var(--bg);background-image:linear-gradient(45deg, var(--overlay-hover) 25%, transparent 25%, transparent 75%, var(--overlay-hover) 75%), linear-gradient(45deg, var(--overlay-hover) 25%, transparent 25%, transparent 75%, var(--overlay-hover) 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:8px;flex:1;place-items:safe center;min-height:200px;padding:20px;display:grid;overflow:auto}.overlay-dialog-frame{transform-origin:0 0;display:inline-flex}.overlay-dialog-url{gap:8px;display:flex}.overlay-dialog-url input{border:1px solid var(--border);background:var(--bg);min-width:0;height:34px;color:var(--text);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 10px;font-size:13px}.overlay-dialog-url input:focus{border-color:color-mix(in srgb, var(--brand) 55%, var(--border))}.overlay-dialog-url .toolbar-button{text-decoration:none}.overlay-dialog-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.overlay-dialog-hint b{color:var(--text);font-weight:600}@media (width<=720px){.overlay-dialog-body{grid-template-columns:1fr}.overlay-dialog-options{border-right:0;border-bottom:1px solid var(--border)}.overlay-dialog-preview{min-height:140px}}.pbe-page{width:100%;max-width:calc(var(--content-width) + 40px);align-items:stretch;gap:12px;margin:0 auto}.pbe-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pbe-filter{flex:0 360px;height:34px}.pbe-panel{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px}.pbe-header{background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 10%, var(--bg-panel)), var(--bg-panel) 65%);border-radius:10px 10px 0 0;padding:22px 28px}.pbe-header h1{margin:0 0 6px;font-size:24px}.pbe-header p{color:var(--muted);margin:0;font-size:14px}.pbe-header strong{color:var(--text);font-weight:600}.pbe-guide{border-top:1px solid var(--border);background:color-mix(in srgb, var(--brand) 5%, var(--bg-panel));color:var(--muted);align-items:center;gap:10px;padding:10px 28px;font-size:13px;display:flex}.pbe-guide svg{color:var(--brand);flex:none}.pbe-guide p{flex:1;min-width:0;margin:0}.pbe-guide-link{color:var(--brand);flex:none;font-weight:600;text-decoration:none}.pbe-guide-link:hover,.pbe-guide-link:focus-visible{text-decoration:underline}.pbe-tabs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:4px;padding:0 14px;display:flex;overflow-x:auto}.pbe-tab{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:12px 16px;font-size:15px;font-weight:650}.pbe-tab span{opacity:.75;margin-left:6px;font-size:12px;font-weight:600}.pbe-tab.is-active{color:var(--brand);box-shadow:inset 0 -2px 0 var(--brand)}.pbe-body{grid-template-columns:260px minmax(0,1fr);display:grid}.pbe-side{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:0 0 0 10px;flex-direction:column;display:flex}.pbe-side>*{padding:20px}.pbe-side>*+*{border-top:1px solid var(--border)}.pbe-summary{margin:0 -8px;padding:0;list-style:none}.pbe-summary li{justify-content:space-between;gap:8px;padding:5px 8px;font-size:13px;display:flex}.pbe-counts{color:var(--muted);gap:8px;display:flex}.pbe-counts .is-new,.pbe-badge.is-new{color:var(--success)}.pbe-counts .is-removed,.pbe-badge.is-removed{color:var(--danger)}.pbe-patches{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.pbe-patches dt{color:var(--muted)}.pbe-patches dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.pbe-note p{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.5}.pbe-note p:last-child{margin-bottom:0}.pbe-note a{color:var(--brand)}.pbe-main{flex-direction:column;gap:28px;min-width:0;padding:22px 26px;display:flex}.pbe-list{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 35%, var(--bg-panel));border-radius:8px;margin:0;padding:4px 0;list-style:none}.pbe-row{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:12px;padding:5px 12px;font-size:13px;display:grid}.pbe-row+.pbe-row{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.pbe-name{align-items:center;gap:8px;min-width:0;min-height:30px;font-weight:600;display:flex}.pbe-name-text{overflow-wrap:anywhere;min-width:0;line-height:1.3}.pbe-icon{border:1.5px solid var(--border);object-fit:cover;background:#1b2130;border-radius:5px;flex:none;width:26px;height:26px}.pbe-icon.is-trait{object-fit:contain;padding:3px}.pbe-tag,.pbe-badge{border-radius:6px;flex:none;padding:1px 6px;font-size:11px;font-weight:700}.pbe-tag{background:var(--raised);color:var(--muted)}.pbe-badge{background:color-mix(in srgb, currentColor 14%, transparent)}.pbe-changes{flex-direction:column;gap:3px;margin:0;padding:5px 0;line-height:1.45;list-style:none;display:flex}.pbe-label{color:var(--muted);margin-right:8px}.pbe-label i{opacity:.75;font-style:normal}.pbe-delta{white-space:nowrap}.pbe-delta s{color:var(--muted)}.pbe-delta b{color:var(--brand);font-weight:600}.pbe-arrow{color:var(--muted);margin:0 4px}.pbe-muted{color:var(--muted)}.pbe-link,.pbe-more{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.pbe-more{margin-top:8px}.pbe-wording{color:var(--text);grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:6px 0 2px;display:grid}.pbe-wording dt{color:var(--muted);font-weight:600}.pbe-wording dd{margin:0}@media (width<=900px){.pbe-body{grid-template-columns:minmax(0,1fr)}.pbe-side{border-right:0;border-bottom:1px solid var(--border);border-radius:0}}@media (width<=620px){.pbe-row{grid-template-columns:minmax(0,1fr);gap:0}.pbe-header,.pbe-main{padding:18px 16px}.pbe-guide{flex-wrap:wrap;padding:10px 16px}.pbe-filter{flex-basis:100%}}