.mobile-hero{padding:48px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}
.mobile-hero h1{font-size:clamp(3.2rem,5.8vw,5.9rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}
.lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}

/* Hero: same LTE/5G footprint, gaming-specific scene */
.game-scene{width:min(100%,480px);justify-self:center;position:relative;height:400px}
.handheld{position:absolute;left:52%;top:28px;transform:translateX(-50%) rotate(3deg);width:218px;height:344px;background:linear-gradient(145deg,#d8d5c9,#a9aa9f);border:1px solid #e8e5da;border-radius:18px 18px 42px 18px;box-shadow:0 28px 60px rgba(0,0,0,.5);z-index:4}
.handheld-screen{position:absolute;left:25px;top:35px;width:166px;height:132px;background:#8fa36b;border:14px solid #303846;border-radius:11px;display:grid;place-items:center;overflow:hidden;box-sizing:border-box}
.handheld-screen span{position:absolute;right:6px;bottom:4px;font-size:.55rem;font-weight:950;color:#33422d}
.pixel-alien{--p:9px;display:grid;grid-template-columns:repeat(8,var(--p));grid-template-rows:repeat(6,var(--p));gap:0}
.pixel-alien i{width:var(--p);height:var(--p)}
.pixel-alien i:nth-child(3),.pixel-alien i:nth-child(6),
.pixel-alien i:nth-child(10),.pixel-alien i:nth-child(11),.pixel-alien i:nth-child(12),.pixel-alien i:nth-child(13),.pixel-alien i:nth-child(15),
.pixel-alien i:nth-child(17),.pixel-alien i:nth-child(18),.pixel-alien i:nth-child(19),.pixel-alien i:nth-child(20),.pixel-alien i:nth-child(21),.pixel-alien i:nth-child(22),.pixel-alien i:nth-child(23),.pixel-alien i:nth-child(24),
.pixel-alien i:nth-child(25),.pixel-alien i:nth-child(27),.pixel-alien i:nth-child(28),.pixel-alien i:nth-child(29),.pixel-alien i:nth-child(30),.pixel-alien i:nth-child(32),
.pixel-alien i:nth-child(34),.pixel-alien i:nth-child(35),.pixel-alien i:nth-child(38),.pixel-alien i:nth-child(39),
.pixel-alien i:nth-child(41),.pixel-alien i:nth-child(43),.pixel-alien i:nth-child(46),.pixel-alien i:nth-child(48){background:#293725}
.dpad{position:absolute;left:38px;top:215px;width:76px;height:26px;background:#30343a;border-radius:5px}
.dpad:before{content:"";position:absolute;left:25px;top:-25px;width:26px;height:76px;background:#30343a;border-radius:5px}
.buttons{position:absolute;right:31px;top:225px;display:flex;gap:12px;transform:rotate(-18deg)}
.buttons b{width:35px;height:35px;border-radius:50%;background:#8c2444;display:grid;place-items:center;color:#e9a7bb;font-size:.68rem}
.speaker{position:absolute;right:27px;bottom:36px;width:72px;height:38px;background:repeating-linear-gradient(105deg,transparent 0 6px,#777 7px 9px);opacity:.65}
.disc{position:absolute;right:9px;top:56px;width:174px;height:174px;border-radius:50%;background:radial-gradient(circle,#0d1017 0 10%,#d5e4ef 11% 18%,#5fd2ff 19% 28%,#f7c65f 29% 40%,#d1d9e3 41% 55%,#885cff 56% 62%,#d7e2ea 63%);opacity:.35;filter:blur(.1px);animation:discspin 10s linear infinite}
@keyframes discspin{to{transform:rotate(360deg)}}
.pad{position:absolute;right:2px;bottom:22px;width:205px;height:93px;background:#8c8f95;border:1px solid #b9bbc0;border-radius:44% 44% 35% 35%;transform:rotate(-8deg);z-index:5;box-shadow:0 18px 34px rgba(0,0,0,.35)}
.pad-left{position:absolute;left:34px;top:23px;width:45px;height:45px}.pad-left i:first-child{position:absolute;left:15px;top:0;width:15px;height:45px;background:#303238}.pad-left i:last-child{position:absolute;left:0;top:15px;width:45px;height:15px;background:#303238}
.pad-right{position:absolute;right:31px;top:19px;width:57px;height:50px}.pad-right b{position:absolute;width:16px;height:16px;border-radius:50%;background:#2f3339}.pad-right b:nth-child(1){left:20px;top:0}.pad-right b:nth-child(2){right:0;top:17px}.pad-right b:nth-child(3){left:20px;bottom:0}.pad-right b:nth-child(4){left:0;top:17px}

.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}
.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}
.fact strong{display:block;color:var(--gold);font-size:1.18rem}.fact small{color:var(--muted)}

.race-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}
.race-row{display:grid;grid-template-columns:105px 1fr 110px;gap:10px;align-items:center;margin:18px 0}
.track{height:25px;background:#0d121a;border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.runner{height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--cyan));transition:width 1.8s cubic-bezier(.2,.8,.2,1)}
.race-row span:last-child{text-align:right}
.range{width:100%;accent-color:var(--orange);margin:17px 0}
.small-note{color:var(--muted);font-size:.87rem;line-height:1.55}

.pixel-demo{--pixel-size:8px;min-height:245px;border-radius:18px;background:#0c121b;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.demo-sprite{display:grid;grid-template-columns:repeat(8,var(--pixel-size));grid-template-rows:repeat(6,var(--pixel-size));transition:.2s}
.demo-sprite i{width:var(--pixel-size);height:var(--pixel-size);background:#243020;box-shadow:inset 0 0 0 1px rgba(147,170,104,.13)}
.demo-sprite i:nth-child(3),.demo-sprite i:nth-child(6),
.demo-sprite i:nth-child(10),.demo-sprite i:nth-child(11),.demo-sprite i:nth-child(12),.demo-sprite i:nth-child(13),.demo-sprite i:nth-child(15),
.demo-sprite i:nth-child(17),.demo-sprite i:nth-child(18),.demo-sprite i:nth-child(19),.demo-sprite i:nth-child(20),.demo-sprite i:nth-child(21),.demo-sprite i:nth-child(22),.demo-sprite i:nth-child(23),.demo-sprite i:nth-child(24),
.demo-sprite i:nth-child(25),.demo-sprite i:nth-child(27),.demo-sprite i:nth-child(28),.demo-sprite i:nth-child(29),.demo-sprite i:nth-child(30),.demo-sprite i:nth-child(32),
.demo-sprite i:nth-child(34),.demo-sprite i:nth-child(35),.demo-sprite i:nth-child(38),.demo-sprite i:nth-child(39),
.demo-sprite i:nth-child(41),.demo-sprite i:nth-child(43),.demo-sprite i:nth-child(46),.demo-sprite i:nth-child(48){background:#91a66e}

.latency-lab{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lanbox{min-height:320px;border-radius:20px;background:#0c121b;border:1px solid var(--line);padding:22px;text-align:center}
.lan-stage{position:relative;height:210px;margin-bottom:10px}
.lan-player{position:absolute;width:88px;padding:10px 6px;border:1px solid var(--line);border-radius:12px;background:#161d27;transition:.25s;opacity:.45}
.lan-player span{display:block;font-size:1.7rem}.lan-player small{color:var(--muted)}
.lan-player.online{opacity:1;border-color:var(--cyan);box-shadow:0 0 22px rgba(86,215,255,.18)}
.lan-player.online:after{content:"✓";position:absolute;right:5px;top:3px;color:var(--green);font-weight:950}
.p1{left:5px;top:5px}.p2{right:5px;top:5px}.p3{left:5px;bottom:5px}.p4{right:5px;bottom:5px}
.lan-switch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 14px;border-radius:9px;background:#253040;border:1px solid #566273;font-size:.72rem;font-weight:950;letter-spacing:.08em;color:var(--cyan)}
.lan-stage:before,.lan-stage:after{content:"";position:absolute;left:50%;top:50%;background:#2c4551;transform:translate(-50%,-50%);z-index:0}
.lan-stage:before{width:72%;height:2px}.lan-stage:after{width:2px;height:70%}
.lan-player,.lan-switch{z-index:2}
.lan-result{margin-top:13px;font-size:1.2rem;font-weight:950;color:var(--gold)}

.network-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.network-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.network-card .g{font-size:2.5rem;font-weight:950;color:var(--cyan)}
.network-cards:has(.network-card:nth-child(4)){grid-template-columns:repeat(4,1fr)}

.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}
.choice.good{outline:2px solid var(--green);background:#113426}
.choice.bad{outline:2px solid #ff6969;background:#3a1719}
.quiz-result{min-height:44px;margin-top:14px;font-weight:850}

.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}
.faq summary{font-weight:900;cursor:pointer}
.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}
.next-card strong{display:block;margin:5px 0}.next-card small{color:var(--muted)}

@media(max-width:1000px){
 .network-cards:has(.network-card:nth-child(4)){grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
 .hero-grid,.race-grid,.latency-lab{grid-template-columns:1fr}
 .fact-strip{grid-template-columns:1fr 1fr}
 .network-cards,.network-cards:has(.network-card:nth-child(4)){grid-template-columns:1fr}
 .mobile-hero h1{font-size:clamp(3rem,14vw,5rem)}
 .game-scene{transform:scale(.83);margin:-25px 0}
 .race-row{grid-template-columns:80px 1fr 85px;font-size:.8rem}
 .quiz-options,.next-cards{grid-template-columns:1fr}
}