.board-tool-page{--board-grid-stroke:#929991;--board-text-primary:#202622;--board-text-secondary:#454d47;--board-text-muted:#616862;--board-surface:#fff;--board-surface-raised:#fff;--board-surface-muted:#efeee8;--board-surface-soft:#efeee8;--board-surface-accent:#e6ece7;--board-surface-warm:#f1e5d2;--board-border-subtle:#dfdfd7;--board-border-control:#858d86;--board-border-input:#858d86;--board-focus:#276f59;--board-search-focus:#4d6b60;--board-search-focus-ring:#4d6b601c;--board-focus-strong:#31483f;--board-selected-focus:#276f59;--board-accent-text:#4d6b60;--board-interactive-text:#263a33;--board-accent-strong-text:#31483f;--board-accent-solid:#31483f;--board-on-accent:#fff;--board-filter-active-surface:#e6ece7;--board-filter-active-text:#263a33;--board-cost-label:#fff;--board-cost-label-shadow:#00000047;--board-stage-surface:var(--color-surface);--board-stage-rail:var(--color-surface-raised);--board-stage-border:var(--color-border-strong);--board-stage-text:var(--color-text-primary);--board-stage-text-muted:var(--color-text-secondary);--board-stage-hover:#ffffff17;--board-stage-pressed:#ffffff24;--board-stage-focus:var(--color-focus);--board-valid-target:#b7e5ce;--board-valid-target-fill:#355848;--board-control-surface:color-mix(in srgb, var(--board-surface) 92%, var(--board-surface-muted));--board-control-hover:color-mix(in srgb, var(--board-surface-accent) 72%, transparent);--board-palette-surface:var(--color-surface);--board-clear-surface:#fffaf8;--board-clear-border:#d9c7c2;--board-empty-surface:#fffefa94;--board-empty-text:#78827b;--board-scrollbar:#c8c2b8;--board-mobile-stage:#efeee8;--board-sheet-handle:#b6bdb8;--color-focus:var(--board-focus);min-height:calc(100vh - var(--header-height));padding-bottom:var(--space-md);color:var(--board-text-primary)}.board-tool-page .eyebrow{color:var(--board-accent-text)}:root[data-theme=dark] .board-tool-page{--board-grid-stroke:#68717a;--board-text-primary:#f0f1f2;--board-text-secondary:#c8cbd0;--board-text-muted:#adb3ba;--board-surface:#191b1e;--board-surface-raised:#24272b;--board-surface-muted:#24272b;--board-surface-soft:#272a2e;--board-surface-accent:#28372f;--board-surface-warm:#352f22;--board-border-subtle:#393d43;--board-border-control:#737b84;--board-border-input:#737b84;--board-focus:#8fd7b6;--board-search-focus:#8fd7b6;--board-search-focus-ring:#8fd7b633;--board-focus-strong:#8fd7b6;--board-selected-focus:#8fd7b6;--board-accent-text:#9dc5b2;--board-interactive-text:#9dc5b2;--board-accent-strong-text:#9dc5b2;--board-accent-solid:#86b5a0;--board-on-accent:#102018;--board-filter-active-surface:#24352c;--board-filter-active-text:#add4c0;--board-cost-label:#050806;--board-cost-label-shadow:#fff3;--board-stage-surface:var(--color-surface);--board-stage-rail:var(--color-surface-raised);--board-stage-border:var(--color-border-strong);--board-stage-text:var(--color-text-primary);--board-stage-text-muted:var(--color-text-secondary);--board-stage-hover:#ffffff17;--board-stage-pressed:#ffffff24;--board-stage-focus:var(--color-focus);--board-clear-surface:#2b2220;--board-clear-border:#9b716b;--board-empty-surface:#222a24c7;--board-empty-text:#adb3ba;--board-scrollbar:#737b84;--board-mobile-stage:#191b1e;--board-sheet-handle:#829087}.board-tool-section{width:min(calc(100% - 48px), var(--container))}.board-tool-hero{gap:var(--space-2xs);padding-block:var(--space-lg) var(--space-md);display:grid}.board-tool-hero__main{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:16px;display:grid}.board-tool-hero h1{max-width:none;font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.08}.board-tool-hero>.eyebrow{margin:0}.board-builder{overflow-clip-margin:24px;border-radius:var(--radius-lg);background:0 0;border:0;overflow:clip}.board-builder__board-header{align-items:center;gap:var(--space-xs);flex:none;grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:44px;display:grid}.board-builder__matchup-controls{align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.board-builder__enemy-board-control{align-items:center;display:flex;position:relative}.board-builder__enemy-board-switch{border-radius:var(--radius-sm);min-height:44px;color:var(--board-stage-text-muted);cursor:pointer;font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold);background:0 0;border:0;align-items:center;gap:8px;padding:0 4px;display:inline-flex}.board-builder__enemy-board-switch>span{box-sizing:border-box;border:1px solid var(--board-stage-text-muted);border-radius:var(--radius-full);width:40px;height:20px;transition:background-color var(--transition), border-color var(--transition);background:0 0;flex:none;position:relative}.board-builder__enemy-board-switch>span:after{border-radius:var(--radius-full);background:var(--board-stage-text-muted);content:"";width:16px;height:16px;transition:transform var(--transition);position:absolute;top:50%;left:1px;transform:translateY(-50%)}.board-builder__enemy-board-switch:hover>span{background:var(--board-stage-hover);border-color:var(--board-stage-text)}.board-builder__enemy-board-switch[aria-checked=true]>span{background:var(--board-filter-active-surface);border-color:#0000}.board-builder__enemy-board-switch[aria-checked=true]>span:after{background:var(--board-filter-active-text);transform:translate(20px,-50%)}.board-builder__placement-target{align-items:center;gap:var(--space-xs);min-width:0;min-height:44px;display:flex}.board-builder__placement-target>span{color:var(--board-stage-text-muted);font-size:var(--text-2xs);font-weight:var(--weight-bold);white-space:nowrap;align-items:center;display:inline-flex}.board-builder__placement-options{border-radius:var(--radius-sm);background:#09181338;border:1px solid #fff3;flex:none;grid-template-columns:repeat(2,minmax(52px,1fr));min-height:44px;display:grid;overflow:hidden}.board-builder__placement-target button{color:#ffffffb8;cursor:pointer;min-width:52px;font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold);background:0 0;border:0;padding:0 9px}.board-builder__placement-target button+button{border-left:1px solid #ffffff24}.board-builder__placement-target button:not([aria-pressed=true]):hover{background:var(--board-stage-hover);color:var(--board-stage-text)}.board-builder__placement-target button[aria-pressed=true]{background:var(--board-filter-active-surface);color:var(--board-filter-active-text)}.board-builder__enemy-board-switch:focus-visible,.board-builder__placement-target button:focus-visible{outline-offset:2px;outline:2px solid #ffe09a}.board-builder__board-utility{justify-content:flex-end;align-self:start;align-items:center;gap:var(--space-xs);flex:none;display:flex}.board-builder__board-utility button{border-radius:var(--radius-sm);color:#ffffffd1;cursor:pointer;width:44px;height:44px;transition:background-color var(--transition), border-color var(--transition), color var(--transition);background:#ffffff12;border:1px solid #fff3;place-items:center;padding:0;display:inline-grid}.board-builder__board-utility button:disabled,.board-builder__board-controls button:disabled{cursor:not-allowed;opacity:.38}.board-builder__board-utility button:focus-visible{outline:2px solid var(--board-stage-focus);outline-offset:2px}.board-builder__board-controls{justify-content:space-between;align-items:center;gap:var(--space-xs);min-width:0;min-height:60px;margin:var(--space-xs) calc(var(--space-sm) * -1) 0;padding:var(--space-xs) var(--space-sm);background:#09181347;border-top:1px solid #ffffff1f;flex-wrap:wrap;flex:none;display:flex}.board-builder__history-controls,.board-builder__edit-controls{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.board-builder__notice{z-index:var(--z-local);top:var(--space-sm);border-radius:var(--radius-full);color:#fff;max-width:min(90%,520px);font-size:var(--text-2xs);font-weight:var(--weight-bold);pointer-events:none;text-align:center;text-wrap:pretty;background:#142c24f0;border:1px solid #ffffff3d;padding:9px 14px;line-height:1.35;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0918133d}.board-builder__notice[data-kind=error]{background:#5b2f2af5;border-color:#ffd0c87a}.board-builder__utility-icon,.board-builder__tool-icon,.board-builder__history-icon{flex-shrink:0;width:20px;height:20px;display:block}.board-builder__board-controls button{justify-content:center;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-sm);color:#ffffffd1;min-height:44px;font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold);cursor:pointer;padding-inline:var(--space-sm);white-space:nowrap;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);background:#ffffff12;border:1px solid #fff3;display:inline-flex}.board-builder__board-utility button:hover:not(:disabled),.board-builder__board-controls button:where(:hover:not(:disabled):not([aria-disabled=true])){color:#fff;background:#ffffff24;border-color:#ffffff6b}.board-builder__palette-tabs,.board-builder__champion-classification,.board-builder__item-categories{overflow:hidden}.board-builder__palette-tabs button,.board-builder__champion-classification button,.board-builder__item-categories button{white-space:nowrap;width:100%}.board-builder__board-controls button[aria-pressed=true]{color:#ffe09a;background:#ffe09a24;border-color:#ffe09ab3}.board-builder__selection-status{min-width:0;color:var(--board-stage-text-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;flex:240px;margin:0;overflow:hidden}.board-builder__history-controls>button,.board-builder__clear-control>button{width:44px;padding:0}.board-builder__clear-control>.board-builder__enemy-clear{width:auto;padding-inline:var(--space-xs)}.board-builder__history-divider{background:#fff3;flex:0 0 1px;width:1px;height:24px;margin-inline:2px}.board-builder__clear-control{align-items:center;display:flex;position:relative}.board-builder__board-controls .board-builder__clear[data-confirming]{color:#fff;background:#ffffff24;border-color:#ffffff6b}.board-builder__clear-confirm{z-index:calc(var(--z-local) + 1);border:1px solid var(--board-clear-border);border-radius:var(--radius-sm);background:var(--board-clear-surface);width:min(260px,100vw - 40px);color:var(--board-text-primary);gap:5px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 4px 8px #0918132e}.board-builder__clear-confirm strong{font-size:var(--text-xs);line-height:1.35}.board-builder__clear-confirm>span{color:var(--board-text-muted);font-size:var(--text-2xs);line-height:1.45}.board-builder__clear-confirm-actions{justify-content:flex-end;gap:6px;margin-top:5px;display:flex}.board-builder__board-controls .board-builder__clear-confirm-actions button{border-color:var(--board-border-input);background:var(--board-surface);min-height:36px;color:var(--board-text-secondary);padding-inline:12px}.board-builder__board-controls .board-builder__clear-confirm-actions button[data-danger]{color:#fff;background:#a85649;border-color:#a85649}.board-builder__board-controls button:focus-visible{outline-offset:2px;outline:2px solid var(--board-stage-focus)}.board-builder__clear-confirm-actions button:focus-visible{outline-color:var(--board-focus)}.board-builder__champion-classification button:focus-visible,.board-builder__item-categories button:focus-visible,.board-builder__palette-tabs button:focus-visible{outline-offset:-3px}.board-builder__champion-classification button[data-active],.board-builder__item-categories button[data-active]{background:var(--board-filter-active-surface);color:var(--board-filter-active-text);font-weight:var(--weight-bold)}.board-builder__champion-classification button[data-active]:focus-visible,.board-builder__item-categories button[data-active]:focus-visible{outline-color:var(--board-selected-focus)}.board-builder__champion-classification button:not([data-active]):hover,.board-builder__item-categories button:not([data-active]):hover,.board-builder__palette-tabs button:not([aria-selected=true]):hover{background:var(--board-control-hover);color:var(--board-interactive-text)}.board-builder__edit-controls{flex-wrap:wrap;justify-content:flex-end}.board-builder__three-star-control{display:inline-flex;position:relative}.board-builder__three-star-control>button{white-space:nowrap;gap:6px;width:auto;min-width:44px;padding-inline:10px}.board-builder__board-controls .board-builder__clear-confirm-actions button:hover:not(:disabled){border-color:var(--board-border-control);background:var(--board-surface-muted);color:var(--board-text-primary)}.board-builder__board-controls .board-builder__clear-confirm-actions button[data-danger]:hover:not(:disabled){color:#fff;background:#8f453b;border-color:#8f453b}.board-builder__workspace{grid-template:"stage palette"/minmax(0,1fr) 344px;align-items:start;column-gap:24px;height:auto;min-height:0;display:grid}.board-builder__stage{background:0 0;border-right:0;grid-area:stage;min-width:0;min-height:0;padding:0;display:flex}.board-builder__board-column{flex:1;grid-template-rows:auto;align-content:stretch;width:100%;min-width:0;min-height:0;display:grid}.board-builder__board-shell{--board-grid-edge-gap:min(2.378%, 19.5px);border:1px solid var(--board-border-subtle);border-radius:var(--radius-lg);background:var(--board-stage-surface);min-width:0;min-height:0;padding:var(--space-sm) var(--space-sm) 0;isolation:isolate;flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:clip}.board-builder__board-shell:before{display:none}.board-builder__board-canvas{flex:none;justify-content:center;align-items:flex-start;width:100%;min-width:0;min-height:0;display:flex;position:relative}.hex-board{-webkit-user-select:none;user-select:none;width:100%;max-width:820px;height:auto;margin-inline:auto;display:block;overflow:visible}.board-builder[data-enemy-board] .hex-board{width:100%;max-width:100%;height:auto}.hex-board__watermark{fill:var(--board-stage-text-muted,var(--color-text-secondary));font-family:var(--font-sans);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600}.hex-board__cell{fill:var(--board-stage-rail,#213c33);stroke:var(--board-grid-stroke,#46675b);stroke-width:2px;vector-effect:non-scaling-stroke;transition:fill .12s,stroke .12s}.hex-board__cell[data-side=enemy]{fill:#3b3030;stroke:#725553}.hex-board__cell[data-side=player]{fill:var(--board-stage-rail,#213c33)}.hex-board__cell--target{fill:var(--board-valid-target-fill);stroke:var(--board-valid-target);stroke-width:3px}.hex-board__cell[data-side].hex-board__cell--target{fill:var(--board-valid-target-fill);stroke:var(--board-valid-target)}.hex-board[data-move-ready] .hex-board__cell{cursor:pointer}.hex-board__gridcell{outline:none}.hex-board__gridcell[data-keyboard-target]>.hex-board__cell{fill:#365449;stroke:#fff;stroke-dasharray:8 5;stroke-width:4px;filter:drop-shadow(0 0 6px #ffffff9e)}@media (hover:hover){.hex-board[data-move-ready] .hex-board__cell:hover{fill:#2d4b40;stroke:#9ab3a7}}.hex-board__unit{color:#7e8582;cursor:grab;touch-action:none;outline:none}@keyframes guide-board-unit-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes guide-board-unit-move{0%{opacity:.8;transform:translate(var(--board-unit-shift-x,0), var(--board-unit-shift-y,0))}to{opacity:1;transform:translate(0)}}@keyframes guide-board-unit-exit{0%{opacity:.76;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.hex-board[aria-readonly=true] .hex-board__unit[data-transition],.level-board__overlay-placement[data-transition]{transform-box:fill-box;transform-origin:50%}.hex-board__item.level-board__overlay-item{touch-action:auto}.hex-board[aria-readonly=true] .hex-board__unit[data-transition=added],.level-board__overlay-placement[data-transition=added]{animation:.19s cubic-bezier(.22,.72,.25,1) both guide-board-unit-enter}.hex-board[aria-readonly=true] .hex-board__unit[data-transition=moved],.level-board__overlay-placement[data-transition=moved]{animation:.24s cubic-bezier(.22,.72,.25,1) both guide-board-unit-move}.hex-board[aria-readonly=true] .hex-board__unit[data-transition=removed]{pointer-events:none;animation:.17s ease-out both guide-board-unit-exit}.hex-board[aria-readonly=true] .hex-board__unit{cursor:default}.hex-board__unit:active{cursor:grabbing}.hex-board__unit[data-cost="2"]{color:#669570}.hex-board__unit[data-cost="3"]{color:#648fc5}.hex-board__unit[data-cost="4"]{color:#9b7bbf}.hex-board__unit[data-cost="5"]{color:var(--unit-cost-5)}.hex-board__unit[data-role=탱커]{color:var(--sky)}.hex-board__unit[data-role=캐리]{color:var(--coral)}.hex-board__unit[data-role=보조]{color:var(--lavender)}.hex-board__unit[data-role=유틸리티]{color:var(--sand)}.hex-board__unit-fill{fill:currentColor;fill-opacity:.18;stroke:currentColor;stroke-opacity:.82;stroke-width:3px;vector-effect:non-scaling-stroke}.hex-board__unit-ring{fill:none;stroke:currentColor;stroke-width:5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 6px #00000061);transition:stroke .13s,filter .13s}.hex-board__unit[data-selected] .hex-board__unit-ring{stroke:#ffe09a;stroke-width:7px;filter:drop-shadow(0 0 7px #ffe09ae6)drop-shadow(0 3px 6px #00000061)}.hex-board__unit[data-selected] .hex-board__unit-fill{fill-opacity:.42}.hex-board__unit[data-selected] image{filter:brightness(1.1)saturate(1.08)}.hex-board__unit:focus-visible .hex-board__unit-ring{stroke:#fff;stroke-width:5px;filter:drop-shadow(0 0 7px #ffffffd1)drop-shadow(0 3px 6px #00000061)}.hex-board__unit[data-item-drop-target] .hex-board__unit-fill{fill:var(--board-valid-target);fill-opacity:.48;stroke:var(--board-valid-target);stroke-opacity:1}.hex-board__unit[data-item-drop-target] .hex-board__unit-ring{stroke:var(--board-valid-target);stroke-width:8px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--board-valid-target) 84%, transparent)) drop-shadow(0 3px 6px #00000061)}.hex-board__unit[data-item-drop-target] image{filter:brightness(1.12)saturate(1.08)}.hex-board__unit[data-item-move-source] .hex-board__unit-ring{stroke:#ffe09a;stroke-width:7px}.hex-board__unit[data-item-move-target]{cursor:pointer}.hex-board__unit[data-item-move-target]:hover .hex-board__unit-ring,.hex-board__unit[data-item-move-target]:focus-visible .hex-board__unit-ring{stroke:var(--board-valid-target);stroke-width:7px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--board-valid-target) 84%, transparent)) drop-shadow(0 3px 6px #00000061)}.hex-board__unit[data-taric-pair-target]{cursor:pointer}.hex-board__unit[data-taric-pair-target] .hex-board__unit-ring{stroke:var(--board-valid-target);stroke-width:4px}.hex-board__unit[data-taric-pair-target]:focus-visible .hex-board__unit-ring{stroke:var(--board-stage-focus);stroke-width:6px}.hex-board__unit[data-dragging],.hex-board__overlays>g[data-dragging]{opacity:0}.hex-board__unit-name{fill:#fff;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-bold);paint-order:stroke;stroke:#0f1915e6;stroke-width:3.3px;text-anchor:middle}.hex-board__fallback{fill:#fff;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-bold);paint-order:stroke;stroke:#0f1915e6;stroke-width:4px;text-anchor:middle}.hex-board__overlays,.hex-board__three-star,.hex-board__three-star-set{pointer-events:none}.hex-board__three-star-pill{pointer-events:none;stroke-width:.6px}.hex-board__three-star-symbol{pointer-events:none;stroke-linejoin:round;stroke-width:.45px}.hex-board__trait,.hex-board__trait-frame,.hex-board__trait-shadow-lift{pointer-events:none}.hex-board__trait-icon{filter:brightness(0)invert();opacity:.82}.hex-board__trait[data-active=true] .hex-board__trait-icon,.hex-board__trait[data-active] .hex-board__trait-icon{filter:brightness(0);opacity:.9}.hex-board__item{color:#fff;cursor:grab;pointer-events:all;touch-action:none;outline:none}.hex-board__item:active{cursor:grabbing}.hex-board__item[data-dragging]{opacity:0;pointer-events:none}.hex-board__item--visual-only{cursor:default;pointer-events:none;touch-action:auto}.hex-board__item rect{fill:#141d19f5;stroke:#00000059;stroke-width:.75px;vector-effect:non-scaling-stroke}.hex-board__item:hover rect,.hex-board__item:focus-visible rect{stroke:#b7e5ce;stroke-width:1.5px}.hex-board__item:focus-visible rect{stroke-width:2px}.hex-board__item-fallback{fill:#fff;font-size:var(--text-2xs);font-weight:var(--weight-heavy);text-anchor:middle}.board-synergy{border-block:1px solid var(--board-stage-border);background:var(--board-stage-rail);width:100%;min-width:0;min-height:0;margin-top:var(--board-grid-edge-gap);flex-direction:column;padding:0;display:flex;overflow:hidden}.board-synergy__bar{flex:none;grid-template-columns:auto minmax(0,1fr) auto;width:100%;min-height:44px;display:grid}.board-synergy__viewport{isolation:isolate;grid-area:1/2;width:100%;min-width:0;height:44px;position:relative}.board-synergy__scroller{overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0;height:44px;padding:0;overflow:auto hidden}.board-synergy__scroller::-webkit-scrollbar{width:0;height:0;display:none}.board-synergy__scroll-button{z-index:1;border-radius:var(--radius-xs);width:44px;height:44px;box-shadow:none;color:var(--board-stage-text-muted);font:inherit;font-size:var(--text-2xs);cursor:pointer;transition:background-color var(--transition), opacity var(--transition);background:#ffffff0a;border:0;place-items:center;padding:0;line-height:1;display:grid;position:static}.board-synergy__scroll-icon{width:17px;height:17px;transform:translateY(-.5px)}.board-synergy__scroll-button[data-direction=back]{grid-area:1/1}.board-synergy__scroll-button[data-direction=forward]{grid-area:1/3}.board-synergy__scroll-button:hover{background:var(--board-stage-hover);color:var(--board-stage-text)}.board-synergy__scroll-button:focus-visible{outline:2px solid var(--board-stage-focus);outline-offset:-2px}.board-synergy__list{flex-direction:row;gap:6px;width:max-content;min-width:100%;margin:0;padding:0;list-style:none;display:flex}.board-synergy__item{--synergy-accent:var(--trait-rim-dark,#444);--synergy-rim:var(--trait-rim,#525a56);flex:none;width:max-content;min-width:0}.board-synergy__summary{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-sm);width:max-content;max-width:190px;min-height:44px;color:var(--board-stage-text);font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;padding:4px 6px;display:grid}.board-synergy__summary[data-interactive]{cursor:pointer;transition:background-color var(--transition), border-color var(--transition)}@media (hover:hover) and (pointer:fine){.board-synergy__summary[data-interactive]:hover{background:var(--board-stage-hover)}}.board-synergy__summary[data-interactive]:focus-visible{outline:2px solid var(--board-stage-focus);outline-offset:-2px}.board-synergy__summary[data-interactive]:active{background:var(--board-stage-pressed)}.board-synergy__item:not([data-active]) .board-synergy__summary{opacity:.68}.board-synergy__icon{cursor:help}.board-synergy__icon[data-navigates]{cursor:pointer}.board-synergy__name{min-width:0;max-width:96px}.board-synergy__name strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);display:block;overflow:hidden}.board-synergy__progress{justify-content:flex-end;align-items:baseline;gap:var(--space-2xs);min-width:40px;color:var(--board-stage-text-muted);font-variant-numeric:tabular-nums;line-height:1;display:inline-flex}.board-synergy__progress strong{color:var(--board-stage-text);font-size:var(--text-sm);font-weight:var(--weight-heavy)}.board-synergy__progress span{font-size:var(--text-2xs);font-weight:var(--weight-semi)}.board-synergy__progress b{font-size:var(--text-2xs);font-weight:var(--weight-bold)}.board-synergy__item[data-active] .board-synergy__progress strong{color:var(--board-stage-text)}.board-builder__palette{--board-palette-bg:var(--board-palette-surface);min-width:0;min-height:0;top:var(--board-palette-top,calc(var(--header-height) + 40px));height:var(--board-palette-height,calc(100dvh - 226px));contain:size;background:var(--board-palette-bg);border:1px solid var(--board-border-subtle);border-radius:var(--radius-lg);max-height:none;padding:var(--space-sm);flex-direction:column;grid-area:palette;display:flex;position:sticky}.board-builder__palette-sheet-handle,.board-builder__palette[hidden]{display:none}.board-builder__synergy-loading{color:var(--board-stage-text);font-size:var(--text-xs);padding:12px}.board-builder__placement-target button:focus-visible{outline-offset:-3px}.board-builder__placement-target button[aria-pressed=true]:focus-visible{outline-color:var(--board-selected-focus)}.board-builder__workspace[data-palette-collapsed]{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}.board-builder:has(>.board-builder__workspace[data-palette-collapsed]){overflow:visible}.board-builder__workspace[data-palette-collapsed] .board-builder__board-shell{border-radius:var(--radius-lg);grid-template-rows:auto auto auto;grid-template-columns:216px minmax(0,1fr);column-gap:12px;display:grid}.board-builder__workspace[data-palette-collapsed] .board-builder__board-header{grid-column:1/-1;margin-bottom:12px}.board-builder__workspace[data-palette-collapsed] .board-builder__board-shell>section{grid-area:2/1/4;margin-bottom:12px}.board-builder__workspace[data-palette-collapsed] .board-builder__board-canvas{grid-area:2/2;padding-inline-end:8px}.board-builder__workspace[data-palette-collapsed] .board-builder__board-controls{grid-area:3/2}.board-builder__palette-header{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-xs);grid-template-columns:minmax(0,1fr);display:grid}.board-builder__palette-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:0;display:grid}.board-builder__palette-tabs button{position:relative}.board-builder__palette-tabs button[aria-selected=true]{background:var(--board-filter-active-surface);color:var(--board-filter-active-text);font-weight:var(--weight-bold)}.board-builder__palette-tabs button[aria-selected=true]:focus-visible{outline-color:var(--board-selected-focus)}.board-builder__palette-tabs button>span{min-width:24px;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:500;display:inline-block}.board-builder__palette-panel{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.board-builder__palette-controls{flex:none}.board-builder__champion-list,.board-builder__item-list{overscroll-behavior-y:contain;overflow-anchor:none;min-height:0;margin:var(--space-xs) calc(var(--space-xs) * -1) 0;padding:var(--space-xs) var(--space-xs) var(--space-md);scrollbar-gutter:stable;scrollbar-color:var(--board-scrollbar) transparent;scrollbar-width:thin;flex:1 1 0;scroll-padding-block:12px;overflow-y:auto}.board-builder__champion-list:focus-visible,.board-builder__item-list:focus-visible{outline:2px solid var(--board-search-focus);outline-offset:-2px}.board-builder__champion-group h3{background:var(--board-palette-bg);color:var(--board-text-muted);font-size:var(--text-2xs);font-weight:var(--weight-bold);align-items:center;gap:6px;margin:0 0 8px;padding-block:6px 5px;display:flex}.board-builder__champion-group h3:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--board-search-focus);outline-offset:-2px}.board-builder__champion-group h3[data-trait-id]{border-radius:var(--radius-xs);transition:background-color .32s ease-out,color .32s ease-out}.board-builder__champion-group[data-navigation-highlight] h3[data-trait-id]{background-color:var(--board-surface-accent);color:var(--board-accent-strong-text);transition-duration:.16s}@media (prefers-reduced-motion:reduce){.board-builder__champion-group h3[data-trait-id]{transition:none}}.board-builder__champion-group+.board-builder__champion-group{margin-top:14px}.board-builder__champion-group h3:before{border-radius:var(--radius-full);content:"";vertical-align:1px;background:#7e8582;width:6px;height:6px;display:inline-block}.board-builder__champion-group h3[data-trait-id]:before{display:none}.board-builder__champion-group-icon{clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:#dce6df;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid;position:relative;overflow:hidden}.board-builder__champion-group-icon img{object-fit:contain;filter:brightness(0);opacity:.72;padding:4px}.board-builder__champion-group h3[data-cost="2"]:before{background:#669570}.board-builder__champion-group h3[data-cost="3"]:before{background:#648fc5}.board-builder__champion-group h3[data-cost="4"]:before{background:#9b7bbf}.board-builder__champion-group h3[data-cost="5"]:before{background:var(--unit-cost-5)}.board-builder__champion-grid{grid-template-columns:repeat(auto-fill,48px);justify-content:start;gap:7px 4px;display:grid}.board-builder__champion{border-radius:var(--radius-sm);width:48px;min-width:0;height:48px;color:var(--board-text-primary);font:inherit;cursor:pointer;outline-offset:2px;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.board-builder__champion[data-dragging]{opacity:.48}.board-builder__champion-image{border-radius:var(--radius-sm);background:var(--board-surface-soft);width:48px;height:48px;transition:transform var(--transition), box-shadow var(--transition);border:3px solid #7e8582;display:block;position:relative;overflow:hidden;box-shadow:0 2px 7px #23282421}.board-builder__champion[data-cost="2"] .board-builder__champion-image{border-color:#669570}.board-builder__champion[data-cost="3"] .board-builder__champion-image{border-color:#648fc5}.board-builder__champion[data-cost="4"] .board-builder__champion-image{border-color:#9b7bbf}.board-builder__champion[data-cost="5"] .board-builder__champion-image{border-color:var(--unit-cost-5)}.board-builder__champion-image img{object-fit:cover;width:100%;height:100%}.board-builder__champion:hover .board-builder__champion-image{transform:translateY(-1px);box-shadow:0 6px 14px #23282433}.board-builder__item-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:8px 0 0;display:grid}.board-builder__item-categories button{padding-inline:3px}.board-builder__item-target{border:1px solid var(--board-border-control);border-radius:var(--radius-sm);background:var(--board-surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;padding:12px;display:grid}.board-builder__item-target[data-ready]{background:var(--board-surface-accent);border-color:#a9bbb1}.board-builder__item-target[data-full]{background:var(--board-surface-warm);border-color:#c7aa75}.board-builder__item-target-summary{min-width:0;align-items:center;gap:11px;block-size:72px;display:flex}.board-builder__item-target-summary--stacked{min-height:88px;text-align:center;flex-direction:column;justify-content:center;gap:5px;block-size:auto}.board-builder__item-target-identity{min-width:0;max-width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.board-builder__item-target-identity:focus-visible{outline:none}.board-builder__item-target-name{max-width:100%;font-size:var(--text-2xs);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;overflow:hidden}.board-builder__item-target-instruction{max-width:22ch;color:var(--board-text-muted);font-size:var(--text-2xs);text-align:center;text-wrap:pretty;margin:0;line-height:1.35}.board-builder__item-target-image{border:2px solid var(--board-accent-text);border-radius:var(--radius-sm);background:var(--board-surface);width:48px;height:48px;transition:box-shadow var(--transition), transform var(--transition);flex:none;position:relative;overflow:hidden}.board-builder__item-target-image[data-cost="1"]{border-color:#7e8582}.board-builder__item-target-image[data-cost="2"]{border-color:#669570}.board-builder__item-target-image[data-cost="3"]{border-color:#648fc5}.board-builder__item-target-image[data-cost="4"]{border-color:#9b7bbf}.board-builder__item-target-image[data-cost="5"]{border-color:var(--unit-cost-5)}.board-builder__item-target-identity:hover .board-builder__item-target-image,.board-builder__item-target-identity:focus-visible .board-builder__item-target-image{box-shadow:0 0 0 2px var(--board-surface), 0 0 0 4px var(--board-focus-strong);transform:translateY(-1px)}.board-builder__item-target-image img,.board-builder__item-target-slot img{object-fit:cover}.board-builder__item-target-image[data-empty]{background:var(--board-empty-surface);border:1px dashed #a9b5ad}.board-builder__item-target-summary>span:last-child{min-width:0;overflow:hidden}.board-builder__item-target-summary strong,.board-builder__item-target-summary small{display:block}.board-builder__item-target-summary strong{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:var(--text-sm);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.board-builder__item-target-summary small{color:var(--board-text-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;line-height:1.4;overflow:hidden}.board-builder__item-target-slots{align-items:center;gap:5px;display:flex}.board-builder__item-target-slot{border-radius:var(--radius-sm);background:var(--board-surface);width:46px;height:46px;color:var(--board-accent-strong-text);font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold);border:1px solid #91a89a;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}button.board-builder__item-target-slot{cursor:pointer}.board-tool-item-stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 14px;margin-top:12px;padding-top:11px;display:flex}.board-tool-item-stat{min-height:24px;color:var(--ink-soft);align-items:center;gap:5px;display:inline-flex}.board-tool-item-stat__icon{flex:0 0 18px;width:18px;height:18px;display:block}.board-tool-item-stat__icon img{object-fit:contain;width:100%;height:100%;display:block}:root:not([data-theme=dark]) .board-tool-item-stat__icon--light-contrast img{filter:drop-shadow(1px 0 #20262247)drop-shadow(-1px 0 #20262247)drop-shadow(0 1px #20262247)drop-shadow(0 -1px #20262247)}.board-tool-item-stat__value{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);line-height:1}.board-builder__item-target-slot[data-empty]{background:var(--board-empty-surface);color:var(--board-empty-text);border-style:dashed}.board-builder__item-grid{grid-template-columns:repeat(6,minmax(0,48px));justify-content:start;gap:9px 5px;display:grid}.board-builder__item-group h3{color:var(--board-text-muted);font-size:var(--text-2xs);font-weight:var(--weight-bold);margin:0 0 8px;line-height:1.3}.board-builder__item-group+.board-builder__item-group{margin-top:16px}.board-builder__no-results{color:var(--board-text-muted);font-size:var(--text-2xs);text-align:center;margin:36px 0}.board-builder__item{border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--board-text-primary);font:inherit;cursor:pointer;outline-offset:2px;touch-action:manipulation;transition:opacity var(--transition);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:2px;display:flex}.board-builder__item-image{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--board-surface-soft);width:100%;transition:transform var(--transition), border-color var(--transition);border:2px solid #88968e;display:block;position:relative;overflow:hidden;box-shadow:0 2px 7px #23282421}.board-builder__item:hover .board-builder__item-image,.board-builder__item:focus-visible .board-builder__item-image{border-color:var(--board-focus-strong);transform:translateY(-1px)}.board-builder__item[draggable=true]{cursor:grab}.board-builder__item[draggable=true]:active{cursor:grabbing}.board-builder__item[data-dragging]{opacity:.4}.board-builder__item[data-dragging] .board-builder__item-image{border-color:var(--board-focus-strong);transform:scale(.94)}.board-builder__item[data-category=emblem] .board-builder__item-image{border-color:#8aa895}.board-builder__item[data-category=artifact] .board-builder__item-image{border-color:#b08a5b}.board-builder__item[data-category=radiant] .board-builder__item-image{border-color:#d3ad56}.board-builder__item-image img{object-fit:cover}.board-builder__item>span:nth-child(2),.board-builder__item>small{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.board-builder__item>span:nth-child(2){font-size:var(--text-2xs);font-weight:var(--weight-semi)}.board-builder__item>small{color:var(--board-accent-strong-text);font-size:var(--text-2xs)}.board-builder__drag-preview-layer{z-index:var(--z-drag-preview);pointer-events:none;position:fixed;inset:0}.board-builder__drag-preview{z-index:var(--z-drag-preview);border-radius:var(--radius-md);color:#7e8582;opacity:.9;pointer-events:none;will-change:transform;border:3px solid #7e8582;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 4px 8px #11181447}.board-builder__drag-preview[data-cost="2"]{color:#669570;border-color:#669570}.board-builder__drag-preview[data-cost="3"]{color:#648fc5;border-color:#648fc5}.board-builder__drag-preview[data-cost="4"]{color:#9b7bbf;border-color:#9b7bbf}.board-builder__drag-preview[data-cost="5"]{border-color:var(--unit-cost-5);color:var(--unit-cost-5)}.board-builder__drag-preview[data-kind=board]{border-radius:var(--radius-xs);box-shadow:none;opacity:1;background:0 0;border:0;overflow:visible}.board-builder__drag-preview[data-kind=board][data-remove]:after{z-index:1;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);content:"";background:#c7403657;position:absolute;inset:7%}.board-builder__drag-preview[data-kind=board][data-remove] .board-builder__drag-unit{opacity:.78;filter:drop-shadow(0 0 4px #dd463ae6)}.board-builder__drag-remove-label{z-index:2;border-radius:var(--radius-full);color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-bold);white-space:nowrap;background:#9f332c;padding:3px 7px;line-height:1.2;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #360e0a61}.board-builder__drag-preview[data-kind=item]{border-radius:var(--radius-xs);opacity:1;background:#14231d;border:1px solid #000;box-shadow:0 3px 6px #0c14106b}.board-builder__drag-item{object-fit:cover;width:100%;height:100%;display:block}.board-builder__drag-unit{filter:drop-shadow(0 4px 5px #0c14106b);width:100%;height:100%;overflow:visible}@media (max-width:999px),(pointer:coarse),(max-width:932px) and (max-height:520px) and (orientation:landscape){.board-builder{border-radius:var(--radius-lg)}.board-builder__workspace{grid-template:"stage""palette"/minmax(0,1fr);height:auto;min-height:0}.board-builder__stage{border-right:0;border-bottom:1px solid var(--board-border-subtle);background:var(--board-mobile-stage)}.board-builder__board-shell{border-radius:var(--radius-lg);border:1px solid #ffffff1a;min-height:0}.board-builder__palette{contain:none}.board-builder__item-target-summary{block-size:48px}.board-builder__champion-list,.board-builder__item-list{max-height:540px}.board-tool-page{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.board-tool-page:has(.board-builder__palette[data-sheet-open]) .eyebrow{display:none}.board-tool-page:has(.board-builder__palette[data-sheet-open]) .board-tool-hero{padding-block:8px}.board-tool-page:has(.board-builder__palette[data-sheet-open]) .board-tool-hero h1{font-size:var(--text-lg)}.board-builder__palette{--board-palette-peek-height:108px;z-index:var(--z-header);top:auto;right:max(10px, env(safe-area-inset-right));bottom:0;left:max(10px, env(safe-area-inset-left));overscroll-behavior:contain;border:1px solid var(--board-border-control);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-xs);height:min(62dvh,600px);max-height:none;padding:0 var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom));transform:translateY(var(--board-palette-drag-translate-y,calc(100% - var(--board-palette-peek-height) - env(safe-area-inset-bottom))));border-bottom:0;transition:transform .18s;position:fixed;overflow:hidden;box-shadow:0 -12px 36px #16282133}.board-builder__palette[data-sheet-open]{transform:translateY(var(--board-palette-drag-translate-y,0px))}.board-builder__palette[data-sheet-dragging]{transition:none}.board-builder__palette-sheet-handle{min-height:44px;color:var(--board-text-muted);font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-bold);cursor:grab;touch-action:none;background:0 0;border:0;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:3px;display:flex}.board-builder__palette[data-sheet-dragging] .board-builder__palette-sheet-handle{cursor:grabbing}.board-builder__palette-sheet-handle>span:first-child{border-radius:var(--radius-full);background:var(--board-sheet-handle);width:42px;height:4px}.board-builder__palette-tabs{flex:none}.board-builder__palette-panel{visibility:hidden}.board-builder__palette[data-sheet-open] .board-builder__palette-panel,.board-builder__palette[data-sheet-dragging] .board-builder__palette-panel{visibility:visible}.board-builder__item-target{gap:8px;padding:8px 10px}.board-builder__item-target-summary--stacked{min-height:0;text-align:left;flex-direction:row;justify-content:flex-start;gap:8px;block-size:52px}.board-builder__item-target-identity{text-align:left;flex-direction:row}.board-builder__item-target[data-ready] .board-builder__item-target-instruction{display:none}.board-builder__remove-selected{color:#fff;background:#75332db8;border:1px solid #ffc4bc6b;display:inline-flex}.board-tool-hero{gap:var(--space-xs);padding-block:var(--space-lg) var(--space-md)}.board-tool-hero__main{grid-template-columns:minmax(0,1fr) auto;gap:16px}.board-tool-hero h1{letter-spacing:-.035em;font-size:clamp(2.35rem,11vw,3.2rem);line-height:1.08}.board-builder__stage{padding:var(--space-sm)}.board-builder__board-controls{align-items:center;gap:var(--space-xs);flex-direction:row;min-height:0;position:relative}.board-builder__selection-status{flex:1 0 100%;order:-1}.board-builder__history-controls,.board-builder__edit-controls{width:auto;display:flex}.board-builder__edit-controls{flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto}.board-builder__board-controls button{min-width:0;min-height:44px;padding-inline:var(--space-xs);font-size:var(--text-2xs)}.board-builder__clear-control{position:static}.board-builder__clear-confirm{right:var(--space-sm);left:var(--space-sm);width:auto}.board-builder__board-controls .board-builder__clear-confirm-actions button{min-height:44px}.board-builder__board-header{align-items:flex-start}}@media (max-width:520px){.hex-board__taric-pair-target text{font-size:14px}.board-tool-section{width:min(calc(100% - var(--space-sm)), 500px)}.board-builder__stage{padding:0}.board-builder__board-controls{gap:var(--space-2xs);flex-wrap:wrap}.board-builder__history-controls,.board-builder__edit-controls{gap:var(--space-2xs)}.board-builder__edit-controls{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;width:auto;margin-left:auto}.board-builder__board-controls button{padding-inline:var(--space-2xs)}.board-builder__board-controls .board-builder__remove-selected{min-width:44px}.board-builder__remove-selected .board-builder__tool-icon{display:none}.board-builder__board-shell{border-radius:var(--radius-md);padding:var(--space-2xs) 0 0}.board-builder__board-header{padding-inline:var(--space-2xs)}.board-builder__palette{padding:0 var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom))}.board-builder__item-target{grid-template-columns:minmax(0,1fr) auto}.board-builder__item-target-slot{width:44px;height:44px}.hex-board__unit-name{font-size:var(--text-2xs);stroke-width:3px}.board-synergy__summary{padding-inline:var(--space-xs)}}@media (max-width:932px) and (max-height:520px) and (orientation:landscape){.board-tool-page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.board-tool-hero{gap:2px;padding-block:8px}.board-tool-hero__main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.board-tool-hero h1{font-size:var(--text-2xl)}.board-builder__board-header{align-items:center}.board-builder__matchup-controls{flex-wrap:nowrap}.board-builder__board-canvas .hex-board{width:auto;max-width:100%;height:auto;max-height:244px}.board-builder__palette{--board-palette-peek-height:64px;height:calc((100dvh - var(--header-height)) * .5);gap:var(--space-2xs) var(--space-xs);padding:0 var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom));grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(184px,34%) minmax(0,1fr);display:grid}.board-builder__palette-sheet-handle{grid-area:1/1;min-width:0}.board-builder__palette-header{grid-area:1/2;min-width:0;margin:0}.board-builder__palette-panel{gap:var(--space-xs);grid-area:2/1/auto/-1;grid-template-columns:minmax(184px,34%) minmax(0,1fr);min-width:0;min-height:0;display:grid}.board-builder__palette-controls{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;overflow:hidden auto}.board-builder__champion-list,.board-builder__item-list{min-width:0;height:100%;max-height:none;padding:var(--space-2xs);margin:0}#board-item-palette{grid-template-columns:minmax(170px,.75fr) minmax(250px,1.05fr) minmax(120px,1fr)}#board-item-palette .board-builder__item-target{align-self:stretch;gap:var(--space-2xs);min-width:0;height:100%;padding:var(--space-2xs);margin:0;overflow:hidden}#board-item-palette .board-builder__item-target-summary--stacked{min-width:0;gap:var(--space-2xs);block-size:44px}#board-item-palette .board-builder__item-target-image,#board-item-palette .board-builder__item-target-slot{flex-basis:44px;width:44px;height:44px}#board-item-palette .board-builder__item-grid{gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(44px,48px))}}@media (prefers-reduced-motion:reduce){.board-builder__board-controls button,.board-builder__enemy-board-switch>span,.board-builder__enemy-board-switch>span:after,.board-builder__board-utility button,.board-builder__champion-classification button,.board-builder__item-categories button,.board-builder__palette-tabs button,.board-builder__palette,.board-builder__item,.board-builder__champion-image,.board-builder__item-image,.hex-board__cell,.hex-board__unit-ring,.board-synergy__summary,.board-synergy__icon,.board-synergy__scroll-button{transition:none}.hex-board[aria-readonly=true] .hex-board__unit[data-transition],.level-board__overlay-placement[data-transition]{opacity:1;animation:none;transform:none}.hex-board[aria-readonly=true] .hex-board__unit[data-transition=removed]{display:none}.board-builder__champion:hover .board-builder__champion-image,.board-builder__item:hover .board-builder__item-image,.board-builder__item:focus-visible .board-builder__item-image{transform:none}}.board-tool-page .board-tool-hero h1{font-size:2.5rem;font-weight:750}.board-tool-page .board-builder__board-shell{border-radius:18px}.board-tool-page .board-builder__board-controls{background:var(--color-surface);border-top-color:var(--color-border)}.board-tool-page .board-builder__board-controls button:not([data-ui]){border-color:var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-secondary);border-radius:12px}.board-tool-page .board-builder__board-utility button{width:auto;padding-inline:12px}.board-tool-page .board-builder__board-controls button[aria-pressed=true]{color:var(--tool-accent);background:var(--tool-selected);border-color:var(--tool-accent)}.board-tool-page .board-builder__history-divider{background:var(--color-border)}.board-tool-page .board-builder__palette-tabs,.board-tool-page .board-builder__champion-classification,.board-tool-page .board-builder__item-categories{background:var(--color-background);border:0;border-radius:14px;gap:3px;padding:3px}.board-tool-page .board-builder__palette-tabs button,.board-tool-page .board-builder__champion-classification button,.board-tool-page .board-builder__item-categories button{border:0;border-radius:10px;padding-inline:6px}.board-tool-page .board-builder__champion-image{border-width:2px;border-radius:9px}.board-tool-page .board-builder__item-image{border-color:#0000;border-radius:9px}@media (max-width:999px),(pointer:coarse){.board-tool-page .board-tool-hero{padding-block:24px 18px}.board-tool-page .board-tool-hero h1{font-size:1.875rem}.board-tool-page .board-builder__board-shell{border-radius:18px}.board-tool-page .board-builder__utility-label{display:none}.board-tool-page .board-builder__board-utility button{width:44px;padding:0}}@media (max-width:932px) and (max-height:520px) and (orientation:landscape){.board-tool-page .board-tool-hero{padding-block:12px}}.board-builder__editor-toolbar{z-index:4;margin-bottom:12px;position:relative}.board-builder__editor-toolbar .board-builder__history-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-inline-start:-15px;display:flex}.board-builder__editor-toolbar [data-editor-new-work][data-ui]{white-space:nowrap;width:auto;padding-inline:14px}@media (max-width:999px){.board-builder__editor-toolbar [data-editor-new-work]:focus-visible{outline-offset:-3px}}@media (max-width:520px){.board-builder__editor-toolbar .board-builder__history-controls{margin-inline-start:-5px}}@media (min-width:521px) and (max-width:600px){.board-builder__editor-toolbar .board-builder__history-controls{margin-inline-start:-23px}}.board-builder__editor-toolbar .board-builder__clear-control{position:relative}.board-builder__editor-toolbar .board-builder__clear-control>button{width:auto}.board-builder__editor-toolbar .board-builder__clear-confirm{width:min(260px,100vw - 40px);max-height:calc(100dvh - 180px);inset:calc(100% + 8px) auto auto 0;overflow-y:auto}.board-builder__editor-toolbar .board-builder__clear-control:has(>.board-builder__enemy-clear) .board-builder__clear-confirm{left:auto;right:0}.board-builder__editor-toolbar .board-builder__clear-confirm-actions button{background:var(--color-surface-raised);min-height:44px;color:var(--color-text-primary);border:0;border-radius:12px;padding:8px 12px}.board-builder__editor-toolbar .board-builder__clear-confirm-actions button[data-danger]{color:var(--tool-danger)}.board-builder__workspace-tools{grid-template-columns:minmax(0,1fr) 344px;align-items:center;gap:12px 24px;min-height:44px;margin-bottom:12px;display:grid}.board-builder__workspace-tools[data-palette-collapsed]{grid-template-columns:minmax(0,1fr) auto}.board-builder__board-tools,.board-builder__library-tools{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.board-builder__library-tools{justify-content:flex-end}.board-builder__workspace-tools>.board-draft-status{grid-column:1/-1}.board-builder__workspace-tools .board-builder__matchup-controls{flex:1 0 auto}.board-builder__palette-controls{gap:8px;display:grid}.board-builder__palette-handle-label{align-items:center;gap:8px;display:flex}.board-tool-page .board-builder__champion-classification button,.board-tool-page .board-builder__item-categories button{min-height:32px;padding-block:6px}.board-tool-page .board-tool-hero{gap:4px;padding-block:8px 12px}.board-tool-page .board-tool-hero h1{font-size:26px}@media (max-width:999px),(pointer:coarse){.board-tool-page .board-builder__champion-classification button,.board-tool-page .board-builder__item-categories button{min-height:44px}.board-builder__editor-toolbar .board-builder__board-utility button{width:44px;min-width:44px;padding:0}.board-builder__editor-toolbar .board-builder__utility-label{display:none}.board-builder__workspace-tools{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:8px}.board-builder__library-tools{justify-content:flex-end}.board-builder__editor-toolbar .board-builder__clear-control{position:static}}.board-builder__edit-controls{margin-left:auto}@media (min-width:1000px) and (pointer:fine){.board-builder__item-target{gap:8px;padding:8px}.board-builder__item-target-summary--stacked{min-height:48px;text-align:left;flex-direction:row;justify-content:flex-start;block-size:48px}.board-builder__item-target-identity{text-align:left;flex-direction:row}.board-builder__item-target-instruction{text-align:left;max-width:none}.board-builder__item-target[data-ready] .board-builder__item-target-instruction,.board-builder__item-target-image[data-empty]{display:none}.board-builder__item-target-slot{width:44px;height:44px}}@media (max-height:700px){:is(.board-builder__champion-list:has([data-editor-empty]),.board-builder__item-list:has([data-editor-empty])){padding-block:0}}@media (min-width:1000px) and (pointer:fine){.board-builder__palette{width:100%;margin-inline:0}}.board-builder__workspace-tools .board-draft-status{order:2;margin:0;font-size:12px}.board-builder__workspace-tools [data-editor-library-toggle]{order:3}@media (min-width:1000px) and (max-height:700px) and (pointer:fine){.board-builder{overflow:visible}.board-builder__editor-toolbar{top:calc(var(--header-height) + 24px);background:var(--color-background);z-index:10;padding-block:4px;position:sticky}.board-builder__palette{height:calc(100dvh - var(--header-height) - 84px);top:calc(var(--header-height) + 68px)}}@media (max-width:699px){.board-builder__workspace-tools{flex-wrap:wrap}.board-builder__workspace-tools .board-draft-status{flex-basis:100%;order:4}}.board-tool-hero__main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.board-tool-summary{color:var(--color-text-secondary);margin:8px 0 0;font-size:13px;line-height:1.6}.board-tool-help{place-self:start end;display:block;position:relative}.board-tool-help summary{cursor:pointer;min-height:44px;color:var(--color-text-secondary);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:13px;list-style:none;display:flex}.board-tool-help summary::-webkit-details-marker{display:none}.board-tool-help__open-label,.board-tool-help[open] .board-tool-help__closed-label{display:none}.board-tool-help[open] .board-tool-help__open-label{display:inline}.board-tool-help summary:hover,.board-tool-help[open] summary{color:var(--color-text-primary);background:var(--color-surface-raised)}.board-tool-help summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.board-tool-help__body{z-index:30;border:1px solid var(--color-border-strong);background:var(--color-surface);width:min(360px,100vw - 32px);max-height:calc(100dvh - 140px);color:var(--color-text-primary);box-shadow:var(--shadow-overlay);border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:1.6;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.board-tool-help dl{gap:12px;margin:0;display:grid}.board-tool-help dl>div{grid-template-columns:44px minmax(0,1fr);gap:10px;display:grid}.board-tool-help dt{font-weight:700}.board-tool-help dd{color:var(--color-text-secondary);margin:0}.board-tool-help p{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin:14px 0 0;padding-top:12px;font-size:12px}.board-builder__display-options{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-left:auto;display:flex}.board-builder__display-options .editor-name-toggle{white-space:nowrap;min-height:44px}@media (any-hover:none){.board-builder__hover-option{display:none}}.board-builder__item>span.board-builder__item-name{white-space:normal;-webkit-line-clamp:2;word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:28px;line-height:1.3;display:-webkit-box}.board-khazix-evolution{min-width:0}.board-khazix-evolution summary{border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:fit-content;min-height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;list-style:none;display:flex}.board-khazix-evolution summary::-webkit-details-marker{display:none}.board-khazix-evolution summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.board-khazix-evolution[open] summary svg{transform:rotate(180deg)}.board-khazix-evolution[open]{flex-basis:100%}.board-builder__edit-controls:has(.board-khazix-evolution[open]){flex-basis:100%}.board-khazix-evolution fieldset{border:0;min-width:0;margin:8px 0 0;padding:0}.board-khazix-evolution fieldset>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.board-builder__board-controls .board-khazix-evolution button{gap:6px;width:100%;min-height:44px;padding:8px;font-size:12px}.board-khazix-evolution img{flex-shrink:0}.board-khazix-evolution__check{flex-shrink:0;width:12px}@media (max-width:999px),(pointer:coarse){.board-khazix-evolution fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr))}.board-builder__palette:has(.board-khazix-evolution[open]){height:min(82dvh,720px)}.board-builder__palette>.board-builder__board-controls:has(.board-khazix-evolution[open]){flex-wrap:wrap;max-height:42dvh;overflow-y:auto}}.board-builder__champion-list[data-show-names] .board-builder__champion-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px 5px}.board-builder__champion-list[data-show-names] .board-builder__champion{gap:4px;width:100%;height:auto;min-height:80px}.board-builder__champion-image{flex-shrink:0}.board-builder__champion-name{text-align:center;-webkit-line-clamp:2;word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;min-height:28px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.board-builder__workspace[data-palette-collapsed] .board-builder__board-shell{grid-template-rows:auto auto}@media (max-width:999px),(pointer:coarse){.board-builder__palette>.board-builder__board-controls{border-top:0;border-bottom:1px solid var(--color-border);gap:4px;min-height:0;margin:0 0 8px;padding:4px 0 8px}.board-builder__palette>.board-builder__board-controls .board-builder__selection-status{flex-basis:100%;margin:0;font-size:12px}.board-builder__palette>.board-builder__board-controls .board-builder__selection-status>span{display:none}.board-builder__palette>.board-builder__board-controls .board-builder__edit-controls{flex-wrap:wrap;justify-content:flex-start;margin-left:0}.board-tool-hero__copy{min-width:0}}@media (max-width:932px) and (max-height:520px) and (orientation:landscape){.board-tool-page .board-tool-hero{padding-block:4px!important}.board-tool-hero>.eyebrow,.board-tool-summary,.board-builder__workspace-tools .board-draft-status{display:none}.board-tool-page .board-tool-hero h1{font-size:22px}.board-builder{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;display:grid}.board-builder__editor-toolbar{grid-area:1/1;margin:0}.board-builder__workspace-tools{grid-area:1/2;margin:0}.board-builder__workspace{grid-column:1/-1}.board-builder__palette:has(>.board-builder__board-controls){grid-template-rows:44px auto minmax(0,1fr);height:min(74dvh,350px)}.board-builder__palette>.board-builder__board-controls{flex-wrap:nowrap;grid-area:2/1/auto/-1;margin:0;padding:0 0 4px}.board-builder__palette>.board-builder__board-controls .board-builder__selection-status{flex-basis:auto}.board-builder__palette:has(>.board-builder__board-controls) .board-builder__palette-panel{grid-row:3}.board-tool-help__body{max-height:calc(100dvh - 112px)}}.board-builder__palette[data-sheet-open][data-compact][data-search-viewport]{height:var(--board-sheet-height);bottom:var(--board-sheet-bottom)}.board-builder__palette[data-compact] .board-builder__palette-panel{overflow-y:auto}.board-builder__palette[data-compact] .board-builder__champion-list,.board-builder__palette[data-compact] .board-builder__item-list{flex:none;max-height:none;overflow:visible}