:root{--tg-bg:#120f0d;--tg-panel:#1c1815;--tg-ink:#f6efe8;--tg-mut:#b3a79b;--tg-line:#342c26;--tg-acc:#ff6a3d;--tg-acc2:#ffd23f;--tg-font:'Segoe UI', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Liberation Sans', Arial, sans-serif;--tg-disp:Bahnschrift, 'DIN Alternate', 'Segoe UI Semibold', 'Roboto Condensed', 'Arial Narrow', system-ui, sans-serif;--tg-mono:Consolas, Menlo, 'DejaVu Sans Mono', 'Liberation Mono', ui-monospace, monospace;--tg-s4:16px;--tg-s6:24px;--tg-s8:32px;--tg-s10:40px;--tg-s12:48px;--tg-s16:64px;--tg-s20:96px;--tg-gut:clamp(16px,4vw,44px);--t:#ff6a3d;--lit:0}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px;color-scheme:dark}
body{margin:0;min-height:100vh;color:var(--tg-ink);font:17px/1.6 var(--tg-font);background:radial-gradient(ellipse 70% 420px at 50% 0,color-mix(in srgb,var(--tg-acc) 12%,transparent),transparent),var(--tg-bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--tg-disp);font-weight:700;letter-spacing:-.01em;line-height:1.1;text-wrap:balance}
p{margin:0;text-wrap:pretty}
em{font-style:normal}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--tg-acc2);outline-offset:2px}
.tg-skip{position:absolute;left:12px;top:-60px;z-index:90;padding:10px 14px;border-radius:8px;background:var(--tg-acc);color:var(--tg-bg);font-weight:700;text-decoration:none}
.tg-skip:focus{top:12px}
.tg-wrap{max-width:1300px;margin:0 auto;padding:0 var(--tg-gut)}
.tg-ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tg-head{max-width:780px;margin-bottom:var(--tg-s10)}
.tg-head h2{margin-bottom:14px;font-size:clamp(1.9rem,3.6vw,2.9rem)}
.tg-head h2 em{color:var(--tg-acc)}
.tg-head p{color:var(--tg-mut);max-width:64ch}
.tg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:0;border-radius:10px;background:color-mix(in srgb,var(--tg-ink) 9%,transparent);color:var(--tg-ink);font:600 .94rem var(--tg-font);text-decoration:none;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out}
.tg-btn:hover{background:color-mix(in srgb,var(--tg-ink) 15%,transparent)}
.tg-btn:active{transform:scale(.97)}
.tg-btn-go{background:var(--tg-acc);color:var(--tg-bg)}
.tg-btn-go:hover{background:color-mix(in srgb,var(--tg-acc) 86%,#fff)}
.tg-btn-tint{background:var(--t);color:var(--tg-bg)}
.tg-btn-tint:hover{background:color-mix(in srgb,var(--t) 86%,#fff)}
/* client bar */
.tg-client{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:16px;min-height:64px;padding:8px var(--tg-gut);background:color-mix(in srgb,var(--tg-bg) 96%,transparent);border-bottom:1px solid var(--tg-line)}
.tg-brand{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none;font:700 1.2rem/1 var(--tg-disp)}
.tg-logo{width:38px;height:38px;flex:none;border-radius:10px}
.tg-brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--tg-acc);color:var(--tg-bg);font-style:normal}
.tg-client nav{display:flex;align-items:center;gap:4px}
.tg-client nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:8px;color:var(--tg-mut);font-weight:600;font-size:.92rem;text-decoration:none;transition:color .15s ease-out,background-color .15s ease-out}
.tg-client nav a:hover{color:var(--tg-ink);background:color-mix(in srgb,var(--tg-ink) 7%,transparent)}
.tg-client nav a.tg-navcta{margin-left:8px;background:var(--tg-acc);color:var(--tg-bg)}
.tg-client nav a.tg-navcta:hover{background:color-mix(in srgb,var(--tg-acc) 86%,#fff)}
/* opening: the server browser */
.tg-lobby{padding:var(--tg-s10) 0 var(--tg-s16)}
.tg-lobby-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--tg-s6) var(--tg-s10);margin-bottom:var(--tg-s8)}
.tg-lobby h1{margin-bottom:12px;font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:18ch}
.tg-lobby h1 em{color:var(--tg-acc)}
.tg-lede{max-width:62ch;color:var(--tg-mut);font-size:1.05rem}
.tg-status{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tg-status li{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:12px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line);font-size:.86rem;color:var(--tg-mut)}
.tg-status b{font:700 1.35rem/1 var(--tg-disp);color:var(--tg-acc2);font-variant-numeric:tabular-nums}
.tg-console{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--tg-s6);align-items:start}
.tg-browser{overflow:hidden;border-radius:18px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-browser-bar{border-bottom:1px solid var(--tg-line)}
.tg-tabs{display:none}
.tg-js .tg-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-bottom:1px solid var(--tg-line)}
.tg-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 13px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--tg-line);color:var(--tg-mut);font-weight:600;font-size:.88rem;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
.tg-tabs button:hover{color:var(--tg-ink)}
.tg-tabs button span{min-width:22px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--tg-ink) 10%,transparent);font:600 .76rem/1.5 var(--tg-mono);text-align:center}
.tg-tabs button[aria-selected=true]{background:var(--tg-acc);box-shadow:none;color:var(--tg-bg)}
.tg-tabs button[aria-selected=true] span{background:color-mix(in srgb,var(--tg-bg) 22%,transparent)}
.tg-browser-cols,.tg-server{display:grid;grid-template-columns:72px minmax(0,1.6fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr) 92px;gap:14px;align-items:center}
.tg-browser-cols{margin:0;padding:10px 16px;font:600 .74rem/1.2 var(--tg-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tg-mut)}
.tg-browser-cols span:first-child{grid-column:1/3}
.tg-servers{margin:0;padding:6px;list-style:none}
.tg-servers li+li{margin-top:2px}
.tg-server{padding:8px 10px;border-radius:12px;color:var(--tg-ink);text-decoration:none;transition:background-color .15s ease-out}
.tg-servers li:nth-child(odd) .tg-server{background:color-mix(in srgb,var(--tg-ink) 3%,transparent)}
.tg-server:hover{background:color-mix(in srgb,var(--t) 11%,transparent)!important}
.tg-server[aria-current]{background:color-mix(in srgb,var(--t) 15%,transparent)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--t) 70%,transparent)}
.tg-srv-art{display:block;width:72px;aspect-ratio:5/3;overflow:hidden;border-radius:8px;background:var(--tg-bg)}
.tg-srv-art img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out}
.tg-server:hover .tg-srv-art img{transform:scale(1.06)}
.tg-srv-name{display:grid;min-width:0}
.tg-srv-name b{font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
.tg-srv-name small{font-size:.8rem;color:var(--t)}
.tg-srv-col{font-size:.86rem;color:var(--tg-mut);line-height:1.35}
.tg-srv-rate{justify-self:end}
.tg-bars{display:inline-flex;align-items:flex-end;gap:8px}
.tg-bars>span{display:inline-flex;align-items:flex-end;gap:2px;height:18px}
.tg-bars i{width:5px;border-radius:2px;background:color-mix(in srgb,var(--tg-ink) 16%,transparent)}
.tg-bars i:nth-child(1){height:6px}.tg-bars i:nth-child(2){height:9px}.tg-bars i:nth-child(3){height:12px}.tg-bars i:nth-child(4){height:15px}.tg-bars i:nth-child(5){height:18px}
.tg-bars i.tg-on{background:var(--t)}
.tg-bars i.tg-half{background:linear-gradient(0deg,var(--t) 50%,color-mix(in srgb,var(--tg-ink) 16%,transparent) 50%)}
.tg-bars b{font:700 1rem/1 var(--tg-mono);font-variant-numeric:tabular-nums}
.tg-empty{padding:18px;color:var(--tg-mut)}
/* server info */
.tg-info{position:sticky;top:84px;overflow:hidden;border-radius:18px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,var(--tg-line))}
.tg-info-art{position:relative;margin:0;aspect-ratio:5/3;overflow:hidden;background:var(--tg-bg)}
.tg-info-art img{width:100%;height:100%;object-fit:cover}
.tg-info-art figcaption{position:absolute;left:12px;bottom:12px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--tg-bg) 86%,transparent);font-weight:700;font-size:.8rem;color:var(--t)}
.tg-info-body{padding:18px 20px 20px}
.tg-info-kick{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.84rem;color:var(--t)}
.tg-info-kick span+span{color:var(--tg-mut)}
.tg-info-name{margin:6px 0 10px;font:700 1.6rem/1.1 var(--tg-disp)}
.tg-info-verdict{margin-top:12px;font-weight:600}
.tg-info-list{display:grid;gap:10px;margin:16px 0 0}
.tg-info-list div{padding-top:10px;border-top:1px solid var(--tg-line)}
.tg-info-list dt{font:600 .74rem/1.3 var(--tg-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tg-mut)}
.tg-info-list dd{margin:3px 0 0;font-size:.9rem;color:var(--tg-mut)}
.tg-info-list dd b{color:var(--tg-ink)}
.tg-info-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
/* match reports */
.tg-reports{padding:var(--tg-s16) 0 var(--tg-s20);border-top:1px solid var(--tg-line)}
.tg-report-list{display:grid;gap:var(--tg-s8)}
.tg-report{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--tg-s8);padding:var(--tg-s6);border-radius:22px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line);scroll-margin-top:90px}
.tg-rep-art{position:relative;margin:0;align-self:start;aspect-ratio:5/3;overflow:hidden;border-radius:14px;background:var(--tg-bg)}
.tg-rep-art img{width:100%;height:100%;object-fit:cover}
.tg-rep-art figcaption{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:999px;background:var(--t);color:var(--tg-bg);font-weight:700;font-size:.8rem}
.tg-rep-kick{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.86rem;color:var(--tg-mut)}
.tg-rep-kick span:first-child{color:var(--t);font-weight:600}
.tg-report h3{margin:8px 0 10px;font-size:clamp(1.7rem,2.8vw,2.3rem)}
.tg-rep-score{display:flex;align-items:center;gap:12px;font-weight:600;font-size:.9rem;color:var(--tg-mut)}
.tg-rep-verdict{margin-top:14px;font-size:1.08rem;font-weight:600;line-height:1.5}
.tg-rep-sum{margin-top:12px;color:var(--tg-mut)}
.tg-rep-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin-top:16px}
.tg-rep-pair h4{margin-bottom:4px;font-size:1rem}
.tg-rep-pair p{font-size:.92rem;color:var(--tg-mut)}
.tg-lobbycheck{margin-top:18px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--tg-acc2) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tg-acc2) 30%,transparent)}
.tg-lobbycheck h4{margin-bottom:10px;font-size:1rem;color:var(--tg-acc2)}
.tg-lobbycheck ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.tg-lobbycheck li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:.9rem;color:var(--tg-mut)}
.tg-lobbycheck .tg-ico{color:var(--tg-acc2)}
.tg-lobbycheck b{display:block;color:var(--tg-ink)}
.tg-rep-acts{margin-top:18px}
/* online safety */
.tg-safety{padding:var(--tg-s20) 0;border-top:1px solid var(--tg-line)}
.tg-safety-deck{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tg-s4)}
.tg-safety-deck li{display:flex;flex-direction:column;padding:22px;border-radius:18px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-safety-deck .tg-ico{width:44px;height:44px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--tg-acc) 14%,transparent);color:var(--tg-acc)}
.tg-safety-deck h3{margin:16px 0 8px;font-size:1.25rem}
.tg-safety-deck p{font-size:.94rem;color:var(--tg-mut)}
.tg-safety-deck .tg-path-hint{margin-top:auto;padding-top:14px;font:600 .76rem/1.4 var(--tg-mono);color:var(--tg-acc2)}
.tg-pegi{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:var(--tg-s6);padding:18px 20px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-pegi ul{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.tg-pegi li{display:grid;place-items:center;width:40px;height:46px;border-radius:5px;box-shadow:inset 0 0 0 2px var(--tg-ink);font:700 1rem var(--tg-disp)}
.tg-pegi p{flex:1;min-width:240px;font-size:.92rem;color:var(--tg-mut)}
.tg-safety-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:var(--tg-s6);padding:22px 24px;border-radius:18px;background:color-mix(in srgb,var(--tg-acc) 9%,var(--tg-panel))}
.tg-safety-cta p{flex:1;min-width:260px;max-width:70ch}
/* ratings */
.tg-ratings{padding:var(--tg-s20) 0;border-top:1px solid var(--tg-line)}
.tg-bands{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-s4)}
.tg-bands li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:16px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-band-sig{display:flex;align-items:flex-end;gap:3px;height:30px;padding-top:4px}
.tg-band-sig i{width:7px;border-radius:2px;background:var(--tg-acc)}
.tg-band-sig i:nth-child(1){height:9px;opacity:clamp(.18,var(--lit),1)}
.tg-band-sig i:nth-child(2){height:15px;opacity:clamp(.18,calc(var(--lit) - 1),1)}
.tg-band-sig i:nth-child(3){height:21px;opacity:clamp(.18,calc(var(--lit) - 2),1)}
.tg-band-sig i:nth-child(4){height:27px;opacity:clamp(.18,calc(var(--lit) - 3),1)}
.tg-bands b{display:block;font:700 1.2rem/1.2 var(--tg-disp)}
.tg-bands small{display:block;margin:3px 0 6px;font:600 .76rem var(--tg-mono);color:var(--tg-acc2)}
.tg-bands p{font-size:.92rem;color:var(--tg-mut)}
.tg-rate-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-s12);margin-top:var(--tg-s12)}
.tg-sub{margin-bottom:12px;font-size:1.1rem;color:var(--tg-acc2)}
.tg-criteria,.tg-house{margin:0;padding:0;list-style:none}
.tg-criteria li,.tg-house li{padding:14px 0;border-top:1px solid var(--tg-line)}
.tg-criteria h3,.tg-house h3{margin-bottom:4px;font-size:1.08rem}
.tg-criteria p,.tg-house p{font-size:.93rem;color:var(--tg-mut)}
.tg-more{margin-top:var(--tg-s8)}
.tg-more a{font-weight:700;color:var(--tg-acc);text-underline-offset:5px}
/* faq */
.tg-faq{padding:var(--tg-s20) 0;border-top:1px solid var(--tg-line)}
.tg-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--tg-s12);align-items:start}
.tg-faq-list{display:grid;gap:8px}
.tg-faq details{border-radius:14px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-faq summary{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:600;cursor:pointer;list-style:none}
.tg-faq summary::-webkit-details-marker{display:none}
.tg-faq summary::after{content:"";flex:none;width:9px;height:9px;margin-top:7px;border-right:2px solid var(--tg-acc);border-bottom:2px solid var(--tg-acc);transform:rotate(45deg);transition:transform .16s ease-out}
.tg-faq details[open] summary::after{transform:rotate(-135deg)}
.tg-faq details p{padding:0 18px 18px;max-width:66ch;color:var(--tg-mut)}
/* footer and cookie note */
.tg-foot{padding:var(--tg-s16) 0 var(--tg-s8);background:color-mix(in srgb,var(--tg-bg) 65%,#000);border-top:1px solid var(--tg-line);font-size:.94rem}
.tg-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--tg-s8)}
.tg-foot-about .tg-foot-brand{margin-bottom:10px;font:700 1.5rem/1 var(--tg-disp);color:var(--tg-acc)}
.tg-foot-about p{color:var(--tg-mut);max-width:48ch}
.tg-foot-about p+p{margin-top:10px}
.tg-foot-about .tg-owner{font-size:.86rem}
.tg-foot h2{margin-bottom:12px;font-size:1rem;color:var(--tg-ink)}
.tg-foot ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.tg-foot nav a{color:var(--tg-mut);text-decoration:none}
.tg-foot nav a:hover{color:var(--tg-acc);text-decoration:underline;text-underline-offset:4px}
.tg-fine{margin-top:var(--tg-s10);padding-top:var(--tg-s6);border-top:1px solid var(--tg-line);font-size:.82rem;color:var(--tg-mut);max-width:80ch}
.tg-cookies{display:none;position:fixed;left:50%;bottom:16px;z-index:80;width:min(560px,calc(100% - 24px));align-items:center;gap:14px;padding:12px 14px 12px 18px;border-radius:999px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line),0 14px 40px rgba(0,0,0,.45);font-size:.86rem;transform:translateX(-50%)}
.tg-cookies p{color:var(--tg-mut)}
.tg-cookies a{color:var(--tg-ink)}
.tg-cookies button{flex:none;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--tg-acc);color:var(--tg-bg);font-weight:700;cursor:pointer}
/* text pages: help-centre articles */
.tg-article{padding:var(--tg-s12) 0 var(--tg-s16)}
.tg-article-wrap{max-width:860px}
.tg-trail{display:flex;flex-wrap:wrap;gap:8px;font-size:.88rem;color:var(--tg-mut)}
.tg-trail a{color:var(--tg-acc2);text-decoration:none}
.tg-article h1{margin:14px 0 14px;font-size:clamp(2.2rem,4.8vw,3.6rem)}
.tg-article-sum{padding:16px 18px;border-radius:14px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line);font-size:1.06rem;color:var(--tg-ink)}
.tg-article-sum a{color:var(--tg-acc)}
.tg-in-article{margin:var(--tg-s6) 0 var(--tg-s8)}
.tg-in-article p{margin-bottom:10px;font-weight:600;font-size:.92rem;color:var(--tg-mut)}
.tg-in-article ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.tg-in-article a{display:inline-flex;min-height:36px;align-items:center;padding:6px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--tg-line);color:var(--tg-mut);font-size:.86rem;text-decoration:none;transition:color .15s ease-out,background-color .15s ease-out}
.tg-in-article a:hover{color:var(--tg-ink);background:color-mix(in srgb,var(--tg-ink) 7%,transparent)}
.tg-art-sec{padding-top:var(--tg-s8);scroll-margin-top:90px}
.tg-art-sec h2{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:1.55rem}
.tg-art-sec h2 span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--tg-acc) 15%,transparent);font:700 .9rem var(--tg-mono);color:var(--tg-acc)}
.tg-art-sec p,.tg-art-sec li{color:var(--tg-mut)}
.tg-art-sec p+p,.tg-art-sec p+ul,.tg-art-sec ul+p,.tg-art-sec form+p{margin-top:12px}
.tg-art-sec ul{margin:10px 0 0;padding-left:20px}
.tg-art-sec li{margin-bottom:6px}
.tg-art-sec li::marker{color:var(--tg-acc)}
.tg-art-sec b{color:var(--tg-ink)}
.tg-art-sec a{color:var(--tg-acc);text-underline-offset:3px}
.tg-art-sec code{font:.9em var(--tg-mono);color:var(--tg-acc2)}
.tg-orgs{margin:16px 0 0!important;padding:0!important;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tg-orgs li{display:flex;flex-direction:column;margin:0;padding:18px;border-radius:14px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-orgs h3{margin-bottom:6px;font-size:1.1rem;color:var(--tg-ink)}
.tg-orgs p{margin-bottom:12px;font-size:.9rem}
.tg-orgs a{margin-top:auto;font-weight:700}
.tg-urgent{margin-top:14px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--tg-acc2) 9%,transparent);color:var(--tg-ink)!important}
.tg-check{margin-top:6px;padding:20px 22px;border-radius:16px;background:var(--tg-panel);box-shadow:inset 0 0 0 1px var(--tg-line)}
.tg-check-q{margin-bottom:10px;color:var(--tg-ink)!important;font-weight:700}
.tg-check ul{list-style:none;padding:0!important}
.tg-check label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.tg-check input{width:18px;height:18px;margin-top:4px;flex:none;accent-color:var(--tg-acc)}
.tg-check-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tg-check output{display:block;margin-top:12px;font-weight:600;color:var(--tg-ink)}
.tg-check output[data-band=mid]{color:var(--tg-acc2)}
.tg-check output[data-band=high]{color:var(--tg-acc)}
@media(max-width:1080px){
.tg-console{grid-template-columns:minmax(0,1fr)}
.tg-info{position:relative;top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tg-info-art{aspect-ratio:auto;min-height:100%}
.tg-safety-deck{grid-template-columns:repeat(2,minmax(0,1fr))}
.tg-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tg-foot-about{grid-column:1/-1}
}
@media(max-width:900px){
.tg-browser-cols{display:none}
.tg-server{grid-template-columns:72px minmax(0,1fr) auto;row-gap:6px}
.tg-srv-art{grid-row:span 2}
.tg-srv-rate{grid-column:3;grid-row:1}
.tg-srv-col{grid-column:2/4;font-size:.8rem}
.tg-srv-col::before{content:attr(data-col) ": ";color:color-mix(in srgb,var(--tg-mut) 75%,transparent)}
.tg-report{grid-template-columns:minmax(0,1fr)}
.tg-rate-split,.tg-faq-grid,.tg-bands{grid-template-columns:minmax(0,1fr)}
.tg-orgs{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
.tg-info{display:block}
.tg-info-art{aspect-ratio:5/3;min-height:0}
.tg-safety-deck,.tg-rep-pair{grid-template-columns:minmax(0,1fr)}
.tg-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tg-report{padding:var(--tg-s4)}
.tg-cookies{border-radius:16px;flex-wrap:wrap}
}
@media(max-width:480px){
.tg-foot-grid{grid-template-columns:minmax(0,1fr)}
.tg-server{grid-template-columns:60px minmax(0,1fr) auto;gap:4px 10px}
.tg-srv-art{width:60px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}

/* --- mobile nav toggle --- */
.tg-burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--tg-line,currentColor);border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.tg-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s cubic-bezier(.2,.7,.2,1)}
.tg-nav-open .tg-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tg-nav-open .tg-burger span:nth-child(2){opacity:0}
.tg-nav-open .tg-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1040px){
.tg-js .tg-burger{display:inline-flex;margin-left:auto;order:5}
.tg-js .tg-client{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}.tg-js .tg-nav-open .tg-client{height:auto}
.tg-js .tg-client>nav{display:none}
.tg-js .tg-nav-open .tg-client>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;order:9;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--tg-line,currentColor)}
.tg-js .tg-nav-open .tg-client>nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;margin:0;border:0;border-bottom:1px solid var(--tg-line,currentColor);font-size:1rem;letter-spacing:.04em}
.tg-js .tg-nav-open .tg-client>nav a:last-child{border-bottom:none}
.tg-js .tg-client .tg-brand{flex:1}.tg-js .tg-nav-open .tg-client{background:var(--tg-panel)}.tg-js .tg-nav-open .tg-client>nav a{color:var(--tg-ink)}.tg-js .tg-nav-open .tg-client>nav a.tg-navcta{margin:10px 0 6px;justify-content:center;color:var(--tg-bg)}
}
