:root{--bg:#080c12;--panel:#111720;--line:#283140;--muted:#9aa7b9;--white:#f3f5f8;--orange:#ff9d12;--orange2:#ff6b0b;--green:#3fe19a;--red:#ff6c77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1240px;padding:0 24px;margin:auto}.nav{height:84px;position:sticky;top:0;z-index:100;background:rgba(9,13,18,.96);border-bottom:1px solid #2a3039;backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.identity{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;line-height:1.02;letter-spacing:.5px}.logo{width:55px;height:55px;display:grid;place-items:center;border:2px solid var(--orange);border-radius:17px;color:var(--orange);font-weight:950;font-size:18px;position:relative;transform:rotate(-4deg)}.star{font-size:9px;position:absolute;top:5px;right:5px}.nav nav{display:flex;gap:31px}.nav nav a{color:#c5c9d2;font-weight:650;font-size:14px}.nav nav a:hover,.path{color:var(--orange)}.panel{border:1px solid #69717e;border-radius:9px;padding:11px 14px;font-weight:700;font-size:13px;white-space:nowrap}.panel:hover,.btn.outline:hover{border-color:var(--orange)}.lock{color:var(--orange);padding-right:6px}.menu{display:none}.hero{min-height:630px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#25303e 0,#0b1017 46%,#090d12 75%);border-bottom:1px solid #222934}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(245,112,6,.13) 0%,transparent 27%),linear-gradient(270deg,rgba(255,161,35,.09),transparent 25%);pointer-events:none}.hero-deco{position:absolute;top:15px;width:35%;height:570px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.60;filter:saturate(.8)}.hero-deco.left{left:-14%;background-image:linear-gradient(90deg,transparent,rgba(8,12,18,.3)),url('/assets/cs2-scene.webp')}.hero-deco.right{right:-12%;background-image:linear-gradient(-90deg,transparent,rgba(8,12,18,.3)),url('/assets/gt3-scene.webp')}.hero-core{position:relative;z-index:2;text-align:center;padding-top:106px}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:2.4px;font-weight:800}.orange-line{display:inline-block;width:18px;height:2px;background:var(--orange);vertical-align:middle;margin-right:8px}.hero h1{font-weight:950;font-size:clamp(38px,5.5vw,78px);line-height:1.04;letter-spacing:-2px;margin:22px auto 23px;max-width:1000px;text-shadow:0 4px 30px #080b12}.hero h1 span,h2 span{color:var(--orange)}.hero-desc{max-width:610px;margin:0 auto;color:#c2c9d3;font-size:18px}.hero-desc b{color:#fff}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;min-height:47px;padding:12px 24px;font-weight:830;font-size:14px;transition:transform .15s,border-color .15s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(120deg,#ffb22a,#ff8a04);color:#16120a;box-shadow:0 10px 28px #b55a0824}.btn.outline{border:1px solid #84909e;background:#11192280;color:white}.mini-stats{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:50px}.mini-stats div{display:flex;flex-direction:column}.mini-stats b{font-size:21px;color:#fff}.mini-stats small{color:#98a6b7;font-size:12px}.mini-stats>span{height:28px;border-left:1px solid #52606d}.hero-bottom{font-size:10px;letter-spacing:2px;text-align:center;color:#788a9c;margin-top:46px}.hero-bottom b{color:var(--orange);margin-left:9px}.section{padding-top:87px;padding-bottom:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:31px}.section-heading h2,.about h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin:8px 0 12px;letter-spacing:-1px}.section-heading p{color:var(--muted);margin:0}.availability{font-size:13px;color:#c5cbd4;white-space:nowrap}.pulse{display:inline-block;width:9px;height:9px;background:#9ca6b3;border-radius:100%;margin-right:7px}.pulse.good{background:var(--green);box-shadow:0 0 0 4px #3fe19a23}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.server-card{overflow:hidden;border:1px solid #35404e;background:linear-gradient(160deg,#171d26,#0e131a);border-radius:15px;box-shadow:0 30px 40px #0002}.card-visual{height:210px;position:relative;overflow:hidden;background:#101820}.card-visual img{height:100%;width:100%;object-fit:cover;object-position:center 39%;filter:brightness(.67)}.card-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111821,transparent 75%)}.visual-heading{position:absolute;bottom:19px;left:25px;z-index:1}.capsule{color:#ffd098;font-size:10px;letter-spacing:1.7px;font-weight:900}.visual-heading h3{font-size:29px;line-height:1;margin:7px 0 0;font-weight:950;letter-spacing:-.7px}.visual-heading em{color:var(--orange);font-style:normal}.card-main{padding:25px}.server-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.subheading{font-size:10px;letter-spacing:1.2px;color:#8294ab;margin:0 0 4px}.server-row h4{font-size:19px;margin:0}.status{padding:6px 10px;border:1px solid #596275;border-radius:50px;white-space:nowrap;font-size:11px;font-weight:900;color:#bdc4cf}.status.online{background:#17463270;border-color:#2a7b54;color:#68f4af}.status.offline{background:#4e1d2170;border-color:#98434b;color:#ff9ea6}.details{min-height:48px;font-size:14px;color:#aab7c8;margin:17px 0 15px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.chips span{border-radius:5px;border:1px solid #3a4657;background:#202937;padding:5px 8px;color:#ccd5df;font-size:11px}.ipline{border:1px solid #bf7018;background:#121820;padding:12px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font:700 14px ui-monospace,Consolas,monospace}.ipline button{background:none;color:var(--orange);font-size:23px;border:0}.wide{display:flex;margin-top:14px}.footnote{display:block;margin-top:13px;color:#8e9aab;line-height:1.6;font-size:11px}.footnote code{color:#bbb}.status-note{color:#8495a8;font-size:12px;margin-top:14px}.features{padding:90px 0;background:#0d141d;border-top:1px solid #1e2936;border-bottom:1px solid #1e2936}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#141d28;border:1px solid #2d3948;border-radius:13px;padding:26px}.feature span{display:block;font-size:30px;color:var(--orange);margin-bottom:12px}.feature h3{font-size:16px;margin:0 0 8px}.feature p{color:#a8b3c2;font-size:13px;margin:0}.about{padding-top:90px;padding-bottom:100px}.about p{max-width:750px;color:#aeb9c8;font-size:18px;margin-bottom:27px}footer{border-top:1px solid #293440;padding:29px 0;color:#9aa8b8}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>div{display:flex;flex-direction:column}.footer-inner b{color:#f3f5f8;font-size:14px}.footer-inner small{font-size:10px;letter-spacing:1.3px}.footer-inner p,.footer-inner a{font-size:12px}#toast{position:fixed;bottom:20px;right:20px;background:#273444;padding:12px 18px;border:1px solid #53647a;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:200}#toast.show{opacity:1}@media(max-width:1050px){.nav nav{gap:16px}.hero-deco{opacity:.25}.section{padding-top:60px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{padding:0 18px}.nav{height:70px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111820;flex-direction:column;padding:25px}.nav nav.open{display:flex}.nav .panel{margin-left:auto;font-size:11px}.menu{display:block;color:white;background:none;border:0;font-size:24px}.logo{width:42px;height:42px;font-size:14px}.identity{font-size:11px}.hero{min-height:580px}.hero-core{padding-top:110px}.hero h1{letter-spacing:-.6px}.hero-deco.left{left:-34%}.hero-deco.right{right:-34%}.hero-desc{font-size:16px}.hero-actions{flex-direction:column;max-width:330px;margin:25px auto 0}.mini-stats{gap:15px;margin-top:36px}.mini-stats b{font-size:17px}.section-heading{align-items:start;flex-direction:column}.server-grid{grid-template-columns:1fr}.card-visual{height:200px}.feature-grid{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media(max-width:390px){.feature-grid{grid-template-columns:1fr}.nav .panel .path{display:none}.nav .panel{padding:7px}.hero h1{font-size:34px}}


/* V2 live game telemetry */
.map-image-label{position:absolute;top:15px;right:15px;z-index:2;color:#fff;background:#0b1018c9;border:1px solid #6c7788;border-radius:5px;padding:4px 8px;font-size:10px;letter-spacing:1px;font-weight:800}.card-visual img{transition:filter .3s}.live-console{border:1px solid #29384b;background:#0a111a;border-radius:12px;padding:17px 17px 12px;margin:16px 0 20px}.live-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.live-eyebrow{font:800 10px system-ui;color:#fca62a;letter-spacing:1.8px}.live-top h5{font-size:17px;line-height:1.15;margin:5px 0 10px}.live-refresh{font-size:9px;letter-spacing:.6px;color:#8397ac;text-align:right}.live-facts{display:grid;grid-template-columns:1.3fr 1fr .85fr;gap:9px;margin:8px 0 18px}.live-facts>div{background:#152130;border:1px solid #29394d;border-radius:8px;padding:11px;min-width:0}.live-facts small{display:block;color:#94a8bd;font-size:9px;letter-spacing:1px;font-weight:800}.live-facts strong{display:block;overflow-wrap:anywhere;margin-top:5px;color:#ecf2fb;font-size:15px}.roster-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334154;padding-bottom:7px;color:#b6c4d3;font-weight:800;font-size:10px;letter-spacing:1px}.roster{list-style:none;padding:0;margin:0;max-height:250px;overflow:auto;scrollbar-color:#536981 transparent}.roster li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 2px;border-bottom:1px solid #222e3b;font-size:12px}.roster .player{display:flex;align-items:center;min-width:0;gap:9px}.roster .player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster .player-number{display:inline-grid;place-items:center;min-width:24px;height:24px;color:#ffc372;border:1px solid #4f4e41;border-radius:5px;font-size:10px}.roster .player-extra{font:11px ui-monospace,monospace;color:#a9baca;text-align:right}.roster-message{color:#9eafc2;font-style:italic}.cars-heading{color:#b6c4d3;font-size:10px;letter-spacing:1px;font-weight:800;margin:14px 0 9px}.live-cars{display:flex;flex-wrap:wrap;gap:6px;color:#9baec0;font-size:11px}.live-cars span{background:#1b2938;border:1px solid #37495d;padding:5px 8px;border-radius:5px}.server-card .details{min-height:0}.server-card .card-main{padding:22px}.server-card .ipline{margin-top:14px}@media(max-width:540px){.live-refresh{font-size:8px}.live-facts{grid-template-columns:1.25fr 1fr .85fr;gap:5px}.live-facts>div{padding:8px}.live-facts strong{font-size:12px}}

/* LPH V2.1 – cartoes reais dos GT3 e mapa da pista */
.live-cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.live-cars .lph-car-tile{display:flex;flex-direction:column;overflow:hidden;border:1px solid #344456;background:#132030;border-radius:9px;padding:0;color:#d9e5f2;font-size:11px}
.lph-car-tile .lph-car-img{display:block;width:100%;height:74px;object-fit:cover;background:#0a0f17}
.lph-car-tile .lph-car-img[hidden]{display:none}
.live-cars .lph-car-tile span{border:0;background:none;padding:8px;line-height:1.3}
.roster .lph-car-img{height:38px;width:67px;object-fit:cover;border-radius:5px;border:1px solid #46546a}
.roster .lph-car-img[hidden]{display:none}
.roster .player{flex:1;min-width:0}
.roster .player-extra{max-width:40%;overflow-wrap:anywhere}
.card-visual .lph-circuit-outline{position:absolute;right:16px;bottom:15px;width:104px;height:104px;object-fit:contain;z-index:3;filter:drop-shadow(0 2px 6px #000);background:rgba(9,16,24,.60);padding:8px;border:1px solid #526274;border-radius:8px}
.card-visual .lph-circuit-outline[hidden]{display:none}
@media(max-width:540px){.live-cars{grid-template-columns:repeat(2,minmax(0,1fr))}.card-visual .lph-circuit-outline{width:78px;height:78px}}