.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}}