.tool-page{color:#eef2f5;background:#0e1217;min-height:100vh}.tool-header{background:#0b1015;border-bottom:1px solid #29333d;align-items:center;height:72px;padding:0 max(24px,6vw);display:flex}.tool-brand img{object-fit:contain;object-position:left;width:174px;height:38px;display:block}.tool-header nav{color:#94a0aa;gap:26px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.tool-header nav a:hover,.tool-header nav a[aria-current=page]{color:#fff}.tool-heading{max-width:1320px;margin:auto;padding:50px max(24px,7vw) 28px}.tool-heading>span{color:#f05b5b;letter-spacing:.16em;font-size:10px;font-weight:800}.tool-heading h1{margin:10px 0;font-size:42px}.tool-heading>p{color:#87949f;margin:0;font-size:12px}.compare-slots{grid-template-columns:1fr 1fr;gap:14px;max-width:1135px;margin:auto;padding:0 max(24px,4vw);display:grid}.compare-empty{color:#a9b5bd;cursor:pointer;background:#151d24;border:1px solid #303b45;height:230px}.compare-empty:hover{border-color:#607687}.compare-empty b,.compare-empty span{display:block}.compare-empty b{font-size:32px;font-weight:400}.compare-empty span{margin-top:8px;font-size:13px;font-weight:700}.compare-selected{background:#151d24;border:1px solid #303b45;grid-template-columns:130px 1fr auto;align-items:center;gap:18px;height:230px;padding:14px 20px;display:grid;position:relative}.compare-selected>button{color:#78858f;cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:7px;right:8px}.compare-selected>img{object-fit:contain;width:126px;height:195px}.compare-selected h2{margin:0;font-size:20px}.compare-selected small{color:#8d99a5;margin-top:4px;font-size:10px;display:block}.compare-selected p{color:#9aa6ae;font-size:10px}.compare-selected a{color:#79caff;font-size:10px}.compare-selected>b{color:#e5bd66;font-size:30px}.compare-tabs{border-bottom:1px solid #29333d;gap:26px;max-width:1135px;margin:38px auto 0;padding:0 max(24px,4vw);display:flex}.compare-tabs button{color:#8996a0;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;height:43px;font-weight:700}.compare-tabs button.active{color:#fff;border-bottom-color:#f05b5b}.compare-native-table{border-top:1px solid #2b3640;max-width:1015px;margin:20px auto 70px}.compare-native-table>header,.compare-native-table>div{border-bottom:1px solid #2b3640;grid-template-columns:minmax(160px,1.2fr) 1fr 1fr;display:grid}.compare-native-table>header>*{background:#182028;font-size:11px;font-weight:800}.compare-native-table>*>*{align-items:center;min-height:48px;padding:12px 15px;display:flex}.compare-native-table>*>*+*{border-left:1px solid #252f38}.compare-native-table>div>b{color:#aeb8bf;font-size:10px}.compare-native-table>div>span{font-size:13px;font-weight:800}.compare-native-table .better{color:#72d6ad;background:#173029}.tool-empty-state{color:#7f8d97;border:1px dashed #36414b;place-items:center;max-width:1015px;min-height:180px;margin:20px auto 70px;font-size:12px;display:grid}.tool-picker-backdrop{z-index:100;background:#05080dd9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tool-picker{background:#192129;border:1px solid #46535e;width:min(680px,100vw - 32px);max-height:78vh;padding:14px;box-shadow:0 25px 70px #000b}.tool-picker>header{gap:8px;display:flex}.tool-picker input{color:#eef2f5;background:#0f151a;border:1px solid #3c4852;outline:0;width:100%;height:42px;padding:0 12px}.tool-picker>header button{color:#9aa5ad;cursor:pointer;background:#141b21;border:1px solid #3c4852;width:42px}.tool-picker>p{color:#7f8c96;font-size:10px}.tool-picker>div{gap:4px;max-height:56vh;display:grid;overflow:auto}.tool-result{color:#eef2f5;text-align:left;cursor:pointer;background:#12191f;border:0;grid-template-columns:52px 1fr 44px;align-items:center;gap:10px;min-height:72px;padding:5px 10px;display:grid}.tool-result:hover{background:#26313a}.tool-result img{object-fit:contain;width:48px;height:64px}.tool-result span{min-width:0}.tool-result b,.tool-result small,.tool-result em{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tool-result b{font-size:12px}.tool-result small{color:#9ba6ae;margin-top:3px;font-size:9px}.tool-result em{color:#6f7c86;margin-top:4px;font-size:8px;font-style:normal}.tool-result strong{color:#e5bd66;text-align:right;font-size:18px}.lineup-heading{padding-bottom:22px}.lineup-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:18px;margin-top:24px;display:grid}.lineup-toolbar label{color:#87949f;gap:6px;font-size:9px;display:grid}.lineup-toolbar input{color:#eef2f5;background:#151d24;border:1px solid #36414b;height:42px;padding:0 12px}.lineup-toolbar dl{gap:22px;margin:0;display:flex}.lineup-toolbar dl div{min-width:72px}.lineup-toolbar dt{color:#7f8c96;font-size:8px}.lineup-toolbar dd{margin:5px 0 0;font-size:16px;font-weight:800}.lineup-toolbar>button{color:#ccd4da;cursor:pointer;background:#161e25;border:1px solid #4a5660;height:42px;padding:0 14px}.lineup-toolbar>button:disabled{opacity:.4}.lineup-builder{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px;max-width:1185px;margin:auto;padding:16px max(24px,4vw) 75px;display:grid}.starter-panel,.bench-panel-native{background:#12191f;border:1px solid #2d3842;padding:18px}.starter-panel>header,.bench-panel-native>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.starter-panel h2,.bench-panel-native h2{margin:0;font-size:15px}.starter-panel header span,.bench-panel-native header span{color:#7c8993;font-size:9px}.starter-grid{background:linear-gradient(145deg,#132c29,#0e1f20);border:1px solid #28504a;grid-template-columns:repeat(2,1fr);gap:12px;min-height:570px;padding:18px;display:grid}.starter-grid .lineup-slot:last-child{grid-column:1/-1;justify-self:center;width:50%}.lineup-slot{color:#eef2f5;background:#172028;border:1px solid #33414a;width:100%;min-height:165px;position:relative}.lineup-slot.empty{cursor:pointer;align-content:center;place-items:center;display:grid}.lineup-slot.empty:hover{border-color:#5c7484}.lineup-slot.empty b{font-size:26px;font-weight:400}.lineup-slot.empty span{margin-top:6px;font-size:11px;font-weight:800}.lineup-slot.empty small{color:#74818b;margin-top:4px;font-size:8px}.lineup-slot.filled{grid-template-columns:92px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.lineup-slot.filled>img{object-fit:contain;width:88px;height:135px}.lineup-slot.filled div span{color:#68d6ff;font-size:8px}.lineup-slot.filled h3{margin:6px 0 4px;font-size:12px}.lineup-slot.filled small{color:#89969f;font-size:8px}.lineup-slot.filled>b{color:#e5bd66;font-size:19px}.slot-remove{color:#7d8992;cursor:pointer;background:0 0;border:0;position:absolute;top:2px;right:4px}.bench-panel-native>div{gap:8px;display:grid}.bench-panel-native .lineup-slot{min-height:76px}.bench-panel-native .lineup-slot.filled{grid-template-columns:54px 1fr auto}.bench-panel-native .lineup-slot.filled>img{width:50px;height:68px}@media (max-width:850px){.compare-slots,.lineup-builder{grid-template-columns:1fr}.bench-panel-native>div{grid-template-columns:repeat(2,1fr)}.lineup-toolbar{grid-template-columns:1fr}.full-badge-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.tool-header{height:auto;padding:15px 18px}.tool-brand img{width:148px}.tool-header nav{gap:13px;font-size:9px}.tool-header nav a:nth-child(n+3){display:none}.tool-heading{padding:38px 18px 24px}.tool-heading h1{font-size:34px}.compare-slots{padding:0 16px}.compare-selected{grid-template-columns:92px 1fr auto;padding:10px}.compare-selected>img{width:88px;height:170px}.compare-native-table>header,.compare-native-table>div{grid-template-columns:108px 1fr 1fr}.compare-native-table>*>*{padding:9px 7px;font-size:9px}.lineup-builder{padding:10px 14px 55px}.starter-grid{gap:7px;padding:9px}.lineup-slot.filled{grid-template-columns:65px 1fr}.lineup-slot.filled>img{width:62px}.lineup-slot.filled>b{display:none}.starter-grid .lineup-slot:last-child{width:100%}.bench-panel-native>div{grid-template-columns:1fr}}.tool-game-switch{gap:8px;margin-top:22px;display:flex}.tool-game-switch button{color:#84919b;background:#151d24;border:1px solid #36414b;justify-content:space-between;align-items:center;gap:12px;min-width:142px;height:42px;padding:0 14px;font-weight:800;display:flex}.tool-game-switch small{font-size:8px;font-weight:500}.tool-game-switch button.active{color:#fff;border-color:#f05b5b;box-shadow:inset 0 -2px #f05b5b}.tool-game-switch button:disabled{opacity:.5}.compare-native-table .worse{color:#c88f94}.compare-native-table .same{color:#d7dee3}.compare-native-table .different{color:#e5bd66;background:#2e2818}.lineup-actions-native{gap:8px;display:flex}.lineup-actions-native button{color:#ccd4da;cursor:pointer;background:#161e25;border:1px solid #4a5660;height:42px;padding:0 14px}.lineup-actions-native button.primary{color:#fff;background:linear-gradient(135deg,#663cff,#bd318f);border-color:#8d61ff}.lineup-actions-native button:disabled{opacity:.4}@media (max-width:600px){.tool-game-switch{overflow-x:auto}.tool-game-switch button{flex:0 0 142px}.lineup-actions-native{flex-wrap:wrap}}.compare-empty small{color:#71808b;margin-top:6px;font-size:9px;display:block}.compare-selected{cursor:pointer}.compare-selected:hover{border-color:#526777}.compare-selected p{margin:6px 0;font-size:9px}.compare-selected em{color:#687680;margin:7px 0;font-size:8px;font-style:normal;display:block}.compare-summary{justify-content:space-between;align-items:center;max-width:1015px;margin:20px auto 0;display:flex}.compare-summary strong{font-size:14px}.compare-summary span{color:#7e8a94;font-size:9px}.compare-summary+.compare-native-table{margin-top:10px}.compare-native-table>div>span{flex-direction:column;align-items:flex-start}.compare-native-table>div>span i{font-style:normal}.compare-native-table>div>span small{opacity:.75;margin-top:3px;font-size:8px}@media (max-width:850px){.compare-summary{padding:0 20px}}@media (max-width:600px){.compare-summary{flex-direction:column;align-items:flex-start;gap:8px;padding:0 16px}}.compare-tabs button{letter-spacing:.04em;font-size:13px;font-weight:900}.compare-tabs button.active{font-weight:950}.tool-game-switch{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,440px);display:grid;overflow:visible}.tool-game-switch button{width:100%;min-width:0}@media (max-width:600px){.tool-game-switch{width:100%;overflow:visible}.tool-game-switch button{flex:auto;padding-inline:10px}}.badge-compare-table>div>span{justify-content:center;align-items:center;min-height:64px}.compare-badge-icon{object-fit:contain;width:46px;height:46px}.compare-badge-none{color:#65727c;font-size:10px;font-style:normal;font-weight:600}.badge-compare-table[data-game="2K27"] .compare-badge-icon[data-level="1"]{filter:sepia(.78)saturate(1.1)hue-rotate(336deg)brightness(.72)contrast(1.18)}.badge-compare-table[data-game="2K27"] .compare-badge-icon[data-level="2"]{filter:grayscale()saturate(0)brightness(1.48)contrast(.83)}.badge-compare-table[data-game="2K27"] .compare-badge-icon[data-level="3"]{filter:none}.badge-compare-table[data-game="2K27"] .compare-badge-icon[data-level="4"]{filter:hue-rotate(228deg)saturate(1.45)brightness(.96)contrast(1.08)drop-shadow(0 0 5px #a872ea4d)}.badge-compare-table[data-game="2K27"] .compare-badge-icon[data-level="5"]{filter:hue-rotate(310deg)saturate(2.65)brightness(.82)contrast(1.35)drop-shadow(0 0 5px #ff1e306b)}.compare-native-table>.compare-group-row{background:#1a222a;border-bottom-color:#35414b;grid-template-columns:1fr}.compare-native-table>.compare-group-row>strong{color:#eef2f5;align-items:center;min-height:50px;padding:0 15px;font-size:13px;display:flex}.compare-group-row strong small{color:#7f8d97;margin-left:2px;font-size:9px;font-weight:600}
