:root{--bg: #07101f;--panel: #0f1a2d;--panel2: #121f35;--line: rgba(148, 163, 184, .18);--line2: rgba(148, 163, 184, .28);--text: #e5edf8;--muted: #8392aa;--blue: #3b82f6;--red: #f43f5e;--green: #22c55e;--yellow: #facc15}body{min-width:1780px;overflow-x:auto;background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.22),transparent 26%),radial-gradient(circle at 90% 0%,rgba(244,63,94,.18),transparent 26%),linear-gradient(180deg,#070b14,#07101f)}.page{width:1780px;min-width:1780px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.topbar p{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.14em}.topbar h1{margin:0;font-size:32px;line-height:1.05;letter-spacing:-.04em}.topbar span{display:block;margin-top:6px;color:var(--muted);font-size:13px;font-weight:700}.top-actions{display:flex;gap:8px}.mode-btn,.ghost-btn{height:38px;border-radius:12px;border:1px solid var(--line2);background:#0f1a2ddb;color:var(--text);font-weight:900;padding:0 14px}.mode-btn.on{border-color:#22c55eb3;color:#bbf7d0;background:#22c55e21}.ghost-btn:hover,.mode-btn:hover{border-color:#e2e8f06b}.active-banner{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#0f1a2db8;color:#cbd5e1;font-weight:800}.active-banner span{color:var(--yellow)}.main-grid{display:grid;grid-template-columns:320px 700px 620px;gap:14px;align-items:start}.champion-panel,.draft-board,.recommend-panel,.win-strip{border:1px solid var(--line);background:linear-gradient(180deg,#121f35f5,#0a1220f0);border-radius:20px;box-shadow:0 24px 70px #0000004d}.champion-panel{padding:14px;position:sticky;top:12px;max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden}.search-input{width:100%;height:42px;padding:0 13px;border-radius:12px;border:1px solid var(--line2);background:#0206178c;color:#fff;outline:none;font-weight:800}.lane-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0}.lane-tabs button{height:32px;border:1px solid var(--line);border-radius:10px;background:#0f1a2dcc;color:var(--muted);font-size:12px;font-weight:900}.lane-tabs button.active{color:#fff;background:#3b82f647;border-color:#60a5faa6}.champion-grid-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:8px;flex:1;min-height:0;max-height:calc(100vh - 170px);overflow-y:auto;overflow-x:hidden;padding-right:4px;align-content:start}.champion-grid-panel::-webkit-scrollbar,.sheet-body::-webkit-scrollbar{width:8px;height:8px}.champion-grid-panel::-webkit-scrollbar-thumb,.sheet-body::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:999px}.champ-icon-btn{position:relative;aspect-ratio:1 / 1;width:100%;min-width:0;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#02061799;overflow:hidden}.champ-icon-btn img{width:100%;height:100%;object-fit:cover;display:block}.champ-icon-btn:hover:not(.disabled){transform:translateY(-2px);border-color:#60a5facc;box-shadow:0 0 0 2px #3b82f62e}.champ-icon-btn.disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.9)}.champ-blocked{position:absolute;inset:auto 2px 2px 2px;background:#000000b8;color:#fecdd3;border-radius:7px;font-size:10px;font-weight:900;padding:2px 0}.draft-board{padding:14px}.ban-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.ban-side{padding:12px;border-radius:16px;border:1px solid var(--line);background:#02061757}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-title-row strong{display:block;margin:0;font-size:12px;letter-spacing:.1em;color:var(--muted)}.panel-title-row button{height:26px;padding:0 9px;border-radius:9px;border:1px solid var(--line2);background:#0f1a2ddb;color:#cbd5e1;font-size:11px;font-weight:900}.panel-title-row button:hover{border-color:#e2e8f06b;color:#fff}.ban-side.blue strong{color:#93c5fd}.ban-side.red strong{color:#fda4af}.pick-title{margin-bottom:12px}.pick-title h2{margin:0;font-size:18px}.ban-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ban-slot{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border:1px solid var(--line);border-radius:13px;background:#0f1a2dcc;color:var(--muted);font-size:12px;font-weight:900}.ban-slot img{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:grayscale(.5) brightness(.78)}.ban-slot.active{outline:2px solid var(--yellow);box-shadow:0 0 22px #facc1540}.pick-board{display:grid;grid-template-columns:1fr 70px 1fr;gap:12px;align-items:stretch}.side-picks{padding:14px;border-radius:18px;border:1px solid rgba(59,130,246,.28);background:#3b82f612}.side-picks.red-side{border-color:#f43f5e47;background:#f43f5e12}.pick-row{position:relative;display:grid;grid-template-columns:34px 48px 1fr;align-items:center;gap:9px;height:64px;margin-bottom:9px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#02061761}.pick-row:last-child{margin-bottom:0}.pick-row.active{outline:2px solid var(--yellow);box-shadow:0 0 24px #facc152e}.role-icon{width:28px;height:28px;opacity:.9}.role-label{color:#cbd5e1;font-size:12px;font-weight:900}.pick-champ-box{display:grid;place-items:center;justify-self:end;width:50px;height:50px;border-radius:14px;border:1px solid var(--line);background:#0f1a2dcc;color:var(--muted);font-size:22px;font-weight:900;overflow:hidden}.pick-champ-box img{width:100%;height:100%;object-fit:cover}.clear-mini{position:absolute;right:-5px;top:-5px;width:22px;height:22px;border:1px solid rgba(244,63,94,.4);border-radius:999px;background:#f43f5e40;color:#fecdd3;font-weight:900}.ban-x{right:-6px;top:-6px}.vs-column{display:grid;place-items:center;color:#fff;font-size:28px;font-weight:1000;letter-spacing:.1em;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle,#ffffff1a,#0206178c)}.win-strip{margin-top:12px;padding:12px;display:grid;grid-template-columns:1fr 110px 1fr;gap:10px;align-items:center}.win-bar-wrap{grid-column:1 / -1}.muted-strip{display:block;color:var(--muted);text-align:center;font-weight:800}.win-side{padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#02061759}.win-side span,.win-side em{display:block;color:var(--muted);font-size:11px;font-weight:900}.win-side strong{display:block;font-size:30px;color:#fff}.win-side.blue span{color:#93c5fd}.win-side.red span{color:#fda4af;text-align:right}.win-side.red{text-align:right}.win-vs{text-align:center;color:var(--muted);font-size:12px;font-weight:900}.compare-bar{width:100%}.compare-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:1000;letter-spacing:.08em}.compare-bar-top strong{color:#e5edf8;font-size:11px}.compare-track{height:12px;display:flex;overflow:hidden;border-radius:999px;border:1px solid var(--line2);background:#02061780}.compare-blue{height:100%;background:linear-gradient(90deg,#3b82f6f2,#60a5fabf)}.compare-red{height:100%;background:linear-gradient(90deg,#f87171bf,#f43f5ef2)}.recommend-panel{padding:14px;position:sticky;top:12px}.recommend-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.recommend-head p{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em}.recommend-head h2{margin:0;font-size:20px}.recommend-head span{color:var(--yellow);font-size:12px;font-weight:900}.sheet-table{border:1px solid var(--line2);border-radius:12px;overflow-x:auto;overflow-y:hidden;background:#02061747}.sheet-row{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr 1fr 1fr 1fr;width:100%;min-width:580px;border:0;background:transparent;color:var(--text);text-align:center;padding:0}.sheet-table.ban-mode .sheet-row{grid-template-columns:1.5fr .8fr 1fr 1fr 1fr}.sheet-cell{min-width:0;min-height:38px;padding:7px 6px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:850;overflow:hidden;background:transparent;color:inherit}.sheet-cell:last-child{border-right:0}.sheet-head-row .sheet-cell{background:#1e293bd1;color:#cbd5e1;font-size:11px;font-weight:1000}.sheet-data-row{cursor:pointer}.sheet-data-row:hover:not(:disabled) .sheet-cell{background:#3b82f624}.sheet-data-row:disabled{cursor:default;opacity:.85}.sheet-body{max-height:calc(100vh - 150px);overflow-y:auto}.champ-cell{display:flex;flex-direction:row;justify-content:flex-start!important;gap:8px;text-align:left;padding-left:10px}.champ-cell img{width:30px;height:30px;border-radius:8px;object-fit:cover}.champ-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-cell{color:#fef08a;font-weight:1000}.sheet-cell small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:800}@media (max-width: 1460px){.main-grid{grid-template-columns:330px minmax(560px,1fr)}.recommend-panel{grid-column:1 / -1;position:static}.sheet-body{max-height:460px}}@media (max-width: 920px){.main-grid,.pick-board,.ban-board,.win-strip{grid-template-columns:1fr}.vs-column{height:58px}.champion-panel,.recommend-panel{position:static}.champion-grid-panel{grid-template-columns:repeat(7,1fr);max-height:360px}.sheet-row{grid-template-columns:110px 64px 74px 74px 74px 74px 78px;min-width:560px}.sheet-table{overflow-x:auto}}.sample-detail{margin-top:12px;padding:12px;border:1px solid var(--line);background:linear-gradient(180deg,#121f35f5,#0a1220f0);border-radius:20px;box-shadow:0 24px 70px #00000038;overflow:hidden}.sample-detail.muted-strip{display:block;color:var(--muted);text-align:center;font-weight:800}.sample-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.sample-head p{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em}.sample-head h2{margin:0;font-size:18px}.sample-head span{color:var(--muted);font-size:11px;font-weight:800}.detail-block{margin-top:10px}.detail-block h3{margin:0 0 8px;color:#cbd5e1;font-size:13px}.detail-table{border:1px solid var(--line2);border-radius:12px;overflow-x:auto;background:#02061747}.detail-row{display:grid;grid-template-columns:78px 1.4fr 90px 90px 1.4fr 82px;min-width:620px}.detail-row>span,.detail-row>strong{min-width:0;min-height:34px;padding:7px 8px;display:flex;align-items:center;justify-content:center;gap:4px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-row>span:nth-child(2),.detail-row>span:nth-child(5){justify-content:flex-start}.detail-row>*:last-child{border-right:0}.detail-head>span{background:#1e293bd1;color:#cbd5e1;font-size:11px;font-weight:1000}.detail-row small{color:var(--muted);font-size:10px}@media (max-width: 1600px){.main-grid{grid-template-columns:350px 1fr}.recommend-panel{grid-column:1 / -1;position:static}}@media (max-width: 920px){.main-grid,.pick-board,.ban-board,.win-strip{grid-template-columns:1fr}.vs-column{height:58px}.champion-panel,.recommend-panel{position:static}.champion-grid-panel{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));max-height:360px}.sheet-row{grid-template-columns:110px 64px 74px 74px 74px 74px 78px;min-width:560px}.sheet-table.ban-mode .sheet-row{grid-template-columns:120px 70px 80px 80px 82px;min-width:460px}.sheet-table{overflow-x:auto}}@media (max-width: 1600px){body{min-width:1780px}.page{width:1780px;min-width:1780px}.main-grid{grid-template-columns:320px 700px 620px!important}.recommend-panel{grid-column:auto!important;position:sticky!important}}.vs-card-list{display:grid;grid-template-columns:1fr;gap:10px}.vs-card{border:1px solid var(--line2);border-radius:15px;background:#02061742;padding:10px}.vs-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.vs-card-title span{color:#cbd5e1;font-size:12px;font-weight:1000}.vs-card-title em{color:var(--muted);font-size:11px;font-style:normal;font-weight:900}.vs-card-main{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:8px;margin-bottom:8px}.vs-side{min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#0f1a2d8f}.vs-side strong,.vs-side span,.vs-side small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vs-side strong{color:#fff;font-size:13px;font-weight:1000}.vs-side span{margin-top:3px;color:#fef08a;font-size:16px;font-weight:1000}.vs-side small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:900}.vs-side.red{text-align:right}.vs-mid{text-align:center;color:#e5edf8;font-size:13px;font-weight:1000}@media (max-width: 920px){body{min-width:1780px}.page{width:1780px;min-width:1780px}.main-grid{grid-template-columns:320px 700px 620px!important}.pick-board{grid-template-columns:1fr 70px 1fr!important}.ban-board{grid-template-columns:1fr 1fr!important}.win-strip{grid-template-columns:1fr 110px 1fr!important}.vs-column{height:auto!important}.champion-panel,.recommend-panel{position:sticky!important}.recommend-panel{grid-column:auto!important}.champion-grid-panel{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))!important;max-height:calc(100vh - 170px)!important}}body{min-width:1780px!important;overflow-x:auto!important}.page{width:1780px!important;min-width:1780px!important}.main-grid{grid-template-columns:320px 700px 620px!important;gap:14px!important;align-items:start!important}.center-panel{min-width:0}.active-banner em{margin-left:auto;color:var(--muted);font-size:12px;font-style:normal}.champion-grid-panel{overflow-y:scroll!important;scrollbar-gutter:stable both-edges}.pick-board{align-items:start}.pick-order-wrap{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.pick-order-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#cbd5e1;font-size:12px;font-weight:1000}.pick-order-title span{color:var(--muted);font-size:10px;font-weight:900}.pick-order-list{display:grid;grid-template-columns:1fr;gap:6px}.pick-order-card{position:relative;display:grid;grid-template-columns:36px 32px minmax(0,1fr) 38px 20px;align-items:center;gap:6px;min-height:38px;padding:5px 7px;border:1px solid var(--line);border-radius:12px;background:#02061757;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.pick-order-card.empty{grid-template-columns:36px 1fr;color:var(--muted);border-style:dashed}.pick-order-card.filled{cursor:grab}.pick-order-card.filled:active{cursor:grabbing}.pick-order-card.active{outline:2px solid var(--yellow);box-shadow:0 0 18px #facc152e}.pick-order-card strong{color:#dbeafe;font-size:11px;font-weight:1000}.pick-order-card.red strong{color:#fecdd3}.pick-order-card img{width:32px;height:32px;object-fit:cover;border-radius:9px}.pick-order-card span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:12px;font-weight:900}.pick-order-card em{display:grid;place-items:center;height:22px;border-radius:8px;background:#3b82f629;color:#bfdbfe;font-size:10px;font-style:normal;font-weight:1000}.pick-order-card.red em{background:#f43f5e24;color:#fecdd3}.pick-order-card small{color:var(--muted);font-size:11px;font-weight:900}.pick-order-card button{width:20px;height:20px;padding:0;border:1px solid rgba(244,63,94,.38);border-radius:999px;background:#f43f5e38;color:#fecdd3;font-size:13px;font-weight:1000}.recommend-panel{height:calc(100vh - 24px);min-height:620px;display:flex;flex-direction:column;overflow:hidden}.recommend-status{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.recommend-status em{color:var(--muted);font-size:11px;font-style:normal;font-weight:900}.recommend-toolbar{margin-bottom:8px}.recommend-lane-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.recommend-lane-tabs button{height:30px;border:1px solid var(--line);border-radius:10px;background:#0f1a2dcc;color:var(--muted);font-size:11px;font-weight:1000}.recommend-lane-tabs button.active{color:#fff;background:#3b82f647;border-color:#60a5faa6}.recommend-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;margin-bottom:10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#02061747}.recommend-guide span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:10px;font-weight:800}.recommend-guide b{color:#dbeafe;font-weight:1000}.sheet-table{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden!important}.sheet-head-row{flex-shrink:0}.sheet-body{flex:1;max-height:none!important;min-height:0;overflow-y:scroll!important;overflow-x:hidden;scrollbar-gutter:stable}.sheet-row{min-width:0!important}.sheet-table.pick-mode .sheet-row{grid-template-columns:1.45fr .72fr .88fr .88fr .88fr .88fr .78fr!important}.sheet-table.ban-mode .sheet-row{grid-template-columns:1.55fr .8fr 1fr 1fr .85fr!important}.champ-cell em{flex-shrink:0;margin-left:auto;color:var(--muted);font-size:10px;font-style:normal;font-weight:1000}.metric-cell{flex-direction:column;gap:1px}.metric-cell span,.score-cell span,.vs-side span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:2px 5px;border-radius:7px;font-weight:1000}.rate-good{color:#bbf7d0!important;background:#22c55e1f}.rate-bad{color:#fecaca!important;background:#f8717121}.rate-neutral{color:#fef9c3!important;background:#facc151a}.rate-empty{color:var(--muted)!important;background:transparent}.sample-cell{color:#dbeafe;font-weight:1000}.sample-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sample-section{min-width:0;padding:10px;border:1px solid var(--line2);border-radius:15px;background:#0206173d}.sample-section h3{margin:0 0 9px;color:#cbd5e1;font-size:13px;font-weight:1000}.empty-mini{display:grid;place-items:center;min-height:92px;color:var(--muted);font-size:12px;font-weight:850;text-align:center;border:1px dashed var(--line);border-radius:12px}.vs-card-list{max-height:420px;overflow-y:auto;padding-right:3px;scrollbar-gutter:stable}.vs-card{padding:9px}.vs-card-main{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:6px}.vs-side{padding:7px 8px}.vs-side strong{font-size:12px}.vs-side span{font-size:13px}@media (max-width: 1600px){body{min-width:1780px!important}.page{width:1780px!important;min-width:1780px!important}.main-grid{grid-template-columns:320px 700px 620px!important}.recommend-panel{grid-column:auto!important;position:sticky!important}}.side-slot-list{display:grid;grid-template-columns:1fr;gap:9px}.pick-row{grid-template-columns:46px 30px minmax(0,1fr) 52px!important;margin-bottom:0!important;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease,background .14s ease}.pick-row.draggable{cursor:grab}.pick-row.draggable:active{cursor:grabbing}.pick-row.dragging{opacity:.52;transform:scale(.985)}.pick-row.drop-target{border-color:#facc15d9!important;box-shadow:0 0 0 2px #facc1538,0 10px 26px #0000003d;transform:translateY(4px)}.pick-no{display:grid;place-items:center;width:42px;height:24px;border:1px solid rgba(96,165,250,.34);border-radius:999px;background:#3b82f629;color:#dbeafe;font-size:11px;font-weight:1000;line-height:1}.pick-row.red .pick-no{border-color:#f43f5e57;background:#f43f5e26;color:#fecdd3}.pick-no.empty{border-style:dashed;background:#0f1a2d70;color:var(--muted)}.role-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-champ-box{grid-column:4}.inline-drag-hint{margin:10px 2px 0;color:var(--muted);font-size:10px;font-weight:850;line-height:1.35}.pick-order-wrap{display:none!important}.sheet-table{flex:1;min-height:0;display:block!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-gutter:stable}.sheet-head-row{position:sticky;top:0;z-index:5;background:#1e293bf5}.sheet-body{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:0!important}.sheet-row{width:100%!important;min-width:0!important;align-items:stretch}.sheet-table.pick-mode .sheet-row{grid-template-columns:minmax(126px,1.42fr) 58px minmax(76px,.88fr) minmax(76px,.88fr) minmax(76px,.88fr) minmax(76px,.88fr) 68px!important}.sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(138px,1.45fr) 62px minmax(88px,1fr) minmax(88px,1fr) 70px!important}.sheet-cell{min-height:44px;padding:6px 5px;line-height:1.1}.sheet-head-row .sheet-cell{min-height:38px;white-space:nowrap}.metric-cell{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.metric-cell span,.score-cell span{line-height:1}.metric-cell small{width:100%;margin-top:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.sample-cell{align-items:center;justify-content:center;text-align:center;white-space:nowrap}.champ-cell,.champ-cell span{min-width:0}.side-slot-list{position:relative;display:grid;grid-template-columns:1fr;gap:9px}.pick-row.sortable{grid-template-columns:46px 28px minmax(0,1fr) 54px!important;height:64px;margin-bottom:0!important;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .12s ease,background .16s ease}.pick-row.sortable:active{cursor:grabbing}.pick-row.sortable.empty{border-style:dashed;background:#02061742}.pick-row.sortable.empty:hover,.pick-row.sortable.filled:hover{border-color:#94a3b85c;background:#0f1a2d8f}.pick-row.sortable.dragging{opacity:.3;transform:scale(.985);border-style:dashed;box-shadow:inset 0 0 0 1px #facc152e}.pick-row.sortable.drop-target{border-color:#facc15d1!important;box-shadow:0 0 0 2px #facc152e,0 12px 28px #0003}.drag-grip{display:grid;place-items:center;width:18px;height:34px;color:#94a3b8b8;font-size:15px;font-weight:1000;letter-spacing:-7px;transform:translate(-2px);pointer-events:none}.pick-row.sortable:hover .drag-grip,.pick-drag-ghost .drag-grip{color:#e2e8f0}.pick-row.sortable .pick-no,.pick-drag-ghost .pick-no{grid-column:auto;flex-shrink:0}.pick-row.sortable .role-icon,.pick-drag-ghost .role-icon{width:26px;height:26px}.pick-row.sortable .role-label,.pick-drag-ghost .role-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-row.sortable .pick-champ-box,.pick-drag-ghost .pick-champ-box{grid-column:auto;width:50px;height:50px;justify-self:end}.pick-row.sortable.empty .pick-champ-box{border-style:dashed;color:#94a3b8}.pick-drag-ghost{position:fixed;z-index:9999;display:grid;grid-template-columns:46px 28px minmax(0,1fr) 54px;align-items:center;gap:9px;padding:8px;border:1px solid rgba(96,165,250,.62);border-radius:14px;background:linear-gradient(180deg,#0f2343fa,#030d1ffa);box-shadow:0 24px 55px #0000006b,0 0 0 2px #facc152e;color:var(--text);pointer-events:none;opacity:.96}.pick-drag-ghost.red{border-color:#fb71859e;background:linear-gradient(180deg,#30152afa,#10091dfa)}.pick-drag-ghost .pick-no{border-color:#facc158c;background:#facc1524;color:#fef3c7}.inline-drag-hint{margin:10px 2px 0;color:#94a3b8;font-size:10px;font-weight:850;line-height:1.35}.drag-grip,.pick-drag-ghost .drag-grip{display:none!important}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.24) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent;border-radius:999px}*::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#94a3b85c}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0}.champion-grid-panel,.sheet-table,.sheet-body,.detail-table,.vs-card-list,.sample-detail,.sample-section,body{scrollbar-gutter:stable}.sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(154px,1.65fr) minmax(98px,1fr) minmax(98px,1fr) 78px!important}.sheet-table.ban-mode .metric-cell span{min-width:52px}.recommend-guide{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}.recommend-guide span{display:flex;align-items:center;gap:5px;min-height:20px;line-height:1.15}.recommend-guide b{flex:0 0 auto}.sheet-table.pick-mode .sheet-row{grid-template-columns:minmax(128px,1.44fr) 58px 78px 72px 78px 72px 66px!important}.sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(128px,1.5fr) 66px 72px 86px 68px!important}.sheet-cell{box-sizing:border-box;min-width:0}.sheet-head-row .sheet-cell{padding-left:4px!important;padding-right:4px!important;font-size:10.5px!important;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champ-cell{gap:6px!important;padding-left:8px!important;padding-right:6px!important}.champ-cell img{width:28px!important;height:28px!important;border-radius:8px!important;flex:0 0 auto}.champ-cell span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.champ-cell em{flex:0 0 auto;margin-left:0!important;min-width:28px;padding:2px 4px;border-radius:7px;background:#94a3b81a;text-align:center;font-size:9.5px!important}.metric-cell span,.score-cell span{min-width:46px!important;padding:3px 5px!important;font-size:11.5px}.sheet-table.ban-mode .metric-cell span,.sheet-table.ban-mode .score-cell span{min-width:48px!important}.metric-cell small{font-size:9.5px!important;max-width:100%;opacity:.88}.sample-cell{font-size:11px!important;font-weight:950!important;letter-spacing:-.02em}.sheet-col-totalScore,.sheet-col-ban,.sheet-col-lane,.sheet-col-ally,.sheet-col-matchup,.sheet-col-enemyTeam,.sheet-col-sample{justify-content:center!important}.pick-drag-ghost{display:none!important}.side-slot-list.drag-active{cursor:grabbing}.side-slot-list.drag-active .pick-row.sortable{transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .16s ease,box-shadow .16s ease,opacity .12s ease,background .16s ease,filter .16s ease!important}.side-slot-list.drag-active .pick-row.sortable:not(.dragging){opacity:.86;filter:saturate(.92) brightness(.92)}.pick-row.sortable.dragging{opacity:1!important;position:relative;z-index:20;cursor:grabbing;transform:translateY(-4px) scale(1.038)!important;border-style:solid!important;border-color:#facc15f5!important;background:linear-gradient(180deg,#253149fa,#0f172aeb)!important;box-shadow:0 24px 54px #00000070,0 0 0 2px #facc1538,inset 0 1px #ffffff1f!important;filter:saturate(1.08) brightness(1.08)}.pick-row.sortable.dragging:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:18px;border:1px solid rgba(250,204,21,.28);box-shadow:0 0 28px #facc151f;pointer-events:none}.pick-row.sortable.dragging .pick-no{border-color:#facc15b8!important;background:#facc152e!important;color:#fef3c7!important}.pick-row.sortable.dragging .pick-champ-box{transform:scale(1.045);box-shadow:0 12px 26px #00000059}.pick-row.sortable.drop-target{transform:none!important;border-color:#94a3b857!important;background:#0f1a2d85!important;box-shadow:inset 0 0 0 1px #facc151f!important}.vs-champ-summary{min-width:0;display:flex;align-items:center;gap:7px;margin-bottom:4px}.vs-side.red .vs-champ-summary{justify-content:flex-end;flex-direction:row-reverse}.vs-icon-stack{flex:0 0 auto;display:flex;align-items:center;min-width:28px;max-width:58px}.vs-icon-stack img{width:28px;height:28px;border-radius:9px;object-fit:cover;border:1px solid rgba(226,232,240,.22);background:#020617b3;box-shadow:0 6px 14px #00000038}.vs-icon-stack.multi img+img{margin-left:-8px}.vs-champ-summary strong{flex:1 1 auto;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:12px;font-weight:1000}.vs-side.red .vs-champ-summary strong{text-align:right}.champ-lane-badge{position:absolute;left:3px;right:3px;bottom:3px;display:block;padding:2px 3px;border-radius:7px;background:#020617bd;color:#dbeafe;font-size:8.5px;font-weight:1000;line-height:1;letter-spacing:-.03em;text-align:center;pointer-events:none}.pick-row.multi-lane{height:70px!important}.pick-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.pick-info-top{min-width:0;display:flex;align-items:center;gap:7px}.pick-champ-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:12px;font-weight:1000}.lane-switcher{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.lane-switcher button{height:18px;min-width:34px;padding:0 6px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#0f1a2db8;color:#94a3b8;font-size:9px;font-weight:1000;line-height:1}.lane-switcher button.active{border-color:#facc15a6;background:#facc1524;color:#fef3c7}.lane-switcher button:hover:not(.active){border-color:#60a5fa8c;color:#dbeafe}.recommend-toolbar{display:grid;gap:8px}.recommend-search-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--line2);border-radius:11px;background:#0206178c;color:#fff;outline:none;font-size:12px;font-weight:900}.recommend-search-input::placeholder{color:#94a3b8b8}.recommend-search-input:focus{border-color:#60a5fab8;box-shadow:0 0 0 2px #3b82f624}.champ-lane-badge,.lane-switcher{display:none!important}.pick-row.multi-lane,.pick-row.sortable.multi-lane{height:64px!important}.pick-row.sortable.dragging{transform:translateY(-3px) scale(1.026)!important}.vs-card.combo-card .vs-card-main{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.vs-champ-summary.icon-only{justify-content:center;margin-bottom:6px}.vs-side.red .vs-champ-summary.icon-only{justify-content:center;flex-direction:row}.vs-champ-summary.icon-only .vs-icon-stack{justify-content:center;min-width:34px;max-width:82px}.vs-card.combo-card .vs-side{align-items:center}.vs-card.combo-card .vs-side.red{text-align:center}.win-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.win-vs strong{font-size:13px;color:#e5e7eb}.win-vs small{color:var(--muted);font-size:10px;font-weight:900;line-height:1.25}.win-breakdown{display:flex!important;flex-wrap:wrap;gap:4px 6px;margin-top:6px;color:#cbd5e1d6!important;font-size:10px!important;font-weight:900}.win-side.red .win-breakdown{justify-content:flex-end}.win-breakdown span{padding:2px 5px;border-radius:999px;background:#0f172a8c;border:1px solid rgba(148,163,184,.12)}.sample-columns-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.sample-combo-stack{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}.exact-sample-section{border-color:#60a5fa3b}.partial-sample-section{border-color:#facc153d;background:#713f121a}.exact-sample-section h3:after,.partial-sample-section h3:after{margin-left:7px;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:1000;vertical-align:1px}.exact-sample-section h3:after{content:"같은 경기 표본";color:#bfdbfe;background:#3b82f626}.partial-sample-section h3:after{content:"참고 지표";color:#fef3c7;background:#facc1524}.vs-card.exact-card{border-color:#60a5fa2e}.vs-card.partial-card{border-color:#facc1533;background:#0f172a6b}.vs-card.partial-card .vs-card-title em{color:#fde68a}.combo-exact-list,.combo-partial-list{max-height:250px}body{overflow-y:auto}.page{padding-bottom:180px}.main-grid{padding-bottom:80px}.win-vs small{display:none!important}.sample-detail{min-height:760px;display:flex;flex-direction:column}.sample-columns-split{flex:1;align-items:stretch!important;min-height:640px}.sample-columns-split>.sample-section,.sample-columns-split>.sample-combo-stack{min-height:0}.sample-section{display:flex;flex-direction:column;min-height:0}.sample-section>.vs-card-list{flex:1;min-height:0;max-height:none!important}.sample-combo-stack{height:100%;min-height:0;grid-template-rows:minmax(220px,.72fr) minmax(430px,1.28fr)}.exact-sample-section,.partial-sample-section{min-height:0}.combo-exact-list,.combo-partial-list{max-height:none!important}.partial-sample-section{min-height:430px}.partial-sample-section .vs-card-list{min-height:350px}.line-sample-section .vs-card-list,.sample-columns-split>.sample-section:first-child .vs-card-list{min-height:560px}@media (max-width: 920px){.sample-detail,.sample-columns-split{min-height:auto}.sample-combo-stack{grid-template-rows:auto}.partial-sample-section,.partial-sample-section .vs-card-list,.line-sample-section .vs-card-list,.sample-columns-split>.sample-section:first-child .vs-card-list{min-height:0}}.sample-detail.muted-strip{min-height:auto!important;display:block!important}.clear-mini{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;display:grid!important;place-items:center!important;z-index:80!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;border:1px solid rgba(251,113,133,.64)!important;background:linear-gradient(180deg,#f43f5ee6,#7f1d1df5)!important;color:#fff!important;box-shadow:0 8px 18px #00000057,0 0 0 2px #0f172adb!important;line-height:1!important;font-size:17px!important}.clear-mini:hover{transform:translateY(-1px) scale(1.04);border-color:#fecdd3f2!important;filter:brightness(1.1)}.clear-mini:active{transform:scale(.94)}.ban-slot .ban-x{top:-8px!important;right:-8px!important}.pick-row.filled .pick-champ-box,.ban-slot.filled,.ban-slot img{pointer-events:none}.ban-slot,.pick-row{overflow:visible!important}.win-vs strong{display:inline-block;white-space:nowrap}.sample-detail{min-height:720px!important;overflow:hidden!important}.sample-columns-split{grid-template-columns:minmax(0,330px) minmax(0,1fr)!important;align-items:start!important;min-height:0!important;flex:1 1 auto}.sample-section.line-sample-section{height:390px!important;min-height:390px!important;max-height:390px!important}.sample-section.line-sample-section>.vs-card-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;scrollbar-gutter:stable!important}.sample-combo-stack{display:flex!important;flex-direction:column!important;gap:10px!important;height:100%!important;min-height:610px!important;grid-template-rows:none!important}.exact-sample-section.empty-rows{flex:0 0 auto!important;min-height:0!important;padding:9px 10px!important}.exact-sample-section.empty-rows .empty-mini{min-height:52px!important;padding:8px!important}.exact-sample-section.has-rows{flex:0 0 auto!important;max-height:220px!important}.exact-sample-section.has-rows .combo-exact-list{max-height:150px!important;overflow-y:auto!important;scrollbar-gutter:stable!important}.partial-sample-section{flex:1 1 auto!important;min-height:500px!important;display:flex!important;flex-direction:column!important}.partial-sample-section .combo-partial-list,.partial-sample-section>.vs-card-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;scrollbar-gutter:stable!important}.partial-sample-section .vs-card{min-height:154px}.combo-exact-list,.combo-partial-list{padding-right:4px!important}.sample-detail.muted-strip{min-height:auto!important}.pick-row,.ban-slot{overflow:visible!important}.ban-slot.filled{pointer-events:auto!important}.pick-row .pick-champ-box,.ban-slot img{pointer-events:none!important}.pick-row .clear-mini,.ban-slot .clear-mini,.ban-slot .ban-x,.pick-row .pick-clear{pointer-events:auto!important;z-index:500!important}.clear-mini,.ban-x,.pick-clear{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-width:1px!important;border-color:#fecdd3e6!important;background:radial-gradient(circle at 35% 30%,#fb7185fa,#9f1239fa)!important;color:#fff!important;font-size:20px!important;font-weight:1000!important;line-height:1!important;box-shadow:0 10px 24px #0000007a,0 0 0 3px #0f172ae6,0 0 0 4px #f43f5e2e!important;opacity:1!important;touch-action:manipulation!important}.pick-row .pick-clear{top:-9px!important;right:-9px!important}.ban-slot .ban-clear,.ban-slot .ban-x{top:-10px!important;right:-10px!important}.clear-mini:hover,.ban-x:hover,.pick-clear:hover{transform:translateY(-1px) scale(1.08)!important;filter:brightness(1.12)!important}.clear-mini:active,.ban-x:active,.pick-clear:active{transform:scale(.94)!important}.win-breakdown{display:none!important}.sample-detail{min-height:0!important;overflow:visible!important}.sample-columns-split{grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;align-items:start!important;min-height:0!important}.sample-section.line-sample-section{height:340px!important;min-height:340px!important;max-height:340px!important}.sample-section.line-sample-section>.vs-card-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;scrollbar-gutter:stable!important;padding-right:4px!important}.sample-combo-stack{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;height:auto!important;grid-template-rows:none!important}.sample-combo-stack.no-exact .exact-sample-section,.exact-sample-section.empty-rows{flex:0 0 auto!important;min-height:0!important;padding:9px 10px!important}.sample-combo-stack.no-exact .exact-sample-section .empty-mini,.exact-sample-section.empty-rows .empty-mini{min-height:42px!important;padding:8px 10px!important;font-size:11px!important}.sample-combo-stack.has-exact .exact-sample-section,.exact-sample-section.has-rows{flex:0 0 auto!important;max-height:205px!important}.sample-combo-stack.has-exact .combo-exact-list,.exact-sample-section.has-rows .combo-exact-list{max-height:135px!important;overflow-y:auto!important;scrollbar-gutter:stable!important}.partial-sample-section{flex:1 1 auto!important;min-height:475px!important;display:flex!important;flex-direction:column!important}.partial-sample-section .combo-partial-list,.partial-sample-section>.vs-card-list{flex:1 1 auto!important;min-height:430px!important;max-height:560px!important;overflow-y:auto!important;scrollbar-gutter:stable!important;padding-right:4px!important}.partial-sample-section .vs-card.partial-card,.partial-sample-section .vs-card{min-height:132px!important}@media (max-width: 920px){.sample-columns-split{grid-template-columns:1fr!important}.sample-section.line-sample-section,.partial-sample-section,.partial-sample-section .combo-partial-list,.partial-sample-section>.vs-card-list{height:auto!important;min-height:0!important;max-height:none!important}}.sample-detail{min-height:0!important;height:auto!important;overflow:visible!important}.sample-columns-split{grid-template-columns:minmax(0,330px) minmax(0,1fr)!important;align-items:stretch!important;height:520px!important;min-height:520px!important;max-height:520px!important;gap:10px!important}.sample-section,.sample-combo-stack,.sample-section.line-sample-section,.exact-sample-section,.partial-sample-section{min-height:0!important;max-height:none!important}.sample-section.line-sample-section>.vs-card-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding-right:4px!important;scrollbar-gutter:stable!important}.sample-combo-stack{height:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important}.sample-combo-stack.no-exact .exact-sample-section,.exact-sample-section.empty-rows{flex:0 0 76px!important;padding:9px 10px!important}.sample-combo-stack.no-exact .exact-sample-section .empty-mini,.exact-sample-section.empty-rows .empty-mini{min-height:36px!important;padding:7px 10px!important;font-size:11px!important}.sample-combo-stack.has-exact .exact-sample-section,.exact-sample-section.has-rows{flex:0 0 170px!important;display:flex!important;flex-direction:column!important}.sample-combo-stack.has-exact .combo-exact-list,.exact-sample-section.has-rows .combo-exact-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;scrollbar-gutter:stable!important;padding-right:4px!important}.partial-sample-section{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important}.partial-sample-section .combo-partial-list,.partial-sample-section>.vs-card-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding-right:4px!important;scrollbar-gutter:stable!important}.sample-detail .vs-card{padding:8px!important;border-radius:14px!important}.sample-detail .vs-card-list{gap:8px!important}.sample-detail .vs-card-title{margin-bottom:6px!important}.sample-detail .vs-card-main{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;gap:6px!important;margin-bottom:6px!important}.sample-detail .vs-side{min-height:58px!important;padding:6px 8px!important;border-radius:11px!important}.sample-detail .vs-side strong{font-size:12px!important}.sample-detail .vs-side span{margin-top:2px!important;font-size:14px!important}.sample-detail .vs-side small{margin-top:1px!important;font-size:10px!important}.sample-detail .vs-mid{font-size:12px!important}.sample-detail .compare-track{height:10px!important}.partial-sample-section .vs-card.partial-card,.partial-sample-section .vs-card,.line-sample-section .vs-card{min-height:108px!important}@media (max-width: 920px){.sample-columns-split{height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:1fr!important}.sample-section.line-sample-section{height:420px!important}}.pick-row .clear-mini,.ban-slot .clear-mini,.ban-slot .ban-x,.pick-row .pick-clear{pointer-events:auto!important;z-index:600!important}.clear-mini,.ban-x,.pick-clear{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:999px!important;border:1px solid rgba(254,205,211,.78)!important;background:linear-gradient(180deg,#f43f5ef2,#881337f5)!important;color:#fff!important;font-size:16px!important;font-weight:1000!important;line-height:1!important;box-shadow:0 6px 14px #0000006b,0 0 0 2px #0f172ac7!important;opacity:1!important;cursor:pointer!important;touch-action:manipulation!important}.pick-row .pick-clear{top:-5px!important;right:-5px!important}.ban-slot .ban-clear,.ban-slot .ban-x{top:-7px!important;right:-7px!important}.clear-mini:after,.ban-x:after,.pick-clear:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px}.sample-detail{min-height:0!important;height:auto!important;padding:12px!important;overflow:hidden!important}.sample-head{flex:0 0 auto!important}.sample-columns-split{display:grid!important;grid-template-columns:minmax(0,335px) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;height:480px!important;min-height:480px!important;max-height:480px!important;overflow:hidden!important}.sample-section,.sample-section.line-sample-section,.exact-sample-section,.partial-sample-section{min-height:0!important;max-height:none!important;overflow:hidden!important}.sample-section.line-sample-section{height:100%!important;display:flex!important;flex-direction:column!important}.sample-section h3{flex:0 0 auto!important;margin-bottom:8px!important;line-height:1.2!important}.sample-combo-stack{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:hidden!important}.sample-combo-stack.no-exact .exact-sample-section,.exact-sample-section.empty-rows{flex:0 0 68px!important;padding:8px 10px!important}.sample-combo-stack.no-exact .exact-sample-section .empty-mini,.exact-sample-section.empty-rows .empty-mini{min-height:34px!important;padding:6px 9px!important;font-size:11px!important;line-height:1.25!important}.sample-combo-stack.has-exact .exact-sample-section,.exact-sample-section.has-rows{flex:0 0 150px!important;display:flex!important;flex-direction:column!important}.partial-sample-section{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}.sample-section.line-sample-section>.vs-card-list,.combo-exact-list,.combo-partial-list,.partial-sample-section>.vs-card-list,.partial-sample-section .combo-partial-list,.exact-sample-section.has-rows .combo-exact-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;scrollbar-gutter:stable!important}.sample-detail .vs-card{position:relative!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:8px!important;border-radius:14px!important;min-height:auto!important}.sample-detail .line-sample-section .vs-card{min-height:132px!important}.sample-detail .partial-sample-section .vs-card,.sample-detail .vs-card.partial-card,.sample-detail .exact-sample-section .vs-card,.sample-detail .vs-card.exact-card.combo-card{min-height:124px!important}.sample-detail .vs-card-title{flex:0 0 auto!important;min-height:18px!important;margin-bottom:6px!important;align-items:center!important;overflow:hidden!important}.sample-detail .vs-card-title span,.sample-detail .vs-card-title em{min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.sample-detail .vs-card-title span{font-size:12px!important}.sample-detail .vs-card-title em{font-size:10.5px!important}.sample-detail .vs-card-main{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;align-items:stretch!important;gap:6px!important;min-height:70px!important;margin-bottom:6px!important;overflow:hidden!important}.sample-detail .line-sample-section .vs-card-main{min-height:78px!important}.sample-detail .vs-side{min-width:0!important;min-height:70px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;padding:6px 8px!important;border-radius:11px!important}.sample-detail .line-sample-section .vs-side{min-height:78px!important}.sample-detail .vs-side.blue{align-items:flex-start!important;text-align:left!important}.sample-detail .vs-side.red{align-items:flex-end!important;text-align:right!important}.sample-detail .combo-card .vs-side,.sample-detail .combo-card .vs-side.red,.sample-detail .combo-card .vs-side.blue{align-items:center!important;text-align:center!important}.sample-detail .vs-champ-summary{width:100%!important;min-height:28px!important;margin-bottom:2px!important;overflow:hidden!important}.sample-detail .vs-champ-summary.icon-only{width:auto!important;min-height:28px!important;justify-content:center!important;margin:0 0 2px!important}.sample-detail .vs-icon-stack img{width:26px!important;height:26px!important;border-radius:8px!important}.sample-detail .vs-icon-stack.multi img+img{margin-left:-7px!important}.sample-detail .vs-champ-summary strong{font-size:11.5px!important;line-height:1.15!important}.sample-detail .vs-side span{flex:0 0 auto!important;margin-top:1px!important;font-size:13px!important;line-height:1!important;min-width:46px!important}.sample-detail .vs-side small{flex:0 0 auto!important;margin-top:2px!important;font-size:10px!important;line-height:1.1!important}.sample-detail .vs-mid{display:grid!important;place-items:center!important;font-size:12px!important;line-height:1!important}.sample-detail .compare-bar{position:relative!important;z-index:1!important;flex:0 0 auto!important;margin-top:auto!important;overflow:hidden!important}.sample-detail .compare-bar-top{height:13px!important;margin-bottom:3px!important;line-height:13px!important}.sample-detail .compare-track{height:9px!important}.sample-detail .compare-blue,.sample-detail .compare-red{min-width:0!important}.clear-mini,.ban-x,.pick-clear{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:15px!important;border-radius:999px!important;z-index:700!important;pointer-events:auto!important;cursor:pointer!important;box-shadow:0 5px 12px #0000006b,0 0 0 2px #0f172ac7!important}.pick-row .pick-clear{top:5px!important;right:5px!important}.ban-slot .ban-clear,.ban-slot .ban-x{top:-6px!important;right:-6px!important}.clear-mini:after,.ban-x:after,.pick-clear:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:999px}@media (max-width: 920px){.sample-columns-split{height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:1fr!important}}.pick-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}.vs-column{display:none!important}.side-picks{min-width:0!important}.pick-row,.pick-row.sortable{grid-template-columns:46px 28px minmax(0,1fr) 54px!important;column-gap:9px!important;overflow:visible!important}.pick-info,.pick-info-top{min-width:0!important;overflow:visible!important}.pick-info-top{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;line-height:1.2!important}.role-label{flex:0 0 auto!important;overflow:visible!important;text-overflow:clip!important}.pick-champ-name{min-width:0!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important;overflow-wrap:anywhere!important;line-height:1.16!important;font-size:12px!important}.pick-row .pick-champ-box{justify-self:end!important;grid-column:4!important}.pick-row .pick-clear{top:-10px!important;right:-12px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;z-index:900!important}.pick-row .pick-clear:after{top:-9px!important;right:-9px!important;bottom:-9px!important;left:-9px!important}.sheet-data-row.disabled,.champ-icon-btn.disabled{cursor:not-allowed!important;opacity:.46!important}.sheet-data-row.disabled{filter:grayscale(.45) brightness(.82)}.sheet-data-row.selected-row{opacity:1!important;filter:none!important}.sheet-data-row.selected-row .sheet-cell{background:#facc1513;border-bottom-color:#facc1542}.sheet-data-row.selected-row .champ-cell img{filter:grayscale(.25) brightness(.85)}.selected-row-badge{flex:0 0 auto;margin-left:auto;padding:3px 6px;border-radius:999px;border:1px solid rgba(250,204,21,.55);background:#facc1521;color:#fde68a;font-size:10px;font-weight:1000;white-space:nowrap}@media (max-width: 920px){.pick-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}.ban-insight-panel{border:1px solid rgba(148,163,184,.22);border-radius:22px;background:linear-gradient(180deg,#0f172af5,#020817e0);box-shadow:var(--shadow);padding:14px;margin-top:12px}.ban-insight-panel.muted-strip{color:var(--muted);text-align:center;font-weight:800}.ban-insight-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;padding:0 2px}.ban-insight-head p{margin:0 0 4px;color:#93a4c7;font-size:11px;font-weight:950;letter-spacing:.16em}.ban-insight-head h2{margin:0;font-size:22px;line-height:1.05}.ban-insight-head>span{color:#9fb4d8;font-size:12px;font-weight:800;max-width:390px;text-align:right}.ban-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ban-insight-card{min-width:0;border:1px solid rgba(51,65,85,.9);border-radius:16px;background:#0206178f;padding:11px}.ban-insight-card:nth-child(2),.ban-insight-card:nth-child(5){border-color:#eab3085c;background:linear-gradient(180deg,#eab30814,#02061794)}.ban-insight-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:9px}.ban-insight-card-head strong{font-size:14px;font-weight:950;letter-spacing:-.01em}.ban-insight-card-head span{color:#a8b6cc;font-size:11px;font-weight:800;text-align:right;line-height:1.25}.insight-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.insight-side{min-width:0;border:1px solid rgba(51,65,85,.72);border-radius:13px;background:#0f172a80;padding:8px}.insight-side.blue{box-shadow:inset 2px 0 #60a5fa73}.insight-side.red{box-shadow:inset 2px 0 #f43f5e73}.insight-side h4{margin:0 0 7px;color:#c9d9f3;font-size:11px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-list{display:grid;gap:6px;max-height:148px;overflow-y:auto;padding-right:3px;scrollbar-gutter:stable}.insight-item{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;padding:5px;border-radius:10px;border:1px solid rgba(148,163,184,.12);background:#0206176b}.insight-item img{width:28px;height:28px;object-fit:cover;border-radius:8px;border:1px solid rgba(148,163,184,.24)}.insight-item div{min-width:0}.insight-item strong{display:block;min-width:0;color:#f7fbff;font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-item span{display:block;min-width:0;color:#9fb4d8;font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-empty{min-height:42px;display:grid;place-items:center;color:#7f91ad;font-size:11px;font-weight:850;border-radius:10px;border:1px dashed rgba(148,163,184,.18);background:#02061759;text-align:center;padding:8px}@media (max-width: 1600px){.ban-insight-grid{grid-template-columns:1fr}}@media (max-width: 820px){.insight-sides{grid-template-columns:1fr}.ban-insight-head{align-items:start;flex-direction:column}.ban-insight-head>span{text-align:left}}.stats-load-card{margin:12px 0;padding:14px;border-radius:14px;border:1px solid rgba(96,165,250,.28);background:linear-gradient(135deg,#0f172aeb,#1e293bb8);box-shadow:inset 0 1px #ffffff0a}.stats-load-card strong{display:block;color:#eaf3ff;font-size:13px;font-weight:950}.stats-load-card p{margin:7px 0 10px;color:#9fb4d8;font-size:11.5px;line-height:1.45;font-weight:750}.stats-load-card button{width:100%;border:0;border-radius:11px;padding:10px 12px;color:#06101f;background:#8ec5ff;font-weight:950;cursor:pointer}.stats-load-card button:disabled{opacity:.65;cursor:wait}.stats-load-card em{display:block;margin-top:8px;color:#fca5a5;font-style:normal;font-size:11px;font-weight:850}.right-stack{position:sticky;top:12px;height:calc(100vh - 24px);min-height:620px;display:flex;flex-direction:column;gap:12px;min-width:0}.right-stack .recommend-panel{position:static!important;height:58%;min-height:360px;flex:1 1 58%}.right-stack .ban-insight-panel.compact{margin-top:0;flex:0 0 40%;min-height:250px;display:flex;flex-direction:column;overflow:hidden;padding:12px;border-radius:20px}.ban-insight-head.compact{align-items:start;margin-bottom:9px}.ban-insight-head.compact h2{font-size:18px}.ban-insight-head.compact>span{max-width:210px;font-size:10.5px;line-height:1.25}.compact-insight-stack{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.compact-insight-section{border:1px solid rgba(51,65,85,.78);border-radius:14px;background:#02061770;padding:8px}.compact-insight-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.compact-insight-title strong{color:#f8fbff;font-size:12px;font-weight:1000;white-space:nowrap}.compact-insight-title span{color:#93a4c7;font-size:10px;font-weight:850;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-insight-list{display:grid;grid-template-columns:1fr;gap:5px}.insight-item.compact{grid-template-columns:38px 28px minmax(0,1fr);min-height:38px;padding:5px 6px}.insight-team-chip{display:grid;place-items:center;height:22px;min-width:34px;padding:0 5px;border-radius:999px;font-style:normal;font-size:9.5px;font-weight:1000;letter-spacing:.02em;border:1px solid rgba(148,163,184,.2)}.insight-team-chip.blue{color:#bfdbfe;background:#3b82f62b;border-color:#60a5fa59}.insight-team-chip.red{color:#fecdd3;background:#f43f5e26;border-color:#f43f5e59}.insight-empty.compact{min-height:34px;font-size:10.5px;padding:6px}@media (max-width: 1600px){.right-stack{grid-column:1 / -1;position:static;height:auto;min-height:0}.right-stack .recommend-panel,.right-stack .ban-insight-panel.compact{height:auto;flex:none}}@media (max-width: 1600px){.right-stack{grid-column:1 / -1!important;position:sticky!important;top:12px!important;height:calc(100vh - 24px)!important;min-height:620px!important;display:grid!important;grid-template-columns:minmax(0,620px) minmax(360px,1fr)!important;gap:14px!important;align-items:stretch!important;justify-content:stretch!important}.right-stack .recommend-panel{grid-column:1!important;width:100%!important;height:100%!important;min-height:620px!important;flex:none!important;position:static!important}.right-stack .ban-insight-panel.compact{grid-column:2!important;width:100%!important;height:100%!important;min-height:620px!important;flex:none!important;margin-top:0!important;position:static!important}.right-stack .compact-insight-stack{min-height:0!important;overflow-y:auto!important}}@media (max-width: 1180px){.right-stack{grid-template-columns:1fr!important;height:auto!important;position:static!important}.right-stack .recommend-panel,.right-stack .ban-insight-panel.compact{grid-column:1!important;height:auto!important;min-height:0!important}}body{min-width:2140px!important;overflow-x:auto!important}.page{width:2140px!important;min-width:2140px!important;max-width:none!important}.main-grid{grid-template-columns:320px 700px 620px 420px!important;gap:14px!important;align-items:start!important}.right-stack{grid-column:3 / span 2!important;position:sticky!important;top:12px!important;height:calc(100vh - 24px)!important;min-height:620px!important;display:grid!important;grid-template-columns:minmax(0,620px) minmax(360px,420px)!important;gap:14px!important;align-items:stretch!important;min-width:0!important;width:100%!important}.right-stack .recommend-panel{grid-column:1!important;position:static!important;width:100%!important;height:100%!important;min-height:620px!important;flex:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.right-stack .recommend-panel .sheet-table{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}.right-stack .recommend-panel .sheet-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}.right-stack .ban-insight-panel.compact{grid-column:2!important;position:static!important;width:100%!important;height:100%!important;min-height:620px!important;flex:none!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.right-stack .ban-insight-head.compact{flex:0 0 auto!important}.right-stack .compact-insight-stack{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.right-stack .insight-item.compact{grid-template-columns:38px 30px minmax(0,1fr)!important}@media (max-width: 1600px),(max-width: 1180px),(max-width: 920px){body{min-width:2140px!important}.page{width:2140px!important;min-width:2140px!important}.main-grid{grid-template-columns:320px 700px 620px 420px!important}.right-stack{grid-column:3 / span 2!important;position:sticky!important;top:12px!important;height:calc(100vh - 24px)!important;min-height:620px!important;display:grid!important;grid-template-columns:minmax(0,620px) minmax(360px,420px)!important;gap:14px!important}.right-stack .recommend-panel{grid-column:1!important;height:100%!important;min-height:620px!important}.right-stack .ban-insight-panel.compact{grid-column:2!important;height:100%!important;min-height:620px!important}}.ban-insight-panel.compact.tabbed{gap:10px}.insight-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:4px;border:1px solid rgba(65,83,120,.62);border-radius:14px;background:#02061761}.insight-tabbar button{min-width:0;height:34px;border:1px solid rgba(79,105,150,.42);border-radius:10px;background:#0f172ab8;color:#8fa3c7;font-size:11px;font-weight:1000;letter-spacing:-.02em;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.insight-tabbar button:hover{transform:translateY(-1px);border-color:#60a5fac2;color:#dbeafe}.insight-tabbar button.active{background:linear-gradient(180deg,#2563eb7a,#1e40afb8);border-color:#60a5faf2;color:#f8fbff;box-shadow:inset 0 0 0 1px #93c5fd29,0 10px 22px #2563eb2e}.tab-short-label{display:none}.compact-insight-stack.single-tab{overflow:hidden;padding-right:0}.compact-insight-stack.single-tab .compact-insight-section{flex:1;min-height:0;display:flex;flex-direction:column}.compact-insight-stack.single-tab .compact-insight-list{flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.compact-insight-stack.single-tab .insight-empty.compact{min-height:140px;display:grid;place-items:center;text-align:center}@media (max-width: 1580px){.insight-tabbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.insight-tabbar button{font-size:10px;padding:0 3px}}@media (max-width: 1360px){.tab-full-label{display:none}.tab-short-label{display:inline}}.right-stack .ban-insight-panel.compact{min-width:0!important}.right-stack .ban-insight-head.compact{margin-bottom:0!important}.right-stack .ban-insight-head.compact span{font-size:10px!important;line-height:1.2!important;max-width:190px}.compact-insight-title{margin-bottom:8px!important}.compact-insight-title strong{font-size:13px!important}.compact-insight-title span{font-size:10.5px!important;line-height:1.25!important}.compact-insight-columns{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;overflow:hidden}.insight-side-list{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(72,96,140,.52);border-radius:14px;background:#02061747;overflow:hidden}.insight-side-list.blue{border-color:#60a5fa6b}.insight-side-list.red{border-color:#f472b65c}.insight-side-title{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:0 10px;border-bottom:1px solid rgba(65,83,120,.48);background:#0f172a9e}.insight-side-title em{font-style:normal;font-size:11px;font-weight:1000;letter-spacing:.05em}.insight-side-list.blue .insight-side-title em{color:#93c5fd}.insight-side-list.red .insight-side-title em{color:#f9a8d4}.insight-side-title span{color:#8fa3c7;font-size:10px;font-weight:900}.insight-side-items{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px;display:grid;grid-template-columns:1fr;align-content:start;gap:6px}.right-stack .insight-item.compact,.compact-insight-stack.single-tab .insight-item.compact{min-height:42px!important;height:42px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;padding:6px 7px!important;border-radius:10px!important;background:#0f172a94!important;border:1px solid rgba(72,96,140,.36)!important}.right-stack .insight-item.compact img,.compact-insight-stack.single-tab .insight-item.compact img{width:28px!important;height:28px!important;border-radius:8px!important}.right-stack .insight-item.compact strong,.compact-insight-stack.single-tab .insight-item.compact strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;line-height:1.05!important}.right-stack .insight-item.compact span,.compact-insight-stack.single-tab .insight-item.compact span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important;line-height:1.15!important;color:#9fb1d1!important}.insight-empty.compact.small{min-height:64px!important;padding:10px!important;font-size:11px!important}.compact-insight-stack.single-tab .compact-insight-list{overflow:hidden!important;padding-right:0!important}.right-stack .recommend-panel .sheet-table{border-radius:14px;overflow:hidden!important}.right-stack .recommend-panel .sheet-head-row,.right-stack .recommend-panel .sheet-data-row{display:grid!important;width:100%!important;min-width:0!important;margin:0!important}.right-stack .recommend-panel .sheet-table.pick-mode .sheet-row{grid-template-columns:minmax(146px,1.55fr) 62px 82px 74px 82px 74px 70px!important}.right-stack .recommend-panel .sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(146px,1.6fr) 66px 82px 90px 70px!important}.right-stack .recommend-panel .sheet-body{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}.right-stack .recommend-panel .sheet-cell{min-height:44px!important;height:44px!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.right-stack .recommend-panel .sheet-head-row .sheet-cell{min-height:38px!important;height:38px!important}.right-stack .recommend-panel .champ-cell{justify-content:flex-start!important;gap:7px!important}.right-stack .recommend-panel .champ-cell img{width:28px!important;height:28px!important;flex:0 0 28px!important}.right-stack .recommend-panel .champ-cell span{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.right-stack .recommend-panel .champ-cell em{flex:0 0 auto!important;min-width:28px!important}.right-stack .recommend-panel .metric-cell,.right-stack .recommend-panel .score-cell,.right-stack .recommend-panel .sample-cell{text-align:center!important;overflow:hidden!important}.right-stack .recommend-panel .metric-cell span,.right-stack .recommend-panel .score-cell span{min-width:46px!important;max-width:100%!important}.right-stack .recommend-panel .metric-cell small{width:100%!important;max-width:100%!important}.tier-status{min-width:150px;align-self:stretch;display:grid;align-content:center;gap:2px;padding:8px 12px;border-radius:16px;border:1px solid rgba(234,179,8,.32);background:#713f122e}.tier-status span{color:#facc15;font-size:10px;font-weight:1000;letter-spacing:.08em}.tier-status strong{color:#f8fbff;font-size:13px;font-weight:1000}.tier-status em{color:#a7b7d4;font-size:10px;font-style:normal;font-weight:800}.insight-side-title span{min-width:36px;text-align:right}.right-stack .insight-item.compact.with-rate,.compact-insight-stack.single-tab .insight-item.compact.with-rate{height:50px!important;min-height:50px!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important}.insight-item-main{min-width:0;display:grid;gap:3px}.insight-item-top{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:6px}.insight-item-top strong{min-width:0}.insight-item-top em{flex:0 0 auto;color:#facc15;font-size:11px;font-style:normal;font-weight:1000}.insight-rate-track{display:block;height:4px;border-radius:999px;overflow:hidden;background:#334155b8}.insight-rate-track b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5faf2,#facc15f2)}.insight-side-list.red .insight-rate-track b{background:linear-gradient(90deg,#f472b6f2,#facc15f2)}.insight-tabbar button{letter-spacing:-.04em}@media (max-width: 2140px){.tier-status{min-width:130px;padding:7px 10px}}.tier-status.selectable{min-width:176px!important;padding:8px 10px!important;gap:5px!important;background:#0f172ab8!important;border-color:#60a5fa52!important}.tier-status.selectable select{width:100%;min-width:0;height:28px;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#020617b8;color:#f8fbff;font-size:12px;font-weight:900;outline:none;padding:0 8px}.tier-status.selectable span{color:#93c5fd!important}.tier-status.selectable em{white-space:nowrap}.right-stack .recommend-panel .sheet-table{width:100%!important;overflow-x:hidden!important}.right-stack .recommend-panel .sheet-table.pick-mode .sheet-row{grid-template-columns:minmax(136px,1.45fr) 58px 78px 78px 78px 78px 66px!important}.right-stack .recommend-panel .sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(136px,1.45fr) 62px 78px 78px 66px!important}.right-stack .recommend-panel .sheet-data-row,.right-stack .recommend-panel .sheet-head-row{align-items:stretch!important}.right-stack .recommend-panel .sheet-cell{min-width:0!important;height:42px!important;min-height:42px!important;line-height:1.05!important;padding:4px!important}.right-stack .recommend-panel .sheet-head-row .sheet-cell{height:34px!important;min-height:34px!important;font-size:10px!important;white-space:nowrap!important}.right-stack .recommend-panel .metric-cell{display:grid!important;grid-template-rows:18px 14px!important;align-content:center!important;justify-items:center!important;gap:1px!important}.right-stack .recommend-panel .metric-cell span{min-width:0!important;width:100%!important;font-size:11px!important;white-space:nowrap!important}.right-stack .recommend-panel .metric-cell small{width:100%!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.right-stack .recommend-panel .sample-cell{font-size:11px!important;white-space:nowrap!important}.right-stack .recommend-panel .score-cell span{min-width:0!important;width:100%!important;font-size:11px!important}.right-stack .recommend-panel .champ-cell{gap:6px!important}.right-stack .recommend-panel .champ-cell img{width:26px!important;height:26px!important;flex-basis:26px!important}.right-stack .recommend-panel .champ-cell em{min-width:26px!important;font-size:9px!important}.insight-tabbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}.insight-tabbar button{min-width:0!important;padding:7px 4px!important;font-size:10px!important;white-space:nowrap!important}.compact-insight-title span{line-height:1.35!important}.insight-item.compact.with-rate.danger .insight-item-top em{color:#fca5a5!important}.insight-item.compact.with-rate.danger .insight-rate-track b{background:linear-gradient(90deg,#f87171e6,#fbbf24e0)!important}.right-stack .recommend-panel .sheet-table{overflow:hidden!important}.right-stack .recommend-panel .sheet-head-row{width:calc(100% - 8px)!important}.right-stack .recommend-panel .sheet-body{width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:auto!important}.right-stack .recommend-panel .sheet-table.pick-mode .sheet-row{grid-template-columns:126px 58px 76px 76px 76px 76px 64px!important;min-width:552px!important}.right-stack .recommend-panel .sheet-table.ban-mode .sheet-row{grid-template-columns:126px 58px 76px 76px 64px!important;min-width:400px!important}.right-stack .recommend-panel .sheet-cell{min-height:40px!important;height:40px!important;padding:4px!important;line-height:1.05!important}.right-stack .recommend-panel .sheet-head-row .sheet-cell{height:34px!important;min-height:34px!important;font-size:10px!important}.right-stack .recommend-panel .champ-cell{padding-left:6px!important;gap:5px!important}.right-stack .recommend-panel .champ-cell img{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:7px!important}.right-stack .recommend-panel .champ-cell span{font-size:11.5px!important;max-width:62px!important}.right-stack .recommend-panel .champ-cell em{min-width:25px!important;font-size:8.5px!important;padding:2px 3px!important}.right-stack .recommend-panel .metric-cell,.right-stack .recommend-panel .score-cell,.right-stack .recommend-panel .sample-cell{flex-direction:column!important;gap:1px!important;overflow:hidden!important}.right-stack .recommend-panel .metric-cell span,.right-stack .recommend-panel .score-cell span{min-width:42px!important;max-width:58px!important;padding:2px 4px!important;font-size:11px!important;line-height:1.05!important}.right-stack .recommend-panel .metric-cell small{display:block!important;margin-top:1px!important;max-width:58px!important;font-size:8.5px!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.right-stack .recommend-panel .sample-cell{font-size:10.5px!important;white-space:nowrap!important}.right-stack .recommend-panel .sheet-body{max-height:calc(100vh - 176px)!important}.right-stack .ban-insight-panel.compact.tabbed{padding:10px!important}.right-stack .ban-insight-head.compact{gap:8px!important}.right-stack .ban-insight-head.compact h2{font-size:17px!important}.right-stack .ban-insight-head.compact>span{font-size:9.5px!important;max-width:170px!important}.insight-tabbar{gap:5px!important;padding:4px!important}.insight-tabbar button{min-height:30px!important;padding:0 9px!important;font-size:10.5px!important}.compact-insight-title{margin-bottom:6px!important}.compact-insight-title strong{font-size:12.5px!important}.compact-insight-title span{font-size:9.5px!important}.compact-insight-columns{gap:6px!important}.insight-side-title{height:26px!important;padding:0 8px!important}.insight-side-items{gap:4px!important;padding:5px!important}.right-stack .insight-item.compact,.compact-insight-stack.single-tab .insight-item.compact{min-height:34px!important;height:34px!important;grid-template-columns:23px minmax(0,1fr)!important;gap:5px!important;padding:4px 5px!important;border-radius:8px!important}.right-stack .insight-item.compact img,.compact-insight-stack.single-tab .insight-item.compact img{width:23px!important;height:23px!important;border-radius:6px!important}.right-stack .insight-item.compact strong,.compact-insight-stack.single-tab .insight-item.compact strong{font-size:10.5px!important}.right-stack .insight-item.compact span,.compact-insight-stack.single-tab .insight-item.compact span{font-size:8.8px!important}.insight-item-top em{font-size:10px!important}.insight-rate-track{height:3px!important;margin-top:2px!important}.tier-status select{min-width:132px}.recommend-lane-tabs.disabled-tabs{display:flex;align-items:center;justify-content:flex-start;min-height:32px;padding:0 12px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#0f172a59}.recommend-lane-tabs.disabled-tabs span{color:#94a3b8;font-size:11px;font-weight:850;letter-spacing:-.02em}.right-stack .recommend-panel .sheet-table{width:100%;overflow-x:auto;overflow-y:hidden}.right-stack .recommend-panel .sheet-row{box-sizing:border-box;width:100%}.right-stack .recommend-panel .sheet-table.pick-mode .sheet-row{grid-template-columns:minmax(132px,1.45fr) 64px 76px 76px 76px 76px 72px!important;min-width:572px!important}.right-stack .recommend-panel .sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(132px,1.7fr) 72px 78px 78px 72px!important;min-width:432px!important}.right-stack .recommend-panel .sheet-cell{min-height:36px!important;height:36px!important;padding:5px!important;line-height:1.05!important;box-sizing:border-box}.right-stack .recommend-panel .sheet-head-row .sheet-cell{min-height:34px!important;height:34px!important;padding:5px 4px!important}.right-stack .recommend-panel .metric-cell span,.right-stack .recommend-panel .score-cell span{min-width:48px;max-width:58px;padding:3px 5px;font-size:11px;line-height:1}.right-stack .recommend-panel .metric-cell small,.right-stack .recommend-panel .sheet-cell small{margin-top:1px;font-size:9px;line-height:1;white-space:nowrap}.right-stack .recommend-panel .sample-cell{font-size:11px!important;white-space:nowrap}.right-stack .recommend-panel .champ-cell{justify-content:flex-start!important;gap:6px;min-width:0}.right-stack .recommend-panel .champ-cell img{width:23px!important;height:23px!important;flex:0 0 auto}.right-stack .recommend-panel .champ-cell span{min-width:0;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.right-stack .recommend-panel .champ-cell em{flex:0 0 auto;font-size:8px;padding:2px 5px}.insight-item.compact.with-rate{border:0;width:100%;text-align:left;cursor:default}.insight-item.compact.with-rate.clickable{cursor:pointer}.insight-item.compact.with-rate.clickable:hover{border-color:#60a5fa8c;background:#2563eb29;transform:translateY(-1px)}.insight-item.compact.with-rate:disabled{opacity:1}.compact-insight-columns{gap:8px!important}.insight-side-items{gap:5px!important}.insight-side-title{min-height:24px}.insight-item-top strong{max-width:74px}.insight-item.compact.with-rate span{white-space:nowrap}.right-stack .recommend-panel .sheet-table{overflow-x:auto!important;overflow-y:hidden!important}.right-stack .recommend-panel .sheet-head-row,.right-stack .recommend-panel .sheet-data-row{display:grid!important;align-items:center!important;column-gap:0!important;min-width:100%!important}.right-stack .recommend-panel .sheet-table.pick-mode .sheet-row{grid-template-columns:minmax(150px,1.05fr) minmax(62px,.5fr) minmax(76px,.62fr) minmax(76px,.62fr) minmax(76px,.62fr) minmax(76px,.62fr) minmax(62px,.48fr)!important}.right-stack .recommend-panel .sheet-table.ban-mode .sheet-row{grid-template-columns:minmax(150px,1.05fr) minmax(66px,.54fr) minmax(78px,.64fr) minmax(78px,.64fr) minmax(62px,.48fr)!important}.right-stack .recommend-panel .sheet-cell{min-width:0!important;height:42px!important;padding:5px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important;white-space:nowrap!important}.right-stack .recommend-panel .sheet-head-row .sheet-cell{height:36px!important;font-size:11px!important;font-weight:900!important}.right-stack .recommend-panel .champ-cell{justify-content:flex-start!important;gap:7px!important;padding-left:8px!important}.right-stack .recommend-panel .champ-cell img{width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:6px!important}.right-stack .recommend-panel .champ-cell span{flex:1 1 auto!important;min-width:0!important;max-width:88px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;font-size:12px!important;line-height:1.15!important}.right-stack .recommend-panel .sheet-table.pick-mode .champ-cell span{max-width:72px!important}.right-stack .recommend-panel .champ-cell em{margin-left:auto!important;flex:0 0 auto!important;min-width:30px!important;text-align:center!important;font-size:9px!important}.right-stack .recommend-panel .sheet-table.ban-mode .champ-cell em{display:none!important}.right-stack .recommend-panel .metric-cell,.right-stack .recommend-panel .score-cell,.right-stack .recommend-panel .sample-cell{flex-direction:column!important;gap:1px!important;text-align:center!important}.right-stack .recommend-panel .metric-cell span,.right-stack .recommend-panel .score-cell span{min-width:42px!important;max-width:100%!important;padding:2px 6px!important;font-size:11px!important;line-height:1.15!important;border-radius:999px!important}.right-stack .recommend-panel .metric-cell small{display:block!important;width:100%!important;margin-top:1px!important;font-size:9px!important;line-height:1.05!important;color:var(--muted)!important;overflow:hidden!important;text-overflow:ellipsis!important}.right-stack .recommend-panel .sample-cell{font-size:11px!important;font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important}.recommend-lane-tabs.disabled-tabs{min-height:26px!important;padding:0 10px!important;justify-content:flex-start!important}.recommend-lane-tabs.disabled-tabs span{font-size:11px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.insight-item.clickable{cursor:pointer!important}.insight-item.clickable:hover{transform:translateY(-1px);border-color:#78b4ff8c!important;background:#1c4c9640!important}.insight-item:disabled{opacity:.68;cursor:default}.topbar{align-items:flex-end!important}.top-actions{display:flex!important;align-items:flex-end!important;gap:8px!important}.tier-action-select{position:relative;height:38px;min-width:126px;border-radius:12px;border:1px solid rgba(96,165,250,.34);background:#0f1a2ddb;color:var(--text);display:grid;grid-template-columns:auto 1fr;grid-template-rows:14px 14px;column-gap:7px;align-items:center;padding:5px 11px;cursor:pointer;-webkit-user-select:none;user-select:none}.tier-action-select:hover{border-color:#93c5fda6;background:#1e293beb}.tier-action-select span{grid-row:1 / 3;display:inline-flex;align-items:center;height:24px;color:#93c5fd!important;font-size:11px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.02em!important;margin:0!important}.tier-action-select select{grid-column:2;grid-row:1;width:100%;min-width:70px;height:17px;padding:0 18px 0 0;border:0;outline:0;background:transparent;color:#f8fbff;font-size:12px;line-height:17px;font-weight:1000;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tier-action-select small{grid-column:2;grid-row:2;color:#8ea3c2;font-size:9px;line-height:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-status.selectable{display:none!important}@media (max-width: 2140px){.tier-action-select{min-width:112px;padding-left:10px;padding-right:9px}.tier-action-select select{min-width:62px;font-size:11px}}.custom-tier-menu.tier-action-select{display:block!important;position:relative!important;height:42px!important;min-width:132px!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}.tier-action-trigger{width:100%;height:42px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:16px 16px;column-gap:8px;align-items:center;padding:5px 11px;border-radius:13px;border:1px solid rgba(96,165,250,.38);background:linear-gradient(180deg,#0f1b31f5,#081223f5);color:#eaf2ff;cursor:pointer;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #0000002e;text-align:left}.tier-action-trigger:hover,.custom-tier-menu.tier-action-select:focus-within .tier-action-trigger{border-color:#93c5fdb8;background:linear-gradient(180deg,#182944fa,#0a162bfa)}.tier-action-label{grid-row:1 / 3;color:#93c5fd;font-size:11px;line-height:1;font-weight:1000;letter-spacing:-.02em}.tier-action-trigger strong{grid-column:2;grid-row:1;min-width:0;color:#fff;font-size:13px;line-height:16px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-action-trigger small{grid-column:2;grid-row:2;color:#91a4c5;font-size:9px;line-height:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-action-caret{grid-column:3;grid-row:1 / 3;color:#dce9ff;font-size:14px;line-height:1;transform:translateY(-1px)}.tier-action-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:178px;max-height:360px;overflow-y:auto;padding:6px;border-radius:12px;border:1px solid rgba(96,165,250,.42);background:#172235;box-shadow:0 20px 44px #00000070,inset 0 1px #ffffff0d}.tier-action-option{width:100%;min-height:31px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:#f3f7ff;font-size:13px;line-height:1.15;font-weight:900;text-align:left;cursor:pointer}.tier-action-option:hover{background:#3b82f638;color:#fff}.tier-action-option.active{background:linear-gradient(90deg,#2563ebfa,#2563ebbd);color:#fff}@media (max-width: 2140px){.custom-tier-menu.tier-action-select{min-width:126px!important}.tier-action-menu{width:166px}}.stats-progress{margin-top:12px;padding:12px;border:1px solid rgba(137,180,255,.25);border-radius:12px;background:#0a142480}.stats-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:12px;color:#dbeafe}.stats-progress-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-progress-head strong{flex:0 0 auto;color:#93c5fd;font-size:13px}.stats-progress-bar{height:10px;overflow:hidden;border-radius:999px;background:#94a3b838;box-shadow:inset 0 0 0 1px #ffffff0a}.stats-progress-fill{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#facc15);transition:width .2s ease}.stats-progress-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;color:#94a3b8}.stats-progress-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-empty{min-height:220px;display:flex;align-items:center;justify-content:center;padding:28px 16px;color:#9fb3d9;font-size:13px;font-weight:600;letter-spacing:-.02em;text-align:center}.sheet-empty:before{content:"📊";display:block;margin-right:8px;font-size:16px;opacity:.9}.insight-sync-toggle{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;margin:8px 0 10px;padding:8px 10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0206173d;color:#cbd5e1}.insight-sync-toggle input{width:15px;height:15px;accent-color:#3b82f6}.insight-sync-toggle span{font-size:11px;font-weight:1000;white-space:nowrap}.insight-sync-toggle em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.insight-lane-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0 10px}.insight-lane-tabbar button{height:30px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#0f1a2db8;color:#93a4c7;font-size:11px;font-weight:1000}.insight-lane-tabbar button.active{color:#fff;border-color:#60a5fab8;background:#3b82f63d;box-shadow:0 0 0 2px #3b82f61a}.insight-lane-tabbar button:hover{border-color:#e2e8f06b}.game-mode-buttons{height:42px;display:inline-flex;align-items:center;gap:5px;padding:5px;border-radius:13px;border:1px solid rgba(148,163,184,.3);background:linear-gradient(180deg,#0f1b31f5,#081223f5);box-shadow:inset 0 1px #ffffff0d,0 8px 22px #0000002e}.game-mode-buttons>span{padding:0 6px;color:#a9bbd6;font-size:11px;line-height:1;font-weight:1000;white-space:nowrap}.game-mode-buttons>button{height:30px;padding:0 10px;border-radius:9px;border:1px solid rgba(148,163,184,.2);background:#0f1a2db8;color:#cbd5e1;font-size:12px;font-weight:1000;white-space:nowrap}.game-mode-buttons>button:hover{border-color:#e2e8f070;color:#fff}.game-mode-buttons>button.active{border-color:#22c55eb3;background:#22c55e29;color:#bbf7d0}.insight-help-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#02061742;color:var(--muted);font-size:11px;font-weight:900}.insight-help-line b{color:#fef08a;font-size:12px}.compact-insight-title span{line-height:1.35}.recommend-sync-toggle{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;width:100%;margin-top:2px;padding:8px 10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0206173d;color:#cbd5e1}.recommend-sync-toggle input{width:15px;height:15px;accent-color:#3b82f6}.recommend-sync-toggle span{font-size:11px;font-weight:1000;white-space:nowrap}.recommend-sync-toggle em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.right-stack .recommend-panel .recommend-toolbar{align-items:stretch}.sheet-table.is-refreshing{position:relative}.sheet-refresh-overlay{position:absolute;z-index:5;left:10px;right:10px;top:48px;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid rgba(96,165,250,.32);border-radius:12px;background:#080f1ce0;box-shadow:0 14px 35px #00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.sheet-refresh-overlay strong{color:#dbeafe;font-size:11px;font-weight:1000}.sheet-refresh-overlay em{margin-left:auto;color:var(--muted);font-size:10px;font-style:normal;font-weight:850}.sheet-spinner{width:14px;height:14px;border:2px solid rgba(147,197,253,.22);border-top-color:#93c5fd;border-radius:999px;animation:sheetSpin .78s linear infinite}@keyframes sheetSpin{to{transform:rotate(360deg)}}.active-banner .active-loading-dot{color:#bfdbfe}.active-banner .active-loading-dot:before{content:"";display:inline-block;width:7px;height:7px;margin:0 6px 1px 2px;border-radius:999px;background:#60a5fa;box-shadow:0 0 12px #60a5fad9;animation:activePulse 1s ease-in-out infinite}.active-banner .active-error-text{color:#fecaca}@keyframes activePulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}.sample-head{align-items:flex-start!important}.sample-head>div:first-child{flex:0 0 auto!important;min-width:150px!important}.sample-head h2{white-space:nowrap!important;word-break:keep-all!important;line-height:1.15!important;letter-spacing:-.03em!important}.sample-head>span{flex:1 1 auto!important;min-width:0!important;line-height:1.35!important}.page{padding-bottom:72px!important}.main-grid{padding-bottom:28px!important}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#07101f;color:#e5edf8;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}button,input{font-family:inherit}button{cursor:pointer}