.board-tool-page{--board-text-primary:#202622;--board-text-secondary:#454d47;--board-text-muted:#616862;--board-surface:#fffefa;--board-surface-raised:#fffefa;--board-surface-muted:#eee9df;--board-surface-soft:#eee9df;--board-surface-accent:#e6ece7;--board-surface-warm:#f1e5d2;--board-border-subtle:#e1dacf;--board-border-control:#c9c0b3;--board-border-input:#e1dacf;--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:#193129;--board-stage-rail:#1f3b32;--board-stage-border:#5f7f72;--board-stage-text:#f4f7f5;--board-stage-text-muted:#bdcbc5;--board-stage-hover:#ffffff17;--board-stage-pressed:#ffffff24;--board-stage-focus:#ffe09a;--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:color-mix(in srgb, var(--board-surface) 78%, var(--board-surface-accent) 22%);--board-clear-surface:#fffaf8;--board-clear-border:#d9c7c2;--board-empty-surface:#fffefa94;--board-empty-text:#78827b;--board-scrollbar:#c8c2b8;--board-mobile-stage:#eee9df;--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-text-primary:#edf1ec;--board-text-secondary:#c5cec7;--board-text-muted:#aab4ac;--board-surface:#191f1b;--board-surface-raised:#222a24;--board-surface-muted:#222a24;--board-surface-soft:#263029;--board-surface-accent:#28372f;--board-surface-warm:#352f22;--board-border-subtle:#39453d;--board-border-control:#68796d;--board-border-input:#68796d;--board-focus:#8fd7b6;--board-search-focus:#8fd7b6;--board-search-focus-ring:#8fd7b633;--board-focus-strong:#8fd7b6;--board-selected-focus:#102018;--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:#86b5a0;--board-filter-active-text:#102018;--board-cost-label:#050806;--board-cost-label-shadow:#fff3;--board-stage-surface:#193129;--board-stage-rail:#1f3b32;--board-stage-border:#5f7f72;--board-stage-text:#f4f7f5;--board-stage-text-muted:#bdcbc5;--board-stage-hover:#ffffff17;--board-stage-pressed:#ffffff24;--board-stage-focus:#ffe09a;--board-clear-surface:#2b2220;--board-clear-border:#9b716b;--board-empty-surface:#222a24c7;--board-empty-text:#aab4ac;--board-scrollbar:#68796d;--board-mobile-stage:#191f1b;--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{justify-content:space-between;align-items:end;gap:var(--space-2xl);grid-template-columns:max-content minmax(0,560px);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__description{max-width:560px;margin:0 0 var(--space-2xs);color:var(--board-text-muted);font-size:var(--text-sm);text-align:right;justify-self:end;gap:2px;line-height:1.55;display:grid}.board-tool-hero__description--touch{display:none}.board-tool-hero>.eyebrow{margin:0}.board-builder{border:1px solid var(--board-border-subtle);border-radius:var(--radius-lg);background:var(--board-surface);overflow:hidden}.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-tool-hero__description strong{color:var(--board-text-secondary);font-weight:var(--weight-bold)}.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{border:1px solid var(--board-border-control);border-radius:var(--radius-sm);background:var(--board-control-surface);overflow:hidden}.board-builder__palette-tabs button,.board-builder__champion-classification button,.board-builder__item-categories button{border-radius:var(--radius-xs);width:100%;min-width:0;min-height:40px;color:var(--board-text-secondary);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semi);white-space:nowrap;transition:background-color var(--transition), color var(--transition), box-shadow var(--transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.board-builder__palette-tabs button+button,.board-builder__champion-classification button+button,.board-builder__item-categories button+button{border-left:1px solid var(--board-border-subtle)}.board-builder__palette-tabs button:first-child,.board-builder__champion-classification button:first-child,.board-builder__item-categories button:first-child{border-radius:var(--radius-sm) var(--radius-xs) var(--radius-xs) var(--radius-sm)}.board-builder__palette-tabs button:last-child,.board-builder__champion-classification button:last-child,.board-builder__item-categories button:last-child{border-radius:var(--radius-xs) var(--radius-sm) var(--radius-sm) var(--radius-xs)}.board-builder__board-controls button[aria-pressed=true]{color:#ffe09a;background:#ffe09a24;border-color:#ffe09ab3}.board-builder__selection-status{color:#ffffffb8;min-width:0;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{width:calc(var(--space-xl) + var(--space-sm));padding-inline:0}.board-builder__three-star-control>button[aria-disabled=true]{cursor:help;opacity:.58}.board-builder__three-star-help{z-index:calc(var(--z-local) + 1);visibility:hidden;border:1px solid var(--board-border-control);border-radius:var(--radius-sm);background:var(--board-surface-raised);width:180px;color:var(--board-text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-semi);opacity:0;pointer-events:none;text-align:left;white-space:normal;padding:8px 10px;line-height:1.4;transition:opacity .1s,transform .1s,visibility 0s linear .1s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 4px 8px #09181333}.board-builder__three-star-control:not([data-help-suppressed]):hover .board-builder__three-star-help{visibility:visible;opacity:1;transition:opacity .14s .18s,transform .14s .18s,visibility 0s linear .18s;transform:translateY(0)}.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 divider palette"/minmax(0,1fr) 0 344px;align-items:stretch;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-radius:var(--radius-xs) var(--radius-xs) var(--radius-xs) var(--radius-lg);background:var(--board-stage-surface);min-width:0;min-height:0;padding:var(--space-sm) var(--space-sm) 0;isolation:isolate;border:0;flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.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__cell{fill:#213c33;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:#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:#8c938f;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:#5ea177}.hex-board__unit[data-cost="3"]{color:#5d8dcc}.hex-board__unit[data-cost="4"]{color:#9a72c2}.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{fill:var(--sage);filter:drop-shadow(0 2px 4px #0000008c);pointer-events:none;stroke:#d6e4dc8c;stroke-width:1px;vector-effect:non-scaling-stroke}.hex-board__three-star-symbol{fill:#ffd66d;pointer-events:none;stroke:#14201bad;stroke-linejoin:round;stroke-width:.55px;vector-effect:non-scaling-stroke}.hex-board__three-star[data-variant=floating] .hex-board__three-star-symbol{fill:#ffd66d;filter:drop-shadow(0 1px 1px #000000b3)drop-shadow(0 0 2.5px #ffc74885);pointer-events:none;stroke:#2c1f0ce0;stroke-linejoin:round;stroke-width:.8px;vector-effect:non-scaling-stroke}.hex-board__three-star[data-variant=floating] .hex-board__three-star-symbol[data-primary]{fill:#ffe49a;filter:drop-shadow(0 1px 1.5px #000000c2)drop-shadow(0 0 3.5px #ffc7489e);stroke-width:.95px}.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);contain:size;background:var(--board-palette-bg);min-width:0;height:auto;min-height:0;max-height:none;padding:var(--space-sm);flex-direction:column;grid-area:palette;display:flex}.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__palette-divider{z-index:2;grid-area:divider;min-width:0;position:relative}.board-builder__palette-toggle{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--board-palette-surface);width:24px;height:48px;color:var(--board-text-secondary);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 1px 4px #0000001f}.board-builder__palette-toggle:hover{background:var(--board-surface-accent);color:var(--board-accent-strong-text)}.board-builder__palette-toggle:focus-visible{outline:2px solid var(--board-focus);outline-offset:2px}.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__palette-toggle svg{width:14px;height:14px}.board-builder__palette-toggle[aria-expanded=false] svg{transform:rotate(180deg)}.board-builder__palette-toggle[aria-expanded=false]{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--board-stage-surface);color:var(--board-stage-text);right:-8px;box-shadow:2px 1px 4px #0000001f}.board-builder__palette-toggle[aria-expanded=false]:hover{background:var(--board-stage-rail)}.board-builder__palette-toggle[aria-expanded=false]:focus-visible{outline-color:var(--board-stage-focus);outline-offset:-2px}.board-builder__workspace[data-palette-collapsed]{grid-template-columns:minmax(0,1fr) 0;grid-template-areas:"stage divider"}.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-accent-solid);color:var(--board-on-accent);font-weight:var(--weight-bold);box-shadow:inset 0 0 0 1px #ffffff57}.board-builder__palette-tabs button[aria-selected=true]:focus-visible{outline-color:var(--board-selected-focus)}.board-builder__palette-tabs button>span{border-radius:var(--radius-full);background:var(--coral);color:#fff;min-width:24px;height:15px;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;place-items:center;padding-inline:4px;display:grid;position:absolute;top:5px;right:7px}.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__search{margin-top:0;display:block;position:relative}.board-builder__search label{display:block}.board-builder__search input{border:1px solid var(--board-border-input);border-radius:var(--radius-sm);background:var(--board-surface);width:100%;height:44px;color:var(--board-text-primary);font-size:var(--text-xs);outline:none;padding:0 48px 0 12px}.board-builder__search input::-webkit-search-cancel-button{appearance:none}.board-builder__search-clear{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--board-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.board-builder__search-clear:hover{background:var(--board-surface-muted);color:var(--board-text-primary)}.board-builder__search-clear:focus-visible{outline:2px solid var(--board-focus-strong);outline-offset:-3px}.board-builder__search-clear svg{width:18px;height:18px}.board-builder__search input:focus{border-color:var(--board-search-focus);box-shadow:0 0 0 3px var(--board-search-focus-ring)}.board-builder__champion-classification{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:8px;display:grid}.board-builder__champion-classification button{padding-inline:6px}.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) calc(var(--space-xs) * -1);padding:var(--space-xs) var(--space-xs) var(--space-md);scrollbar-gutter:stable;scrollbar-color:var(--board-scrollbar) transparent;scrollbar-width:thin;flex:1;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:#8c938f;width:6px;height:6px;margin-right: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:#5ea177}.board-builder__champion-group h3[data-cost="3"]:before{background:#5d8dcc}.board-builder__champion-group h3[data-cost="4"]:before{background:#9a72c2}.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 #8c938f;display:block;position:relative;overflow:hidden;box-shadow:0 2px 7px #23282421}.board-builder__champion[data-cost="2"] .board-builder__champion-image{border-color:#5ea177}.board-builder__champion[data-cost="3"] .board-builder__champion-image{border-color:#5d8dcc}.board-builder__champion[data-cost="4"] .board-builder__champion-image{border-color:#9a72c2}.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-list[data-classification=cost]{grid-template-columns:repeat(auto-fill,48px);place-content:start;gap:6px 4px;display:grid}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group,.board-builder__champion-list[data-classification=cost] .board-builder__champion-grid{display:contents}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group h3{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--board-cost-label);font-size:var(--text-sm);font-weight:var(--weight-heavy);text-shadow:0 1px 2px var(--board-cost-label-shadow);background:#8c938f;place-items:center;margin:0;padding:0;line-height:1;display:grid}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group h3:before{display:none}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group h3[data-cost="2"]{background:#5ea177}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group h3[data-cost="3"]{background:#5d8dcc}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group h3[data-cost="4"]{background:#9a72c2}.board-builder__champion-list[data-classification=cost] .board-builder__champion-group h3[data-cost="5"]{background:var(--unit-cost-5)}.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:#8c938f}.board-builder__item-target-image[data-cost="2"]{border-color:#5ea177}.board-builder__item-target-image[data-cost="3"]{border-color:#5d8dcc}.board-builder__item-target-image[data-cost="4"]{border-color:#9a72c2}.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:#8c938f;opacity:.9;pointer-events:none;will-change:transform;border:3px solid #8c938f;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 4px 8px #11181447}.board-builder__drag-preview[data-cost="2"]{color:#5ea177;border-color:#5ea177}.board-builder__drag-preview[data-cost="3"]{color:#5d8dcc;border-color:#5d8dcc}.board-builder__drag-preview[data-cost="4"]{color:#9a72c2;border-color:#9a72c2}.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:1200px){.board-tool-hero__description{max-width:650px}}@media (max-width:900px),(max-width:932px) and (max-height:520px) and (orientation:landscape){.board-builder__palette-divider,.board-builder__palette-toggle{display:none}.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);padding:var(--space-sm)}.board-builder__board-shell{border-radius:var(--radius-lg);border:1px solid #ffffff1a;min-height:0}.board-builder__palette{contain:none;height:auto;max-height: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))}:is(.board-tool-page:has(.board-builder__palette[data-sheet-open]) .eyebrow,.board-tool-page:has(.board-builder__palette[data-sheet-open]) .board-tool-hero__description){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);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__search input{height:44px;font-size:var(--text-md)}.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{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.board-tool-hero h1{letter-spacing:-.035em;font-size:clamp(2.35rem,11vw,3.2rem);line-height:1.08}.board-tool-hero__description{text-align:left;justify-self:start;max-width:100%;margin:0}.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__three-star-help{width:min(180px,100vw - 64px)}.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}.board-builder__palette-tabs button,.board-builder__champion-classification button,.board-builder__item-categories button{min-height:44px}}@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{align-items:center;gap:var(--space-lg);grid-template-columns:max-content minmax(0,1fr)}.board-tool-hero h1{font-size:var(--text-2xl)}.board-tool-hero__description{font-size:var(--text-2xs);text-align:right;justify-self:end;line-height:1.4}.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 (pointer:coarse){.board-tool-hero__description--desktop{display:none}.board-tool-hero__description--touch{display:block}.board-builder__palette-tabs button,.board-builder__champion-classification button,.board-builder__item-categories button{min-height:44px}.board-builder__search input{font-size:var(--text-md)}}@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__three-star-help,.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}.board-builder__three-star-help{transition:visibility 0s linear .1s}.board-builder__three-star-control:not([data-help-suppressed]):hover .board-builder__three-star-help{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}}