@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--brand-primary: #c83e35;--brand-primary-bright: #e05347;--brand-navy: #17212b;--brand-surface: #161b21;--brand-panel: #1b2128;--brand-panel-strong: #202730;--brand-bg: #0d1115;--brand-ink: #eef1f3;--brand-muted: #929ca6;--brand-line: #2b343e;--brand-line-soft: #222a32;--brand-positive: #79a88e;--font-body: "IBM Plex Sans Variable", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--brand-bg);scroll-padding-top:76px}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--brand-bg);color:var(--brand-ink);font-family:var(--font-body);font-size:14px}button,input,select{font:inherit}button,select{min-height:44px}button,input,select,a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(224,83,71,.22)}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand-primary-bright);outline-offset:2px}button:disabled{cursor:default;opacity:.4}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.skip-link{position:fixed;top:8px;left:max(8px,env(safe-area-inset-left));z-index:100;padding:10px 14px;background:var(--brand-primary-bright);color:#fff;font-weight:700;text-decoration:none;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{min-height:68px;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(420px,1fr);align-items:center;gap:24px;padding:9px 18px;border-bottom:1px solid var(--brand-line);background:#12171c;position:sticky;top:0;z-index:30}.product-mark{display:flex;align-items:center;gap:11px;min-width:0}.mark-shape{width:42px;height:42px;display:grid;place-items:center;background:var(--brand-primary);font:700 12px/1 var(--font-mono);letter-spacing:-.05em;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.product-mark div{display:grid;gap:2px}.product-mark strong{font-size:15px;letter-spacing:.035em;white-space:nowrap}.product-mark small{color:var(--brand-muted);font-size:11px;letter-spacing:.08em}.mode-switch,.rec-switch{display:flex;border:1px solid var(--brand-line);background:var(--brand-bg);padding:2px}.mode-switch button,.rec-switch button{border:0;background:transparent;padding:0 20px;color:var(--brand-muted);font-weight:600;cursor:pointer}.mode-switch button.is-active,.rec-switch button.is-active{color:#fff;background:var(--brand-primary)}.top-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.top-controls label{display:flex;align-items:center;gap:7px;color:var(--brand-muted);font-size:12px;white-space:nowrap}.rank-badge{width:30px;height:30px;object-fit:contain;margin-right:-5px}select{border:1px solid var(--brand-line);border-radius:0;background:var(--brand-panel);color:var(--brand-ink);padding:0 30px 0 10px;cursor:pointer}.icon-button{width:44px;border:1px solid var(--brand-line);background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button:hover:not(:disabled){background:var(--brand-panel-strong)}@media(hover:hover){.mode-switch button:hover:not(.is-active),.rec-switch button:hover:not(.is-active),.strip-title:hover,.pool-filter:hover{background:var(--brand-panel-strong);color:var(--brand-ink)}.draft-slot:hover:not(:disabled){border-color:#53606c;background:var(--brand-panel-strong)}.recommendation-main:hover .recommendation-name strong{color:#fff}}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:auto minmax(560px,1fr);grid-template-areas:"draft draft" "atlas recommend"}.draft-board{grid-area:draft;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--brand-line);background:#10151a}.draft-strip{min-width:0;padding:10px 14px 12px;position:relative}.draft-strip:nth-child(2){border-left:1px solid var(--brand-line)}.draft-strip--ban{grid-column:1 / -1;border-top:1px solid var(--brand-line-soft);padding-top:6px;padding-bottom:8px}.draft-strip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent}.draft-strip.is-active:before{background:var(--brand-primary-bright)}.strip-title{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:0 2px 6px;cursor:pointer;color:var(--brand-muted);font-size:12px;letter-spacing:.06em}.draft-strip.is-active .strip-title{color:var(--brand-ink)}.strip-count{font:10px/1 var(--font-mono);color:var(--brand-muted)}.draft-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0}.draft-slot{width:100%;min-width:0;max-width:none;height:58px;border:1px solid var(--brand-line);background:var(--brand-panel);color:var(--brand-muted);display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden}.draft-slot.is-filled{grid-template-columns:42px minmax(0,1fr) 18px;gap:7px;padding:2px;place-items:center start;color:var(--brand-ink);text-align:left}.draft-hero-info{width:100%;min-width:0;display:grid;gap:3px;overflow:hidden;font-size:12px}.draft-hero-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.draft-slot.is-filled svg{color:var(--brand-muted)}.position-control{width:100%;min-height:22px;height:22px;padding:0 12px 0 3px;border-color:#3a4550;font:9px/1 var(--font-mono)}.position-control.is-low{border-color:#bb625a;color:#f0a39c}.position-control.is-medium{border-color:#927b4e;color:#d7be83}.position-control.is-high{border-color:#486f5c;color:#96c9ab}.remove-hero{width:24px;min-height:44px;border:0;padding:0;display:grid;place-items:center;background:transparent;cursor:pointer}.draft-strip--enemy.is-active:before{background:#bd7c72}.draft-strip:not(.draft-strip--ban) .draft-slot{height:70px}.draft-strip:not(.draft-strip--ban) .draft-slot.is-filled{grid-template:42px 26px / minmax(0,1fr);gap:0;padding:0;place-items:stretch}.draft-strip:not(.draft-strip--ban) .draft-slot.is-filled>.hero-image{width:100%;height:42px;grid-row:1}.draft-strip:not(.draft-strip--ban) .draft-hero-info{display:block;grid-row:2;overflow:visible}.draft-strip:not(.draft-strip--ban) .draft-hero-info strong{position:absolute;top:4px;left:4px;z-index:1;max-width:calc(100% - 34px);padding:2px 4px;background:#080b0ec7}.draft-strip:not(.draft-strip--ban) .position-control{height:26px;min-height:26px;padding:0 2px;appearance:none;text-align:center;text-align-last:center}.draft-strip:not(.draft-strip--ban) .remove-hero{position:absolute;top:0;right:0;z-index:2;width:28px;min-height:42px;background:linear-gradient(270deg,#080b0eeb,#080b0e00)}.draft-strip--ban .draft-slots{display:flex;overflow-x:auto;scrollbar-width:thin}.draft-strip--ban .draft-slot{min-width:58px;max-width:118px;flex:1 1 82px;height:44px}.draft-strip--ban .draft-slot.is-filled{min-width:118px;grid-template-columns:42px minmax(36px,1fr) 18px}.hero-image{display:block;object-fit:cover;background:#252c33;filter:saturate(.84) contrast(1.03)}.hero-image--normal{width:100%;height:42px}.hero-image--small{width:42px;height:42px}.atlas-panel{grid-area:atlas;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);border-right:1px solid var(--brand-line)}.panel-heading,.recommendation-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--brand-line)}.panel-heading h1,.recommendation-header h2{margin:2px 0 0;font-size:19px;line-height:1.1;letter-spacing:.02em}.panel-heading h1,.recommendation-header h2,.fatal-state h1{text-wrap:balance}.eyebrow{font:10px/1 var(--font-mono);color:var(--brand-primary-bright);letter-spacing:.16em}.active-zone{color:var(--brand-muted);border:1px solid var(--brand-line);padding:6px 9px;font-size:11px}.filter-toolbar{display:grid;grid-template-columns:minmax(190px,1.7fr) repeat(3,minmax(100px,.7fr)) auto;gap:7px;padding:10px 12px;border-bottom:1px solid var(--brand-line);background:#12171c}.search-box{min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid var(--brand-line);background:var(--brand-panel);padding:0 10px}.search-box svg{color:var(--brand-muted);flex:none}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--brand-ink)}.search-box:focus-within{border-color:var(--brand-primary-bright)}.search-box input::placeholder{color:var(--brand-muted)}.pool-filter{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--brand-line);background:var(--brand-panel);padding:0 12px;cursor:pointer;white-space:nowrap}.pool-filter.is-active{color:var(--brand-primary-bright);border-color:color-mix(in oklch,var(--brand-primary) 65%,var(--brand-line))}.hero-grid{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:1px;padding:1px;background:var(--brand-line-soft);scrollbar-color:#46515c transparent;scrollbar-width:thin}.hero-tile{min-width:0;position:relative;background:var(--brand-surface);content-visibility:auto;contain-intrinsic-size:118px 82px}.hero-tile:hover{background:var(--brand-panel-strong);z-index:1}.hero-tile.is-disabled{opacity:.33}.hero-pick{width:100%;height:82px;display:grid;grid-template-rows:42px minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:0;border:0;padding:0;background:transparent;text-align:left;cursor:pointer;overflow:hidden}.hero-pick>img{grid-column:1 / -1}.hero-pick>span{min-width:0;display:grid;align-content:center;padding:3px 6px 4px}.hero-pick strong,.hero-pick small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-pick strong{font-size:11px;font-weight:650}.hero-pick small{color:var(--brand-muted);font-size:11px;letter-spacing:.02em}.hero-pick em{padding:7px 6px 0 0;color:var(--brand-muted);font:normal 11px/1 var(--font-mono)}.pool-toggle{width:44px;height:44px;min-height:44px;position:absolute;top:0;right:0;display:grid;place-items:start end;padding:7px;border:0;background:linear-gradient(225deg,#000000c7,#0000 62%);color:#b6bec5;cursor:pointer}.pool-toggle.is-active{color:var(--brand-primary-bright)}.empty-result{grid-column:1 / -1;padding:40px;color:var(--brand-muted);text-align:center;background:var(--brand-surface)}.recommendation-panel{grid-area:recommend;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#12171c}.recommendation-header{padding-right:12px}.rec-switch button{min-height:44px;padding:0 12px;font-size:11px}.formula-note{padding:8px 14px;border-bottom:1px solid var(--brand-line);color:var(--brand-muted);font:10px/1.4 var(--font-mono);letter-spacing:.025em}.recommendation-list{min-height:0;overflow-y:auto;scrollbar-color:#46515c transparent;scrollbar-width:thin}.recommendation-card{border-bottom:1px solid var(--brand-line-soft);padding:8px 12px 9px;background:var(--brand-surface)}.recommendation-card:hover{background:var(--brand-panel)}.recommendation-main{width:100%;min-height:44px;display:grid;grid-template-columns:24px 42px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.rank-index{color:var(--brand-muted);font:11px/1 var(--font-mono)}.recommendation-name{min-width:0;display:grid}.recommendation-name strong,.recommendation-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-name strong{font-size:13px}.recommendation-name small{color:var(--brand-muted);font-size:11px}.total-score{color:var(--brand-primary-bright);font:700 19px/1 var(--font-mono)}.score-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:3px;margin:7px 0}.score-row{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:5px;color:var(--brand-muted);font:10px/1 var(--font-mono);font-variant-numeric:tabular-nums}.score-row strong{color:#c7cdd2;font-weight:400;text-align:right}.score-track{height:3px;background:#303943;overflow:hidden}.score-track i{display:block;height:100%;background:var(--brand-positive)}.score-row:first-child .score-track i,.score-row:nth-child(4) .score-track i{background:var(--brand-primary)}.lane-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 6px;padding:6px 0;border-top:1px solid var(--brand-line-soft);color:#c8d0d6;font-size:10px}.lane-line>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-line small{grid-column:2;color:var(--brand-muted);font:9px/1.4 var(--font-mono)}.lane-tag{padding:2px 4px;border:1px solid #75504c;color:#d99b94;font:9px/1 var(--font-mono)}.reason-line{display:flex;justify-content:space-between;gap:8px;color:#abb4bc;font-size:11px;line-height:1.45}.reason-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reason-line small{color:var(--brand-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.empty-recommendation{padding:48px 20px;text-align:center;color:var(--brand-muted)}.empty-recommendation p{margin:0 0 4px;color:var(--brand-ink)}.data-footer{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 14px;border-top:1px solid var(--brand-line);color:#8f99a3;background:#0b0e12;font:10px/1.4 var(--font-mono);font-variant-numeric:tabular-nums}.fatal-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center}.fatal-state h1{margin:0;font-size:20px}.fatal-state p{max-width:680px;color:var(--brand-muted)}.fatal-state p+p{margin-top:-6px}.retry-button{border:1px solid var(--brand-primary-bright);background:var(--brand-primary);padding:0 18px;cursor:pointer}.retry-button:hover{background:var(--brand-primary-bright)}.loading-mark{width:34px;height:34px;border:2px solid var(--brand-line);border-top-color:var(--brand-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.topbar{grid-template-columns:210px auto 1fr;gap:12px}.workspace{grid-template-columns:minmax(0,1fr) 350px}.filter-toolbar{grid-template-columns:minmax(180px,1fr) repeat(2,112px) auto}.filter-toolbar>select:nth-of-type(3){display:none}.data-footer span:nth-child(2){display:none}}@media(max-width:820px){.app-shell{display:block}.topbar{position:static;grid-template-columns:1fr auto;padding:10px 12px}.product-mark small{display:none}.mode-switch{justify-self:end}.mode-switch button{padding:0 14px}.top-controls{grid-column:1 / -1;justify-content:stretch;overflow-x:auto}.top-controls label{flex:1}.top-controls select{width:100%}.workspace{display:flex;flex-direction:column}.draft-board{order:0;display:block}.draft-strip:nth-child(2){border-left:0;border-top:1px solid var(--brand-line-soft)}.draft-strip--ban{grid-column:auto}.atlas-panel{order:1;border-right:0;height:610px}.recommendation-panel{order:2;height:680px;border-top:1px solid var(--brand-line)}.filter-toolbar{grid-template-columns:1fr 1fr}.search-box{grid-column:1 / -1}.filter-toolbar>select{min-width:0;width:100%}.filter-toolbar>select:nth-of-type(3){display:block}.pool-filter{min-width:0;padding:0 6px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-footer{display:grid;padding:10px 12px}.data-footer span:nth-child(2){display:inline}}@media(max-width:430px){.topbar{gap:8px}.product-mark strong{font-size:12px}.mark-shape{width:38px;height:38px}.top-controls label{font-size:0}.top-controls label select{font-size:12px}.panel-heading,.recommendation-header{padding-inline:12px}.active-zone{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-tile,.hero-pick{min-width:0}.score-grid{grid-template-columns:1fr}.recommendation-panel{height:820px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}