:root{color-scheme:dark;--bg:#07131d;--surface:#0c1d2b;--surface-light:#12283a;--line:#294051;--text:#f5f7f2;--muted:#a5b5bd;--gold:#f5bd62;--gold-deep:#e79a45;font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -7%,#16364b 0,transparent 36%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:16px;top:-60px;padding:12px;background:var(--gold);color:#06131e;z-index:20}.skip-link:focus{top:12px}.site-shell{max-width:1560px;margin:auto;padding:0 clamp(20px,5vw,80px)}
.site-header{height:84px;display:flex;align-items:center;gap:42px;border-bottom:1px solid #ffffff1b}.brand{display:flex;align-items:center;gap:13px;line-height:1;font-size:18px;letter-spacing:.08em;font-weight:900;white-space:nowrap}.brand strong{color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:.22em;color:var(--muted);font-weight:600;margin-top:8px}.brand-icon{width:38px;height:38px;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);position:relative;font-size:20px}.brand-icon span{font-size:9px;position:absolute;right:-5px;top:-5px;background:var(--bg)}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:13px;color:#c0cbd0;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.header-note{font-size:11px;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:10px}.header-note i{width:7px;height:7px;border-radius:50%;background:#83d7a8;box-shadow:0 0 12px #83d7a8}
.hero{min-height:600px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);align-items:center;overflow:hidden;border-bottom:1px solid #ffffff20}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 47%,#3e7f9513 80%),repeating-linear-gradient(90deg,transparent 0 91px,#ffffff08 92px);pointer-events:none}.hero-content{z-index:1;padding:76px 0 100px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.25em;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow-line{width:32px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,6.4vw,98px);line-height:1.1;letter-spacing:-.08em;margin:27px 0 24px;font-weight:900}.hero h1 em{font-style:normal;color:var(--gold)}.hero-content>p{font-size:clamp(15px,1.3vw,18px);line-height:1.9;color:#b7c7cf;max-width:540px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.button{min-height:55px;display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--gold);color:#0a1720}.button-primary:hover{background:#ffd08a}.button-quiet{border:1px solid #607887;color:#e9f2f1}.button-quiet:hover{border-color:var(--gold)}.button span{font-size:20px;font-weight:400}.hero-visual{height:100%;min-height:500px;display:grid;place-items:center;position:relative;isolation:isolate}.hero-visual:before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:#2a627a4d;filter:blur(70px);z-index:-1}.orbit{border:1px solid #aad5d027;position:absolute;border-radius:50%;transform:rotate(-22deg)}.orbit-outer{width:min(52vw,650px);height:min(38vw,480px)}.orbit-inner{width:min(39vw,480px);height:min(25vw,320px);border-color:#c6eddf35}.hero-symbol{font-size:clamp(65px,8vw,130px);font-weight:1000;letter-spacing:-.13em;color:#e8f4f0;transform:rotate(-12deg);text-shadow:22px 25px 0 #f5bd625c}.hero-symbol span{font-size:12px;vertical-align:top;letter-spacing:0;color:var(--gold);margin-left:25px}.hero-spark{position:absolute;color:var(--gold)}.spark-a{top:24%;right:16%;font-size:28px}.spark-b{bottom:23%;left:16%;font-size:42px}.spark-c{top:35%;left:13%;font-size:16px}.hero-footer{position:absolute;bottom:0;left:0;right:0;display:flex;gap:38px;padding:24px 0;border-top:1px solid #ffffff1b;color:var(--gold);font-weight:900;font-size:11px;letter-spacing:.13em}.hero-footer span b{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.06em;margin-top:5px}
.catalog{padding:98px 0 106px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section-kicker{margin-bottom:11px}.section-heading h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.055em;margin:0}.section-count{font-size:11px;letter-spacing:.16em;color:var(--muted);padding-bottom:7px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{min-width:0;background:var(--surface);border:1px solid #325064;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 24px 70px #0006}.game-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.18fr .82fr}.card-art{min-height:300px;position:relative;overflow:hidden}.game-card-featured .card-art{min-height:390px}.card-number{position:absolute;top:21px;left:24px;z-index:1;color:#fff;background:#07131dbb;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.16em}.art-tide{background:linear-gradient(90deg,#06141b35,#06141b42),url('/assets/iron-tide-preview.png') center 43%/cover}.art-label{position:absolute;bottom:20px;left:26px;font-size:clamp(34px,5vw,70px);font-weight:1000;letter-spacing:-.07em;text-shadow:0 4px 20px #000a}.art-crosshair{position:absolute;right:35px;bottom:35px;border:2px solid #ffffff55;border-radius:50%;width:52px;height:52px}.art-crosshair:before,.art-crosshair:after{content:"";position:absolute;background:#ffffff99}.art-crosshair:before{width:2px;height:70px;left:23px;top:-11px}.art-crosshair:after{height:2px;width:70px;top:23px;left:-11px}.art-kart{background:linear-gradient(180deg,#07131d08 20%,#07131d55),url(/assets/apex-kart-preview.png) center 48%/cover no-repeat}.art-pelican{background:linear-gradient(180deg,#07131d00 20%,#07131d55),url(/assets/pelican-coast-preview.png) center 52%/cover no-repeat}.card-content{padding:32px 34px 35px;display:flex;flex-direction:column;min-height:250px}.game-card-featured .card-content{justify-content:center;padding:45px}.card-meta{display:flex;gap:11px;color:var(--gold);font-size:11px;letter-spacing:.12em;font-weight:800}.meta-separator{color:#688496}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.card-title-row h3{font-size:clamp(27px,2.7vw,42px);letter-spacing:-.06em;margin:19px 0 10px}.card-arrow{font-size:28px;color:var(--gold);transition:transform .2s}.game-card:hover .card-arrow{transform:translate(4px,-4px)}.card-content p{color:#b5c4cb;line-height:1.75;font-size:14px;max-width:470px}.card-cta{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:13px;font-weight:800;margin-top:auto;padding-top:10px}.card-cta span{font-size:18px}
.about{border:1px solid #355369;background:linear-gradient(105deg,#173249,#0c2535);padding:37px 42px;display:flex;align-items:center;gap:32px}.about-icon{width:80px;flex:none;color:var(--gold);font-size:58px;line-height:1}.about h2{font-size:clamp(24px,2.4vw,34px);margin:0 0 8px;letter-spacing:-.05em}.about p:last-child{color:#b6c8cf;line-height:1.7;font-size:14px;margin:0;max-width:640px}.about>a{margin-left:auto;white-space:nowrap;color:var(--gold);font-weight:800;font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:7px}.site-footer{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:100px;color:#8da3ad;font-size:11px;letter-spacing:.08em}.site-footer a:hover{color:var(--gold)}
@media(max-width:950px){.site-header{gap:15px}.site-header nav{gap:18px}.header-note{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:74px 0 15px}.hero-visual{position:absolute;right:-4%;top:10%;height:420px;min-height:0;width:43%;opacity:.25;pointer-events:none}.hero-footer{position:relative;margin-top:75px}.game-card-featured{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{height:72px}.site-header nav a:last-child{display:none}.site-header nav{margin-left:auto}.hero h1{font-size:clamp(51px,12vw,74px)}.hero-content{padding:65px 0 0}.hero-visual{display:none}.hero-footer{gap:16px;justify-content:space-between;margin-top:60px}.hero-footer span:last-child{display:none}.catalog{padding:73px 0}.section-heading{align-items:start}.section-count{display:none}.game-grid{grid-template-columns:1fr}.game-card-featured{display:flex;grid-column:auto}.game-card-featured .card-art,.card-art{min-height:240px}.game-card-featured .card-content,.card-content{padding:27px;min-height:220px}.card-title-row h3{font-size:31px}.about{padding:28px;display:block}.about-icon{font-size:38px;width:auto;margin-bottom:12px}.about>a{display:inline-block;margin:20px 0 0}.site-footer span:nth-child(2){display:none}}
@media(max-width:390px){.brand{font-size:15px}.brand-icon{width:32px;height:32px}.site-header nav a{font-size:12px}.hero-actions{display:block}.button{width:100%;margin-bottom:12px}.hero-footer{font-size:9px}.card-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.game-card,.card-arrow{transition:none}}
.card-title-row h3 small{display:block;margin-top:7px;color:#a5b5bd;font-size:11px;font-weight:700;letter-spacing:.18em}