:root{--bg: var(--tg-bg-color, #161826);--surface: var(--tg-secondary-bg-color, #232532);--text: var(--tg-text-color, #e9e9ed);--neutral-300: #c3c6d4;--neutral-400: #a2a6b8;--neutral-500: #8b8fa3;--neutral-600: #6f7387;--neutral-700: #4d5162;--neutral-900: #1b1d2b;--divider: rgba(255, 255, 255, .09);--accent: #b5abfc;--accent-200: #d2cefd;--accent-300: #c4bcfd;--accent-700: #4a4470;--pos: #b5abfc;--neg: #b2b6ca;--warn: #e0a35a;--radius: 8px;--tabs-h: 47px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{padding:0 12px 40px;max-width:720px;margin:0 auto}.center{padding:40px 16px;text-align:center}.muted{color:var(--neutral-500)}.small{font-size:13px}.error{color:var(--warn)}.pos{color:var(--pos)}.neg{color:var(--neg)}.section-head{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--neutral-400);margin:0 0 7px}.section-count{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--neutral-600);letter-spacing:0}h3,h4{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--neutral-400);font-weight:500}h3{margin:16px 0 7px}h4{margin:12px 0 6px}.tabs{display:flex;position:sticky;top:0;height:var(--tabs-h);background:var(--bg);box-shadow:inset 0 -1px 0 var(--divider);z-index:5}.tabs button{flex:1;padding:0;border:0;background:none;color:var(--neutral-500);font-size:15px;cursor:pointer}.tabs button.active{color:var(--accent-300);font-weight:500;box-shadow:inset 0 -2px 0 var(--accent)}.draft-side{margin-top:12px}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.slot{position:relative;background:var(--surface);cursor:pointer;overflow:hidden;padding:0;border:0;color:inherit;min-height:62px;transition:opacity .12s ease}.slot:active{opacity:.8}.slot-enemy{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.slot-ally{border-radius:var(--radius)}.slot img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--neutral-900)}.slot-name{display:block;font-size:11px;padding:3px 3px 4px;text-align:center;color:var(--neutral-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-empty{display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px dashed var(--neutral-700);color:var(--neutral-600);font-size:19px}.slot-clear{position:absolute;top:0;right:0;width:20px;height:20px;display:grid;place-items:center;border:0;background:color-mix(in srgb,#0d0e18 65%,transparent);color:var(--text);font-size:12px;line-height:1;cursor:pointer}.slot-lastpick{position:relative;border:1px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 9%,transparent);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent-300);text-align:center;min-height:62px}.slot-lastpick img{width:100%;aspect-ratio:16 / 9;object-fit:cover;opacity:.5;display:block}.slot-lastpick-label{font-size:11px;letter-spacing:.04em;line-height:1.15;padding:3px 2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.controls{display:flex;gap:6px;align-items:center;margin:12px 0 0}.control{flex:1;height:36px;padding:0 9px;border:1px solid var(--divider);border-radius:var(--radius);background:var(--bg);color:var(--neutral-300);font-size:13px;min-width:0}.control-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid var(--divider);border-radius:var(--radius);background:none;color:var(--neutral-400);font-size:15px;cursor:pointer;padding:0}.control-icon.is-on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.search{width:100%;height:44px;padding:0 11px;background:var(--surface);color:var(--text);border:1px solid var(--divider);border-radius:var(--radius);font-size:15px}.search:focus{outline:none;border-color:var(--accent)}.btn-ghost{background:none;color:var(--neutral-300);border:1px solid var(--divider);border-radius:var(--radius);padding:10px 14px;font-size:14px;cursor:pointer}.btn-accent{border-color:var(--accent);color:var(--accent)}.btn-ghost:active,.control-icon:active{transform:scale(.97)}.tuning{display:flex;flex-direction:column;gap:14px;background:var(--surface);padding:12px;border-radius:var(--radius);margin-top:10px}.slider{display:flex;flex-direction:column;gap:7px}.slider-head{display:flex;align-items:baseline;font-size:15px}.slider-value{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent-300)}.slider input[type=range]{width:100%;height:24px;margin:0;background:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,transparent)}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:0;border-radius:50%;background:var(--accent-200);box-shadow:0 2px 6px #00000080;transition:transform .12s ease,box-shadow .12s ease}.slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,transparent)}.slider input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--accent-200);box-shadow:0 2px 6px #00000080}.tuning-foot{display:flex;align-items:center;gap:10px}.tuning-foot p{margin:0;flex:1;font-size:11px;color:var(--neutral-600)}.toggle{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:13px;line-height:1.35}.toggle input{accent-color:var(--accent);flex:none}.results{margin-top:16px}.card{background:var(--surface);border:1px solid transparent;border-radius:var(--radius);margin-bottom:6px;overflow:hidden;transition:border-color .12s ease}.card:hover{border-color:var(--divider)}.card:has(.card-body){border-color:var(--accent-700)}.card-head{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;background:none;border:0;color:inherit;cursor:pointer;text-align:left}.card-head img{width:72px;height:41px;border-radius:6px;object-fit:cover;flex:none;background:var(--neutral-900)}.card-title{display:flex;flex-direction:column;flex:1;min-width:0}.card-title strong{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title span{font-size:11px;color:var(--neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank{width:18px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--neutral-500);flex:none}.score{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bars{padding:0 10px 9px;display:flex;flex-direction:column;gap:5px}.bar{display:grid;grid-template-columns:58px 1fr 46px;align-items:center;gap:8px;font-size:11px}.bar-label{color:var(--neutral-500);display:flex;align-items:center}.bar-track{position:relative;height:7px;border-radius:2px;background:color-mix(in srgb,var(--text) 7%,transparent)}.bar-zero{position:absolute;top:-2px;bottom:-2px;left:50%;width:1px;background:var(--neutral-700)}.bar-fill{position:absolute;top:0;bottom:0;border-radius:2px}.bar-fill.pos{background:var(--pos)}.bar-fill.neg{background:var(--neg)}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.card-body{padding:0 10px 12px;border-top:1px solid var(--divider)}.note{display:flex;gap:8px;padding:8px 10px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:13px;color:var(--accent-200);line-height:1.4;margin:10px 0}.breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.breakdown li{display:flex;justify-content:space-between;gap:10px;font-size:13px}.breakdown-wide li{display:grid;grid-template-columns:1fr 96px 62px 56px;gap:6px;align-items:baseline;padding:6px 0;box-shadow:inset 0 -1px color-mix(in srgb,var(--text) 6%,transparent)}.breakdown-wide li:last-child{box-shadow:none}.breakdown-wide li.is-weak{opacity:.55}.cr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.cr-wr{font-size:13px;font-variant-numeric:tabular-nums;color:var(--neutral-300);text-align:right}.cr-moe{color:var(--neutral-600);font-size:11px}.cr-games{color:var(--neutral-600);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.cr-adv{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.combo-row{display:flex;gap:9px;align-items:flex-start}.combo-row strong{font-size:13px;font-weight:500}.combo-row p{margin:0;font-size:13px;line-height:1.4;color:var(--neutral-400)}.sample-note{font-size:11px;margin:0 0 6px;color:var(--neutral-500)}.sample-note.sample-low{color:var(--warn)}.warn-dot{display:inline-grid;place-items:center;flex:none;box-sizing:border-box;width:13px;min-width:13px;height:13px;min-height:13px;line-height:1;margin-left:5px;border-radius:50%;background:var(--warn);color:#161826;font-size:10px;font-weight:700}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#0a0b14 72%,transparent);display:flex;align-items:flex-end;z-index:20}.picker{background:var(--bg);width:100%;max-height:85vh;border-radius:14px 14px 0 0;display:flex;flex-direction:column}.picker-grip{width:38px;height:4px;border-radius:2px;background:var(--neutral-700);margin:8px auto 0}.picker-head{display:flex;align-items:center;gap:10px;padding:8px 14px 10px}.picker-head strong{font-size:16px;font-weight:500}.picker-close{margin-left:auto;width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid var(--divider);border-radius:var(--radius);background:none;color:var(--neutral-300);font-size:15px;cursor:pointer}.picker-search{padding:0 14px 10px}.picker-hint{padding:0 14px 8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--neutral-600)}.picker-foot{padding:10px 14px 34px;font-size:11px;color:var(--neutral-600)}.search-bar{position:sticky;top:var(--tabs-h);z-index:4;background:var(--bg);padding:10px 0 8px;box-shadow:0 -14px 0 var(--bg)}.list-hint{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--neutral-600);padding:0 0 8px}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;align-content:start;gap:8px}.picker .hero-grid{overflow-y:auto;padding:0 14px 20px;-webkit-overflow-scrolling:touch}.hero-cell{background:var(--surface);border:0;border-radius:var(--radius);padding:0;overflow:hidden;cursor:pointer;color:var(--text);display:flex;flex-direction:column}.hero-cell img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--neutral-900)}.hero-cell span{font-size:11px;padding:4px 4px 5px;text-align:center;color:var(--neutral-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-cell.is-disabled{opacity:.3;cursor:not-allowed}.hero-cell:not(.is-disabled):active{opacity:.75}.tab{padding-top:12px}.hero-header{display:flex;gap:11px;align-items:center;margin:10px 0 12px}.hero-header img{width:128px;height:72px;object-fit:cover;border-radius:var(--radius);flex:none;background:var(--neutral-900)}.hero-header h2{margin:0;font-size:24px;font-weight:500;letter-spacing:-.015em;line-height:1.1}.hero-header p{margin:3px 0 0;font-size:13px;color:var(--neutral-500)}.hero-header b{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.build{margin-top:12px}.phase{margin-bottom:12px}.item-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}.item{flex:0 0 62px}.item img,.item-placeholder{width:62px;height:45px;object-fit:cover;border-radius:5px;background:var(--neutral-900);display:block}.item-name{display:block;font-size:11px;margin-top:3px;color:var(--neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-label{margin:0 0 5px;font-size:13px;color:var(--neutral-500)}.item-caption{display:block;font-size:11px;font-variant-numeric:tabular-nums;color:var(--neutral-500)}.item-caption.pos{color:var(--accent-300)}.item-caption.neg{color:var(--neg)}.build .phase h4{display:flex;align-items:center}.build-note{margin:4px 0 0;padding-top:8px;border-top:1px solid var(--divider);font-size:11px;line-height:1.45;color:var(--neutral-600)}.chips-sm{padding:4px 0 10px}.chips-sm .chip{padding:5px 11px;font-size:12px}.counter-build{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:var(--radius);border:1px solid var(--accent-700);background:color-mix(in srgb,var(--accent) 7%,transparent);margin-bottom:12px}.counter-build h4{color:var(--accent-300);margin:0}.threats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px}.threats li{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 9px;border-radius:6px;border:1px solid var(--accent-700);color:var(--accent-200)}.threats b{font-variant-numeric:tabular-nums;color:var(--neutral-400);font-weight:400}.reasons{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.reasons li{font-size:13px;line-height:1.4;color:var(--neutral-300)}.reasons strong{color:var(--text);font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 45%,transparent);text-align:center;margin-top:12px}.empty p{margin:0}.empty-title{font-size:15px;color:var(--neutral-300)}.empty-sub{font-size:13px;color:var(--neutral-600)}.refreshing{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:13px;color:var(--accent-200);margin-top:10px}.refreshing span{margin-left:auto;font-size:11px;color:var(--neutral-400)}.chips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px;-webkit-overflow-scrolling:touch}.chip{flex:none;padding:7px 14px;border-radius:18px;border:1px solid var(--divider);background:none;color:var(--neutral-400);font-size:13px;cursor:pointer;white-space:nowrap}.chip:active{transform:scale(.97)}.chip.is-on{border-color:var(--accent);color:var(--accent-200);background:color-mix(in srgb,var(--accent) 14%,transparent)}button,input,select,[tabindex]{outline:none}button:focus,input:focus,select:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{-webkit-tap-highlight-color:transparent}.select{position:relative;flex:1;min-width:0}.select-trigger{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;border:1px solid var(--divider);border-radius:var(--radius);background:none;color:var(--neutral-300);font-size:13px;cursor:pointer}.select-trigger.is-open{border-color:var(--accent);color:var(--accent-200)}.select-trigger span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-caret{flex:none;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);opacity:.6}.select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:15;margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--accent-700);border-radius:var(--radius);box-shadow:0 8px 24px #0000008c;max-height:260px;overflow-y:auto}.select-option{display:block;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--neutral-300);font-size:14px;text-align:left;cursor:pointer}.select-option:active{background:color-mix(in srgb,var(--text) 7%,transparent)}.select-option.is-on{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-200)}.item{border:0;background:none;padding:0;color:inherit;cursor:pointer;text-align:left}.item:disabled{cursor:default}.item:not(:disabled):active{opacity:.75}.sheet{background:var(--bg);width:100%;max-height:85vh;border-radius:14px 14px 0 0;display:flex;flex-direction:column}.sheet-head{display:flex;align-items:center;gap:11px;padding:8px 14px 12px;border-bottom:1px solid var(--divider)}.sheet-head img{width:62px;height:45px;border-radius:5px;object-fit:cover;flex:none}.sheet-title{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.sheet-title strong{font-size:16px;font-weight:500}.sheet-title span{font-size:13px;color:var(--accent-300);font-variant-numeric:tabular-nums}.sheet-body{padding:12px 14px 34px;overflow-y:auto}.stat-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.stat-list li{font-size:14px;color:var(--accent-200);font-variant-numeric:tabular-nums}.ability{margin-bottom:12px}.ability h5{margin:0 0 4px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.ability-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-600);border:1px solid var(--divider);border-radius:4px;padding:1px 6px}.ability p{margin:0;font-size:13px;line-height:1.45;color:var(--neutral-300);white-space:pre-line}.ability-cost{margin:0 0 10px;font-size:12px;color:var(--neutral-500);font-variant-numeric:tabular-nums}.item-notes{margin:0;padding-top:8px;border-top:1px solid var(--divider);font-size:12px;line-height:1.45;color:var(--neutral-600)}.hero-page{position:relative}.hero-bg{position:fixed;top:0;right:0;width:100%;max-width:560px;height:100vh;object-fit:cover;object-position:top center;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.12) 45%,transparent 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.12) 45%,transparent 75%)}.hero-bg.is-loaded{opacity:1}.hero-page>*:not(.hero-bg){position:relative;z-index:1}