:root{--bg:#0a0c11;--panel:#12151c;--panel-2:#1a1e28;--line:#242a36;--glass:#12151cb8;--shadow:0 1px 0 #ffffff08 inset, 0 10px 30px -18px #000c;--text:#e9ebf1;--sub:#a3a9b8;--mute:#6c7383;--brand:#2fd4a7;--brand-ink:#062b22;--win:#4c8dff;--win-bg:#18233a;--win-line:#2c4a86;--loss:#ff5d70;--loss-bg:#2d1a20;--loss-line:#7a2a38;--remake:#8a90a0;--remake-bg:#1f222a;--gold:#f3c14b;--silver:#c3cad6;--bronze:#cf8b55;--prism:#b98cff;--cost1:#9aa1b1;--cost2:#2fc77a;--cost3:#3d8bff;--cost4:#b45cff;--cost5:#f3b13b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block}.container{max-width:1080px;margin:0 auto;padding:0 16px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#0a0c10;position:sticky;top:0}.topbar-inner{align-items:center;gap:20px;height:56px;display:flex}.logo{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.logo-mark{background:var(--brand);width:26px;height:26px;color:var(--brand-ink);border-radius:7px;place-items:center;font-size:14px;font-weight:900;display:grid}.nav{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.nav a{color:var(--sub);white-space:nowrap;border-radius:8px;padding:7px 12px;font-weight:600}.nav a:hover{background:var(--panel-2);color:var(--text)}.sample-banner{color:#f3d27a;background:#2a2410;border-bottom:1px solid #4a3d16;font-size:13px}.sample-banner .container{padding-top:8px;padding-bottom:8px}.search{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:stretch;display:flex;position:relative}.search:focus-within{border-color:var(--brand)}.search .game-toggle{border-right:1px solid var(--line);gap:2px;padding:4px;display:flex}.search .game-toggle button{color:var(--mute);background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700}.search .game-toggle button.on{background:var(--panel-2);color:var(--brand)}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 12px}.search input::placeholder{color:var(--mute)}.search .go{background:var(--brand);color:var(--brand-ink);border:0;border-radius:0 11px 11px 0;padding:0 16px;font-weight:800}.search-big{height:58px;font-size:16px}.search-big .game-toggle button{padding:0 14px;font-size:14px}.search-compact{height:38px;font-size:13px}.search-compact .go{padding:0 12px}.search-hint{background:var(--panel);border:1px solid var(--line);z-index:30;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px #0006}.search-hint .row{border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.search-hint .row:hover{background:var(--panel-2)}.search-hint .label{color:var(--mute);padding:4px 10px;font-size:12px}.hero{text-align:center;padding:72px 0 40px}.hero h1{letter-spacing:-.03em;margin:0 0 8px;font-size:40px}.hero h1 b{color:var(--brand)}.hero p{color:var(--sub);margin:0 0 28px}.hero .search{text-align:left;max-width:640px;margin:0 auto}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);color:var(--sub);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--mute)}.chip .tag{color:var(--brand);font-size:11px;font-weight:800}.chip .x{color:var(--mute);background:0 0;border:0;padding:0 0 0 4px}.home-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 64px;display:grid}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:block}.home-card:hover{border-color:var(--mute)}.home-card h3{margin:0 0 6px;font-size:16px}.home-card p{color:var(--sub);margin:0;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-title{color:var(--sub);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.muted{color:var(--mute)}.sub{color:var(--sub)}.icon{background:var(--panel-2);object-fit:cover;border-radius:6px;flex:none}.icon.round{border-radius:50%}.icon-empty{background:var(--panel-2);border-radius:6px;flex:none}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--mute)}.btn:disabled{opacity:.5;cursor:default}.btn-brand{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.error-box{background:var(--loss-bg);border:1px solid var(--loss-line);color:#ffc2ca;border-radius:var(--radius);padding:16px}.error-box b{color:#fff;margin-bottom:4px;display:block}.empty{text-align:center;color:var(--mute);padding:40px 16px}.profile-head{align-items:center;gap:18px;padding:28px 0 20px;display:flex}.profile-icon{position:relative}.profile-icon .lv{border:1px solid var(--line);background:#0a0c10;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.profile-name{letter-spacing:-.02em;font-size:26px;font-weight:800}.profile-name .tag{color:var(--mute);margin-left:4px;font-weight:600}.profile-actions{gap:8px;margin-top:10px;display:flex}.tabs{box-shadow:inset 0 -1px var(--line);scrollbar-width:none;gap:4px;margin-bottom:16px;display:flex;overflow:auto hidden}.tabs a{color:var(--sub);white-space:nowrap;padding:10px 14px;font-weight:700}.tabs a.on{color:var(--text);box-shadow:inset 0 -2px var(--brand)}.profile-grid{grid-template-columns:300px 1fr;align-items:start;gap:12px;padding-bottom:60px;display:grid}.side{gap:12px;display:grid}.main{gap:10px;min-width:0;display:grid}.rank-card .body{align-items:center;gap:14px;padding:14px;display:flex}.rank-card .tier{font-size:17px;font-weight:800}.rank-card .lp{color:var(--sub);font-size:13px}.rank-card .wl{text-align:right;color:var(--sub);margin-left:auto;font-size:12px}.rank-card .wl b{color:var(--text);font-size:13px;display:block}.rank-card .unranked{color:var(--mute);padding:14px}.filter-bar{flex-wrap:wrap;gap:6px;display:flex}.filter-bar a,.filter-bar button{background:var(--panel);border:1px solid var(--line);color:var(--sub);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.filter-bar button{font:inherit;cursor:pointer;font-size:13px;font-weight:600}.filter-bar a.on,.filter-bar button.on{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.summary{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:16px;display:grid}.donut{border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative}.donut:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:11px}.donut span{z-index:1;font-size:16px;font-weight:800;position:relative}.summary .kda-line{font-size:15px;font-weight:700}.summary .kda-line .d{color:var(--loss)}.summary .ratio{font-size:22px;font-weight:800}.summary .most{gap:6px;display:grid}.summary .most .row{align-items:center;gap:8px;font-size:12px;display:flex}.positions{align-items:flex-end;gap:8px;height:64px;display:flex}.positions .bar{width:22px;color:var(--mute);flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.positions .bar i{background:var(--brand);border-radius:3px;width:10px;min-height:2px;display:block}.champ-list .row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 14px;font-size:12px;display:flex}.champ-list .row:first-child{border-top:0}.champ-list .name{font-size:13px;font-weight:700}.champ-list .cols{text-align:right;gap:14px;margin-left:auto;display:flex}.champ-list .cols b{font-size:13px;display:block}.good{color:var(--brand)}.great{color:var(--gold)}.bad{color:var(--loss)}.match{border-radius:var(--radius);border:1px solid var(--line);border-left-width:6px;overflow:hidden}.match.win{background:var(--win-bg);border-color:var(--win-line);border-left-color:var(--win)}.match.loss{background:var(--loss-bg);border-color:var(--loss-line);border-left-color:var(--loss)}.match.remake{background:var(--remake-bg);border-left-color:var(--remake)}.match-row{grid-template-columns:96px 1fr 168px 36px;align-items:center;gap:12px;padding:10px 0 10px 12px;display:grid}.match-meta{color:var(--sub);gap:2px;font-size:12px;display:grid}.match-meta .q{font-size:13px;font-weight:800}.win .match-meta .q,.win .result{color:var(--win)}.loss .match-meta .q,.loss .result{color:var(--loss)}.match-meta .result{margin-top:4px;font-weight:800}.match-meta hr{border:0;border-top:1px solid var(--line);width:48px;margin:4px 0}.match-main{gap:8px;min-width:0;display:grid}.match-top{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.champ-box{align-items:center;gap:3px;display:flex}.champ-face{position:relative}.champ-face .lvl{background:#0a0c10;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;bottom:-2px;right:-2px}.stack{gap:3px;display:grid}.kda-box{min-width:96px}.kda-box .nums{font-size:15px;font-weight:800}.kda-box .nums .d{color:var(--loss)}.kda-box .ratio{color:var(--sub);font-size:12px}.stats-box{color:var(--sub);border-left:1px solid var(--line);gap:1px;padding-left:14px;font-size:12px;display:grid}.stats-box b{color:var(--text);font-weight:700}.items{align-items:center;gap:3px;display:flex}.badges{flex-wrap:wrap;gap:4px;display:flex}.badge{background:var(--loss);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.badge.mvp{background:var(--gold);color:#2a1d00}.participants{grid-template-columns:1fr 1fr;gap:0 8px;font-size:11px;display:grid}.participants .col{gap:2px;min-width:0;display:grid}.participants a,.participants span.p{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.participants a:hover{color:var(--text);text-decoration:underline}.participants .me{color:var(--text);font-weight:700}.participants .nm{text-overflow:ellipsis;overflow:hidden}.expand{color:var(--sub);background:#ffffff0a;border:0;align-self:stretch;place-items:center;display:grid}.expand:hover{background:#ffffff14}.expand svg{transition:transform .15s}.expand.open svg{transform:rotate(180deg)}.detail{border-top:1px solid var(--line);background:var(--panel)}.detail table{border-collapse:collapse;width:100%;font-size:12px}.detail th{text-align:left;color:var(--mute);background:var(--panel-2);white-space:nowrap;padding:8px 6px;font-weight:600}.detail th.team{font-weight:800}.detail td{border-top:1px solid var(--line);vertical-align:middle;padding:6px}.detail tr.me td{background:#2fd4a712}.detail .who{align-items:center;gap:6px;min-width:0;display:flex}.detail .who a{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.dmg{gap:3px;min-width:70px;display:grid}.dmg .track{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.dmg .fill{background:var(--loss);height:100%}.dmg .fill.blue{background:var(--win)}.team-obj{color:var(--sub);border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:8px 12px;font-size:12px;display:flex}.team-obj b{color:var(--text)}.scroll-x{overflow-x:auto}.more{width:100%;padding:12px}.live-team{padding:0}.live-team .head{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 14px;font-weight:800;display:flex}.live-team .row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:8px 14px;display:flex}.live-team .row:first-of-type{border-top:0}.live-team .row.me{background:#2fd4a712}.live-team .bans{border-top:1px solid var(--line);align-items:center;gap:4px;padding:10px 14px;display:flex}.live-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tft-match{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);border-left-width:6px;grid-template-columns:92px 1fr 32px;display:grid;overflow:hidden}.tft-match .meta{color:var(--sub);align-content:center;gap:2px;padding:12px;font-size:12px;display:grid}.tft-match .place{color:var(--text);font-size:22px;font-weight:900}.tft-match.p1{border-left-color:var(--gold)}.tft-match.p1 .place{color:var(--gold)}.tft-match.p2{border-left-color:var(--silver)}.tft-match.p3{border-left-color:var(--bronze)}.tft-match.p4{border-left-color:var(--win)}.tft-match.top4{background:#171d29}.tft-board{gap:10px;min-width:0;padding:12px 0;display:grid}.traits{flex-wrap:wrap;gap:4px;display:flex}.trait{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);place-items:center;width:26px;height:26px;display:grid;position:relative}.trait img{filter:brightness(0);width:16px;height:16px}.trait.bronze{background:var(--bronze)}.trait.silver{background:var(--silver)}.trait.gold{background:var(--gold)}.trait.prism{background:linear-gradient(135deg,#7ef1ff,#b98cff,#ff9ad5)}.trait.none{background:var(--panel-2)}.trait.none img{filter:none;opacity:.5}.units{flex-wrap:wrap;gap:6px;display:flex}.unit{justify-items:center;gap:2px;width:44px;display:grid}.unit .stars{letter-spacing:-1px;height:11px;font-size:9px;line-height:11px}.unit .stars.s2{color:var(--silver)}.unit .stars.s3{color:var(--gold)}.unit .face{border:2px solid var(--cost1);border-radius:8px;overflow:hidden}.unit .face.c2{border-color:var(--cost2)}.unit .face.c3{border-color:var(--cost3)}.unit .face.c4{border-color:var(--cost4)}.unit .face.c5{border-color:var(--cost5)}.unit .uitems{gap:1px;height:14px;display:flex}.tft-side{color:var(--sub);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.tft-side b{color:var(--text)}.tft-detail{border-top:1px solid var(--line);grid-column:1/-1}.tft-detail .prow{border-top:1px solid var(--line);grid-template-columns:36px 150px 1fr;align-items:center;gap:10px;padding:8px 12px;display:grid}.tft-detail .prow:first-child{border-top:0}.tft-detail .prow.me{background:#2fd4a712}.tft-detail .pnum{text-align:center;font-size:15px;font-weight:900}.place-strip{flex-wrap:wrap;gap:3px;padding:12px 14px;display:flex}.place-strip span{background:var(--panel-2);width:22px;height:22px;color:var(--sub);border-radius:5px;place-items:center;font-size:11px;font-weight:800;display:grid}.place-strip .p1{background:var(--gold);color:#2a1d00}.place-strip .p2{background:var(--silver);color:#1b1f27}.place-strip .p3{background:var(--bronze);color:#2a1300}.place-strip .p4{background:var(--win);color:#fff}.stat-grid{text-align:center;grid-template-columns:repeat(3,1fr);padding:14px 6px;display:grid}.stat-grid b{font-size:18px;display:block}.stat-grid span{color:var(--mute);font-size:11px}.page-title{padding:28px 0 12px}.page-title h1{margin:0 0 4px;font-size:24px}.page-title p{color:var(--sub);margin:0}.ranking-bar{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.rank-table{border-collapse:collapse;width:100%;font-size:13px}.rank-table th{text-align:left;color:var(--mute);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-weight:600}.rank-table td{border-top:1px solid var(--line);white-space:nowrap;padding:9px 12px}.rank-table tr:first-child td{border-top:0}.rank-table .num{width:56px;font-weight:800}.rank-table .who{align-items:center;gap:8px;display:flex}.rank-table .who a:hover{text-decoration:underline}.rank-table .ratebar{align-items:center;gap:8px;display:flex}.rank-table .ratebar .track{border-radius:4px;width:120px;height:14px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.rank-table .ratebar .w{background:var(--win);padding-left:4px}.rank-table .ratebar .l{background:var(--loss);text-align:right;flex:1;padding-right:4px}.skeleton{background:var(--panel-2);border-radius:4px;width:110px;height:12px;display:inline-block}.pager{flex-wrap:wrap;justify-content:center;gap:4px;padding:16px 0 60px;display:flex}.pager a,.pager span{background:var(--panel);border:1px solid var(--line);min-width:34px;height:34px;color:var(--sub);border-radius:8px;place-items:center;padding:0 8px;font-weight:700;display:grid}.pager .on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.footer{border-top:1px solid var(--line);color:var(--mute);padding:24px 0 40px;font-size:12px}@media (max-width:860px){.topbar-inner{flex-wrap:wrap;row-gap:8px;height:auto;padding-top:8px;padding-bottom:8px}.topbar .search-compact{width:100%;margin-left:0}.profile-grid{grid-template-columns:1fr}.home-grid{grid-template-columns:1fr 1fr}.live-grid{grid-template-columns:1fr}.hero h1{font-size:30px}}@media (max-width:640px){.nav a{padding:7px 8px}.home-grid{grid-template-columns:1fr}.logo span.txt{display:none}.match-row{grid-template-columns:1fr 32px;padding-left:10px}.match-meta{grid-column:1/-1;grid-template-columns:repeat(4,auto);justify-content:start;align-items:center;gap:2px 10px}.match-meta hr{display:none}.match-meta .result{margin-top:0}.participants{grid-column:1/2}.match-row .expand{grid-area:2/2/4}.summary{grid-template-columns:auto 1fr}.summary .most{grid-column:1/-1}.stats-box{border-left:0;padding-left:0}.tft-match{grid-template-columns:70px 1fr 28px}.tft-detail .prow{grid-template-columns:28px 1fr}.tft-detail .prow .units{grid-column:1/-1}.profile-name{font-size:21px}}.hot{color:var(--loss)}.icon.no-bg{background:0 0}.emblem{background-position:50% 47%;background-repeat:no-repeat;background-size:300%;flex-shrink:0;display:inline-block}.emblem.empty{background:0 0}.notice{background:var(--panel-2);color:var(--sub);border-radius:8px;margin:12px;padding:10px 12px;font-size:13px}.stats-bar{margin-bottom:12px}.filter-bar .cnt{opacity:.7;margin-left:6px;font-size:11px;font-weight:500}.stats-panel{overflow:hidden}.stats-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.stats-search{border:1px solid var(--line);background:var(--bg);min-width:0;height:36px;color:var(--text);font:inherit;border-radius:8px;flex:200px;padding:0 12px;font-size:13px}.stats-search:focus,.stats-select:focus{outline:1px solid var(--brand)}.stats-select{border:1px solid var(--line);background:var(--panel-2);height:36px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px;font-size:13px}.seg{background:var(--bg);border:1px solid var(--line);scrollbar-width:none;border-radius:8px;gap:2px;padding:3px;display:flex;overflow-x:auto}.seg button{color:var(--sub);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:600}.seg button.on{background:var(--panel-2);color:var(--brand)}.stats-note{color:var(--mute);border-bottom:1px solid var(--line);padding:8px 12px;font-size:12px}.stats-table{border-collapse:collapse;width:100%;font-size:13px}.stats-table th{text-align:left;color:var(--mute);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px;font-weight:600}.stats-table th.sortable button{color:inherit;background:0 0;border:0;padding:0;font-weight:600}.stats-table th.sortable button.on{color:var(--brand)}.stats-table td{border-top:1px solid var(--line);white-space:nowrap;padding:7px 10px}.stats-table tr:first-child td{border-top:0}.stats-table .num{width:36px;color:var(--mute)}.stats-table .strong{font-weight:700}.champ-cell{align-items:center;gap:10px;display:flex}.champ-cell:hover b{text-decoration:underline}.grade{text-align:center;background:var(--panel-2);min-width:46px;color:var(--sub);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.grade.g0{color:#fff;background:#ff5d70}.grade.g1{color:var(--brand-ink);background:#2fd4a7}.grade.g2{color:#fff;background:#4c8dff}.grade.g3{color:#dfe3ec;background:#3a4152}.grade.g4{color:var(--sub);background:#2a2f3b}.grade.g5{color:var(--mute);background:#20242d}.help{color:var(--sub);margin:12px 0 24px;font-size:13px}.help summary{cursor:pointer;color:var(--sub);font-weight:600}.help ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.empty code{background:var(--panel-2);border-radius:4px;padding:1px 6px}.champ-head{flex-wrap:wrap;align-items:center;gap:16px;padding:8px 0 18px;display:flex}.champ-head h1{margin:0 0 2px;font-size:26px}.champ-head p{margin:0 0 8px;font-size:13px}.champ-head .info{min-width:0}.filter-bar.small a{padding:5px 10px;font-size:12px}.champ-kpis{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.kpi{text-align:right;gap:2px;display:grid}.kpi span{color:var(--mute);font-size:11px}.kpi b{font-size:17px}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.build-panel.wide{grid-column:1/-1}.build-panel .panel-title{justify-content:space-between;gap:8px;display:flex}.build-panel .note{color:var(--mute);font-size:12px;font-weight:500}.build-body{padding:4px 0}.build-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.build-row:first-child{border-top:0}.build-row .icons{align-items:center;gap:6px;min-width:0;display:flex}.build-row .icons.arrowed>:not(:last-child):after{content:none}.small-name{font-size:12px}.rate{text-align:right;white-space:nowrap;font-size:12px;display:grid}.rate b{font-size:14px}.rune-page{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rune-group{align-items:center;gap:4px;display:flex}.rune-group.shards{gap:3px}.icon.keystone{background:#0a0c10}.item-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;padding:10px 14px;display:grid}.item-cell{background:var(--panel-2);border-radius:8px;justify-items:center;gap:2px;padding:8px 4px;font-size:12px;display:grid}.mu-grid{grid-template-columns:1fr 1fr;gap:0 16px;padding:6px 14px 12px;display:grid}.mu-title{color:var(--sub);padding:6px 0;font-size:12px;font-weight:700}.mu-row{align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.mu-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mu-row:hover .nm{text-decoration:underline}.small-pad{padding:6px 0;font-size:12px}@media (max-width:860px){.detail-grid,.mu-grid{grid-template-columns:1fr}.champ-kpis{justify-content:space-between;width:100%;margin-left:0}}.big-seg{width:max-content;max-width:100%;margin-bottom:12px}.big-seg button{padding:7px 14px;font-size:14px}.tft-unit{border:2px solid #6b7280;border-radius:7px;line-height:0;display:inline-block;position:relative}.tft-unit .icon{border-radius:5px}.tft-unit.cost-1{border-color:#8a8f99}.tft-unit.cost-2{border-color:#2fae5f}.tft-unit.cost-3{border-color:#2e7fe0}.tft-unit.cost-4{border-color:#b04fe0}.tft-unit.cost-5{border-color:#f0b232}.tft-unit .stars{text-align:center;color:var(--gold);z-index:1;font-size:9px;font-style:normal;line-height:1;position:absolute;top:-9px;left:0;right:0}.icons-row{gap:3px;display:flex}.trait-ico{background:#0a0c10;border-radius:50%;padding:2px}.comp-list{display:grid}.comp-sort{color:var(--mute);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;font-size:12px;display:flex}.comp-sort button{border:1px solid var(--line);background:var(--panel-2);color:var(--sub);border-radius:999px;padding:4px 10px;font-size:12px}.comp-sort button.on{border-color:var(--brand);color:var(--brand)}.comp-card{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.comp-card:first-of-type{border-top:0}.comp-rank{color:var(--mute);text-align:center;font-weight:800}.comp-main{gap:10px;min-width:0;display:grid}.comp-name{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.comp-name b{font-size:15px}.traits-mini{flex-wrap:wrap;gap:4px;display:flex}.trait-chip{color:#fff;background:#2a2f3b;border-radius:6px;align-items:center;gap:3px;padding:2px 6px 2px 3px;font-size:11px;font-weight:800;display:inline-flex}.trait-chip .icon{background:0 0}.trait-chip.bronze{background:#7a4a2a}.trait-chip.silver{background:#6b7585}.trait-chip.gold{background:#a07b1f}.trait-chip.prism{background:linear-gradient(135deg,#3fb6c9,#b05be0)}.comp-units{flex-wrap:wrap;gap:6px;padding-top:6px;display:flex}.comp-unit{justify-items:center;gap:2px;display:grid}.unit-items{gap:1px;display:flex}.comp-stats{text-align:right;grid-template-columns:repeat(4,auto);gap:4px 16px;display:grid}.comp-stats span{color:var(--mute);font-size:11px;display:block}.comp-stats b{font-size:15px}@media (max-width:860px){.comp-card{grid-template-columns:22px 1fr}.comp-stats{text-align:left;grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}.notice-box{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--sub);margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.6}.aug-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:12px;display:grid}.aug-card{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid #6b7585;border-radius:10px;gap:12px;padding:12px;display:flex}.aug-card.gold{border-left-color:#d9a733}.aug-card.prism{border-left-color:#b05be0}.aug-card .icon{background:#0a0c10;border-radius:8px;padding:4px}.aug-body{min-width:0}.aug-name{align-items:center;gap:8px;margin-bottom:4px;display:flex}.aug-rarity{color:#fff;background:#6b7585;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.aug-rarity.gold{background:#a07b1f}.aug-rarity.prism{background:linear-gradient(135deg,#3fb6c9,#b05be0)}.aug-body p{color:var(--sub);white-space:pre-line;margin:0;font-size:12.5px;line-height:1.55}.participants.arena .arena-team{align-items:center;gap:3px;height:18px;display:flex}.participants.arena .arena-team .pl{width:14px;color:var(--mute);text-align:right;margin-right:2px;font-size:11px}.participants.arena .arena-team.me .pl{color:var(--brand);font-weight:800}.skel{background:linear-gradient(90deg, var(--panel-2) 0%, #262b36 50%, var(--panel-2) 100%);background-size:200% 100%;animation:1.2s ease-in-out infinite skel;display:block}.skel-panel{padding:14px}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.stats-table.dim{opacity:.45;transition:opacity .15s}body{background:radial-gradient(1100px 520px at 50% -240px, #2fd4a721, transparent 70%), radial-gradient(800px 420px at 100% -120px, #4c8dff1a, transparent 70%), var(--bg);background-attachment:fixed}::selection{background:#2fd4a759}.topbar{-webkit-backdrop-filter:saturate(160%)blur(14px);background:#0a0c11b8;border-bottom:1px solid #ffffff0f}.logo-mark{color:#04231b;background:linear-gradient(135deg,#3ee6b8,#2aa8e0);box-shadow:0 4px 14px -4px #2fd4a799}.logo .txt{background:linear-gradient(90deg,#fff,#c9f5e8);color:#0000;-webkit-background-clip:text;background-clip:text}.nav a{transition:background .15s,color .15s}.nav a.on{color:#bff3e3;background:#2fd4a71f}.panel{background:linear-gradient(180deg, #ffffff06, #fff0 120px), var(--panel);box-shadow:var(--shadow)}.panel-title{color:var(--text);letter-spacing:-.01em;font-size:13.5px}.btn{transition:border-color .15s,background .15s,transform .1s}.btn:active:not(:disabled){transform:translateY(1px)}.icon{border-radius:8px}.search{background:#12151cd9;box-shadow:0 10px 40px -20px #000000e6}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #2fd4a71f,0 10px 40px -20px #000000e6}.search .go{background:linear-gradient(135deg,#3ee6b8,#2fd4a7)}.filter-bar a,.filter-bar button{transition:border-color .15s,color .15s,background .15s}.filter-bar a:hover,.filter-bar button:hover{color:var(--text);border-color:#3a4252}.filter-bar a.on,.filter-bar button.on{box-shadow:0 6px 18px -8px #2fd4a7b3}.tabs a{transition:color .15s}.tabs a:hover{color:var(--text)}.page-title h1{letter-spacing:-.03em;font-size:28px}.home-hero{border-bottom:1px solid #ffffff0d;position:relative;overflow:hidden}.home-hero .bg{opacity:.55;background-position:50% 22%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.home-hero:after{content:"";background:linear-gradient(180deg, #0a0c118c 0%, #0a0c11bf 55%, var(--bg) 100%), radial-gradient(70% 60% at 50% 40%, transparent, #0a0c1199);position:absolute;inset:0}.home-hero .inner{z-index:1;text-align:center;padding:92px 16px 64px;position:relative}.home-hero h1{letter-spacing:-.04em;text-shadow:0 6px 30px #0009;margin:0 0 12px;font-size:46px;line-height:1.15}.home-hero h1 b{background:linear-gradient(90deg,#3ee6b8,#6fc3ff);color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero p{color:#c4cad6;margin:0 0 30px;font-size:15px}.home-hero .search{text-align:left;max-width:660px;margin:0 auto}.home-hero .credit{z-index:1;color:#ffffff73;font-size:11px;position:absolute;bottom:12px;right:16px}.home-sec{margin:40px 0 0}.home-sec-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.home-sec-head h2{letter-spacing:-.02em;margin:0;font-size:20px}.home-sec-head a{color:var(--sub);font-size:13px;font-weight:600}.home-sec-head a:hover{color:var(--brand)}.hot-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.hot-card{aspect-ratio:308/460;background:var(--panel-2) center top / cover no-repeat;box-shadow:var(--shadow);border:1px solid #ffffff12;border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.hot-card:after{content:"";background:linear-gradient(#0000 45%,#080a0eeb 88%);position:absolute;inset:0}.hot-card:hover{border-color:#2fd4a773;transform:translateY(-4px);box-shadow:0 18px 40px -20px #2fd4a773}.hot-card .rank{z-index:1;background:#0a0c11bf;border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.hot-card .grade{z-index:1;position:absolute;top:10px;right:10px}.hot-card .info{z-index:1;position:absolute;bottom:12px;left:12px;right:12px}.hot-card .info b{letter-spacing:-.02em;font-size:17px;display:block}.hot-card .info .meta{color:#c4cad6;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.hot-card .info .wr{color:var(--brand);margin-top:6px;font-size:13px;font-weight:700}.comp-mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.comp-mini{gap:10px;padding:14px;transition:transform .2s,border-color .2s;display:grid}.comp-mini:hover{border-color:#b05be080;transform:translateY(-3px)}.comp-mini .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.comp-mini .top b{font-size:15px}.comp-mini .units{flex-wrap:wrap;gap:4px;display:flex}.comp-mini .stats{color:var(--sub);gap:14px;font-size:12px;display:flex}.comp-mini .stats b{color:var(--text);font-size:13px}.menu-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 64px;display:grid}.menu-card{border-radius:16px;align-items:center;gap:14px;min-height:96px;padding:18px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.menu-card:hover{border-color:#2fd4a766;transform:translateY(-3px)}.menu-card .art{background:var(--panel-2) center / cover no-repeat;border-radius:14px;flex:none;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 8px 20px -10px #000000e6}.menu-card .art.emblem{box-shadow:none;background-color:#0000;background-size:250%}.menu-card h3{margin:0 0 4px;font-size:16px}.menu-card p{color:var(--sub);margin:0;font-size:12.5px;line-height:1.5}@media (max-width:860px){.hot-grid{grid-template-columns:repeat(3,1fr)}.hot-grid .hot-card:nth-child(n+4){display:none}.comp-mini-grid,.menu-grid{grid-template-columns:1fr 1fr}.home-hero h1{font-size:34px}}@media (max-width:640px){.hot-grid{grid-template-columns:1fr 1fr}.hot-grid .hot-card:nth-child(n+3){display:none}.comp-mini-grid,.menu-grid{grid-template-columns:1fr}.home-hero .inner{padding:64px 16px 44px}.home-hero h1{font-size:30px}}.pos-ico{opacity:.85;flex:none;width:16px;height:16px}.pos-cell{align-items:center;gap:6px;display:inline-flex}.seg button .pos-ico{vertical-align:-2px;width:14px;height:14px}.stats-table tbody tr{transition:background .12s}.stats-table tbody tr:hover{background:#2fd4a70d}.stats-table .champ-cell .icon{border-radius:10px;box-shadow:0 4px 10px -6px #000000e6}.wr-cell{gap:4px;min-width:76px;display:grid}.wr-bar{background:var(--panel-2);border-radius:4px;height:4px;overflow:hidden}.wr-bar i{background:linear-gradient(90deg,#ff5d70,#8a90a0 45%,#2fd4a7) 0 0/300% 100%;border-radius:4px;height:100%;display:block}.champ-banner{box-shadow:var(--shadow);border:1px solid #ffffff12;border-radius:18px;margin:4px 0 16px;position:relative;overflow:hidden}.champ-banner .bg{background-position:50% 20%;background-size:cover;position:absolute;inset:0}.champ-banner:after{content:"";background:linear-gradient(90deg,#0a0c11f2 0%,#0a0c11bf 45%,#0a0c1140 100%),linear-gradient(#0000 50%,#0a0c11b3);position:absolute;inset:0}.champ-banner .champ-head{z-index:1;padding:28px 24px;position:relative}.champ-banner .champ-head h1{letter-spacing:-.03em;text-shadow:0 4px 20px #000000b3;font-size:32px}.champ-banner .champ-head>.icon{border:2px solid #ffffff26;border-radius:16px}.champ-banner .kpi b{font-size:20px}.champ-banner .champ-kpis{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c118c;border:1px solid #ffffff14;border-radius:14px;padding:12px 16px}.champ-filters{flex-wrap:wrap;gap:8px;display:flex}.build-row{transition:background .12s}.build-row:hover{background:#ffffff05}.item-cell{border:1px solid #0000;transition:transform .15s}.item-cell:hover{border-color:#2c3341;transform:translateY(-2px)}@media (max-width:860px){.champ-banner .champ-head{padding:20px 16px}.champ-banner .champ-kpis{width:100%}}.profile-banner{background:var(--panel);box-shadow:var(--shadow);border:1px solid #ffffff12;border-radius:18px;margin:20px 0 14px;position:relative;overflow:hidden}.profile-banner .bg{filter:blur(36px)saturate(140%);opacity:.45;background-position:50%;background-size:cover;position:absolute;inset:-40px}.profile-banner:after{content:"";background:linear-gradient(90deg,#0a0c1199,#0a0c11d9);position:absolute;inset:0}.profile-banner .profile-head{z-index:1;padding:24px;position:relative}.profile-banner .profile-icon img{border:2px solid #ffffff26;box-shadow:0 10px 30px -10px #000000e6}.podium{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.podium-card{text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:18px;transition:transform .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.podium-card:hover{transform:translateY(-3px)}.podium-card .place{letter-spacing:-.03em;font-size:22px;font-weight:900;position:absolute;top:12px;left:14px}.podium-card.p1{background:linear-gradient(180deg, #f3c14b1f, transparent 70%), var(--panel);border-color:#f3c14b73}.podium-card.p1 .place{color:#f3c14b}.podium-card.p2 .place{color:#c3cad6}.podium-card.p3 .place{color:#cf8b55}.podium-card .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:800;overflow:hidden}.podium-card .lp{font-size:20px;font-weight:900}.podium-card .wl{color:var(--sub);font-size:12px}@media (max-width:640px){.podium{grid-template-columns:1fr}}.footer{color:var(--mute);border-top:1px solid #ffffff0f;margin-top:40px;padding:28px 0 40px;font-size:12px;line-height:1.7}.footer p{margin:0}.footer .brand{color:var(--sub);margin-bottom:6px;font-weight:800}.nav{gap:2px}.nav a{color:#b4bbc9;letter-spacing:-.01em;border-radius:10px;padding:9px 14px;font-size:14.5px;font-weight:700}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.on{color:#fff;background:#2fd4a729;box-shadow:inset 0 0 0 1px #2fd4a759}.tabs a{padding:11px 16px;font-size:14.5px}@media (max-width:860px){.topbar-inner{height:auto}.nav a{padding:8px 11px;font-size:14px}}.aug-section{padding:6px 12px 14px}.aug-section+.aug-section{border-top:1px solid var(--line)}.aug-section h3{align-items:center;gap:8px;margin:14px 4px 10px;font-size:16px;display:flex}.aug-section h3 .cnt{color:var(--mute);font-size:12px;font-weight:600}.aug-grid.in-section{padding:0}.aug-card{gap:14px;padding:14px}.aug-name b{font-size:15px}.aug-body p{color:#c4cad6;font-size:13.5px;line-height:1.65}.aug-body p.none{color:var(--mute);font-size:12.5px}.aug-rec{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.aug-rec .lbl{color:var(--brand);font-size:11.5px;font-weight:800}.aug-rec .champs{gap:4px;display:flex}.aug-rec .champs a{transition:transform .15s}.aug-rec .champs a:hover{transform:translateY(-2px)}.aug-comps{gap:6px;margin-top:8px;display:grid}.aug-comp{background:#ffffff08;border-radius:10px;gap:4px;padding:8px;display:grid}.aug-comp .nm{font-size:12.5px;font-weight:700}.aug-comp .nm em{color:var(--sub);font-style:normal;font-weight:600}.aug-comp .units{flex-wrap:wrap;gap:3px;display:flex}.tft-aug .aug-grid{padding:12px}.search .search-ico{color:var(--mute);flex:none;align-self:center;margin-left:12px}.search input{padding:0 12px 0 10px}.search-big{border-radius:16px;height:66px;font-size:17px}.search-big .game-toggle{padding:6px}.search-big .game-toggle button{border-radius:10px;padding:0 16px;font-size:15px}.search-big .go{border-radius:0 15px 15px 0;padding:0 26px;font-size:16px}.search-big .search-ico{width:22px;height:22px;margin-left:16px}.home-hero .search{max-width:780px}.topbar .search-compact{width:460px}.search-compact{border-radius:12px;height:44px;font-size:14.5px}.search-compact .game-toggle button{padding:0 11px;font-size:13px}.search-compact .go{border-radius:0 11px 11px 0;padding:0 16px;font-size:14px}.search.open{border-color:var(--brand)}.search-hint{background:#141821;border-color:#2a3140;border-radius:14px;padding:8px;box-shadow:0 20px 50px -12px #000c}.search-hint .row{border-radius:10px;gap:10px;padding:9px 10px;font-size:15px}.search-hint .row.active,.search-hint .row:hover{background:#2fd4a71a}.search-hint .row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.search-hint .row .lv{color:var(--mute);white-space:nowrap;font-size:12px}.search-hint .label{letter-spacing:.02em;font-size:12px;font-weight:800}.icon-empty.round{border-radius:50%}.tier-chip{color:#fff;background:#3a4152;border-radius:6px;flex:none;padding:2px 7px;font-size:11px;font-weight:900}.tier-chip.t-C{color:#10151f;background:linear-gradient(135deg,#f3c14b,#4fb4ff)}.tier-chip.t-GM{background:#e0484f}.tier-chip.t-M{background:#9b51e0}.tier-chip.t-D{background:#4c8dff}.tier-chip.t-E{background:#1fb47a}@media (max-width:860px){.topbar .search-compact{width:100%}.search-big{height:56px;font-size:15px}.search-big .go{padding:0 16px}}.topbar-inner{gap:14px;height:64px}.logo{letter-spacing:-.01em;font-size:21px}.logo .txt{font-weight:900}.logo-mark{border-radius:9px;width:30px;height:30px;font-size:16px}.game-switch{position:relative}.game-btn{height:40px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:14.5px;font-weight:800;transition:background .15s;display:inline-flex}.game-btn:hover{background:#ffffff1a}.badge-game{letter-spacing:.02em;color:#04231b;background:linear-gradient(135deg,#3ee6b8,#2aa8e0);border-radius:999px;place-items:center;min-width:34px;height:24px;padding:0 6px;font-size:11px;font-weight:900;display:inline-grid}.badge-game.g-tft,.g-tft .badge-game{color:#2a1600;background:linear-gradient(135deg,#f3c14b,#e07a2f)}.game-menu{z-index:40;background:#141821;border:1px solid #2a3140;border-radius:14px;gap:2px;min-width:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 50px -12px #000c}.game-menu a{color:var(--sub);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:700;display:flex}.game-menu a:hover,.game-menu a.on{color:#fff;background:#ffffff0f}.subbar{border-top:1px solid #ffffff0d}.subbar .nav{scrollbar-width:none;align-items:center;gap:4px;height:48px;display:flex;overflow-x:auto}.subbar .nav a{padding:8px 14px;font-size:15px}.topbar .search-compact{width:480px;margin-left:auto}@media (max-width:860px){.topbar-inner{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}.topbar .search-compact{order:3;width:100%}.game-btn{height:36px;font-size:13.5px}.subbar .nav{height:44px}.subbar .nav a{padding:7px 11px;font-size:14px}}@media (max-width:640px){.logo span.txt{font-size:18px;display:inline}.game-btn .lbl-long{display:none}}.seg button{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.comp-wrap{border-top:1px solid var(--line)}.comp-wrap:first-of-type,.comp-wrap .comp-card{border-top:0}.comp-wrap.open{background:#2fd4a708}.comp-side{justify-items:end;gap:10px;display:grid}.comp-actions{gap:6px;display:flex}.btn.small{border-radius:8px;padding:6px 10px;font-size:12.5px}.copy-btn{color:#bff3e3;background:#2fd4a71f;border-color:#2fd4a759}.copy-btn.done{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.tft-guide{grid-template-columns:minmax(0,420px) 1fr;gap:20px;padding:6px 16px 20px 56px;display:grid}.guide-head{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.guide-head .muted{font-size:12px}.hex-board{border:1px solid var(--line);background:radial-gradient(120% 100% at 50% 0,#1b2130,#10131a);border-radius:14px;gap:4px;padding:12px;display:grid}.hex-row{gap:4px;display:flex}.hex-row.shift{margin-left:26px}.hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#232a38;flex:none;width:48px;height:52px;position:relative}.hex.filled{background:#6b7280}.hex.filled.cost-2{background:#2fae5f}.hex.filled.cost-3{background:#2e7fe0}.hex.filled.cost-4{background:#b04fe0}.hex.filled.cost-5{background:#f0b232}.hex img{object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.hex .hex-name{text-align:center;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;font-size:9px;font-weight:800;position:absolute;bottom:6px;left:0;right:0;overflow:hidden}.hex.carry:after{content:"★";text-align:center;color:#f3c14b;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;top:4px;left:0;right:0}.code-line{align-items:center;gap:8px;margin-top:10px;display:flex}.code-line code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sub);background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:1;padding:7px 10px;font-size:12px;overflow:hidden}.guide-board .tip{margin:6px 0 0;font-size:12px}.guide-body{align-content:start;gap:14px;display:grid}.guide-body h4{margin:0 0 8px;font-size:14px}.guide-body .small{margin:6px 0 0;font-size:12px}.row-icons{flex-wrap:wrap;gap:6px;display:flex}.item-with-rate{justify-items:center;gap:2px;display:grid}.item-with-rate em{color:var(--sub);font-size:11px;font-style:normal}.facts{color:var(--sub);gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.facts b{color:var(--text)}.aug-mini-list{flex-wrap:wrap;gap:6px;display:flex}.aug-mini{background:var(--panel-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12.5px;font-weight:700;display:inline-flex}@media (max-width:860px){.tft-guide{grid-template-columns:1fr;padding:6px 12px 16px}.comp-side{justify-items:start}.hex{width:40px;height:44px}.hex-row.shift{margin-left:22px}}.live-rank{text-align:right;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.live-rank>span{display:grid}.live-rank b{font-size:13px}.live-badge{color:#ff9aa6;vertical-align:middle;background:#ff5d7029;border:1px solid #ff5d7080;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.live-badge i{background:#ff5d70;border-radius:50%;width:7px;height:7px;animation:1.6s infinite livepulse;box-shadow:0 0 #ff5d70b3}@keyframes livepulse{0%{box-shadow:0 0 #ff5d7099}70%{box-shadow:0 0 0 8px #ff5d7000}to{box-shadow:0 0 #ff5d7000}}.tft-unit{background:#0e1117;border-width:2px;border-radius:9px;overflow:hidden}.tft-unit .icon{background:0 0;border-radius:0}.tft-unit.labeled{position:relative}.tft-unit .unit-label{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#000000d1);padding:8px 2px 2px;font-size:11px;font-weight:800;line-height:1.1;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.comp-units{gap:6px}.comp-unit .unit-items{margin-top:2px}.comp-unit .unit-items .icon{border-radius:3px}.clickable{cursor:pointer}.rank-table tbody tr.clickable:hover{background:#2fd4a70f}.podium-card.clickable:hover{border-color:#2fd4a780}.profile-banner{align-items:flex-end;min-height:180px;display:flex}.profile-banner .bg.splash{filter:none;opacity:1;background-position:50% 18%;inset:0}.profile-banner.has-splash:after{background:linear-gradient(90deg,#0a0c11f5 0%,#0a0c11b3 45%,#0a0c1126 100%),linear-gradient(#0000 40%,#0a0c1199)}.profile-banner .profile-head{width:100%;padding:28px 28px 24px}.profile-banner .profile-name{text-shadow:0 4px 20px #000000b3;font-size:32px}.profile-rank{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c118c;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:4px 12px 4px 4px;display:inline-flex}.profile-rank b{font-size:14px}.profile-rank .sub{font-size:12.5px}.banner-credit{z-index:1;color:#ffffff80;font-size:11px;position:absolute;bottom:10px;right:14px}.dash{gap:14px;padding-bottom:60px;display:grid}.dash-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dash-top>.panel{min-height:132px}.dash-top .rank-card .panel-title{color:var(--mute);border-bottom:0;padding:14px 16px 0;font-size:12px;font-weight:700}.dash-top .rank-card .body{flex-wrap:wrap;gap:10px;padding:8px 16px 16px}.dash-top .rank-card .wl{text-align:left;width:100%;margin-left:0}.dash-top .rank-card .wl b{margin-right:6px;display:inline}.dash-top .rank-card .unranked{color:var(--mute);padding:10px 16px 16px;font-size:18px;font-weight:800}.dash-tile{align-content:start;gap:10px;padding:14px 16px 16px;display:grid}.dash-tile.wide{grid-column:span 2}.tile-label{color:var(--mute);font-size:12px;font-weight:700}.tile-big{letter-spacing:-.02em;font-size:22px;font-weight:900}.tile-summary{align-items:center;gap:14px;display:flex}.tile-summary .donut{flex:none;width:72px;height:72px}.tile-summary .wl-line{font-size:15px}.tile-summary .wl-line .w{color:var(--brand)}.tile-summary .wl-line .l{color:var(--loss)}.tile-summary .ratio{font-size:18px;font-weight:900}.small{font-size:12px}.pos-bars{align-items:flex-end;gap:10px;height:70px;display:flex}.pos-bar{color:var(--mute);justify-items:center;gap:4px;font-size:11px;display:grid}.pos-bar i{background:#2c3341;border-radius:4px;width:14px;display:block}.pos-bar i.on{background:var(--brand);box-shadow:0 0 12px #2fd4a780}.most-strip{scrollbar-width:thin;align-items:center;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.strip-label{color:var(--mute);writing-mode:horizontal-tb;flex:none;margin-right:4px;font-size:12px;font-weight:800}.most-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.most-chip b{font-size:13px;display:block}.most-chip .muted{font-size:11.5px}.match{border:1px solid var(--line);background:var(--panel);border-left:0;border-radius:16px;position:relative;overflow:hidden}.match:before{content:"";background-image:var(--splash);opacity:.16;pointer-events:none;background-position:50% 22%;background-size:cover;position:absolute;inset:0 0 0 40%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.match:after{content:"";background:var(--remake);width:5px;position:absolute;top:0;bottom:0;left:0}.match.win:after{background:linear-gradient(#4c8dff,#2fd4a7)}.match.loss:after{background:linear-gradient(#ff5d70,#c2334a)}.match.win,.match.loss,.match.remake{background:var(--panel);border-color:var(--line)}.match .match-row{z-index:1;grid-template-columns:96px 1fr 132px 36px;padding-left:18px;position:relative}.match .detail{z-index:1;position:relative}.faces{align-content:center;gap:4px;display:grid}.faces-row{gap:3px;display:flex}.faces-row a{border-radius:6px;outline:2px solid #0000;line-height:0}.faces-row a .icon{border-radius:6px}.faces-row a.me{outline-color:var(--brand)}.faces-row a:hover{outline-color:#ffffff80}@media (max-width:860px){.dash-top{grid-template-columns:1fr 1fr}.dash-tile.wide{grid-column:span 2}.profile-banner .profile-name{font-size:26px}}@media (max-width:640px){.match .match-row{grid-template-columns:1fr 32px}.faces{grid-column:1/2}}.mh-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:12px;display:grid}.mh-card{background:var(--panel-2);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:transform .15s,border-color .15s;display:flex}.mh-card:hover{border-color:#2fd4a766;transform:translateY(-2px)}.mh-card .icon{border-radius:12px}.mh-info{flex:1;gap:1px;min-width:0;display:grid}.mh-info b{font-size:15px}.mh-info .muted{font-size:12px}.mh-wr{color:var(--sub);font-size:12px}.mh-augs{gap:3px;display:grid}.aug-ico{border:1px solid #3a4152;border-radius:6px;padding:2px;background:#0a0c10!important}.aug-ico.prism{border-color:#b05be0}.aug-ico.gold{border-color:#d9a733}.ad-page{padding-bottom:60px}.ad-hero{text-align:center;padding:72px 0 40px}.ad-kicker{color:var(--brand);background:#2fd4a71f;border-radius:999px;margin-bottom:18px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-block}.ad-hero h1{letter-spacing:-.04em;margin:0 0 14px;font-size:40px;line-height:1.25}.ad-hero h1 b{background:linear-gradient(90deg,#3ee6b8,#6fc3ff);color:#0000;-webkit-background-clip:text;background-clip:text}.ad-hero p{color:var(--sub);max-width:560px;margin:0 auto 28px;font-size:16px}.ad-cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn.big{border-radius:12px;padding:13px 22px;font-size:15px}.ad-sec{margin-top:36px}.ad-sec h2{letter-spacing:-.02em;margin:0 0 14px;font-size:22px}.ad-audience{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;display:grid}.ad-stat{gap:6px;padding:20px;display:grid}.ad-stat b{letter-spacing:-.02em;font-size:22px}.ad-stat span{color:var(--sub);font-size:13.5px}.ad-slots{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ad-slot{gap:6px;padding:20px;display:grid;position:relative}.ad-slot .num{color:var(--brand);font-size:13px;font-weight:900}.ad-slot b{font-size:17px}.ad-slot p{color:var(--sub);margin:0;font-size:13.5px}.ad-slot .where{color:var(--mute);font-size:12px}.ad-form{margin-top:12px;padding:20px}.ad-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ad-form label{color:var(--sub);gap:6px;font-size:13px;font-weight:700;display:grid}.ad-form label.wide{grid-column:1/-1}.ad-form input,.ad-form select,.ad-form textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:14px}.ad-form input:focus,.ad-form select:focus,.ad-form textarea:focus{border-color:var(--brand);outline:none}.ad-form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.link{color:var(--brand);text-decoration:underline}.footer-links{gap:14px;display:flex;margin:0 0 8px!important}.footer-links a{color:var(--sub);font-weight:700}.footer-links a:hover{color:var(--brand)}@media (max-width:760px){.ad-hero h1{font-size:28px}.ad-audience,.ad-slots,.ad-form-grid{grid-template-columns:1fr}}.wisp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:12px;display:grid}.wisp-card{background:var(--panel-2);border:1px solid #0000;border-radius:14px;align-content:start;gap:8px;padding:14px;display:grid}.wisp-card:hover{border-color:#323a4a}.wisp-head{align-items:center;gap:8px;display:flex}.wisp-head b{font-size:15px}.wisp-cat{color:var(--mute);font-size:11px;font-weight:700}.wisp-cost{color:#f3c14b;white-space:nowrap;background:#f3c14b26;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:900}.wisp-up .wisp-cost{margin-left:6px}.wisp-cost.free{color:var(--brand);background:#2fd4a71f}.wisp-card p{color:#c4cad6;white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.wisp-up{background:#ffffff08;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:4px;padding:8px 10px;display:grid}.wisp-up p{grid-column:1/-1;font-size:12.5px}.wisp-up .tag{border-radius:6px;justify-self:start;padding:2px 8px;font-size:11px;font-weight:800}.wisp-up .tag.up{color:var(--brand);background:#2fd4a724}.wisp-up .tag.prism{color:#e6d4ff;background:linear-gradient(135deg,#3fb6c94d,#b05be04d)}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;padding:12px;display:grid}.pick-cell{color:var(--sub);text-align:center;border-radius:12px;justify-items:center;gap:6px;padding:10px 4px;font-size:12.5px;font-weight:700;transition:background .15s,transform .15s;display:grid}.pick-cell:hover{background:var(--panel-2);color:#fff;transform:translateY(-2px)}.pick-cell .icon{border-radius:12px}.masters-table .who{align-items:center;gap:6px;display:inline-flex}.masters-table a.who:hover b{text-decoration:underline}.pn-hero{min-height:240px;box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:18px;margin-bottom:8px;display:block;position:relative;overflow:hidden}.pn-hero .bg{background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:0}.pn-hero:hover .bg{transform:scale(1.03)}.pn-hero:after{content:"";background:linear-gradient(#0a0c111a 30%,#0a0c11eb);position:absolute;inset:0}.pn-hero .inner{z-index:1;gap:6px;display:grid;position:absolute;bottom:22px;left:24px;right:24px}.pn-hero b{letter-spacing:-.03em;font-size:28px}.pn-hero .date{color:#c4cad6;font-size:13px}.pn-badge{background:var(--brand);color:var(--brand-ink);border-radius:999px;justify-self:start;padding:3px 10px;font-size:12px;font-weight:800}.pn-sec{margin-top:28px}.pn-sec h2{letter-spacing:-.02em;margin:0 0 12px;font-size:20px}.pn-changes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pn-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 14px;display:flex}.pn-row:hover{background:#ffffff08}.pn-row .nm{flex:1;font-weight:700}.pn-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.pn-card{transition:transform .15s,border-color .15s;display:grid;overflow:hidden}.pn-card:hover{border-color:#2fd4a766;transform:translateY(-3px)}.pn-card .thumb{aspect-ratio:16/9;background-position:50%;background-size:cover}.pn-card .body{gap:4px;padding:12px 14px;display:grid}@media (max-width:760px){.pn-changes{grid-template-columns:1fr}.pn-hero b{font-size:22px}}.reward-nav{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.reward-nav a{border:1px solid var(--line);background:var(--panel);color:var(--sub);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700}.reward-nav a:hover{color:#fff;border-color:#3a4252}.reward-nav a.on{color:#0a0c11;background:#fff;border-color:#fff}.coven-intro{grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:14px;padding:18px 20px;display:grid}.coven-intro h2{margin:0 0 6px;font-size:20px}.coven-intro p{margin:0;font-size:13.5px;line-height:1.6}.coven-levels{grid-template-columns:repeat(2,auto);gap:8px 16px;font-size:12.5px;display:grid}.coven-levels div{display:grid}.coven-levels span{color:var(--sub)}.coven-tiers{gap:12px;display:grid}.coven-tier{overflow:hidden}.tier-head{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#b05be024,#0000 60%);flex-wrap:wrap;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.tier-head .ess{letter-spacing:-.02em;font-size:18px}.tier-head .val{color:#f3c14b;font-size:13px;font-weight:700}.tier-head .chance{color:var(--brand);margin-left:auto;font-size:12.5px;font-weight:800}.reward-list{display:grid}.reward-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.reward-row:first-child{border-top:0}.rw{background:var(--panel-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:13px;font-weight:700;display:inline-flex}.rw.gold{color:#f3c14b;padding-left:8px}.rw em{color:var(--sub);font-style:normal;font-weight:600}.rw em.star{color:#f3c14b;font-size:11px}.rw .tft-unit{border-width:1.5px;border-radius:7px}.coin{background:radial-gradient(circle at 35% 35%,#ffe08a,#e0a526);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #a8741a}.source-note{margin:18px 0 40px;line-height:1.6}@media (max-width:760px){.coven-intro{grid-template-columns:1fr}}.logo-doodle{flex:none;display:inline-grid;position:relative}.logo-doodle .logo-mark{z-index:1;transition:background .4s;position:relative}.dd-over{pointer-events:none;z-index:2;width:58px;height:58px;position:absolute;top:-14px;left:-14px;overflow:visible}.dd-pop{transform-box:fill-box;transform-origin:bottom;animation:.55s cubic-bezier(.3,1.6,.5,1) both ddPop}.dd-flap{animation:.45s ease-in-out infinite alternate ddFlap}.dd-bob{animation:2.4s ease-in-out infinite ddBob}.dd-wave{transform-box:fill-box;transform-origin:0 100%;animation:2.6s ease-in-out infinite ddWave}.dd-spin{animation:9s linear infinite ddSpin}.dd-twinkle{animation:1.6s ease-in-out infinite ddTwinkle}.dd-letter{fill:var(--brand);font-size:8.5px;font-weight:900}@keyframes ddPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ddFlap{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}@keyframes ddBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6px)}}@keyframes ddWave{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes ddSpin{to{transform:rotate(360deg)}}@keyframes ddTwinkle{0%,to{opacity:.3;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.dd-fall-box{pointer-events:none;z-index:0;width:170px;height:60px;position:absolute;top:-14px;left:-10px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.dd-fall-box i{width:var(--s);height:var(--s);background:currentColor;border-radius:50%;animation:linear infinite ddFall;position:absolute;top:-10px}.dd-fall-box.snow{color:#fff}.dd-fall-box.snow i{opacity:.85}.dd-fall-box.rain{color:#82b9ffd9}.dd-fall-box.rain i{border-radius:1px;width:1.2px;height:9px;animation-name:ddRain}.dd-fall-box.petal{color:#ffc2d9}.dd-fall-box.petal i{width:calc(var(--s) * 1.3);border-radius:60% 0}.dd-fall-box.leaf{color:#f08c2e}.dd-fall-box.leaf i{width:calc(var(--s) * 1.4);height:calc(var(--s) * 1.4);border-radius:0 70%}.dd-fall-box.leaf i:nth-child(3n){color:#e2572b}.dd-fall-box.leaf i:nth-child(3n+1){color:#f3c14b}.dd-fall-box.heart{color:#ff5d8f}.dd-fall-box.heart i{width:auto;height:auto;font-size:calc(var(--s) * 2.2);background:0 0;line-height:1;animation-name:ddRise;top:auto;bottom:-10px}.dd-fall-box.heart i:before{content:"♥"}@keyframes ddFall{0%{transform:translate(0, 0) rotate(var(--r))}50%{transform:translate(5px, 36px) rotate(calc(var(--r) + 90deg))}to{transform:translate(-3px, 74px) rotate(calc(var(--r) + 180deg))}}@keyframes ddRain{0%{transform:translate(0)rotate(12deg)}to{transform:translate(-14px,76px)rotate(12deg)}}@keyframes ddRise{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}to{opacity:0;transform:translateY(-64px)}}.dd-halloween .logo-mark{color:#1f0f2e;background:linear-gradient(135deg,#f6a043,#8a4bd6)}.dd-christmas .logo-mark{color:#fff;background:linear-gradient(135deg,#e5484d,#2f9e5b)}.dd-valentine .logo-mark,.dd-pepero .logo-mark{color:#4a0f22;background:linear-gradient(135deg,#ff9ab8,#ff5d8f)}.dd-whiteday .logo-mark{color:#1f2a55;background:linear-gradient(135deg,#a5d8ff,#d0bfff)}.dd-newyear .logo-mark,.dd-seollal .logo-mark{color:#3a1500;background:linear-gradient(135deg,#ffd54a,#ff7a59)}.dd-chuseok .logo-mark{color:#3a1f00;background:linear-gradient(135deg,#ffd27a,#e8963a)}.dd-winter .logo-mark,.dd-snow .logo-mark{color:#0d2a4d;background:linear-gradient(135deg,#cfeaff,#5fa8ff)}.dd-rain .logo-mark{color:#0a1a40;background:linear-gradient(135deg,#8fb8ff,#4c6fd8)}.dd-blossom .logo-mark{color:#4a0f22;background:linear-gradient(135deg,#ffd6e6,#ff8fb8)}.dd-summer .logo-mark{color:#06213f;background:linear-gradient(135deg,#5ee0ff,#2f8fff)}.dd-autumn .logo-mark{color:#3a1200;background:linear-gradient(135deg,#ffb347,#e2572b)}.dd-carnation .logo-mark,.dd-children .logo-mark,.dd-buddha .logo-mark{color:#3a0d14;background:linear-gradient(135deg,#ffd27a,#ff7a8a)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.dd-pop,.dd-flap,.dd-bob,.dd-wave,.dd-spin,.dd-twinkle{animation:none}.dd-fall-box{display:none}}.theme-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:none;width:54px;height:30px;margin-left:auto;padding:0;transition:background .2s,border-color .2s;position:relative}.topbar .search-compact~.theme-btn{margin-left:0}.theme-btn:hover{border-color:#ffffff40}.theme-knob{border-radius:50%;place-items:center;width:22px;height:22px;transition:transform .25s cubic-bezier(.3,1.4,.5,1),background .2s,color .2s;display:grid;position:absolute;top:3px;left:3px}.theme-btn.is-dark .theme-knob{color:#ffe08a;background:#2a3245;transform:translate(24px)}.theme-btn.is-light .theme-knob{color:#f3a91b;background:#fff;box-shadow:0 1px 4px #10182840}@media (max-width:860px){.topbar .search-compact~.theme-btn{order:2;margin-left:auto}}html[data-theme=light]{--bg:#f3f5f9;--panel:#fff;--panel-2:#eef1f6;--line:#dfe4ec;--glass:#ffffffc7;--shadow:0 1px 2px #1018280a, 0 10px 26px -18px #10182838;--text:#151922;--sub:#4b5363;--mute:#868e9e;--brand:#10b085;--brand-ink:#04231b;--win:#2f6fe4;--win-bg:#e9f0ff;--win-line:#b8cdf5;--loss:#e5354b;--loss-bg:#ffeef0;--loss-line:#f4bcc4;--remake:#7a8191;--remake-bg:#eef0f4;--gold:#d39a16;--silver:#8c96a8;--bronze:#b8713c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .topbar{background:#ffffffd1;border-bottom-color:#10182814}[data-theme=light] .subbar{border-top-color:#1018280f}[data-theme=light] .logo .txt{background:linear-gradient(90deg,#151922,#0e8f6c);-webkit-background-clip:text;background-clip:text}[data-theme=light] .nav a{color:#4b5363}[data-theme=light] .nav a:hover{color:#151922;background:#1018280d}[data-theme=light] .nav a.on{color:#0b6e53;background:#10b0851f;box-shadow:inset 0 0 0 1px #10b08559}[data-theme=light] .game-btn{background:#1018280a;border-color:#1018281a}[data-theme=light] .game-btn:hover{background:#10182814}[data-theme=light] .game-menu,[data-theme=light] .search-hint{border-color:var(--line);background:#fff;box-shadow:0 20px 50px -16px #10182847}[data-theme=light] .game-menu a:hover,[data-theme=light] .game-menu a.on{color:var(--text);background:#1018280d}[data-theme=light] .theme-btn{background:#1018280f;border-color:#1018281f}[data-theme=light] .theme-btn:hover{border-color:#10182840}[data-theme=light] .dd-fall-box.snow{color:#9fc2ea}[data-theme=light] .search{background:#fffffff2;box-shadow:0 10px 34px -20px #10182859}[data-theme=light] .search:focus-within{box-shadow:0 0 0 4px #10b08524,0 10px 34px -20px #10182859}[data-theme=light] .panel{background:var(--panel)}[data-theme=light] .sample-banner{color:#7a5a00;background:#fff6d8;border-bottom-color:#f1dc9a}[data-theme=light] .error-box{color:#b4233a}[data-theme=light] .error-box b{color:#7a1222}[data-theme=light] .profile-icon .lv,[data-theme=light] .champ-face .lvl{color:var(--text);background:#fff}[data-theme=light] .expand{background:#1018280a}[data-theme=light] .expand:hover{background:#10182814}[data-theme=light] .tft-match.top4{background:#eef3ff}[data-theme=light] .stats-table tbody tr:hover,[data-theme=light] .build-row:hover,[data-theme=light] .pn-row:hover{background:#10182808}[data-theme=light] .grade.g3{color:#2a303c;background:#d9dee8}[data-theme=light] .grade.g4{color:var(--sub);background:#e6e9ef}[data-theme=light] .grade.g5{color:var(--mute);background:#eef0f4}[data-theme=light] .skel{background:linear-gradient(90deg, var(--panel-2) 0%, #e2e6ed 50%, var(--panel-2) 100%);background-size:200% 100%}[data-theme=light] .filter-bar a:hover,[data-theme=light] .filter-bar button:hover,[data-theme=light] .reward-nav a:hover{color:var(--text);border-color:#c5ccd8}[data-theme=light] .reward-nav a.on{color:#fff;background:#151922;border-color:#151922}[data-theme=light] .item-cell:hover,[data-theme=light] .wisp-card:hover{border-color:#c5ccd8}[data-theme=light] .pos-bar i{background:#d5dbe5}[data-theme=light] .aug-body p,[data-theme=light] .wisp-card p{color:var(--sub)}[data-theme=light] .aug-comp,[data-theme=light] .wisp-up{background:#10182809}[data-theme=light] .wisp-up .tag.prism{color:#6a2fa0}[data-theme=light] .wisp-cost,[data-theme=light] .tier-head .val,[data-theme=light] .rw.gold,[data-theme=light] .rw em.star{color:#b07d00}[data-theme=light] .wisp-cost{background:#d39a1624}[data-theme=light] .pick-cell:hover{color:var(--text)}[data-theme=light] .copy-btn{color:#0b6e53;background:#10b0851a;border-color:#10b08566}[data-theme=light] .live-badge{color:#c8243a}[data-theme=light] .hex-board{background:radial-gradient(120% 100% at 50% 0,#eef2f8,#e2e7ef)}[data-theme=light] .hex{background:#d3d9e3}[data-theme=light] .faces-row a:hover{outline-color:#10182866}[data-theme=light] .podium-card.p1 .place{color:#c08a00}[data-theme=light] .podium-card.p2 .place{color:#7d8799}[data-theme=light] .podium-card.p3 .place{color:#b06a32}[data-theme=light] .match:before{opacity:.12}[data-theme=light] .footer{border-top-color:#10182814}[data-theme=light] .home-hero,[data-theme=light] .hot-card,[data-theme=light] .champ-banner,[data-theme=light] .profile-banner,[data-theme=light] .pn-hero{border-color:#10182814}[data-theme=light] .home-hero h1{text-shadow:none}[data-theme=light] .home-hero p{color:var(--sub)}[data-theme=light] .home-hero:after{background:linear-gradient(180deg, #f3f5f98c 0%, #f3f5f9cc 55%, var(--bg) 100%), radial-gradient(70% 60% at 50% 40%, transparent, #f3f5f999)}[data-theme=light] .home-hero .credit{color:#10182873}[data-theme=light] :is(.hot-card,.champ-banner,.profile-banner,.pn-hero){--text:#f1f3f8;--sub:#c4cad6;--mute:#8a91a1;--panel:#12151c;--panel-2:#1a1e28;--line:#2a3140;--brand:#2fd4a7;color:var(--text)}[data-theme=light] .profile-banner:not(.has-splash){background:#1a1e28}.dd-witch{fill:#4a2470;stroke:#c9a2ff;stroke-width:.8px;stroke-linejoin:round}.dd-witch[transform]{stroke-width:5px}[data-theme=light] .dd-witch{fill:#3a1b5a;stroke:none}@media (max-width:480px){.theme-btn{width:32px;height:32px}.theme-knob,.theme-btn.is-dark .theme-knob{top:4px;left:4px;transform:none}.game-btn .game-lbl{display:none}.game-btn{gap:6px;padding-right:10px}}.doc-page{max-width:820px;padding-top:32px;padding-bottom:20px;font-size:15px;line-height:1.75}.doc-page h1{letter-spacing:-.03em;margin:0 0 6px;font-size:30px}.doc-page h2{margin:32px 0 10px;font-size:18px}.doc-page p,.doc-page li{color:var(--sub)}.doc-page ul{gap:8px;margin:0;padding-left:20px;display:grid}.doc-page b{color:var(--text)}.doc-page a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}