@font-face{font-family:Anton;src:url('anton.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HubBody;src:url('roboto-condensed.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HubBody;src:url('roboto-condensed-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--bg:#f5f5f5;--panel:#fff;--navy:#152f4b;--text:#10172f;--muted:#52647e;--line:#d9e0e8;--body:HubBody,'Arial Narrow',Arial,sans-serif;--focus:#2563eb}
:root[data-theme=dark]{color-scheme:dark;--bg:#0f1724;--panel:#1b293c;--text:#f1f5fc;--muted:#b1bfd2;--line:#36485f;--focus:#93c5fd}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;background:var(--bg);color:var(--text);font:20px/1.3 var(--body)}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
button:disabled{cursor:default}
[hidden]{display:none!important}
body:not(.is-ready) .categories,body:not(.is-ready) .search{visibility:hidden}
.shell{width:calc(100% - 104px);max-width:1380px;margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:#fff;color:var(--navy);padding:10px 16px;transform:translateY(-180%);border:2px solid var(--focus);border-radius:6px}
.skip-link:focus{transform:none}
.topbar{background:#172e46;color:#fff}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:24px;flex-shrink:0}
.brand-mark{width:64px;height:64px;display:block}
.brand-name{display:block;font:35px/1.15 Anton,Impact,sans-serif;letter-spacing:.3px}
.brand-domain{display:block;margin-top:3px;font-size:16px;line-height:1.1;letter-spacing:2px;color:#b5c2d0}
.nav{display:flex;align-items:center;gap:44px;font-size:22px}
.nav a{padding-block:10px}
.nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:32px}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid #73849a;border-radius:8px;background:#ffffff0a;color:#fff;font-size:17px;white-space:nowrap}
.theme-toggle:hover{background:#ffffff18;border-color:#c1cddd}
.theme-icon{width:18px;height:18px;filter:brightness(0) invert(1)}
.theme-sun{display:none}
:root[data-theme=dark] .theme-moon{display:none}
:root[data-theme=dark] .theme-sun{display:block}
.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:23px 0 16px}
h1{margin:0;font:700 44px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-1.3px}
.intro p{margin:3px 0 0;color:var(--muted);font-size:21px;line-height:1.35}
.search{flex:0 1 563px;min-width:260px;display:flex;align-items:center;height:56px;border:1px solid #c9ccda;border-radius:10px;background:#fff;box-shadow:0 1px 2px #14263c05}
.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px #2563eb26}
.search-icon{width:24px;height:24px;margin:0 18px 0 20px;opacity:.64}
.search input{height:100%;width:100%;min-width:0;background:transparent;border:0;outline:none;padding:0 12px 0 0;color:var(--text);font-size:20px}
.search input:focus-visible{outline:none}
.search input::placeholder{color:#72809a;opacity:1}
.search input::-webkit-search-cancel-button{display:none}
.clear-search{border:0;background:transparent;padding:11px;margin-right:4px;display:flex;border-radius:5px}
.clear-search:hover{background:#edf2f7}
.clear-icon{width:18px;height:18px}
.categories{display:flex;gap:16px;align-items:stretch;margin-bottom:22px}
.category{display:flex;align-items:center;justify-content:center;gap:18px;min-height:60px;padding:12px 22px;border:1px solid #d2d7e3;border-radius:10px;background:#fafafd;color:var(--navy);font-weight:700;font-size:20px;white-space:nowrap;transition:background .15s,border-color .15s}
.category:hover{background:#eaf0f7;border-color:#aebdce}
.category-count{font-weight:400;color:#6b7b94}
.category-icon{width:30px;height:30px;flex:none}
.category[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 1px 2px #0c1c2d14}
.category[aria-pressed=true] .category-count{color:#fff}
.category[aria-pressed=true] .category-icon{filter:brightness(0) invert(1)}
.tools-section{scroll-margin-top:20px;outline:none}
.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 8px}
.results-heading h2{margin:0;font-size:28px;line-height:1.2}
.results-heading span,.search-description{color:var(--muted);font-size:18px}
.search-description{margin:0 0 18px}
.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tool-card{min-width:0;min-height:262px;padding:14px 22px 13px;display:flex;flex-direction:column;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 6px #162f4910;transition:border-color .15s,box-shadow .15s,transform .15s}
.tool-card:hover{border-color:#9bafc6;box-shadow:0 5px 15px #162f491a;transform:translateY(-2px)}
.card-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;height:99px;margin-bottom:3px}
.tool-art{width:110px;height:104px;object-fit:contain;flex:none;display:block;margin-left:-7px;margin-top:-2px}
@media(min-width:1401px){#tool-vehicle-viewer .tool-art,#tool-job-levels .tool-art{width:140px;height:130px;margin-top:-14px;margin-left:-12px}}
.card-labels{display:flex;align-items:flex-end;flex-direction:column;gap:7px;max-width:calc(100% - 98px)}
.category-label,.tool-badge{padding:5px 17px;border-radius:18px;font-size:16px;line-height:1.15;white-space:nowrap}
.category-label{background:#ead7ff;color:#501a88}
[data-cat=forum] .category-label{background:#cee0ff;color:#153e92}
[data-cat=money] .category-label{background:#ffdd91;color:#624006}
[data-cat=help] .category-label{background:#c7f2dd;color:#155038}
[data-cat=games] .category-label{background:#ffe1ca;color:#763607}
.tool-badge{background:#fff0c9;color:#5d470e;border-radius:8px;padding:5px 12px;font-size:15px}
.tool-card h3{margin:0 0 1px;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.65px;overflow-wrap:break-word}
.tool-card p{margin:0 0 10px;color:#425871;font-size:20px;line-height:1.2}
.tool-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:136px;height:40px;padding:8px 18px;border-radius:8px;color:#fff;background:var(--navy);font-size:20px;line-height:1;font-weight:700;box-shadow:0 1px 2px #10284120}
.action-arrow{width:22px;height:22px;filter:brightness(0) invert(1)}
.tool-card:hover .tool-action{background:#244e78}
.empty{background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;padding:56px 20px}
.empty h3{margin:0 0 8px;font-size:28px}
.empty p{color:var(--muted);margin:0 0 22px}
.plain-button{background:var(--navy);color:#fff;border:0;border-radius:7px;padding:10px 20px;font-weight:700}
.no-script{margin:0 0 20px;font-size:18px}
.footer{margin-top:42px;border-top:1px solid var(--line);color:var(--muted)}
.footer-inner{min-height:86px;padding-block:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:16px}
.footer-brand{letter-spacing:1px}
.footer-links{display:flex;gap:24px}
.live-status{display:flex;gap:18px;flex-wrap:wrap}
.live-status b{font-weight:400;color:#283f57}
:root[data-theme=dark] .topbar{background:#101c2b;border-bottom:1px solid var(--line)}
:root[data-theme=dark] .search{background:var(--panel);border-color:#51627b;box-shadow:none}
:root[data-theme=dark] .search input::placeholder{color:var(--muted)}
:root[data-theme=dark] .search-icon,:root[data-theme=dark] .clear-icon{filter:brightness(0) invert(1);opacity:.8}
:root[data-theme=dark] .clear-search:hover{background:#32455d}
:root[data-theme=dark] .category{background:#1b293c;color:var(--text);border-color:#455771}
:root[data-theme=dark] .category:hover{background:#283b54;border-color:#8196b0}
:root[data-theme=dark] .category-count{color:#b9c7da}
:root[data-theme=dark] .category:not([aria-pressed=true]) .category-icon{filter:brightness(1.65)}
:root[data-theme=dark] .category[aria-pressed=true]{background:#365e88;border-color:#8eafd3;color:#fff}
:root[data-theme=dark] .category[aria-pressed=true] .category-count{color:#fff}
:root[data-theme=dark] .tool-card{box-shadow:0 2px 6px #0002}
:root[data-theme=dark] .tool-card:hover{border-color:#819bb9;box-shadow:0 5px 15px #0004}
:root[data-theme=dark] .tool-art,:root[data-theme=dark] #tool-vehicle-viewer .tool-art,:root[data-theme=dark] #tool-job-levels .tool-art{width:92px;height:86px;margin:0;background:#fff;border-radius:10px}
:root[data-theme=dark] .tool-card p{color:#c0cddd}
:root[data-theme=dark] .tool-action,:root[data-theme=dark] .plain-button{background:#365e88}
:root[data-theme=dark] .tool-card:hover .tool-action,:root[data-theme=dark] .plain-button:hover{background:#426f9f}
:root[data-theme=dark] .empty{background:var(--panel)}
:root[data-theme=dark] .live-status b{color:var(--text)}
@media(min-width:901px){.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.category{min-width:0;white-space:normal}}
@media(min-width:901px) and (max-width:1350px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1050px){.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.category{min-width:0}}
@media(min-width:1600px){.intro{margin-top:28px}.categories{gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.category{padding-inline:12px;gap:10px}}
@media(max-width:1250px){.shell{width:calc(100% - 64px)}.categories{gap:10px}.category{padding:12px 16px;gap:10px;font-size:18px}.category-icon{width:26px;height:26px}.intro{gap:20px}h1{font-size:42px}.intro p{font-size:19px}.search{flex-basis:42%}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card h3{font-size:27px}}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.intro{align-items:flex-start;flex-direction:column;gap:18px}.search{width:100%;flex-basis:auto}.categories{flex-wrap:wrap;gap:8px}.category{flex:1 0 auto;min-height:48px}.category-icon{width:24px;height:24px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{min-height:78px}.brand{gap:12px}.brand-mark{width:52px;height:52px}.brand-name{font-size:27px}.brand-domain{font-size:13px}.nav{gap:22px;font-size:19px}.tool-card{padding-inline:18px}.tool-card p{font-size:19px}.tool-card h3{font-size:26px}.category-label{padding-inline:12px}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.header-inner{flex-wrap:wrap;gap:0;padding-block:12px}.brand-mark{width:46px;height:46px}.brand-name{font-size:25px}.brand-domain{font-size:12px}.nav{gap:18px;font-size:17px;margin-left:auto}.nav a{padding-block:12px}.intro{margin:22px 0 18px;gap:16px}h1{font-size:37px;letter-spacing:-.8px}.intro p{font-size:18px;line-height:1.35}.search{height:50px;min-width:0}.categories{margin-bottom:18px}.category{gap:8px;font-size:17px;padding:10px 12px;border-radius:8px;min-height:46px}.category-icon{width:22px;height:22px}.tools-grid{grid-template-columns:minmax(0,1fr);gap:12px}.tool-card{min-height:250px;padding:14px 20px}.tool-card h3{font-size:28px}.tool-card p{font-size:20px}.tool-art{width:104px;height:100px}.card-top{height:98px}.category-label{font-size:16px}.tool-action{height:38px;min-width:132px;font-size:19px}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px}.footer{margin-top:28px}}
@media(max-width:370px){.brand{gap:8px}.brand-mark{width:40px;height:40px}.brand-name{font-size:22px}.brand-domain{font-size:10px}.nav{gap:12px;font-size:16px}h1{font-size:34px}.category{font-size:16px;padding-inline:10px}}
@media(max-width:900px){.header-actions{gap:20px}.nav{gap:18px}}
@media(max-width:740px){.header-inner{flex-wrap:wrap;padding-block:12px;gap:8px}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.nav{margin-left:0}.theme-toggle{font-size:16px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.tool-card:hover{transform:none}}