:root{
  --bg:#071216;--bg2:#0a1a1f;--panel:#0d2228;--panel2:#102a31;--panel3:#14333b;
  --line:#235964;--line-soft:#19434c;--text:#f7fbfb;--muted:#adc0c4;--muted2:#82989d;
  --aqua:#27e0d2;--aqua2:#77fff4;--red:#ff5b66;--gold:#f2c45a;--green:#48e59b;
  --radius:18px;--radius-sm:13px;--shadow:0 22px 60px rgba(0,0,0,.36);
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 82% 4%,rgba(39,224,210,.12),transparent 30%),linear-gradient(180deg,#071216 0%,#0a1b20 55%,#061014 100%);font:16px/1.48 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(39,224,210,.45);outline-offset:2px}.app-shell{min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:28px;padding:0 30px;background:rgba(4,13,16,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(91,238,226,.18)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:950;letter-spacing:.09em;font-size:24px;white-space:nowrap}.brand-mark{width:40px;height:40px;object-fit:contain}.desktop-nav{display:flex;align-items:stretch;align-self:stretch;gap:2px;flex:1;justify-content:center}.desktop-nav button{border:0;background:transparent;padding:0 14px;font-weight:850;font-size:15px;position:relative;white-space:nowrap}.desktop-nav button:hover,.desktop-nav button[data-active="1"]{color:var(--aqua2);background:rgba(39,224,210,.055)}.desktop-nav button[data-active="1"]::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:4px;background:var(--aqua);box-shadow:0 0 18px rgba(39,224,210,.65)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.menu-button{width:46px;height:46px;border-radius:13px;border:1px solid transparent;background:#09181e;font-weight:900;font-size:21px}.icon-btn:hover,.menu-button:hover{border-color:var(--line);background:#0d2229}.profile-button{height:52px;display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:4px 8px;border-radius:13px}.profile-button:hover{background:#0c1e24}.profile-button span:last-child{display:grid;gap:0}.profile-button strong{font-size:14px}.profile-button small{font-size:12px;color:var(--muted)}.avatar{display:grid!important;place-items:center;width:39px;height:39px;border:2px solid var(--aqua);border-radius:50%;background:linear-gradient(145deg,#0d3941,#0a2329);font-weight:950;color:var(--aqua2)}.menu-button{display:none}.mobile-menu{position:fixed;top:76px;right:12px;z-index:80;width:min(340px,calc(100vw - 24px));padding:12px;background:#07161bf2;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr 1fr;gap:8px}.mobile-menu:not([hidden]){display:grid}.mobile-menu button{min-height:48px;border:1px solid var(--line-soft);background:#0b2026;border-radius:11px;text-align:left;padding:0 14px;font-weight:800}.page{width:min(1540px,calc(100% - 42px));margin:0 auto;padding:26px 0 44px;min-height:calc(100vh - 150px)}.footer{border-top:1px solid rgba(70,142,152,.24);padding:28px max(30px,calc((100vw - 1540px)/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;color:var(--muted);background:#040b0e}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px}.footer-brand strong{font-size:20px;letter-spacing:.08em;color:var(--text)}.footer-brand span{font-size:13px}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer-links button{border:0;background:transparent;color:var(--muted);font-size:14px}.footer-links button:hover{color:var(--aqua2)}.footer p{font-size:13px;margin:0}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--aqua2);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.eyebrow::before{content:"";width:26px;height:3px;background:var(--aqua);border-radius:99px}.page-title{font-size:clamp(34px,4vw,58px);line-height:.98;margin:8px 0 12px;font-weight:950;letter-spacing:-.045em}.lede{font-size:18px;color:#bdcacc;max-width:760px;margin:0}.page-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:8px 0 24px}.page-head .head-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:50px;border-radius:12px;padding:0 19px;border:1px solid var(--line);background:#0c2228;font-weight:950;font-size:15px;letter-spacing:.015em;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#2b7480}.btn.primary{background:linear-gradient(135deg,var(--aqua),#13bcae);border-color:transparent;color:#041114;box-shadow:0 8px 26px rgba(39,224,210,.14)}.btn.red{background:linear-gradient(135deg,#ff5f68,#ec4655);border-color:transparent;color:#190507}.btn.gold{background:linear-gradient(135deg,#f5cf6a,#d9a93e);border-color:transparent;color:#1b1202}.btn.ghost{background:rgba(6,21,25,.72)}.btn.small{min-height:42px;padding:0 14px;font-size:14px}.section{margin-top:22px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 12px}.section-title{font-size:27px;margin:0;font-weight:950;letter-spacing:-.02em}.section-sub{margin:2px 0 0;color:var(--muted);font-size:15px}.text-link{border:0;background:transparent;color:var(--aqua2);font-weight:850;font-size:14px;padding:8px}.card{background:linear-gradient(145deg,rgba(15,39,46,.98),rgba(8,25,30,.98));border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:0 16px 42px rgba(0,0,0,.18);overflow:hidden}.card:hover{border-color:#205b66}.pad{padding:22px}.muted{color:var(--muted)}.stat-label{color:#a6bbc0;font-size:12px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.stat-value{font-size:36px;line-height:1.05;font-weight:950;margin-top:7px}.mini-value{font-size:22px;font-weight:950}.progress{height:9px;background:#17323a;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--aqua),var(--aqua2));border-radius:inherit}.empty{padding:28px;border:1px dashed #23515a;border-radius:14px;background:rgba(9,27,32,.55);color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:4px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:5px 9px;font-size:12px;font-weight:850;color:var(--aqua2);background:#082127}.badge.red{color:#ff9aa1;border-color:#66323a;background:#261116}.badge.gold{color:#f9d875;border-color:#5f4c25;background:#251f0d}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hero{position:relative;min-height:420px;border:1px solid #17515b;border-radius:24px;overflow:hidden;background:#07171c;box-shadow:var(--shadow)}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,13,16,.98) 0%,rgba(4,13,16,.88) 31%,rgba(4,13,16,.25) 63%,rgba(4,13,16,.42) 100%),url('/r3/site/assets/home.webp');background-size:cover;background-position:center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(6,18,22,.85));pointer-events:none}.hero-content{position:relative;z-index:2;width:min(720px,62%);padding:46px 42px}.hero h1{font-size:clamp(52px,5.6vw,88px);line-height:.9;margin:8px 0 16px;font-weight:1000;letter-spacing:-.055em;text-transform:uppercase;font-style:italic}.hero h1 span{display:block;color:var(--aqua2);text-shadow:0 0 28px rgba(39,224,210,.22)}.hero p{max-width:620px;font-size:19px;color:#cfdbdd;margin:0 0 22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-rail{position:absolute;z-index:3;right:22px;bottom:20px;display:flex;gap:9px;align-items:center}.hero-rail span{padding:7px 10px;background:#07171dcc;border:1px solid #1a5962;border-radius:99px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.dashboard-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.15fr;gap:12px;margin-top:14px}.strip-card{min-height:142px;padding:19px 20px;position:relative}.strip-card h3{margin:7px 0 4px;font-size:22px}.strip-card p{margin:0;color:var(--muted);font-size:14px}.strip-card .big{font-size:38px;font-weight:950;line-height:1}.play-modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mode-card{min-height:192px;position:relative;overflow:hidden;border-radius:16px;border:1px solid #1b5965;background:#092027;text-align:left;padding:0}.mode-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,12,.02),rgba(4,12,15,.94) 72%);z-index:1}.mode-card .mode-art{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.08)}.mode-card .mode-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:16px}.mode-card h3{font-size:22px;margin:0 0 3px}.mode-card p{font-size:14px;color:#d3dee0;margin:0}.mode-card .arrow{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(91,255,242,.55);background:#041519cc;font-size:20px}.mode-card:hover{transform:translateY(-2px);border-color:var(--aqua);box-shadow:0 14px 34px rgba(0,0,0,.28)}.mode-card.bot .mode-art{background-image:linear-gradient(130deg,#07343b,#071419),radial-gradient(circle at 60% 25%,#1d8b83,transparent 34%)}.mode-card.same .mode-art{background-image:linear-gradient(120deg,rgba(8,31,35,.3),rgba(5,15,18,.8)),url('/r3/site/assets/profile.webp')}.mode-card.online .mode-art{background-image:radial-gradient(circle at 60% 40%,#0c81b5,#081326 55%,#051014)}.mode-card.private .mode-art{background-image:radial-gradient(circle at 55% 42%,#8e2dc5,#16132b 45%,#090d14)}.mode-card.ranked .mode-art{background-image:radial-gradient(circle at 50% 35%,#c65a28,#28130b 45%,#0c0c0d)}.mode-card.games .mode-art{background-image:linear-gradient(135deg,rgba(106,11,82,.42),rgba(9,13,17,.78)),url('/r3/site/assets/train.webp')}.home-lower{display:grid;grid-template-columns:1.05fr 1.15fr .9fr;gap:14px}.feature-card{min-height:220px;padding:22px;position:relative;overflow:hidden}.feature-card.has-art::after{content:"";position:absolute;inset:0 0 0 42%;background-size:cover;background-position:center;opacity:.58;mask-image:linear-gradient(90deg,transparent,#000 35%)}.feature-card.train-art::after{background-image:url('/r3/site/assets/train.webp')}.feature-card.club-art::after{background-image:url('/r3/site/assets/profile.webp')}.feature-card.board-art::after{background-image:url('/r3/site/assets/board.webp')}.feature-copy{position:relative;z-index:2;max-width:62%}.feature-card h3{font-size:24px;margin:9px 0 6px}.feature-card p{color:var(--muted);margin:0 0 18px}.split-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:14px}.side-panel{padding:16px}.side-panel h3{font-size:16px;margin:0 0 10px}.choice-list{display:grid;gap:8px}.choice{width:100%;min-height:60px;padding:10px 12px;text-align:left;border:1px solid var(--line-soft);background:#0a1a20;border-radius:12px}.choice:hover,.choice[data-selected="1"]{border-color:var(--aqua);background:#0b2930}.choice strong{display:block;font-size:15px}.choice small{color:var(--muted)}.match-stage{padding:22px;min-height:540px}.match-preview{display:grid;grid-template-columns:1.1fr .9fr;min-height:260px;border:1px solid #1b5963;border-radius:16px;overflow:hidden;background:#05181e}.score-zone{padding:28px;background:radial-gradient(circle at 75% 30%,rgba(39,224,210,.09),transparent 40%)}.score-zone .score{font-size:72px;font-weight:1000;line-height:.9;margin:12px 0}.score-pair{display:flex;gap:22px;align-items:center}.score-pair>div{flex:1}.score-pair span{font-size:12px;color:var(--muted);font-weight:850}.score-pair b{display:block;font-size:38px}.match-art{background:linear-gradient(90deg,rgba(5,15,18,.18),rgba(5,15,18,.55)),url('/r3/site/assets/home.webp') center/cover}.option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.option{min-height:74px;border:1px solid var(--line-soft);border-radius:12px;background:#0a1b21;text-align:left;padding:12px 14px}.option strong{display:block}.option small{color:var(--muted)}.option[data-selected="1"]{border-color:var(--aqua);box-shadow:inset 0 0 0 1px rgba(39,224,210,.2)}.library{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.game-tile{min-height:116px;padding:15px;border:1px solid var(--line-soft);border-radius:13px;background:#091b20;text-align:left}.game-tile:hover,.game-tile[data-selected="1"]{border-color:var(--aqua);background:#0b252b}.game-tile strong{display:block;font-size:20px}.game-tile span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.feed-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:14px}.feed-main{display:grid;gap:12px}.composer{padding:17px}.composer textarea{width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#07171c;color:var(--text);padding:14px;font-size:16px}.post{padding:20px}.post-head{display:flex;align-items:center;gap:10px}.post-head .avatar{width:42px;height:42px}.post-body{font-size:16px;margin:14px 0}.post-actions{display:flex;gap:8px}.post-actions button{min-height:40px;border:1px solid var(--line-soft);background:#091c22;border-radius:10px;padding:0 12px}.player-row{display:flex;gap:9px;overflow:auto;padding:3px 0 10px}.player-chip{min-width:126px;padding:12px;border:1px solid var(--line-soft);background:#091a20;border-radius:13px}.player-chip strong{display:block}.player-chip small{color:var(--muted)}.challenge-hero{display:grid;grid-template-columns:minmax(0,1.6fr) 330px;gap:14px}.challenge-main{min-height:300px;padding:28px;background:radial-gradient(circle at 80% 35%,rgba(39,224,210,.16),transparent 32%),linear-gradient(140deg,#092b34,#071a20);position:relative}.challenge-number{font-size:92px;line-height:.85;font-weight:1000;color:var(--aqua2)}.challenge-main h2{font-size:34px;margin:8px 0}.challenge-main p{color:#c7d4d6;max-width:700px}.title-road{padding:24px}.title-road .ring{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aqua) 0 68%,#17363d 68%);margin:15px 0;position:relative}.title-road .ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0a1c22}.title-road .ring b{z-index:2;font-size:26px}.mission{padding:20px;min-height:170px;display:flex;flex-direction:column}.mission h3{font-size:20px;margin:10px 0 4px}.mission p{color:var(--muted);margin:0 0 auto}.compete-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.rating-card{padding:28px;min-height:280px;background:radial-gradient(circle at 85% 20%,rgba(39,224,210,.12),transparent 36%),linear-gradient(145deg,#09262e,#07171c)}.rating-number{font-size:76px;font-weight:1000;line-height:.95}.ladder-card{padding:22px}.ladder-row,.event-row,.person-row,.fixture-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.ladder-row:last-child,.event-row:last-child,.person-row:last-child,.fixture-row:last-child{border-bottom:0}.ladder-row strong,.event-row strong,.person-row strong,.fixture-row strong{display:block}.ladder-row small,.event-row small,.person-row small,.fixture-row small{color:var(--muted)}.grow{flex:1}.club-scoreboard{padding:26px;min-height:260px;background:radial-gradient(circle at 50% 15%,rgba(39,224,210,.11),transparent 38%),linear-gradient(145deg,#092830,#06171c)}.club-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:20px;margin-top:24px}.club-vs .team strong{font-size:26px}.club-vs .score{font-size:58px;font-weight:1000}.round-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.round{padding:11px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:13px;font-weight:900;color:var(--muted)}.round.active{color:#051113;background:var(--aqua);border-color:var(--aqua)}.team-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team-member{padding:16px;min-height:130px}.team-member .avatar{margin-bottom:12px}.train-hero{min-height:340px;display:grid;grid-template-columns:minmax(0,1.35fr) 360px;overflow:hidden}.train-main{padding:30px;background:linear-gradient(90deg,rgba(4,15,18,.96),rgba(4,15,18,.35)),url('/r3/site/assets/train.webp') center/cover}.train-main h2{font-size:42px;max-width:560px;margin:10px 0}.throw-shape{padding:26px}.bar-stat{display:grid;grid-template-columns:85px 1fr 45px;align-items:center;gap:10px;margin:13px 0}.bar-stat span{font-size:13px;color:var(--muted)}.training-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.training-tool{padding:20px;min-height:180px}.training-tool h3{font-size:21px;margin:10px 0 5px}.training-tool p{color:var(--muted);margin:0 0 18px}.passport-hero{display:grid;grid-template-columns:minmax(0,1.15fr) .85fr;gap:14px}.passport-card{padding:28px;min-height:280px;background:linear-gradient(145deg,#0b2b33,#07181d)}.passport-name{font-size:42px;font-weight:1000;margin:10px 0}.passport-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.passport-stats>div{border-top:1px solid var(--line);padding-top:12px}.trophy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.trophy{min-height:150px;padding:16px;text-align:center}.trophy .icon{font-size:38px}.trophy strong{display:block;margin-top:8px}.trophy small{color:var(--muted)}.board-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 360px;gap:14px}.camera-card{min-height:610px;position:relative;background:#020708;border-color:#1b616c}.camera-card .camera-view{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,14,.08),rgba(4,12,14,.62)),url('/r3/site/assets/board.webp') center/cover;filter:saturate(.86)}.camera-card .reticle{position:absolute;width:280px;height:280px;border:2px solid rgba(88,255,242,.62);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(39,224,210,.16),0 0 55px rgba(39,224,210,.15)}.camera-card .reticle::before,.camera-card .reticle::after{content:"";position:absolute;background:rgba(88,255,242,.4)}.camera-card .reticle::before{width:1px;height:100%;left:50%}.camera-card .reticle::after{height:1px;width:100%;top:50%}.camera-hud{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;gap:10px}.camera-state{padding:9px 12px;border:1px solid #2e777f;background:#041419db;border-radius:10px;font-weight:900}.camera-bottom{position:absolute;left:20px;right:20px;bottom:20px;display:flex;gap:10px}.camera-bottom .btn{flex:1}.setup-panel{padding:22px}.setup-step{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.setup-step:last-child{border-bottom:0}.step-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0b2c33;border:1px solid #22636d;color:var(--aqua2);font-weight:950}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1100px;margin:28px auto}.price-card{padding:26px;min-height:430px;display:flex;flex-direction:column}.price-card.featured{border-color:var(--aqua);box-shadow:0 0 0 1px rgba(39,224,210,.18),0 24px 60px rgba(0,0,0,.3)}.price{font-size:54px;font-weight:1000;margin:14px 0}.price small{font-size:15px;color:var(--muted)}.feature-list{display:grid;gap:10px;margin:16px 0 24px}.feature-list span::before{content:"✓";color:var(--aqua);font-weight:900;margin-right:9px}.price-card .btn{margin-top:auto}.form-card{width:min(620px,100%);margin:32px auto;padding:28px}.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:850}.field input,.field select,.field textarea{min-height:50px;border:1px solid var(--line);background:#06171c;color:var(--text);border-radius:11px;padding:10px 13px;font-size:16px}.field textarea{min-height:120px}.notice{border:1px solid #285860;background:#0a2026;border-radius:12px;padding:14px;color:#b9c9cc}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-card{padding:22px;min-height:190px}.help-card h3{font-size:21px;margin:10px 0 6px}.help-card p{color:var(--muted)}.games-night-board{display:grid;grid-template-columns:minmax(0,1.4fr) 340px;gap:14px}.night-main{padding:28px}.night-score{font-size:72px;font-weight:1000;text-align:center;margin:18px 0}.night-rounds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.night-rounds>div{padding:16px;border:1px solid var(--line);border-radius:11px;text-align:center}.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.search-box{padding:22px}.search-box input{width:100%;min-height:52px;border:1px solid var(--line);background:#06161b;color:var(--text);border-radius:12px;padding:0 14px}.mobile-bottom{display:none}
@media(max-width:1250px){.desktop-nav button{padding:0 9px;font-size:14px}.dashboard-strip{grid-template-columns:repeat(3,1fr)}.play-modes{grid-template-columns:repeat(3,1fr)}.library{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.desktop-nav{display:none}.menu-button{display:grid;place-items:center}.topbar{padding:0 16px}.top-actions{margin-left:auto}.profile-button span:last-child{display:none}.page{width:min(100% - 24px,900px);padding-top:16px}.footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.hero{min-height:500px}.hero-content{width:100%;padding:34px 26px;max-width:620px}.hero-bg{background-image:linear-gradient(180deg,rgba(4,13,16,.72) 0%,rgba(4,13,16,.90) 63%,#061014 100%),url('/r3/site/assets/home.webp');background-position:62% center}.hero h1{font-size:clamp(46px,11vw,72px)}.dashboard-strip{grid-template-columns:repeat(2,1fr)}.home-lower,.grid-3,.compete-top,.challenge-hero,.train-hero,.passport-hero,.board-layout,.online-layout,.games-night-board{grid-template-columns:1fr}.split-layout,.feed-layout{grid-template-columns:1fr}.side-panel{order:2}.play-modes{grid-template-columns:repeat(2,1fr)}.library{grid-template-columns:repeat(3,1fr)}.training-tools{grid-template-columns:repeat(2,1fr)}.team-cards{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.camera-card{min-height:520px}.page-head{align-items:start;flex-direction:column}.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{font-size:16px;padding-bottom:74px}.topbar{height:68px}.brand{font-size:20px}.brand-mark{width:36px;height:36px}.top-actions .icon-btn{display:none}.profile-button{height:46px}.page{width:calc(100% - 20px);padding-bottom:22px}.mobile-menu{top:68px}.hero{min-height:520px;border-radius:18px}.hero-content{padding:30px 20px}.hero h1{font-size:49px}.hero p{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:0 10px}.hero-rail{display:none}.dashboard-strip,.play-modes,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.training-tools,.team-cards,.pricing-grid,.help-grid{grid-template-columns:1fr}.strip-card{min-height:130px}.mode-card{min-height:180px}.home-lower{grid-template-columns:1fr}.feature-copy{max-width:72%}.page-title{font-size:38px}.lede{font-size:16px}.section-title{font-size:25px}.match-preview{grid-template-columns:1fr}.match-art{min-height:170px;order:-1}.score-zone .score{font-size:60px}.option-row{grid-template-columns:1fr}.library{grid-template-columns:1fr 1fr}.game-tile{min-height:104px}.challenge-number{font-size:76px}.round-track,.night-rounds,.passport-stats{grid-template-columns:1fr 1fr}.club-vs{grid-template-columns:1fr}.club-vs .score{font-size:44px}.train-main h2{font-size:34px}.trophy-grid{grid-template-columns:1fr 1fr}.camera-card{min-height:500px}.camera-card .reticle{width:230px;height:230px}.price-card{min-height:auto}.footer{display:none}.mobile-bottom{position:fixed;z-index:65;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);background:#051216f5;border-top:1px solid var(--line);backdrop-filter:blur(18px)}.mobile-bottom button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:850}.mobile-bottom button[data-active="1"]{color:var(--aqua2)}.mobile-bottom button b{display:block;font-size:20px;margin-bottom:1px}.btn{min-height:50px}.form-card{padding:20px}.page-head .head-actions{width:100%}.page-head .head-actions .btn{flex:1}.rating-number{font-size:64px}}

/* Hardcore visual pass: keep Dartava dark, but separate working surfaces from the page. */
.page-head{padding-bottom:10px;border-bottom:1px solid rgba(35,89,100,.18)}
.strip-card,.feature-card,.training-tool,.price-card{box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018)}
.choice,.option,.game-tile{border-color:#1b4b55;background:#0c2329}
.choice:hover,.choice[data-selected="1"],.option[data-selected="1"],.game-tile:hover,.game-tile[data-selected="1"]{background:#103039}

/* Navigation hierarchy: player actions first, commercial/programme links secondary. */
@media(min-width:1181px){
  .desktop-nav [data-route-link="pricing"]{margin-left:8px;border-left:1px solid rgba(35,89,100,.35)}
  .desktop-nav [data-route-link="pricing"],.desktop-nav [data-route-link="testers"]{color:var(--muted);font-weight:700;font-size:13px}
  .desktop-nav [data-route-link="pricing"]:hover,.desktop-nav [data-route-link="pricing"][data-active="1"],.desktop-nav [data-route-link="testers"]:hover,.desktop-nav [data-route-link="testers"][data-active="1"]{color:var(--aqua2)}
}
.dashboard-strip .strip-card{border-top:2px solid rgba(39,224,210,.26)}
.home-lower .feature-card{border-color:#20515a}