:root{--bg0:#0f0f10;--bg1:#171718;--panel:#1d1d1e;--panel2:#232324;--fg:#eeeeee;--muted:rgba(238,238,238,.7);--muted2:rgba(238,238,238,.5);--border:rgba(255,255,255,.12);--border2:rgba(255,255,255,.18);--accent:#eb306f;--shadow: 0 12px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--fg);background:radial-gradient(1200px 600px at 15% 10%,rgba(235,48,111,.22),transparent 60%),radial-gradient(900px 500px at 70% 40%,rgba(255,255,255,.06),transparent 60%),linear-gradient(135deg,#101012,#141416 60%,#101012);font-family:"M PLUS Rounded 1c",Roboto Flex,system-ui,-apple-system,Segoe UI,sans-serif!important}a{color:inherit}.app{min-height:100%}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121213b8;border-bottom:1px solid rgba(255,255,255,.08)}.headerInner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px}.headerTopRow{display:flex;align-items:center;min-width:0}.headerBottomRow{display:flex;align-items:center;margin-left:auto;min-width:0}.brand{background:transparent;border:none;padding:0;text-align:left;cursor:pointer;color:inherit;display:flex;align-items:center;gap:10px;min-width:0}.brandText{display:flex;flex-direction:column;min-width:0}.brandIcon{width:32px;height:32px;border-radius:8px;flex:0 0 auto;object-fit:cover;box-shadow:0 0 18px #eb306f2e}.brand:hover .brandTitle{text-shadow:0 0 18px rgba(235,48,111,.25)}.brandTitle{font-weight:800;letter-spacing:.02em;font-size:18px;line-height:1.1}.brandEden{color:var(--accent)}.brandSuffix{font-weight:800}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.headerActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 520px){.headerInner{padding:8px 12px;gap:10px;flex-direction:column;align-items:stretch}.brand{flex:0 1 auto;max-width:100%;min-width:0}.brandText{min-width:0}.brandIcon{width:28px;height:28px;border-radius:7px}.brandTitle{font-size:18px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandSuffix{display:block;font-size:12px;line-height:1.05;color:var(--muted);font-weight:800;margin-top:2px}.headerTopRow,.headerBottomRow{width:100%}.headerBottomRow{justify-content:flex-end}.headerActions{width:100%;flex-wrap:nowrap;justify-content:flex-end;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px}.headerActions::-webkit-scrollbar{display:none}.pill{padding:6px 10px;font-size:13px;white-space:nowrap}}.main{padding:14px 18px 34px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--fg);cursor:pointer}.pill:hover{border-color:var(--border2);background:#ffffff0f}.pillSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;line-height:1.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.65)' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px}.pillSelect::-ms-expand{display:none}.pillSelect option{color:#111;background:#fff}.pillSelect option:disabled{color:#666}.pillPrimary{border-color:#eb306f73;background:#eb306f2e}.pillPrimary:hover{border-color:#eb306fa6;background:#eb306f38}.pillToggle{color:var(--muted)}.pillDot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f}.pillOn{color:var(--fg);border-color:#eb306f8c;background:#eb306f29}.pillOn .pillDot{border-color:#eb306fbf;background:#eb306f8c}.btnGhost{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer}.btnGhost:hover{border-color:var(--border2);background:#ffffff0a}.countPill{padding:8px 12px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#ffffff08}.countBadge{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038;box-shadow:inset 0 1px #ffffff0f}.countNum{font-weight:900;font-size:14px;color:var(--fg)}.countText{font-weight:700;font-size:12px;color:var(--muted)}.filtersWrap{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:12px 14px;box-shadow:var(--shadow)}.filtersTop{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.input{flex:1 1 420px;max-width:620px;min-width:260px;height:40px;padding:10px 14px;border-radius:16px;border:1px solid var(--border);background:#00000038;color:var(--fg);outline:none}.input::placeholder{color:#eeeeee73}.searchWrap{position:relative;flex:1 1 420px;max-width:620px;min-width:260px}.searchWrapSheet{max-width:100%;min-width:0;flex:1 1 auto}.inputWithClear{width:100%;padding-right:44px;flex:none;max-width:100%;min-width:0}.inputClearBtn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0000002e;color:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1}.inputClearBtn:hover{background:#ffffff0f;border-color:#ffffff40}.inputClearBtn:active{transform:translateY(-50%) scale(.98)}.suggestBox{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#121212f5;box-shadow:0 14px 30px #00000073;padding:6px;max-height:360px;overflow:auto;-webkit-overflow-scrolling:touch}.suggestItem{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:none;background:transparent;color:var(--fg);cursor:pointer;text-align:left}.suggestItem:hover{background:#ffffff0f}.suggestItem.isActive{background:#ffffff1a}.suggestIcon,.suggestIconPlaceholder{width:28px;height:28px;border-radius:8px;flex:0 0 auto}.suggestIconPlaceholder{background:#ffffff14}.suggestName{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestMeta{flex:0 0 auto;white-space:nowrap;font-size:12px;color:var(--muted)}@media (max-width: 520px){.suggestMeta{display:none}}.filtersTopRight{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.filtersBottom{margin-top:10px;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.field{min-width:220px;flex:1 1 220px}.label{font-size:12px;margin-bottom:6px;color:var(--muted);line-height:1.1}.select{width:100%;height:40px;border-radius:16px;padding:0 14px;border:1px solid var(--border);background:#272727;color:var(--fg);outline:none}.muted{color:var(--muted)}.adSenseWrap{margin-top:12px;margin-bottom:10px;border-radius:16px;overflow:hidden}.iconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-items:stretch}.iconTile{aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff08;box-shadow:0 10px 26px #00000073;padding:8px;cursor:pointer;overflow:hidden}.iconTile:hover{border-color:#eb306f73}.iconTileImg{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.footer{margin-top:22px;color:#eeeeee8c;font-size:12px}.trademark{margin-top:6px}.drawerRoot{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.drawerRoot.open{pointer-events:auto}.drawerBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .18s ease}.drawerRoot.open .drawerBackdrop{opacity:1}.drawerPanel{position:absolute;top:0;right:0;height:100%;width:min(var(--drawer-width, 460px),100vw);max-width:100vw;background:#171718eb;border-left:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(12px);opacity:0;transition:transform .18s ease,opacity .18s ease;display:flex;flex-direction:column}.drawerRoot.open .drawerPanel{transform:translate(0);opacity:1}.drawerHeader{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.drawerTitle{font-weight:800}.drawerBody{padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}@media (max-width: 520px){.drawerPanel{width:100vw}}@media (max-width: 520px){.drawerPanel{width:100vw;border-left:none}}@supports (height: 100dvh){.drawerRoot,.drawerPanel{height:100dvh}}.modalRoot{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;display:flex;align-items:center;justify-content:center}.modalRoot.open{pointer-events:auto}.modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .18s ease}.modalRoot.open .modalBackdrop{opacity:1}.modalPanel{position:relative;width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:#171718eb;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 18px 60px #0000008c;transform:translateY(10px);opacity:0;transition:transform .18s ease,opacity .18s ease;overflow:hidden;display:flex;flex-direction:column}.modalRoot.open .modalPanel{transform:translateY(0);opacity:1}@supports (height: 100dvh){.modalPanel{max-height:calc(100dvh - 24px)}}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.modalTitle{font-weight:800}.modalBody{padding:14px;overflow:auto}.modalCloseFloating{display:none}@media (max-width: 520px){.modalHeader,.modalBody{padding:12px}.modalPanel.mobileCloseBottomRight .modalHeader .iconBtn{display:none}.modalPanel.mobileCloseBottomRight .modalCloseFloating{display:block;position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2}.modalPanel.mobileCloseBottomRight .modalBody{padding-bottom:calc(66px + env(safe-area-inset-bottom))}}.iconBtn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--fg);cursor:pointer}.iconBtn:hover{border-color:#ffffff38;background:#ffffff0f}.detailsTop{display:flex;gap:12px}.detailsImg{width:120px;height:120px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.detailsModal{display:flex;flex-direction:column;align-items:center;gap:16px}.detailsModalTop{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.detailsModalMeta{width:100%;max-width:720px;text-align:center}.detailsImgLarge{width:320px;height:320px;border-radius:22px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.detailsModal .detailsPills{justify-content:center}.detailsModal .detailsActions{width:100%;justify-content:center}@media (max-width: 520px){.detailsModal{gap:12px}.detailsModalTop{gap:10px}.detailsImgLarge{width:210px;height:210px}.detailsName{font-size:15px;line-height:1.15}.miniIconBtn{width:28px;height:28px;border-radius:10px}.detailsJobs{margin-top:6px;font-size:12px}.detailsPills{margin-top:8px;gap:6px}.miniPill{font-size:11px;padding:5px 8px}.detailsActions{margin-top:10px;gap:10px}.detailsSection{gap:6px}.detailsSectionTitle{font-size:11px}.externalLinksRow{gap:8px;margin-top:4px}.externalLinkBtn{padding:7px 10px;font-size:12px}.detailsActionRow{gap:8px}}@media (max-width: 520px) and (max-height: 700px){.detailsImgLarge{width:185px;height:185px}}.detailsName{font-size:18px;font-weight:800;line-height:1.2}.detailsNameRow{display:flex;align-items:center;justify-content:center;gap:10px}.miniIconBtn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#eee;display:grid;place-items:center;cursor:pointer}.miniIconBtn:hover{border-color:#eb306f8c;box-shadow:0 0 0 2px #eb306f33}.copiedHint{font-size:12px;color:#eee;opacity:.8;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.miniLink{text-decoration:none}.miniLink:hover{border-color:#eb306f8c;box-shadow:0 0 0 2px #eb306f33}.detailsJobs{margin-top:8px;color:var(--muted);font-size:13px}.detailsPills{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.miniPill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#eeeeeebf}.miniPillOn{border-color:#eb306f73;background:#eb306f24;color:var(--fg)}.detailsActions{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:center}.detailsSection{width:100%;max-width:720px;display:flex;flex-direction:column;gap:8px;align-items:center}.detailsSectionTitle{width:100%;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.08em}.detailsActionRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.externalLinksRow{display:flex;gap:10px;flex-wrap:wrap;width:100%;justify-content:center;margin-top:6px}.externalLinkBtn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px dashed rgba(238,238,238,.35);background:#eeeeee0f;color:#eeeeeeeb;text-decoration:none;cursor:pointer;font-size:14px;line-height:1;font-family:inherit}.externalLinkBtn:hover{border-color:#eb306f99;box-shadow:0 0 0 2px #eb306f29}.favGrid{display:flex;flex-direction:column;gap:10px}.favRow{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:16px;padding:8px}.favIconBtn{border:0;background:transparent;padding:0;cursor:pointer}.favIcon{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.favName{font-weight:700}.favActions{display:flex;gap:8px}.loadoutTools{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:0 0 12px}.loadoutTools .pill{height:40px}.loadoutTools .muted{margin-left:2px}.exportLangDrop{position:relative;display:inline-block}.exportLangDropBtn{display:inline-flex;align-items:center;gap:8px}.exportLangCaret{opacity:.8;margin-left:6px}.exportLangDropMenu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#191919fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 18px 60px #00000080;padding:6px;z-index:50}.exportLangDropItem{width:100%;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:#eeeeeef2;text-align:left;border-radius:10px;cursor:pointer}.exportLangDropItem:hover{background:#eb306f1f}.exportLangDropItem.active{background:#eb306f2e}.exportLangCheck{width:18px;text-align:center;color:#eb306ff2;font-weight:800}.exportLangText{font-weight:700;letter-spacing:.2px}.loadoutSelectLabel{font-size:12px;color:var(--muted);margin-right:-6px}.loadoutSelect{width:auto;min-width:180px;height:40px;border-radius:16px;padding:0 14px;border:1px solid var(--border);background:#272727;color:var(--fg);outline:none}.loadoutList{display:flex;flex-direction:column;gap:12px}.loadoutRow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:18px;padding:10px}.loadoutMain{min-width:0}.loadoutName{font-size:18px;font-weight:900;letter-spacing:.01em;margin:2px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.loadoutIconBtn{border:0;background:transparent;padding:0;cursor:pointer}.loadoutIcon{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.loadoutName{font-weight:800}.loadoutSub{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.loadoutActions{display:flex;align-items:flex-start;justify-content:flex-end;padding-right:2px;min-width:42px}.loadoutDyes{margin-top:12px;display:flex;flex-direction:column;gap:10px}.loadoutDyeLine{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center}.loadoutDyeLabel{color:var(--muted);font-size:12px}.swatchRow{display:flex;justify-content:flex-end}.swatchDot{width:22px;height:22px;border-radius:999px;border:2px solid rgba(0,0,0,.35);box-shadow:0 0 0 1px #ffffff2e}.dyeDrop{position:relative;min-width:0}.dyeDropBtn{width:100%;height:40px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#272727;color:var(--fg);padding:0 12px;display:flex;align-items:center;gap:10px;cursor:pointer}.dyeDropSwatch{width:18px;height:18px;border-radius:999px;border:2px solid rgba(0,0,0,.35);box-shadow:0 0 0 1px #ffffff2e}.dyeDropLabel{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyeDropCaret{color:#eeeeee8c}.dyeDropMenu{position:absolute;z-index:80;left:0;right:0;margin-top:8px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#141415f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.dyeDropSearch{display:flex;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.dyeDropSearchInput{flex:1;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--fg);padding:0 12px;outline:none}.dyeDropClear{height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--fg);padding:0 12px;cursor:pointer}.dyeDropClear:hover{border-color:#ffffff38;background:#ffffff0f}.dyeDropList{flex:1;overflow:auto;min-height:0}.dyeRow{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:0;background:transparent;cursor:pointer;text-align:left}.dyeRow:hover{background:#ffffff0d}.dyeRowOn{background:#eb306f24}.dyeRowSwatch{width:18px;height:18px;border-radius:999px;box-shadow:0 0 0 1px #ffffff2e;border:2px solid rgba(0,0,0,.35)}.dyeRowName{font-weight:800;color:#eeeeeeeb;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:-1px -1px 0 rgba(0,0,0,.75),1px -1px 0 rgba(0,0,0,.75),-1px 1px 0 rgba(0,0,0,.75),1px 1px 0 rgba(0,0,0,.75)}.dyeRowCat{color:#eeeeee73;font-size:12px}@media (max-width: 1200px){.iconGrid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}}@media (max-width: 860px){.iconGrid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.filtersTopRight{justify-content:flex-start}}@media (max-width: 520px){.main{padding:12px 12px 28px}.iconGrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.field{min-width:160px;flex:1 1 160px}.desktopOnly{display:none!important}.input,.select,.dyeDropSearchInput{font-size:16px}.loadoutDyeLabel{display:none}.loadoutDyeLine{grid-template-columns:minmax(0,1fr)}}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:3000;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#272727d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);font-weight:800;letter-spacing:.01em;box-shadow:0 14px 40px #0000008c}.filtersFab{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:40;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#1e1e1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);font-weight:900;letter-spacing:.02em;box-shadow:0 14px 40px #0000008c}.filtersFab:hover{filter:brightness(1.05)}.filtersSheetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0000008c}.filtersSheet{position:absolute;left:12px;right:12px;bottom:12px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#191919eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #000000a6;max-height:min(82vh,720px);display:flex;flex-direction:column}.filtersSheetHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.filtersSheetTitle{font-weight:900;letter-spacing:.02em}.filtersSheetClose{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#282828a6;color:var(--fg);font-size:20px;line-height:1}.filtersSheetBody{padding:12px 14px 16px;overflow:auto}@media (min-width: 900px){.filtersFab{display:none}}.landingIntro{margin:0 0 8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#28282859;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.landingH1{margin:0;font-size:16px;line-height:1.35;font-weight:900}.landingLead{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}