.board-tool-page{min-height:calc(100vh - var(--header-height));padding-bottom:var(--space-md)}.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{letter-spacing:-.035em;text-wrap:balance;max-width:none;margin:0;font-size:3rem;font-weight:790;line-height:1.08}.board-tool-hero__description{max-width:560px;margin:0 0 var(--space-2xs);color:var(--muted);text-align:right;justify-self:end;gap:2px;font-size:.88rem;line-height:1.55;display:grid}.board-tool-hero>.eyebrow{margin:0}.board-builder{border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:hidden}.board-builder__board-utility{justify-content:flex-end;align-items:center;gap:var(--space-2xs);flex:none;min-height:40px;display:flex}.board-builder__board-utility button{color:#fffc;cursor:pointer;width:36px;height:36px;transition:background-color var(--transition), border-color var(--transition), color var(--transition);background:#ffffff12;border:1px solid #ffffff2e;border-radius:9px;place-items:center;padding:0;display:inline-grid}.board-builder__board-utility button:disabled{cursor:not-allowed;opacity:.38}.board-builder__board-utility button:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff6b}.board-builder__board-utility button:focus-visible{outline-offset:2px;outline:2px solid #ffe09a}.board-builder__utility-icon{width:18px;height:18px;transform:translateY(-.75px)}.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__mobile-item-controls{display:none}.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);color:#fff;pointer-events:none;text-align:center;text-wrap:pretty;background:#142c24f0;border:1px solid #ffffff3d;border-radius:999px;max-width:min(90%,520px);padding:9px 14px;font-size:.75rem;font-weight:700;line-height:1.35;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0918133d}.board-tool-hero__description strong{color:var(--ink-soft);font-weight:700}.board-builder__notice[data-kind=error]{background:#5b2f2af5;border-color:#ffd0c87a}.board-builder__board-controls button{gap:var(--space-2xs)}.board-builder__tool-icon{width:19px;height:19px;display:block;transform:translateY(-.75px)}.board-builder__board-controls button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);font:inherit;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);border-radius:9px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.board-builder__palette-tabs,.board-builder__champion-classification,.board-builder__item-categories{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 92%, var(--surface-muted));border-radius:8px;overflow:hidden}.board-builder__palette-tabs button,.board-builder__champion-classification button,.board-builder__item-categories button{width:100%;min-width:0;min-height:40px;color:var(--ink-soft);cursor:pointer;font:inherit;white-space:nowrap;transition:background-color var(--transition), color var(--transition), box-shadow var(--transition);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 10px;font-size:.8rem;font-weight:690;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(--line)}.board-builder__palette-tabs button:first-child,.board-builder__champion-classification button:first-child,.board-builder__item-categories button:first-child{border-radius:7px 0 0 7px}.board-builder__palette-tabs button:last-child,.board-builder__champion-classification button:last-child,.board-builder__item-categories button:last-child{border-radius:0 7px 7px 0}.board-builder__board-controls button:disabled{cursor:not-allowed;opacity:.38}.board-builder__board-controls button{color:#ffffffd1;background:#ffffff14;border-color:#fff3;min-height:44px}.board-builder__board-controls button[aria-pressed=true]{color:#ffe09a;background:#ffe09a24;border-color:#ffe09ab3}.board-builder__history-controls>button,.board-builder__clear-control>button{width:44px;padding:0}.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{color:#e8a9a0;background:#843c341f;border-color:#ffb0a447}.board-builder__board-controls .board-builder__clear:hover:not(:disabled){color:#ffd0c8;background:#b04a3d38;border-color:#efb5ac}.board-builder__board-controls .board-builder__clear[data-confirming]{color:#ffe0dc;background:#b04a3d4d;border-color:#efb5ac}.board-builder__clear-confirm{z-index:calc(var(--z-local) + 1);width:min(260px,100vw - 40px);color:var(--ink);background:#fffaf8;border:1px solid #d9c7c2;border-radius:10px;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:.8rem;line-height:1.35}.board-builder__clear-confirm>span{color:var(--muted);font-size:.7rem;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(--line);background:var(--surface);min-height:36px;color:var(--ink-soft);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}.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(--surface-sage);color:var(--sage-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 34%, transparent);font-weight:790}.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:color-mix(in srgb, var(--surface-sage) 72%, transparent);color:var(--sage-ink)}.board-builder__edit-controls{flex-wrap:wrap;justify-content:flex-end}.board-builder__board-controls .board-builder__setting-toggle{color:#ffffffad;background:#ffffff09;border-color:#cadcd32e;gap:6px;min-width:78px;min-height:44px;padding-inline:8px;position:relative}.board-builder__board-controls .board-builder__setting-toggle--names{min-width:116px}.board-builder__board-controls .board-builder__setting-toggle:hover:not(:disabled),.board-builder__board-controls .board-builder__setting-toggle:focus-visible{color:#ffffffe6;background:#a9bbb11c;border-color:#a9bbb180}.board-builder__board-controls .board-builder__setting-toggle[data-enabled=true]{color:#dbe8e1;background:#7091832e;border-color:#a9bbb18f}.board-builder__setting-label{font-size:.68rem;font-weight:700;line-height:1}.board-builder__switch-track{width:32px;height:18px;transition:background-color var(--transition), border-color var(--transition);background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;flex:0 0 32px;display:block;position:relative}.board-builder__switch-thumb{width:12px;height:12px;transition:background-color var(--transition), transform var(--transition);background:#ffffffb8;border-radius:50%;position:absolute;top:2px;left:2px}.board-builder__setting-toggle[data-enabled=true] .board-builder__switch-track{background:#6f8f81;border-color:#9ab3a7}.board-builder__setting-toggle[data-enabled=true] .board-builder__switch-thumb{background:#fff;transform:translate(14px)}.board-builder__setting-help{z-index:calc(var(--z-local) + 1);visibility:hidden;border:1px solid var(--line-strong);background:var(--surface);width:180px;color:var(--ink-soft);opacity:0;pointer-events:none;text-align:left;white-space:normal;border-radius:8px;padding:8px 10px;font-size:.7rem;font-weight:600;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__setting-toggle--names .board-builder__setting-help{left:0;right:auto}.board-builder__setting-toggle:hover .board-builder__setting-help{visibility:visible;opacity:1;transition:opacity .14s .4s,transform .14s .4s,visibility 0s linear .4s;transform:translateY(0)}.board-builder__setting-toggle:focus-visible .board-builder__setting-help{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(0)}.board-builder__board-controls .board-builder__clear-confirm-actions button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-muted);color:var(--ink)}.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:"synergy synergy""stage palette"minmax(0,1fr)/minmax(0,1fr) 344px;align-items:stretch;height:720px;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:minmax(0,1fr);align-content:stretch;width:100%;min-width:0;min-height:0;display:grid}.board-builder__board-shell{min-width:0;height:100%;min-height:470px;padding:var(--space-sm) var(--space-sm) 0;isolation:isolate;background:#193129;border:0;border-radius:0 0 0 18px;flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.board-builder__board-shell:before{display:none}.board-builder__board-canvas{flex:1;justify-content:center;align-items:center;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;margin-inline:auto;display:block;overflow:visible}.hex-board__cell{fill:#213c33;stroke:#46675b;stroke-width:2px;vector-effect:non-scaling-stroke;transition:fill .12s,stroke .12s}.hex-board__cell--target{fill:#5b443d;stroke:#f2b09f;stroke-width:3px}.hex-board[data-move-ready] .hex-board__cell{cursor:pointer}@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:#f2b09f;fill-opacity:.48;stroke:#f2b09f;stroke-opacity:1}.hex-board__unit[data-item-drop-target] .hex-board__unit-ring{stroke:#f2b09f;stroke-width:8px;filter:drop-shadow(0 0 7px #f2b09fd6)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:#f2b09f;stroke-width:7px;filter:drop-shadow(0 0 7px #f2b09fd6)drop-shadow(0 3px 6px #00000061)}.hex-board__unit[data-dragging],.hex-board__overlays>g[data-dragging]{opacity:0}.hex-board__unit-name{fill:#fff;font-family:var(--font-sans);paint-order:stroke;stroke:#0f1915e6;stroke-width:3.3px;text-anchor:middle;font-size:10.5px;font-weight:760}.hex-board__fallback{fill:#fff;font-family:var(--font-sans);paint-order:stroke;stroke:#0f1915e6;stroke-width:4px;text-anchor:middle;font-size:25px;font-weight:760}.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__trait{pointer-events:none}.hex-board__trait-base{fill:var(--trait-base,#343b38)}.hex-board__trait-rim{fill:none;stroke:var(--trait-rim,#68716d);stroke-width:1.25px;vector-effect:non-scaling-stroke}.hex-board__trait-icon{filter:brightness(0)invert();opacity:.82}.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:#ffd99a;stroke-width:1.5px;filter:drop-shadow(0 0 5px #ffd99abf)}.hex-board__item-fallback{fill:#fff;text-anchor:middle;font-size:12px;font-weight:800}.board-builder__empty{z-index:var(--z-local);color:#fff;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(82%,320px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-builder__empty strong{font-size:.94rem}.board-builder__empty span{color:#ffffff9e;font-size:.69rem}.board-synergy{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, var(--surface-sage) 12%);min-width:0;min-height:0;padding:4px var(--space-sm);flex-direction:column;grid-area:synergy;display:flex;overflow:hidden}.board-synergy__bar{flex:none;width:100%;height:44px;min-height:44px;display:flex}.board-synergy__viewport{isolation:isolate;flex:auto;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:2;color:#fff;width:32px;height:32px;font:inherit;opacity:0;cursor:pointer;pointer-events:none;transition:background-color var(--transition), opacity var(--transition);background:#193129;border:1px solid #ffffff38;border-radius:999px;place-items:center;padding:0;font-size:0;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 7px #111f194d}.board-synergy__scroll-icon{width:17px;height:17px;transform:translateY(-.5px)}.board-synergy__scroll-button[data-direction=back]{left:4px}.board-synergy__scroll-button[data-direction=forward]{right:4px}.board-synergy__viewport:focus-within .board-synergy__scroll-button{opacity:1;pointer-events:auto}@media (hover:hover){.board-synergy__viewport:hover .board-synergy__scroll-button{opacity:1;pointer-events:auto}}.board-synergy__scroll-button:hover{background:#102a21}.board-synergy__scroll-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.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:0 0 144px;width:144px;min-width:0}.board-synergy__summary-shell{width:100%;min-height:44px;position:relative}.board-synergy__summary{align-items:center;gap:var(--space-2xs);border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:left;background:0 0;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;padding:5px 7px;display:grid}.board-synergy__summary[data-interactive]{cursor:pointer;transition:background-color var(--transition), border-color var(--transition)}.board-synergy__summary[data-interactive]:hover{background:#355b4c12}.board-synergy__summary[data-interactive]:focus-visible{outline:2px solid var(--sage-deep);outline-offset:-2px}.board-synergy__summary[data-interactive]:active{background:#355b4c1f}.board-synergy__icon-spacer{width:28px;height:28px}.board-synergy__item[data-active] .board-synergy__summary{border-color:color-mix(in srgb, var(--synergy-accent) 58%, var(--line) 42%)}.board-synergy__icon{cursor:help}.board-synergy__icon[data-navigates]{cursor:pointer}.board-synergy__summary-shell>.board-synergy__icon{z-index:1;top:50%;left:var(--space-xs);position:absolute;transform:translateY(-50%)}.board-synergy__name{min-width:0}.board-synergy__name strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.board-synergy__progress{justify-content:flex-end;align-items:baseline;gap:var(--space-2xs);min-width:40px;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1;display:inline-flex}.board-synergy__progress strong{color:var(--ink);font-size:.9rem;font-weight:820}.board-synergy__progress span{font-size:.66rem;font-weight:600}.board-synergy__progress b{font-size:.72rem;font-weight:760}.board-synergy__item[data-active] .board-synergy__progress strong{color:var(--synergy-accent)}.board-builder__palette{--board-palette-bg:color-mix(in srgb, var(--surface) 78%, var(--surface-sage) 22%);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{display:none}.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(--sage-deep);color:#fff;font-weight:790;box-shadow:inset 0 0 0 1px #ffffff57}.board-builder__palette-tabs button>span{background:var(--coral);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:24px;height:15px;padding-inline:4px;font-size:.52rem;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(--line);background:var(--surface);width:100%;height:44px;color:var(--ink);border-radius:10px;outline:none;padding:0 48px 0 12px;font-size:.8rem}.board-builder__search input::-webkit-search-cancel-button{appearance:none}.board-builder__search-clear{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.board-builder__search-clear:hover{background:var(--surface-muted);color:var(--ink)}.board-builder__search-clear:focus-visible{outline:2px solid var(--sage-deep);outline-offset:-3px}.board-builder__search-clear svg{width:18px;height:18px}.board-builder__search input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #4d6b601c}.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:#c8c2b8 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(--sage);outline-offset:-2px}.board-builder__champion-group h3{background:var(--board-palette-bg);color:var(--muted);align-items:center;gap:6px;margin:0 0 8px;padding-block:6px 5px;font-size:.67rem;font-weight:740;display:flex}.board-builder__champion-group h3:focus-visible{outline:2px solid var(--sage);outline-offset:2px;border-radius:4px}.board-builder__champion-group+.board-builder__champion-group{margin-top:14px}.board-builder__champion-group h3:before{content:"";vertical-align:1px;background:#8c938f;border-radius:50%;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{width:48px;min-width:0;height:48px;color:var(--ink);font:inherit;cursor:pointer;outline-offset:2px;touch-action:manipulation;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.board-builder__champion[data-dragging]{opacity:.48}.board-builder__champion-image{background:var(--surface-muted);width:48px;height:48px;transition:transform var(--transition), box-shadow var(--transition);border:2px solid #8c938f;border-radius:9px;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{color:#fff;text-shadow:0 1px 2px #00000047;background:#8c938f;border-radius:9px;place-items:center;width:48px;height:48px;margin:0;padding:0;font-size:.9rem;font-weight:800;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,.board-builder__champion:focus-visible .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(--line-strong);border-radius:var(--radius-sm);background:var(--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(--surface-sage);border-color:#a9bbb1}.board-builder__item-target[data-full]{background:var(--sand-soft);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{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:760;line-height:1.25;display:block;overflow:hidden}.board-builder__item-target-instruction{max-width:22ch;color:var(--muted);text-align:center;text-wrap:pretty;margin:0;font-size:.7rem;line-height:1.35}.board-builder__item-target-image{border:2px solid var(--sage);background:var(--surface);width:48px;height:48px;transition:box-shadow var(--transition), transform var(--transition);border-radius:8px;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(--surface), 0 0 0 4px var(--sage-deep);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:#fffefa94;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;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.35;display:-webkit-box;overflow:hidden}.board-builder__item-target-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.72rem;line-height:1.4;overflow:hidden}.board-builder__item-target-slots{align-items:center;gap:5px;display:flex}.board-builder__item-target-slot{background:var(--surface);width:46px;height:46px;color:var(--sage-deep);font:inherit;border:1px solid #91a89a;border-radius:7px;flex:none;place-items:center;font-size:.68rem;font-weight:760;display:grid;position:relative;overflow:hidden}button.board-builder__item-target-slot{cursor:pointer}.board-builder__item-target-slot[data-empty]{color:#78827b;background:#fffefa94;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(--muted);margin:0 0 8px;font-size:.67rem;font-weight:760;line-height:1.3}.board-builder__item-group+.board-builder__item-group{margin-top:16px}.board-builder__no-results{color:var(--muted);text-align:center;margin:36px 0;font-size:.78rem}.board-builder__item{width:100%;min-width:0;color:var(--ink);font:inherit;cursor:pointer;outline-offset:2px;touch-action:manipulation;transition:opacity var(--transition);background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:2px;display:flex}.board-builder__item-image{aspect-ratio:1;background:var(--surface-muted);width:100%;transition:transform var(--transition), border-color var(--transition);border:2px solid #88968e;border-radius:9px;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(--sage-deep);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(--sage-deep);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:.58rem;font-weight:690}.board-builder__item>small{color:var(--sage-deep);font-size:.52rem}.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);color:#8c938f;opacity:.9;pointer-events:none;will-change:transform;border:3px solid #8c938f;border-radius:12px;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]{box-shadow:none;opacity:1;background:0 0;border:0;border-radius: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;color:#fff;white-space:nowrap;background:#9f332c;border-radius:999px;padding:3px 7px;font-size:.58rem;font-weight:780;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]{opacity:1;background:#14231d;border:1px solid #000;border-radius:4px;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){.board-builder{border-radius:22px}.board-builder__workspace{grid-template:"synergy""stage""palette"/minmax(0,1fr);height:auto;min-height:0}.board-builder__stage{border-right:0;border-bottom:1px solid var(--line);padding:var(--space-sm);background:#eee9df}.board-builder__board-shell{border:1px solid #ffffff1a;border-radius:18px;min-height:560px}.board-builder__palette{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))}.board-builder__palette{z-index:var(--z-header);right:max(10px, env(safe-area-inset-right));bottom:0;left:max(10px, env(safe-area-inset-left));border:1px solid var(--line-strong);height:min(62dvh,600px);max-height:none;padding:0 var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom));transform:translateY(calc(100% - 108px - env(safe-area-inset-bottom)));border-bottom:0;border-radius:20px 20px 0 0;transition:transform .18s;position:fixed;overflow:hidden;box-shadow:0 -12px 36px #16282133}.board-builder__palette[data-sheet-open]{transform:translateY(0)}.board-builder__palette-sheet-handle{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:700;display:flex}.board-builder__palette-sheet-handle>span:first-child{background:#b6bdb8;border-radius:999px;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{visibility:visible}.board-builder__search input{height:44px;font-size:1rem}.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__board-shell:has(.board-builder__mobile-item-controls){min-height:650px}.board-builder__mobile-item-controls{min-width:0;margin:0 calc(var(--space-sm) * -1);padding:10px var(--space-sm);color:#fff;background:#0918137a;border-top:1px solid #ffffff29;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.board-builder__mobile-item-heading{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.board-builder__mobile-item-heading strong{flex:none;font-size:.78rem}.board-builder__mobile-item-heading span{color:#ffffffb3;text-align:right;text-wrap:balance;min-width:0;font-size:.68rem;line-height:1.35}.board-builder__mobile-item-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.board-builder__mobile-item-chip{color:#fff;min-width:0;min-height:52px;font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff3d;border-radius:9px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;padding:5px 7px;display:grid}.board-builder__mobile-item-chip>span:last-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.66rem;font-weight:720;line-height:1.25;overflow:hidden}.board-builder__mobile-item-chip[data-selected]{background:#ffe09a2e;border-color:#ffe09a;box-shadow:inset 0 0 0 1px #ffe09a52}.board-builder__mobile-item-chip:focus-visible,.board-builder__mobile-item-remove:focus-visible{outline-offset:2px;outline:3px solid #ffe09a}.board-builder__mobile-item-image{background:#14231d;border:1px solid #00000085;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden}.board-builder__mobile-item-image img{object-fit:cover}.board-builder__mobile-item-empty{color:#ffffffad;align-self:center;margin:0;font-size:.72rem}.board-builder__mobile-item-remove{color:#fff;min-width:68px;min-height:52px;font:inherit;cursor:pointer;touch-action:manipulation;background:#75332db8;border:1px solid #ffc4bc6b;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:.7rem;font-weight:740;display:inline-flex}.board-builder__mobile-item-remove:disabled{color:#ffffff6b;cursor:default;background:#ffffff0d;border-color:#ffffff24}.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-tool-hero__description--desktop{display:none}.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__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__setting-help{width:min(180px,100vw - 64px)}.board-builder__board-controls button{min-width:0;min-height:44px;padding-inline:var(--space-xs);font-size:.67rem}.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-shell{min-height:440px;padding:var(--space-sm) var(--space-sm) 0}.board-builder__board-utility button{width:44px;height:44px}.board-builder__palette-tabs button,.board-builder__champion-classification button,.board-builder__item-categories button{min-height:44px}}@media (max-width:520px){.board-tool-section{width:min(100% - 20px,500px)}.board-builder__edit-controls{gap:var(--space-2xs);flex:100%;justify-content:flex-end;width:100%;margin-left:0}.board-builder__board-controls .board-builder__setting-toggle{flex:0 auto;min-width:76px}.board-builder__board-shell{min-height:390px;padding:var(--space-xs) var(--space-xs) 0;border-radius:14px}.board-builder__board-shell:has(.board-builder__mobile-item-controls){min-height:510px}.board-builder__mobile-item-heading{gap:2px;display:grid}.board-builder__mobile-item-heading span{text-align:left}.board-builder__mobile-item-chip{grid-template-columns:1fr;justify-items:center;gap:3px;min-height:58px;padding:5px 3px}.board-builder__mobile-item-chip>span:last-child{text-align:center;width:100%}.board-builder__mobile-item-remove{min-height:58px}.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{stroke-width:3px;font-size:9px}.board-synergy__summary{padding-inline:var(--space-xs)}}@media (prefers-reduced-motion:reduce){.board-builder__board-controls button,.board-builder__board-utility button,.board-builder__switch-track,.board-builder__switch-thumb,.board-builder__setting-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__setting-help{transition:visibility 0s linear .1s}.board-builder__setting-toggle:hover .board-builder__setting-help{transition:visibility 0s linear .4s}.board-builder__setting-toggle:focus-visible .board-builder__setting-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__champion:focus-visible .board-builder__champion-image,.board-builder__item:hover .board-builder__item-image,.board-builder__item:focus-visible .board-builder__item-image{transform:none}}