@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --ink:#07101f;--ink-2:#0a1a2f;--ink-3:#0d2744;--panel:#0b1f38;
  --blue:#2a86ff;--cyan:#4de7ff;--gold:#f2b45d;--red:#ff6b5f;
  --paper:#e8f2f5;--muted:#8ca7bd;--line:rgba(105,190,216,.28);
  --sans:'Noto Sans SC','Microsoft YaHei',sans-serif;--ui:'Space Grotesk','Noto Sans SC',sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}

.site-header{height:72px;position:sticky;top:0;z-index:40;background:rgba(7,16,31,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;padding:0 28px;gap:30px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:78px;height:30px;object-fit:contain}.brand>span{font:700 15px var(--ui);letter-spacing:.08em}.brand small{display:block;margin-top:2px;color:var(--muted);font:500 8px var(--ui);letter-spacing:.16em}.desktop-nav{display:flex;gap:25px;margin-left:auto;color:#abc5d9;font:500 11px var(--ui);letter-spacing:.07em}.desktop-nav a{padding:8px 0;position:relative}.desktop-nav a:before{content:'+';color:var(--cyan);margin-right:6px}.desktop-nav a:hover{color:#fff}.header-cta{display:inline-flex;align-items:center;gap:12px;padding:9px 14px;background:var(--cyan);color:#062039;font:700 11px var(--ui);letter-spacing:.06em}.header-cta b{font-size:17px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;margin:5px 0;background:var(--cyan)}.mobile-nav{display:none}

.lobby{position:relative;min-height:730px;background:var(--ink);overflow:hidden}.lobby-art{position:absolute;inset:0;background:url('/assets/hero.jpg') 73% 25%/cover no-repeat;opacity:.25;filter:saturate(.45) contrast(1.2)}.lobby-art:after{content:'';position:absolute;inset:0;background:rgba(7,16,31,.76)}.lobby-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(77,231,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(77,231,255,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000 0 70%,transparent)}.lobby-wrap{position:relative;z-index:1;padding:35px 0 22px}.lobby-topline,.lobby-foot{display:flex;justify-content:space-between;color:#7894ab;font:500 9px var(--ui);letter-spacing:.13em}.lobby-topline span:first-child{color:var(--cyan)}.lobby-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(340px,1.25fr) 270px;align-items:center;gap:32px;min-height:590px}.lobby-copy{padding-left:10px}.eyebrow{margin:0 0 18px;color:#97b3c8;font:500 10px var(--ui);letter-spacing:.13em}.eyebrow span{color:var(--cyan);margin-right:8px}.eyebrow.blue span{color:var(--blue)}.lobby-copy h1,.identity-head h2,.sequence-head h2,.roster-head h2,.reports-head h2,.start-zone h2{margin:0;font:700 clamp(3rem,5.5vw,5.4rem)/1.02 var(--ui);letter-spacing:-.05em}.lobby-copy h1 em,.identity-head h2 em,.sequence-head h2 em,.roster-head h2 em,.reports-head h2 em,.start-zone h2 em{font-style:normal;color:var(--cyan)}.lobby-copy>p:not(.eyebrow){max-width:365px;color:#aac2d2;font-size:13px;margin:25px 0}.enter-link{display:inline-flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--cyan);color:#d9eef2;font:600 12px var(--ui)}.enter-link b{color:var(--cyan);font-size:18px}

.table-stage{position:relative;width:min(100%,480px);aspect-ratio:1/1;justify-self:center;display:grid;place-items:center}.table-stage:before{content:'';position:absolute;inset:8%;border:1px solid rgba(77,231,255,.22);border-radius:50%;box-shadow:0 0 0 18px rgba(77,231,255,.035),0 0 0 46px rgba(77,231,255,.025)}.orbit-line{position:absolute;inset:19%;border:1px dashed rgba(77,231,255,.48);border-radius:50%;transform:rotate(-18deg)}.table-glow{position:absolute;width:58%;height:58%;border-radius:50%;background:rgba(42,134,255,.13);box-shadow:0 0 85px rgba(42,134,255,.34)}.table-core{position:relative;width:52%;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(77,231,255,.88);background:#0a2740;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 0 0 11px rgba(77,231,255,.05),0 0 35px rgba(77,231,255,.28)}.table-core:before,.table-core:after{content:'';position:absolute;inset:8%;border:1px solid rgba(242,180,93,.55);border-radius:50%}.table-core:after{inset:20%;border-color:rgba(77,231,255,.26)}.table-stamp{position:absolute;top:24%;z-index:1;color:var(--gold);font:600 9px var(--ui);letter-spacing:.2em}.table-cards{position:relative;z-index:1;display:flex;gap:5px;margin-top:13px}.table-cards i{display:grid;place-items:center;width:32px;height:45px;background:#f5f4e9;color:#1b3040;font:700 17px var(--sans);font-style:normal;box-shadow:0 3px 9px rgba(0,0,0,.28)}.table-cards i:nth-child(2){transform:translateY(-7px);background:#c8f2f4}.table-cards i:nth-child(3){background:#ffe8ba}.table-core strong{position:relative;z-index:1;margin-top:16px;color:#f2fbff;font:700 18px/1.05 var(--ui);letter-spacing:.14em}.table-core strong em{font-style:normal;color:var(--cyan);font-size:12px;letter-spacing:.22em}.table-core small{position:relative;z-index:1;margin-top:14px;color:#88adbf;font:500 9px var(--sans)}.orbit-faction{position:absolute;z-index:3;width:58px;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(77,231,255,.58);background:#0b2138;color:#b7d1dc;display:grid;place-items:center;align-content:center;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.orbit-faction b{font:700 18px var(--sans);line-height:1}.orbit-faction span{font:600 8px var(--ui);letter-spacing:.12em}.orbit-faction:hover,.orbit-faction.active{transform:scale(1.13);background:var(--cyan);border-color:var(--cyan);color:#062039;box-shadow:0 0 24px rgba(77,231,255,.55)}.faction-shu{top:10%;left:50%;transform:translateX(-50%)}.faction-wei{right:10%;top:50%;transform:translateY(-50%)}.faction-wu{bottom:10%;left:50%;transform:translateX(-50%)}.faction-qun{left:10%;top:50%;transform:translateY(-50%)}.faction-shu:hover,.faction-shu.active,.faction-wu:hover,.faction-wu.active{transform:translateX(-50%) scale(1.13)}.faction-wei:hover,.faction-wei.active,.faction-qun:hover,.faction-qun.active{transform:translateY(-50%) scale(1.13)}

.match-panel{align-self:center;border-left:1px solid var(--line);padding:22px 0 22px 24px}.panel-label{display:flex;justify-content:space-between;color:#8daabc;font:500 9px var(--ui);letter-spacing:.14em}.panel-label b{color:var(--cyan)}.panel-divider{height:1px;background:var(--line);margin:16px 0 22px}.match-panel p{margin:0;color:#7694a8;font-size:11px}.match-panel h2{margin:4px 0 7px;color:#f5fbff;font:700 23px var(--ui)}.match-panel>p:nth-of-type(2){color:#a8c1ce;font-size:12px;min-height:40px}.match-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:14px}.match-stats div{padding:11px 8px 10px 0;border-bottom:1px solid var(--line)}.match-stats div:nth-child(odd){border-right:1px solid var(--line)}.match-stats small{display:block;color:#6f90a4;font-size:9px}.match-stats b{display:block;margin-top:2px;color:#e9f7fb;font:600 13px var(--ui)}.match-stats .status-live{color:var(--cyan)}.match-start{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:var(--cyan);font:600 11px var(--ui)}.match-start span{font-size:17px}.lobby-foot{padding-top:6px}.lobby-foot b{color:var(--cyan);font-size:15px;margin-left:5px}

.identity-zone{padding:118px 0 128px;background:#091d32;position:relative}.identity-zone:before,.sequence-zone:before,.roster-zone:before,.reports-zone:before,.start-zone:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(77,231,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(77,231,255,.09) 1px,transparent 1px);background-size:74px 74px;opacity:.3}.identity-wrap,.sequence-zone>.wrap,.roster-zone>.wrap,.reports-zone>.wrap,.start-zone>.wrap{position:relative;z-index:1}.identity-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.identity-head h2{font-size:clamp(2.7rem,5vw,5rem)}.identity-head>p{max-width:330px;margin:0;color:#9eb8c8;font-size:13px}.identity-console{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:57px;border:1px solid var(--line);min-height:285px;background:#0a2339}.identity-axis{position:absolute;left:20px;right:20px;top:19px;display:flex;align-items:center;gap:10px;color:#6d90a6;font:500 8px var(--ui);letter-spacing:.12em}.identity-axis i{height:1px;flex:1;background:var(--line)}.role{position:relative;padding:73px 20px 20px;border-right:1px solid var(--line);overflow:hidden;transition:background .2s}.role:last-child{border-right:0}.role:before{content:'';position:absolute;left:20px;top:48px;width:34px;height:2px;background:var(--cyan)}.role b{color:var(--cyan);font:700 18px var(--sans)}.role strong{display:block;margin-top:9px;color:#effbff;font:600 20px var(--ui)}.role p{max-width:170px;color:#8ca9b9;font-size:12px;margin:12px 0 0}.role span{position:absolute;right:16px;bottom:14px;color:#274e67;font:700 42px var(--ui)}.role:hover{background:#0f3550}.role-loyal:before{background:var(--gold)}.role-rebel:before{background:var(--red)}.role-spy:before{background:#be8bff}

.sequence-zone{position:relative;padding:118px 0 132px;background:#071525}.sequence-head{display:block}.sequence-head h2{font-size:clamp(2.7rem,5vw,5rem)}.sequence-track{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:57px}.flow-node{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.node-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);color:#7ea1b6;font:600 13px var(--ui)}.flow-node.active .node-icon{background:var(--cyan);border-color:var(--cyan);color:#062039}.flow-node small{color:var(--cyan);font:600 9px var(--ui);letter-spacing:.16em}.flow-node h3{margin:4px 0 4px;font:600 22px var(--ui)}.flow-node p{margin:0;color:#88a6b8;font-size:12px}.flow-connector{height:1px;background:var(--cyan);opacity:.45;position:relative}.flow-connector:after{content:'›';position:absolute;right:-2px;top:-14px;color:var(--cyan);font:400 24px var(--ui)}

.roster-zone{position:relative;padding:121px 0 135px;background:#0a1e33}.roster-head{display:grid;grid-template-columns:1fr .6fr;gap:35px;align-items:end}.roster-head h2{font-size:clamp(2.7rem,5vw,5rem)}.roster-head>p:last-child{margin:0;color:#9ab5c4;font-size:13px}.roster-board{display:grid;grid-template-columns:1.08fr .92fr;min-height:435px;margin-top:54px;border:1px solid var(--line);background:#081828}.roster-portrait{position:relative;min-height:435px;overflow:hidden}.roster-portrait:after{content:'';position:absolute;inset:14px;border:1px solid rgba(77,231,255,.48);pointer-events:none}.roster-portrait img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.68) contrast(1.12)}.roster-portrait span{position:absolute;left:22px;bottom:20px;z-index:1;padding:5px 8px;background:#081828;color:var(--cyan);font:500 9px var(--ui);letter-spacing:.14em}.roster-data{display:flex;flex-direction:column}.general-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.general-tab{display:grid;grid-template-columns:27px 1fr;gap:6px;text-align:left;padding:13px 8px;background:transparent;border:0;border-right:1px solid var(--line);color:#8ca8b7;cursor:pointer}.general-tab:last-child{border-right:0}.general-tab span{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);color:var(--cyan);font:700 13px var(--sans)}.general-tab b{font:600 12px var(--ui)}.general-tab small{font-size:8px;white-space:nowrap}.general-tab.active{background:var(--blue);color:#fff;box-shadow:inset 0 -2px var(--cyan)}.general-tab.active span{background:var(--cyan);border-color:var(--cyan);color:#062039}.roster-readout{padding:52px 31px 28px;flex:1}.roster-readout>span,.roster-meter>span{color:var(--cyan);font:500 9px var(--ui);letter-spacing:.16em}.roster-readout h3{margin:9px 0 11px;font:700 51px var(--ui)}.roster-readout p{max-width:350px;margin:0;color:#9eb8c8;font-size:13px}.skill-row{display:flex;gap:7px;margin-top:25px}.skill-row span{padding:5px 12px;border:1px solid #376482;color:var(--cyan);font:500 12px var(--ui)}.roster-meter{display:grid;grid-template-columns:75px 1fr 37px;gap:12px;align-items:center;padding:18px 31px;border-top:1px solid var(--line)}.roster-meter i{height:4px;background:#17344a}.roster-meter i b{display:block;width:84%;height:100%;background:var(--cyan);box-shadow:0 0 11px rgba(77,231,255,.6)}.roster-meter strong{color:#f4fbff;font:600 21px var(--ui)}

.reports-zone{position:relative;padding:117px 0 128px;background:#071727}.reports-head h2{font-size:clamp(2.7rem,5vw,5rem)}.report-list{margin-top:52px;border-top:1px solid var(--line)}.report-row{display:grid;grid-template-columns:54px 1fr 34px;gap:16px;align-items:center;padding:21px 5px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.report-row:hover{background:#0c2a42;padding-left:15px;padding-right:15px}.report-no{color:var(--cyan);font:600 19px var(--ui)}.report-row small{color:#6f94a8;font:500 9px var(--ui);letter-spacing:.16em}.report-row h3{margin:2px 0;font:600 21px var(--ui)}.report-row p{margin:0;color:#89a7b8;font-size:12px}.report-row>b{justify-self:end;color:var(--cyan);font-size:22px}

.start-zone{position:relative;padding:112px 0 120px;background:#0a2035}.start-wrap{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:center}.start-zone h2{font-size:clamp(2.7rem,5vw,5rem)}.start-zone> .wrap>div:first-child>p:not(.eyebrow){max-width:470px;color:#9eb7c5;font-size:13px;margin:22px 0 0}.start-control{border-left:1px solid var(--line);padding-left:30px}.start-button{display:flex;justify-content:space-between;align-items:center;padding:16px 15px;background:var(--cyan);color:#062039;font:700 13px var(--ui)}.start-button b{font-size:21px}.start-meta{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 24px}.start-meta span{padding:5px 8px;border:1px solid var(--line);color:#91b0bf;font:500 9px var(--ui);letter-spacing:.1em}.start-control details{border-top:1px solid var(--line);padding-top:16px;color:#a8c0cc}.start-control summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px}.start-control summary::-webkit-details-marker{display:none}.start-control summary b{color:var(--cyan);font:400 21px var(--ui)}.start-control details[open] summary b{transform:rotate(45deg)}.start-control details p{color:#88a7b7;font-size:12px;margin:12px 28px 0 0}

footer{background:#050d18}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 0}.footer-main p{margin:0;color:#7694a5;font-size:11px}.footer-main nav{display:flex;gap:17px;color:#8bacbb;font:500 11px var(--ui)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0 22px;color:#608093;font:500 9px var(--ui)}.mobile-download{display:none}.toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translate(-50%,12px);padding:10px 15px;background:#0b2a43;border:1px solid var(--cyan);color:#dffaff;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:980px){.lobby-layout{grid-template-columns:minmax(230px,.8fr) minmax(300px,1.1fr) 225px;gap:20px}.match-panel{padding-left:18px}.roster-head{grid-template-columns:1fr .8fr}.start-wrap{gap:45px}}
@media(max-width:720px){.wrap{width:calc(100% - 34px)}.site-header{height:63px}.header-inner{padding:0 16px;gap:12px}.brand img{width:67px;height:auto}.brand>span{font-size:13px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);max-height:0;overflow:hidden;background:rgba(7,16,31,.98);border-bottom:1px solid transparent;transition:max-height .25s}.mobile-nav.open{max-height:160px;border-bottom-color:var(--line)}.mobile-nav a{padding:13px 3px;text-align:center;color:#a8c1cd;font:500 11px var(--ui)}
.lobby{min-height:900px}.lobby-art{inset:0 0 47% 0;opacity:.3;background-position:67% top}.lobby-grid{mask-image:none;background-size:50px 50px}.lobby-wrap{padding-top:26px}.lobby-topline{font-size:8px}.lobby-layout{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:800px;padding-top:32px}.lobby-copy{padding-left:8px}.lobby-copy h1{font-size:clamp(3.25rem,15vw,5rem)}.lobby-copy>p:not(.eyebrow){font-size:12px;margin:19px 0;max-width:330px}.table-stage{width:min(100%,380px);align-self:center;order:2}.match-panel{order:3;border-left:0;border-top:1px solid var(--line);padding:17px 0 0}.match-panel h2{font-size:21px}.lobby-foot{display:none}
.identity-zone,.sequence-zone,.roster-zone,.reports-zone,.start-zone{padding:83px 0 94px}.identity-head{display:block}.identity-head h2,.sequence-head h2,.roster-head h2,.reports-head h2,.start-zone h2{font-size:clamp(2.7rem,13vw,4.6rem)}.identity-head>p{margin-top:20px;font-size:12px}.identity-console{grid-template-columns:repeat(2,1fr);margin-top:34px;min-height:0}.role{min-height:190px;padding:65px 15px 18px}.role:nth-child(2){border-bottom:1px solid var(--line)}.role:nth-child(3){border-right:0;border-bottom:1px solid var(--line)}.role strong{font-size:18px}.role p{font-size:11px}.identity-axis{left:14px;right:14px}.sequence-track{display:block;margin-top:35px}.flow-node{margin:0}.flow-connector{width:1px;height:28px;margin-left:21px}.flow-connector:after{content:'↓';right:auto;left:-7px;top:3px}.roster-head{display:block}.roster-head>p:last-child{margin-top:18px;font-size:12px}.roster-board{grid-template-columns:1fr;margin-top:34px}.roster-portrait{min-height:280px}.general-tabs{grid-template-columns:repeat(3,1fr)}.general-tab{padding:11px 5px;grid-template-columns:24px 1fr;gap:5px}.general-tab b{font-size:10px}.general-tab small{font-size:7px}.roster-readout{padding:34px 20px 24px}.roster-readout h3{font-size:45px}.roster-readout p{font-size:12px}.roster-meter{padding:15px 20px;grid-template-columns:64px 1fr 33px}.report-list{margin-top:34px}.report-row{grid-template-columns:39px 1fr 24px;gap:10px;padding:17px 2px}.report-row h3{font-size:18px}.report-row p{font-size:11px}.report-row>b{font-size:19px}.start-wrap{display:block}.start-zone> .wrap>div:first-child>p:not(.eyebrow){font-size:12px}.start-control{margin-top:36px;padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:25px}.mobile-download{display:block;position:fixed;z-index:39;left:10px;right:10px;bottom:10px}.mobile-download a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--cyan);color:#062039;border:1px solid #b5f7ff;box-shadow:0 0 20px rgba(77,231,255,.3);font:700 12px var(--ui)}.mobile-download b{font-size:18px}
footer .footer-main{padding:23px 0}.footer-bottom{display:grid;gap:7px;padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.hero-download{display:inline-flex;align-items:center;gap:14px;padding:12px 14px;background:var(--cyan);color:#062039;font:700 12px var(--ui);box-shadow:0 0 20px rgba(77,231,255,.25)}.hero-download b{font-size:18px}
.media-zone{position:relative;padding:116px 0 125px;background:#081a2b}.media-zone:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(77,231,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,231,255,.08) 1px,transparent 1px);background-size:74px 74px;opacity:.28}.media-zone>.wrap{position:relative;z-index:1}.media-head{display:grid;grid-template-columns:1fr .65fr;gap:30px;align-items:end}.media-head h2{margin:0;font:700 clamp(2.7rem,5vw,5rem)/1.03 var(--ui);letter-spacing:-.05em}.media-head h2 em{font-style:normal;color:var(--cyan)}.media-head>p:last-child{margin:0;color:#9bb5c4;font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.media-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;overflow:hidden;border:1px solid var(--line);background:#0b2237}.media-tile:after{content:'';position:absolute;inset:0;background:rgba(5,15,26,.35);transition:background .2s}.media-tile:hover:after{background:rgba(5,15,26,.04)}.media-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1);transition:transform .35s}.media-tile:hover img{transform:scale(1.06)}.media-tile span,.media-tile b{position:relative;z-index:1}.media-tile span{padding:0 14px;color:#f1fbff;font:600 20px var(--ui)}.media-tile b{padding:5px 14px 14px;color:var(--cyan);font:500 10px var(--ui)}.quick-download{position:fixed;z-index:38;right:24px;bottom:24px}.quick-download a{display:grid;grid-template-columns:1fr auto;gap:2px 20px;align-items:center;min-width:220px;padding:12px 14px;background:var(--cyan);color:#062039;border:1px solid #b5f7ff;box-shadow:0 8px 24px rgba(0,0,0,.28)}.quick-download span{font:700 12px var(--ui)}.quick-download small{font:500 9px var(--ui);opacity:.72}.quick-download b{grid-row:1/3;grid-column:2;font-size:22px}
@media(max-width:720px){.hero-actions{align-items:stretch}.hero-download{width:100%;justify-content:space-between}.media-zone{padding:83px 0 94px}.media-head{display:block}.media-head>p:last-child{margin-top:18px;font-size:12px}.media-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}.media-tile{min-height:180px}.media-tile span{font-size:17px;padding:0 10px}.media-tile b{padding:4px 10px 10px;font-size:9px}.quick-download{left:10px;right:10px;bottom:10px}.quick-download a{min-width:0}.mobile-download{display:none!important}}
.lobby-art{background-image:url('/assets/hero.jpg');background-position:center 34%;opacity:.64;filter:saturate(.88) contrast(1.05)}.lobby-art:after{background:linear-gradient(90deg,rgba(7,16,31,.82) 0%,rgba(7,16,31,.6) 42%,rgba(7,16,31,.42) 68%,rgba(7,16,31,.68) 100%)}
@media(max-width:720px){.lobby-art{inset:0 0 42% 0;opacity:.58;background-position:58% center}.lobby-art:after{background:linear-gradient(180deg,rgba(7,16,31,.4),rgba(7,16,31,.74))}}