:root{color-scheme:light;--page: #edf6fb;--surface: #ffffff;--ink: #082d61;--ink-soft: #536a82;--line: rgba(8, 45, 97, .15);--accent: #c83b2b;--shadow: 0 22px 50px rgba(12, 49, 89, .14);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:0;min-height:100%;overflow-x:clip;scroll-behavior:smooth}body{min-width:0;min-height:100vh;min-height:100dvh;margin:0;overflow-x:clip;background:linear-gradient(rgba(8,45,97,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,97,.035) 1px,transparent 1px),var(--page);background-size:54px 54px}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:4px solid rgba(240,82,59,.3);outline-offset:4px}.site-shell{min-height:100vh;min-height:100dvh;padding:0 34px 26px}.site-header,main,footer{width:min(1440px,100%);margin-inline:auto}.site-header{height:76px;display:grid;grid-template-columns:280px 1fr 280px;align-items:center}.brand{width:max-content;display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:24px;font-weight:950;letter-spacing:.02em}.logo-mark{width:43px;height:43px;filter:drop-shadow(0 5px 9px rgba(8,45,97,.15))}.main-nav{display:flex;justify-content:center;gap:48px}.main-nav button{position:relative;border:0;padding:13px 2px 12px;color:var(--ink-soft);background:transparent;cursor:pointer;font-size:15px;font-weight:800;transition:color .16s ease}.main-nav button:after{position:absolute;right:12%;bottom:5px;left:12%;height:3px;border-radius:3px;background:var(--accent);content:"";opacity:0;transform:scaleX(.4);transition:opacity .16s ease,transform .16s ease}.main-nav button:hover,.main-nav button.is-active{color:var(--ink)}.main-nav button:hover:after,.main-nav button.is-active:after{opacity:1;transform:scaleX(1)}.header-note{justify-self:end;margin:0;color:var(--ink-soft);font-size:14px;font-weight:750}.hero{position:relative;display:grid;min-height:490px;grid-template-columns:minmax(360px,.78fr) minmax(640px,1.42fr);gap:clamp(30px,4vw,72px);align-items:center;padding:36px clamp(18px,3vw,48px) 45px;border-top:1px solid var(--line)}.hero:before{position:absolute;z-index:-1;top:52px;right:5%;width:min(52vw,760px);height:390px;border:1px dashed rgba(8,45,97,.18);border-radius:50%;content:"";transform:rotate(-5deg)}.hero__intro{position:relative;z-index:2;padding-bottom:12px}.hero__intro h1{max-width:560px;margin:0;color:var(--ink);font-size:clamp(54px,5.1vw,82px);font-weight:950;letter-spacing:-.075em;line-height:.98}.hero__intro>p{margin:26px 0 0;color:var(--ink-soft);font-size:clamp(18px,1.45vw,22px);font-weight:650}.hero__button{width:max-content;display:inline-flex;align-items:center;gap:9px;margin-top:31px;padding:14px 20px 14px 23px;border-radius:13px;color:#fff;background:var(--accent);box-shadow:0 6px #b43224,0 13px 24px #b8322438;text-decoration:none;font-size:16px;font-weight:900;transition:box-shadow .17s ease,transform .17s ease}.hero__button:hover{box-shadow:0 8px #b43224,0 17px 28px #b8322442;transform:translateY(-2px)}.hero__button:active{box-shadow:0 2px #b43224,0 7px 15px #b8322433;transform:translateY(4px)}.featured{position:relative;min-width:0;overflow:hidden;border:6px solid var(--surface);border-radius:25px;background:var(--surface);box-shadow:var(--shadow);transform:rotate(.65deg);transition:box-shadow .22s ease,transform .22s ease}.featured:hover{box-shadow:0 28px 64px #0c315933;transform:rotate(0) translateY(-4px)}.featured__media{height:380px;overflow:hidden;border-radius:19px;background:#e7edf2}.featured__media img,.game-card__media img{width:100%;height:100%;display:block;object-fit:cover}.featured__caption{position:absolute;right:24px;bottom:24px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 14px 14px 19px;border:1px solid rgba(8,45,97,.12);border-radius:16px;color:var(--ink);background:#fffffff0;box-shadow:0 10px 28px #082d6129;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.featured__caption>span:first-child{min-width:0;display:grid;gap:3px}.featured__caption strong{font-size:20px;font-weight:950}.featured__caption small{overflow:hidden;color:var(--ink-soft);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.featured__arrow{flex:0 0 auto;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:var(--ink)}.play-arrow{width:19px;height:19px}.game-gallery{padding:28px clamp(18px,3vw,48px) 32px;border-top:1px solid var(--line)}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.gallery-heading h2{margin:0;color:var(--ink);font-size:clamp(30px,2.6vw,40px);font-weight:950;letter-spacing:-.055em}.gallery-heading p{margin:0 0 4px;color:var(--ink-soft);font-size:14px;font-weight:650}.game-atlas{display:grid;grid-auto-flow:dense;grid-auto-rows:186px;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.game-card{min-width:0;grid-column:span 4;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 25px #0c31591a;transition:box-shadow .19s ease,transform .19s ease}.game-card:nth-child(1),.game-card:nth-child(5){grid-column:span 5}.game-card:nth-child(2),.game-card:nth-child(6){grid-column:span 4}.game-card:nth-child(3),.game-card:nth-child(4),.game-card:nth-child(7){grid-column:span 3}.game-card:hover{box-shadow:0 17px 34px #0c315929;transform:translateY(-5px)}.game-card__link{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;color:inherit;text-decoration:none}.game-card__media{position:relative;min-height:0;overflow:hidden;background:#e5edf3}.game-card__media:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.42);content:"";pointer-events:none}.game-card__media img{transition:transform .32s cubic-bezier(.2,.75,.25,1)}.game-card:hover .game-card__media img{transform:scale(1.035)}.game-card__body{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px 10px 14px}.game-card__copy{min-width:0}.game-card__body h3{overflow:hidden;margin:0;color:var(--ink);font-size:17px;font-weight:950;letter-spacing:-.025em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.game-card__body p{overflow:hidden;margin:4px 0 0;color:var(--ink-soft);font-size:11px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.game-card__action{flex:0 0 auto;display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#fff;background:var(--ink);transition:background .16s ease,transform .16s ease}.game-card:hover .game-card__action{background:var(--accent);transform:translate(2px)}footer{min-height:62px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink-soft);font-size:13px;font-weight:650}@media(max-width:1180px){.site-header{grid-template-columns:220px 1fr 190px}.hero{min-height:445px;grid-template-columns:minmax(300px,.7fr) minmax(510px,1.3fr);gap:28px;padding-inline:16px}.featured__media{height:335px}.game-atlas{grid-auto-rows:174px}.game-card,.game-card:nth-child(n){grid-column:span 4}}@media(max-width:899px){.site-shell{padding-inline:18px}.site-header{height:auto;min-height:72px;grid-template-columns:1fr auto}.main-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:28px;overflow-x:auto;padding-bottom:8px}.header-note{display:none}.hero{min-height:0;grid-template-columns:1fr;padding:46px 0 40px}.hero:before{display:none}.hero__intro h1{max-width:700px;font-size:clamp(48px,8vw,70px)}.featured__media{height:min(52vw,390px)}.game-gallery{padding-inline:0}.game-card,.game-card:nth-child(n){grid-column:span 6}}@media(max-width:620px){.brand{font-size:20px}.logo-mark{width:38px;height:38px}.hero__intro h1{font-size:46px}.featured__media{height:58vw}.featured__caption{right:13px;bottom:13px;left:13px}.featured__caption small{display:none}.gallery-heading{align-items:start;flex-direction:column;gap:6px}.game-atlas{grid-auto-rows:210px}.game-card,.game-card:nth-child(n){grid-column:span 12}footer{align-items:center;flex-direction:column;gap:4px;padding-block:18px}footer span[aria-hidden]{display:none}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--page: #071b31;--surface: #0d2a47;--ink: #f2f7fb;--ink-soft: #afc0d0;--line: rgba(207, 228, 245, .16);--shadow: 0 22px 52px rgba(0, 0, 0, .3)}body{background:linear-gradient(rgba(207,228,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(207,228,245,.035) 1px,transparent 1px),var(--page);background-size:54px 54px}.featured__caption{background:#0d2a47f0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.featured{transform:none}}