@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e161a;--surface:#151e23;--raised:#1f292e;--border:#313e45;--muted:#9babb0;--text:#edebe3;--gold:#dbc18a;--mint:#88d8c0;--cost1:#8b9da7;--cost2:#5bc294;--cost3:#65ace7;--cost4:#bb80e5;--cost5:#ecc569}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 DM Sans,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.35;cursor:default}button:hover:not(:disabled){filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border);align-items:center;gap:64px;max-width:1600px;height:80px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:1px;white-space:nowrap;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.brand svg{width:32px;height:32px;color:var(--gold)}.brand-light{color:var(--muted);font-weight:400}nav{align-items:stretch;gap:32px;height:100%;display:flex}nav button,nav a{color:var(--muted);background:0 0;align-items:center;gap:8px;padding:0;font-size:12px;display:flex;position:relative}nav .nav-active{color:var(--text)}nav .nav-active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:0;left:0;right:0}nav span{border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:10px}.beta-badge{letter-spacing:1px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.beta-badge>span{background:var(--mint);border-radius:50%;width:5px;height:5px}.beta-badge b{color:var(--gold);border:1px solid #64573a;border-radius:4px;padding:4px 8px;font-weight:500}main{max-width:1600px;margin:auto;padding:32px}.set-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:var(--gold);letter-spacing:2px;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.tiny-line{background:var(--gold);width:24px;height:1px}h1{letter-spacing:-2px;margin:8px 0 12px;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:600;line-height:1.1}h1>span:last-child{font-weight:400}.title-dot{color:var(--gold)}.set-heading p{color:var(--muted);margin:0;font-size:12px}.set-summary{align-items:center;gap:32px;display:flex}.set-summary>div{flex-direction:column;gap:4px;display:flex}.set-summary strong{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;line-height:1.2}.set-summary>div>span{letter-spacing:1px;color:var(--muted);font-size:9px}.primary-button{background:var(--gold);color:#121b21;border:1px solid #dbc18a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary-button svg{width:16px;height:16px}.set-summary>.primary-button{margin-left:8px}.builder{grid-template-columns:208px minmax(0,1fr) 256px;align-items:stretch;gap:16px;display:grid}.traits-panel,.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.traits-panel{flex-direction:column;padding:24px 16px;display:flex}.panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-title h2{margin:0;font-size:14px;font-weight:600}.live-dot{background:var(--mint);border-radius:50%;width:5px;height:5px}.panel-hint{color:var(--muted);margin:4px 0 24px;font-size:12px}.traits{flex-direction:column;gap:8px;display:flex}.trait-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;min-width:0;padding:8px;display:flex}.trait-row.active{background:#21302c;border-color:#345149}.trait-icon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:radial-gradient(circle at 35% 30%, hsl(var(--trait-hue,180), 35%, 28%), hsl(var(--trait-hue,180), 20%, 15%));width:28px;height:28px;color:hsl(var(--trait-hue,180), 65%, 80%);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.trait-icon .poke-icon{stroke:none;fill:currentColor;filter:drop-shadow(0 1px 2px #00000073);width:15px;height:15px}.active .trait-icon{background:linear-gradient(145deg, hsl(var(--trait-hue,180), 55%, 42%), hsl(var(--trait-hue,180), 40%, 24%));color:hsl(var(--trait-hue,180), 90%, 92%)}.trait-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trait-name{font-size:12px;font-weight:500}.trait-tiers{letter-spacing:2px;color:var(--muted);font-size:9px}.trait-tiers b{color:var(--mint);font-weight:500}.trait-count{color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:14px}.trait-row.active .trait-count{color:var(--mint)}.trait-explainer{color:var(--muted);gap:8px;margin-top:auto;padding-top:24px;font-size:10px;display:flex}.trait-explainer>span{color:var(--gold);font-size:18px}.trait-explainer p{margin:0}.board-column{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.board-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.board-title{white-space:nowrap;align-items:center;gap:8px;display:flex}.board-title>svg{color:var(--gold);width:16px;height:16px}.board-title h2{margin:0;font-size:12px;font-weight:500}.unit-counter{color:var(--muted);background:var(--raised);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px}.unit-counter b{color:var(--text);font-weight:500}.board-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button svg{width:14px;height:14px}.quiet-button{color:var(--muted);background:0 0;border-radius:4px;padding:8px;font-size:11px}.arena-wrap{isolation:isolate;background:#192929;flex:1;min-height:384px;position:relative;overflow:hidden}#arena{width:100%;height:100%;display:block;position:absolute;inset:0}.hex-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.hex-hit{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.hex-hit:hover{background:#f4e6be40}.hex-hit:focus-visible{background:#f7e8ba8c;outline:0}.hex-hit.selected{background:#e8cb7d2e}.hex-hit.placeable{cursor:copy}.hex-hit.occupied{cursor:grab}.hex-hit.occupied:active{cursor:grabbing}.arena-top{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.arena-location{color:#a5c0b7;letter-spacing:1px;font-size:8px}.arena-location span{color:var(--gold);margin:0 8px;font-size:5px}.view-button{color:var(--text);pointer-events:auto;background:#12191c99;border:1px solid #48615d;border-radius:4px;padding:4px 8px;font-size:10px}.view-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.arena-instruction{text-align:center;color:#c7dbd4;pointer-events:none;z-index:3;text-shadow:0 1px 3px #122121;font-size:11px;position:absolute;bottom:48px;left:16px;right:16px}.arena-instruction.placing{color:var(--gold)}.arena-bottom{letter-spacing:.5px;color:#9cb4ac;z-index:3;pointer-events:none;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.arena-bottom button{pointer-events:auto}.board-facing{align-items:center;gap:8px;display:flex}.model-status{letter-spacing:0;max-width:70%;font-size:9px}.board-footer{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 16px;display:flex}.animation-switch{gap:4px;display:flex}.animation-switch button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:10px}.animation-switch .active{color:var(--mint);background:#273a38;border-color:#3c5d5a}.save-status{color:var(--muted);font-size:9px}.team-strip{padding:12px 16px 16px}.team-strip-label{letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:9px;display:flex}.team-strip-label button{color:var(--muted);letter-spacing:0;background:0 0;padding:0;font-size:10px}.team-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.team-slot{border:1px solid var(--border);border-bottom:2px solid var(--tier,var(--border));background:#1a2428;border-radius:6px;justify-content:center;align-items:center;min-width:0;height:56px;display:flex;position:relative}.team-slot.empty{opacity:.6;color:var(--muted);border-style:dashed;font-size:16px}.team-slot img{object-fit:contain;width:48px;height:48px}.team-slot.active{outline:1px solid var(--gold)}.slot-remove{border:1px solid var(--border);z-index:1;opacity:0;background:#2a3d46;border-radius:50%;width:16px;height:16px;padding:0;font-size:11px;position:absolute;top:-4px;right:-4px}.team-slot:hover .slot-remove,.slot-remove:focus-visible{opacity:1}.slot-select{background:0 0;width:100%;height:100%;padding:0}.detail-panel{position:relative}.detail-art{background:radial-gradient(ellipse at 50% 65%, hsl(var(--champ-hue), 30%, 25%), transparent 70%);justify-content:center;align-items:center;height:192px;display:flex;position:relative;overflow:hidden}.detail-art:after{content:"";filter:blur(8px);background:#0003;border-radius:50%;width:120px;height:20px;position:absolute;bottom:20px;left:calc(50% - 60px)}.detail-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 5px 15px #0003);width:176px;height:176px;position:relative}.detail-number{color:var(--muted);letter-spacing:1px;font-size:10px;position:absolute;top:16px;left:16px}.detail-cost{color:var(--tier);font-size:12px;position:absolute;top:16px;right:16px}.detail-content{padding:0 16px 16px}.detail-name{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-name h2{letter-spacing:-.5px;margin:0;font:500 24px/1.2 Space Grotesk,sans-serif}.detail-traits{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.detail-traits button{color:hsl(var(--trait-hue,180), 70%, 84%);background:hsla(var(--trait-hue,180), 35%, 20%, .75);border:1px solid hsla(var(--trait-hue,180), 50%, 55%, .3);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:600;display:flex}.detail-traits span{color:hsl(var(--trait-hue,180), 80%, 76%);align-items:center;display:inline-flex}.detail-traits .poke-icon{stroke:none;fill:currentColor;width:13px;height:13px}.detail-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;padding:12px 0;display:grid}.detail-stats div{flex-direction:column;gap:4px;display:flex}.detail-stats strong{font:500 16px Space Grotesk,sans-serif}.detail-stats span{letter-spacing:.5px;color:var(--muted);font-size:9px}.ability-label{letter-spacing:1px;color:var(--gold);margin:0 0 8px;font-size:9px}.ability-name{margin:0 0 4px;font-size:12px;font-weight:600}.ability-description{color:var(--muted);min-height:52px;margin:0 0 16px;font-size:11px;line-height:1.6}.place-button{width:100%;padding:8px 12px}.detail-links{justify-content:space-between;gap:8px;margin-top:12px;display:flex}.detail-links a{color:var(--muted);text-underline-offset:4px;font-size:10px}.detail-links a:hover{text-decoration:underline}.catalog{margin-top:32px}.catalog-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.catalog-heading .eyebrow{color:var(--muted);margin-bottom:4px;font-size:9px}.catalog-heading h2{letter-spacing:-1px;margin:0;font:500 30px/1.2 Space Grotesk,sans-serif}.catalog-heading h2 span{color:var(--gold)}.catalog-heading>p{color:var(--muted);margin:0;font-size:12px}.catalog-heading>p span{color:var(--text)}.filters{align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-field{background:var(--surface);width:256px;color:var(--muted);border:1px solid #51636c;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-field svg{width:16px;height:16px}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-field:focus-within{outline:2px solid var(--gold);outline-offset:2px}.search-field input::placeholder{color:var(--muted)}.cost-filters{align-items:center;gap:4px;display:flex}.cost-filters>span{color:var(--muted);letter-spacing:1px;margin-right:8px;font-size:9px}.cost-filters button{border:1px solid var(--border);background:var(--surface);min-width:32px;height:32px;color:var(--muted);border-radius:4px;padding:0 8px;font-size:12px}.cost-filters button.active{border-color:var(--gold);color:var(--gold);background:#2f2b22}.trait-select{margin-left:auto}.trait-select select{background:var(--surface);width:176px;color:var(--text);border:1px solid #51636c;border-radius:6px;padding:8px 12px;font-size:12px}.champion-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;display:grid}.champion-card{background:var(--surface);border:1px solid var(--border);border-bottom:2px solid var(--tier);cursor:grab;border-radius:6px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.champion-card.selected{outline:2px solid var(--gold);outline-offset:2px}.champion-card>button{text-align:left;background:0 0;width:100%;min-width:0;padding:0;display:block}.card-art{background:radial-gradient(ellipse at 50% 90%, hsl(var(--champ-hue), 25%, 22%), transparent 75%);justify-content:center;align-items:center;height:104px;display:flex;position:relative}.card-art img{object-fit:contain;filter:drop-shadow(0 4px 6px #0003);width:104px;height:104px;transition:transform .16s ease-out}.champion-card:hover .card-art img{transform:translateY(-4px)}.card-cost{color:var(--tier);font-size:10px;position:absolute;top:8px;right:8px}.card-onboard{width:16px;height:16px;color:var(--mint);background:#285849;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:8px;left:8px}.card-info{border-top:1px solid #6688991a;padding:8px 8px 12px}.card-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.card-traits{color:var(--muted);flex-direction:column;gap:2px;margin-top:4px;font-size:9px;line-height:1.5;display:flex}.card-traits span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.card-traits i{color:hsl(var(--trait-hue,var(--champ-hue)), 75%, 76%);background:hsla(var(--trait-hue,var(--champ-hue)), 40%, 22%, .8);border:1px solid hsla(var(--trait-hue,var(--champ-hue)), 55%, 60%, .28);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;font-style:normal;display:inline-flex}.card-traits i .poke-icon{stroke:none;fill:currentColor;width:10px;height:10px}.catalog-note{color:var(--muted);align-items:center;gap:8px;margin:24px 0 0;font-size:10px;display:flex}.note-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:4px;height:4px}.empty-results{text-align:center;color:var(--muted);padding:48px}.empty-results strong{color:var(--text);font-size:18px}footer{border-top:1px solid var(--border);max-width:1600px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:auto;padding:24px 32px;font-size:10px;display:flex}.footer-brand{color:var(--text);letter-spacing:1px;font:500 12px Space Grotesk,sans-serif}.footer-brand span{color:var(--muted);margin-left:12px;font:400 9px DM Sans,sans-serif}footer>div{gap:16px;display:flex}footer p{width:100%;margin:0;font-size:9px}.toast{z-index:50;max-width:calc(100% - 32px);color:var(--text);text-align:center;background:#26403b;border:1px solid #478572;border-radius:8px;padding:12px 24px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0003}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;width:480px;max-width:calc(100% - 32px);padding:32px;box-shadow:0 15px 35px #0003}dialog::backdrop{background:#090d10cc}dialog form{position:relative}dialog .dialog-close{position:absolute;top:-16px;right:-16px}dialog h2{margin:12px 0;font:500 30px Space Grotesk,sans-serif}dialog p{color:var(--muted);font-size:12px}dialog label{margin-top:24px;font-size:12px;display:block}dialog input{background:var(--bg);width:100%;color:var(--text);border:1px solid #51636c;border-radius:4px;margin:8px 0 16px;padding:12px;font-size:12px;display:block}dialog .eyebrow{color:var(--gold);margin-top:0}.trait-dialog-title{align-items:center;gap:10px;display:flex}.trait-dialog-title .trait-icon{width:36px;height:36px}.trait-dialog-title .trait-icon .poke-icon{width:20px;height:20px}.trait-bonus{border:1px solid var(--border);color:var(--muted);border-radius:6px;margin-top:8px;padding:12px;font-size:12px}.trait-bonus.unlocked{color:var(--mint);border-color:#478572}.trait-bonus strong{margin-bottom:4px;display:block}.trait-dialog-members{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.trait-dialog-members img{object-fit:contain;width:48px;height:48px}.webgl-error{z-index:4;color:var(--gold);pointer-events:none;font-size:12px;position:absolute;top:64px;left:16px;right:16px}.roster-mode .builder{display:none}.roster-mode .champion-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.roster-mode .card-art{height:160px}.roster-mode .card-art img{width:144px;height:144px}.roster-mode .catalog{margin-top:0}.roster-mode .card-info{padding:12px}.roster-mode .card-info strong{font-size:14px}.roster-mode .card-traits{flex-direction:row;gap:8px;font-size:10px}@media (width>=1500px){.arena-wrap{min-height:432px}.champion-grid{gap:16px}.card-art{height:128px}.card-art img{width:120px;height:120px}}@media (width<=1200px){.site-header{gap:32px;padding:0 24px}main{padding:24px}.set-summary{gap:24px}.set-summary>div{display:none}.builder{grid-template-columns:176px minmax(0,1fr) 224px;gap:12px}.traits-panel{padding:16px 12px}.trait-row{padding:6px}.detail-art{height:160px}.detail-art img{width:144px;height:144px}.detail-name h2{font-size:20px}.save-status{display:none}.team-slots{gap:4px}.team-slot{height:48px}.team-slot img{width:40px;height:40px}.arena-location{letter-spacing:0;font-size:7px}.champion-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.roster-mode .champion-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=1000px){.builder{grid-template-columns:minmax(0,1fr) 240px}.traits-panel{grid-column:1/-1;padding:12px 16px;display:block}.traits-panel .panel-hint,.trait-explainer{display:none}.traits-panel .panel-title{gap:8px;margin-bottom:8px;display:inline-flex}.traits{flex-direction:row;gap:8px;display:flex;overflow-x:auto}.trait-row{flex-shrink:0;width:auto;min-width:128px;padding:4px 8px}.trait-row>div{min-width:56px}.trait-tiers{font-size:8px}.trait-icon{width:24px;height:24px}.arena-wrap{min-height:384px}.champion-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.filters{gap:12px}.search-field{width:208px}.trait-select select{width:144px}#reset-filters{display:none}.set-heading h1{font-size:36px}.header-note{display:none}}@media (width<=700px){html{scroll-padding-top:16px}.site-header{flex-wrap:wrap;justify-content:space-between;gap:16px;height:auto;min-height:72px;padding:16px}.brand{font-size:16px}.brand svg{width:24px;height:24px}.beta-badge{order:0;margin-left:auto;font-size:9px}nav{order:1;gap:24px;width:100%;height:32px}nav button,nav a{padding-bottom:8px;font-size:11px}.site-header nav span{font-size:8px}main{padding:24px 16px}.set-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.set-heading .eyebrow{letter-spacing:1px;font-size:8px}.set-heading h1{letter-spacing:-1px;margin:8px 0;font-size:30px;line-height:1.1}.set-heading p{max-width:240px;font-size:10px}.set-summary{margin-top:24px}.set-summary>.primary-button{margin:0;padding:8px;font-size:0}.set-summary>.primary-button svg{width:18px;height:18px}.builder{grid-template-columns:minmax(0,1fr);gap:12px}.traits-panel{grid-column:auto;padding:12px}.panel-title h2{font-size:12px}.trait-row{min-width:120px}.board-column{grid-row:1}.traits-panel{grid-row:2}.detail-panel{grid-row:3}.detail-panel #detail{grid-template-columns:120px minmax(0,1fr);display:grid}.detail-art{align-self:start;height:160px;margin-top:24px}.detail-art img{width:120px;height:120px}.detail-number,.detail-cost{font-size:9px;top:0}.detail-content{padding:16px 16px 16px 0}.detail-name h2{font-size:24px}.detail-traits{gap:4px;margin:8px 0 12px}.detail-traits button{padding:4px 6px;font-size:9px}.detail-stats{margin-bottom:12px;padding:8px 0}.detail-stats strong{font-size:14px}.detail-stats span{font-size:8px}.ability-description{min-height:0;margin-bottom:12px;font-size:10px}.detail-links{flex-wrap:wrap;gap:8px}.arena-wrap{min-height:320px}.arena-top{top:12px;left:12px;right:12px}.arena-location{font-size:7px}.arena-instruction{font-size:10px;bottom:40px}.arena-bottom{bottom:12px;left:12px;right:12px}.board-facing{display:none}.board-toolbar{height:48px;padding:0 12px}.board-title{gap:6px}.board-title h2{font-size:11px}.unit-counter{margin-left:4px;padding:2px 6px}.board-actions{gap:0}.board-actions .quiet-button{font-size:10px}.board-footer{padding:8px 12px}.team-strip{padding:12px}.team-slot{height:40px}.team-slot img{width:32px;height:32px}.slot-remove{opacity:1;width:14px;height:14px;font-size:10px;top:-4px;right:-2px}.catalog{margin-top:24px}.catalog-heading{align-items:start;margin-bottom:16px}.catalog-heading h2{font-size:24px}.catalog-heading .eyebrow{letter-spacing:1px;font-size:8px}.catalog-heading>p{text-align:right;max-width:80px;font-size:9px}.filters{flex-wrap:wrap;gap:12px}.search-field{width:100%;padding:12px}.cost-filters{flex:1;gap:4px}.cost-filters>span{display:none}.cost-filters button{min-width:28px;height:32px;padding:0 6px;font-size:11px}.trait-select{margin-left:0}.trait-select select{width:128px;padding:8px;font-size:11px}.champion-grid,.roster-mode .champion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card-art,.roster-mode .card-art{height:104px}.card-art img,.roster-mode .card-art img{width:96px;height:96px}.card-info,.roster-mode .card-info{padding:8px}.card-info strong,.roster-mode .card-info strong{font-size:11px}.card-traits,.roster-mode .card-traits{flex-direction:column;gap:0;font-size:9px}.catalog-note{align-items:flex-start;font-size:9px;line-height:1.7}.note-dot{margin-top:5px}footer{gap:12px;padding:24px 16px}footer>span{display:none}.toast{white-space:normal;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;font-size:11px;bottom:16px}dialog{padding:24px}.trait-dialog-members img{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-art img{transition:none}}.fallback-board{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid;inset:88px 12px 64px}.fallback-board .hex-hit{aspect-ratio:1.15;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#324e47;width:100%;height:auto;position:static;transform:none}.fallback-board img{object-fit:contain;width:90%;height:90%}.fallback-board .hex-hit:focus-visible{background:#baa35e}.merge-rule{border-bottom:1px solid var(--border);text-align:center;background:#1b2725;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.merge-rule strong{letter-spacing:1px;color:var(--gold);font-size:12px}.merge-rule strong span{color:var(--muted);padding:0 8px}.merge-rule>span{color:var(--muted);font-size:10px}.detail-stars{letter-spacing:2px;color:var(--gold);font-size:12px}.evolution-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0 8px;display:grid}.evolution-path button{background:var(--raised);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 2px;display:flex}.evolution-path button[aria-pressed=true]{border-color:var(--gold);background:#363126}.evolution-path img{object-fit:contain}.evolution-path span{color:var(--gold);font-size:10px}.evolution-path small{text-overflow:ellipsis;max-width:100%;font-size:9px;overflow:hidden}.merge-progress{color:var(--muted);margin:8px 0 12px;font-size:10px}.merge-progress span{padding:0 3px}.special-label{color:var(--mint);background:#1f332e;border:1px solid #416c62;border-radius:4px;padding:8px;font-size:9px;line-height:1.6}.recruit-button{width:100%;padding:10px 4px;font-size:11px}.evolution-note{color:var(--muted);margin:8px 0;font-size:10px;line-height:1.6}.slot-stars{text-align:center;color:var(--gold);text-shadow:0 1px 3px #000;pointer-events:none;font-size:9px;line-height:12px;position:absolute;bottom:1px;left:0;right:0}.hex-stars{color:#ffe29a;letter-spacing:1px;text-shadow:0 1px 3px #000;pointer-events:none;font-size:11px;line-height:14px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.fallback-board .hex-stars{bottom:4px}.detail-name{flex-wrap:wrap;gap:4px}.detail-panel{align-self:start}.hex-hit.drop-over{outline-offset:-4px;background:#f0c44266;outline:3px solid #f0c442}.drag-recruit{text-align:center;border:1px dashed;border-radius:8px;margin-top:8px;padding:12px;font-size:14px;display:block}.remove-drop{z-index:60;color:#fff;background:#93291f;border:2px dashed #fffc;border-radius:8px;max-width:calc(100% - 32px);padding:16px 24px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.remove-drop.drop-over{background:#c92b1d}[data-drag-uid]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:grab}.is-dragging-unit,.is-dragging-unit *{cursor:grabbing!important}.drag-ghost{z-index:100;pointer-events:none;will-change:transform;background:#f8f7f2e6;border:2px solid #243338;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:fixed;top:0;left:0;box-shadow:0 10px 24px #0003}.drag-ghost img{width:48px;height:48px}.drag-ghost.no-drop{opacity:.6}