/* /style.css */
@font-face{font-family:Archive;src:url('/assets/serif-v11.woff2') format('woff2');font-display:swap;font-weight:400 900}
:root{--bg:#151615;--ink:#f3f0e9;--muted:#b8b7b1;--accent:#dec49a;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.3}h1,h2{font-family:Archive,'Songti SC',SimSun,serif}p{color:var(--muted)}button{background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#ccb283;color:#141615}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:12px;left:12px;z-index:100;background:white;color:black;padding:10px}.site-header{height:86px;position:absolute;top:0;left:0;right:0;padding:0 4.8%;z-index:10;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff26}.wordmark{font-size:25px;letter-spacing:.12em;font-weight:650;line-height:1}.wordmark span{display:inline-block;font-size:10px;letter-spacing:.16em;margin-left:10px;font-weight:400}.game-brand{font-family:Archive,serif;font-size:21px;letter-spacing:.08em}nav{display:flex;gap:34px;align-items:center}nav a{font-size:14px;padding:12px 0}.nav-play{border-bottom:1px solid var(--accent)}.eyebrow{font:11px/1.5 system-ui,sans-serif;letter-spacing:.2em;margin-bottom:22px;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:14px 28px;border:1px solid transparent;font-size:15px;letter-spacing:.025em;transition:background .25s,color .25s,transform .25s}.button span{font-size:21px;line-height:1}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:#20231f}.primary:hover{background:#f0e0c0}.outline{border-color:var(--line)}.outline:hover{background:#ffffff0d}.play-actions{display:flex;gap:12px;flex-wrap:wrap}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid currentColor;padding:12px 0;font-size:15px}.section{padding:100px 6%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.section-heading h2{font-size:clamp(32px,3.8vw,54px)}.section-note{font-size:13px;color:var(--muted)}
.portal-hero{position:relative;height:94svh;min-height:680px;max-height:1050px;overflow:hidden}.portal-art,.splash-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% 45%}.ambient{transform:scale(1.02);animation:breathe 15s ease-in-out infinite alternate;will-change:transform}.portal-shade,.splash-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c100fde 0%,#0c100f70 29%,transparent 65%),linear-gradient(0deg,#101413dc,transparent 60%),linear-gradient(180deg,#101413b3,transparent 24%)}.portal-copy{position:absolute;left:7%;bottom:20%;z-index:1}.portal-copy h1{font-size:clamp(70px,8.1vw,120px);letter-spacing:.065em;line-height:1.1;text-shadow:0 4px 24px #0004}.portal-copy h1 span{display:block;font-size:.29em;letter-spacing:.52em;margin-top:22px}.portal-copy .button{margin-top:40px}.hero-vertical{position:absolute;right:4.8%;top:20%;writing-mode:vertical-rl;letter-spacing:.5em;color:#f1eee3bd;font-family:Archive,serif}.hero-bottom{position:absolute;bottom:32px;left:7%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em}.hero-bottom a{padding:14px 0}.hero-bottom a span{margin-left:30px;font-size:20px}.motion-toggle{position:absolute;right:4.8%;bottom:92px;font-size:11px;border:0;border-bottom:1px solid #ffffff55;padding:8px 0;z-index:3;min-height:40px}.tianji-feature{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#e9e2d3;color:#262821;overflow:hidden;padding:60px 0}.tianji-feature-art{overflow:hidden}.tianji-feature-art img{width:100%;transition:transform 1s}.tianji-feature:hover img{transform:scale(1.035)}.tianji-feature-copy{padding:35px 15%}.tianji-feature-copy .eyebrow{color:#826e53}.tianji-feature h2{font-size:clamp(35px,4vw,57px);line-height:1.6;margin-bottom:22px}
.all-games{background:#efeee8;color:#242620;max-width:none;--muted:#666b60;--accent:#796344;--line:#26282033;padding-bottom:70px}.all-games>.section-heading,.games-grid,.genre-filters,.catalog-foot{max-width:1400px;margin-left:auto;margin-right:auto}.game-count{font:76px/.9 Georgia,serif;letter-spacing:-.06em}.game-count span{display:block;font:12px system-ui;letter-spacing:.08em;margin-top:16px;text-align:right}.genre-filters{display:flex;gap:28px;border-top:1px solid #24262025;margin-top:38px;margin-bottom:40px;padding-top:18px;flex-wrap:wrap}.genre-filters button{border:0;border-bottom:2px solid transparent;padding:9px 0;font-size:14px;color:#75786e;min-height:44px}.genre-filters button[aria-pressed=true]{color:#252a20;border-color:#252a20}.genre-filters small{font-size:10px;margin-left:8px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}.game-tile{min-width:0}.tile-image{aspect-ratio:1.62;overflow:hidden;background:#242722;position:relative}.tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.2,1),filter .5s}.game-tile:hover .tile-image img{transform:scale(1.055)}.tile-arrow{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f6f3e9e8;color:#292d26;font-size:24px;transform:translateY(60px);transition:transform .35s}.game-tile:hover .tile-arrow,.game-tile:focus-visible .tile-arrow{transform:translateY(0)}.tile-caption{display:flex;gap:16px;padding-top:18px}.tile-number{font:12px Georgia;color:#777f70;line-height:26px}.tile-caption h3{font-size:17px;font-weight:500}.tile-caption p{font-size:12px;margin-top:6px}.icon-poster .tile-image{background:var(--accent)}.icon-poster .tile-image img{object-fit:contain;padding:18px;background:linear-gradient(130deg,#c9bb98,#575445)}.catalog-foot{margin-top:65px;padding-top:24px;border-top:1px solid #24262025;display:flex;justify-content:space-between;font-size:13px}.catalog-foot span{font-size:10px;letter-spacing:.14em}footer{padding:42px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#151615;color:#f3f0e9}footer>div{display:flex;gap:28px;font-size:12px;color:#c1c1b8}footer small{font-size:10px;color:#8f9588}
.sanguo-splash{height:100svh;min-height:680px;max-height:1100px;position:relative;overflow:hidden}.splash-copy{position:absolute;left:7%;bottom:19%;max-width:660px}.splash-copy h1{font-size:clamp(65px,8vw,116px);letter-spacing:.06em}.splash-copy h1 small{display:block;font-size:.3em;letter-spacing:.5em;margin-top:13px}.splash-tagline{font-family:Archive,serif;font-size:24px;color:#e7d9c0;margin:28px 0}.splash-side{position:absolute;right:5%;top:27%;writing-mode:vertical-rl;letter-spacing:.45em;font-family:Archive,serif}.scroll-cue{position:absolute;bottom:34px;left:7%;font-size:12px;letter-spacing:.12em}.world-intro{text-align:center;padding-top:110px;padding-bottom:110px}.world-intro h2{font-size:clamp(34px,4vw,58px);line-height:1.7}.world-intro h2 em{font-style:normal;color:var(--accent)}.world-intro>p:not(.eyebrow){max-width:520px;margin:26px auto 0;font-size:16px}.feature-labels{display:flex;justify-content:center;gap:35px;font-size:13px;color:var(--accent);margin-top:38px}.feature-labels span+span{border-left:1px solid var(--line);padding-left:35px}.card-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;background:radial-gradient(ellipse at 30% 50%,#6260442e,transparent 65%),#1d201b;padding:80px 8%;overflow:hidden;border-block:1px solid #e4cfa81c}.card-feature-copy h2{font-size:clamp(35px,4vw,56px);line-height:1.5}.card-feature-copy p:not(.eyebrow){margin:22px 0 30px}.art-cards{display:flex;align-items:center;justify-content:center;min-height:460px;perspective:1000px}.art-cards img{width:34%;border:1px solid #bfa47c;border-radius:10px;box-shadow:0 30px 55px #0009;transition:transform 1s}.art-cards img:first-child{transform:translate(20%,8%) rotate(-15deg)}.art-cards img:nth-child(2){z-index:2;animation:card-float 7s ease-in-out infinite alternate}.art-cards img:last-child{transform:translate(-20%,8%) rotate(15deg)}.card-feature:hover .art-cards img:first-child{transform:translate(8%,5%) rotate(-18deg)}.card-feature:hover .art-cards img:last-child{transform:translate(-8%,5%) rotate(18deg)}.card-spec{display:flex;gap:36px;margin-top:38px;font-size:12px;color:#aaa994}.card-spec b{font:28px Georgia;color:var(--accent);display:block;margin-bottom:6px}
.screenshot-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 30px;scrollbar-color:#928371 #242923}.shot{flex:0 0 23%;min-width:0;border:1px solid var(--line);padding:0;scroll-snap-align:start;background:#242922;overflow:hidden}.shot img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:top;transition:filter .25s}.shot:hover img{filter:brightness(1.08)}.play-panel{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 6%;padding:55px 6%;border-block:1px solid var(--line);gap:40px}.play-panel h2{font-size:clamp(30px,4vw,50px)}.play-panel p:not(.eyebrow){margin:14px 0 26px}.qr{padding:12px;background:#fff;color:#30342b;flex-shrink:0}.qr img{width:150px;height:150px}.qr figcaption{font-size:11px;text-align:center;margin-top:9px}.availability,.culture-note{text-align:center;padding:20px 6% 45px;font-size:12px}.culture-note{padding-top:0}.next-game{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:40px 6%;margin-top:30px;position:relative;overflow:hidden}.next-game>img{width:160px;height:90px;object-fit:cover}.next-game .eyebrow{margin-bottom:8px}.next-game h2{font-size:28px}.next-game>span{margin-left:auto;font-size:35px;color:var(--accent)}
.tianji{--bg:#e9e2d3;--ink:#2d3028;--muted:#696957;--line:#383d322a}.tianji .site-header{border-color:#413d332a}.tianji .primary{color:#fff9ed}.tianji .primary:hover{background:#965337}.tianji .outline:hover{background:#3933270a}.tianji-splash{text-align:center;padding:86px 0 45px;overflow:hidden}.tianji-panorama{max-width:1200px;margin:auto;overflow:hidden;position:relative}.tianji-panorama:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#e9e2d3)}.tianji-panorama img{width:100%;height:auto;max-height:62vh;object-fit:cover}.tianji-title{position:relative;z-index:1;margin-top:-30px}.tianji-title h2{font-size:clamp(32px,3.4vw,46px);margin-bottom:30px}.tianji-title .eyebrow{margin-bottom:12px;color:#786d50}.tianji-title .play-actions{justify-content:center}.tianji-caption{display:block;font-size:12px;letter-spacing:.12em;color:#7b775f;margin-top:45px}.tianji .world-intro{border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px}.mobile-only{display:none}.game-splash{padding:150px 6% 90px;min-height:650px;display:grid;grid-template-columns:.85fr 1.2fr;gap:6%;align-items:center;position:relative;isolation:isolate;overflow:hidden}.game-splash:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,var(--accent),transparent 66%);opacity:.12;z-index:-1}.game-splash-copy{grid-area:1/1}.game-splash-copy h1{font-size:clamp(38px,4.3vw,64px);max-width:650px}.game-line{font-size:17px;margin:25px 0 34px;color:#d3d2c8}.game-splash-art{grid-area:1/2;overflow:hidden;box-shadow:0 30px 80px #0006}.game-splash-art img{width:100%;aspect-ratio:16/10;object-fit:cover}.icon-splash .game-splash-art{max-width:360px;justify-self:center;border-radius:16px;box-shadow:0 25px 100px #0008}.icon-splash .game-splash-art img{aspect-ratio:1;object-fit:contain}.genre{display:block;font-size:12px;color:#a3a798;margin-top:30px}.simple-intro{padding-top:55px;padding-bottom:65px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:10%}.simple-intro .eyebrow{margin-top:8px}.simple-intro>p:last-child{font-family:Archive,serif;font-size:25px;line-height:1.8;color:#dddace;max-width:850px}.prose{max-width:950px;min-height:75vh;padding-top:150px}.prose h1{font-size:clamp(38px,5vw,66px);margin-bottom:35px;line-height:1.6}.prose h2{font-size:24px;margin:32px 0 15px}.prose p{margin:20px 0;line-height:2}.prose .button{margin-top:20px}.lightbox{border:1px solid #fff2;background:#121512f5;color:white;padding:55px 18px 18px;max-width:96vw;max-height:94dvh;position:fixed;overflow:auto}.lightbox::backdrop{background:#000d}.lightbox img{max-height:79dvh;max-width:90vw;margin:auto;object-fit:contain}.close{position:absolute;top:9px;right:16px;border:0;border-bottom:1px solid #fff5;padding:7px 10px;min-height:40px}.mobile-play{display:none}.gallery-page .gallery-heading{padding-top:115px}.gallery-page{--accent:#dec49a}.gallery-page .viewer{background:radial-gradient(ellipse at 50% 37%,#766d4055,transparent 65%),#1d201b}.gallery-page h2{font-size:30px}
@keyframes breathe{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-.5%,0,0)}}@keyframes card-float{from{transform:translateY(-5%) rotateY(-9deg)}to{transform:translateY(-10%) rotateY(9deg)}}.motion-paused *,[data-offscreen] .ambient,[data-offscreen] .art-cards img{animation-play-state:paused!important}.reveal{transition:opacity .75s ease,translate .75s cubic-bezier(.2,.65,.2,1)}.reveal.pending{opacity:0;translate:0 28px}.motion-paused .reveal{opacity:1;translate:none;transition:none}
@media(min-width:1600px){.play-panel{margin:auto}}
@media(max-width:1000px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-copy h1{font-size:80px}.game-splash{gap:4%;padding-top:130px}.game-splash-copy h1{font-size:42px}.game-splash .button{padding:12px 17px}.art-cards{min-height:350px}.card-feature{gap:5%;padding:65px 6%}.screenshot-track .shot{flex-basis:30%}.tianji-feature-copy{padding:25px 10%}}
@media(max-width:650px){html{scroll-padding-top:25px}.site-header{height:70px;padding:0 6%}.wordmark{font-size:21px}.wordmark span{font-size:8px;margin-left:7px}.game-brand{font-size:17px;max-width:42%;line-height:1.35}nav{gap:18px}nav a{font-size:12px}.detail nav a:nth-child(2){display:none}.section{padding:58px 6%}.eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:17px}.button{padding:13px 23px;min-height:50px;font-size:14px;gap:20px}.portal-hero{height:90svh;min-height:660px;max-height:880px}.portal-art{height:78%;object-position:54% 28%;top:0;object-fit:cover}.portal-shade{background:linear-gradient(0deg,#111614 1%,#111614 15%,#111614b3 34%,transparent 63%),linear-gradient(180deg,#0f151299,transparent 28%)}.portal-copy{left:7%;bottom:15%}.portal-copy h1{font-size:57px;letter-spacing:.06em}.portal-copy h1 span{font-size:23px;letter-spacing:.4em;margin-top:17px}.portal-copy .button{margin-top:26px}.hero-vertical{right:6%;top:18%;font-size:12px;letter-spacing:.3em;text-shadow:0 1px 8px #000}.hero-bottom{bottom:16px;left:7%;right:7%;font-size:10px;letter-spacing:.03em}.hero-bottom a span{margin-left:10px}.motion-toggle{right:7%;bottom:87px;font-size:10px}.tianji-feature{display:flex;flex-direction:column;padding:38px 0 42px;text-align:center}.tianji-feature-art{width:100%}.tianji-feature-copy{padding:18px 6% 0}.tianji-feature h2{font-size:31px;line-height:1.55;margin-bottom:12px}.tianji-feature h2 br{display:none}.tianji-feature .eyebrow{margin-bottom:14px}.text-link{font-size:13px;gap:25px}.all-games .section-heading{align-items:center;margin-bottom:28px}.section-heading h2{font-size:30px}.game-count{font-size:52px}.game-count span{font-size:10px;margin-top:12px}.genre-filters{gap:20px 24px;margin-top:28px;margin-bottom:28px;padding-top:11px}.genre-filters button{font-size:12px}.genre-filters small{font-size:9px;margin-left:3px}.games-grid{gap:28px 13px}.tile-image{aspect-ratio:1.24}.tile-caption{padding-top:13px;gap:7px}.tile-number{font-size:10px;line-height:20px}.tile-caption h3{font-size:14px;line-height:1.55}.tile-caption p{font-size:11px;margin-top:5px}.tile-arrow{display:none}.catalog-foot{font-size:11px;line-height:1.9;display:block;margin-top:40px;padding-top:20px}.catalog-foot span{display:block;margin-top:8px;font-size:9px}footer{padding:32px 6%;flex-wrap:wrap;gap:27px}footer .wordmark{width:100%}footer>div{gap:25px;font-size:12px}footer small{margin-left:auto}.sanguo-splash{height:94svh;min-height:710px;max-height:950px}.splash-art{height:74%;object-position:54% 18%}.splash-shade{background:linear-gradient(0deg,#151615 0%,#151615 17%,#151615c4 35%,transparent 62%),linear-gradient(180deg,#101310aa,transparent 27%)}.splash-copy{left:7%;right:7%;bottom:12%}.splash-copy h1{font-size:58px}.splash-copy h1 small{font-size:23px;margin-top:12px;letter-spacing:.38em}.splash-copy .eyebrow{font-size:10px}.splash-tagline{font-size:19px;margin:20px 0 23px}.splash-side{top:18%;font-size:12px;right:6%;text-shadow:0 2px 10px #000}.sanguo-splash .motion-toggle{bottom:29px}.scroll-cue{bottom:28px;font-size:10px}.play-actions{gap:10px}.play-actions .button{padding:12px 20px}.world-intro{padding-top:58px;padding-bottom:58px}.world-intro h2{font-size:31px}.world-intro h2 em{display:block}.world-intro>p:not(.eyebrow){font-size:16px;line-height:1.9;margin-top:20px}.feature-labels{gap:19px;font-size:12px;margin-top:27px}.feature-labels span+span{padding-left:19px}.card-feature{display:flex;flex-direction:column;gap:20px;padding:35px 7% 48px;text-align:center}.art-cards{min-height:300px;padding:20px 0}.card-feature-copy h2{font-size:33px}.card-feature-copy p:not(.eyebrow){font-size:16px;margin:17px 0 23px}.card-spec{justify-content:center;margin-top:28px;gap:45px}.card-spec b{font-size:25px}.moments .section-heading{display:block;margin-bottom:26px}.moments .section-note{display:block;margin-top:12px;font-size:12px}.screenshot-track{gap:14px;padding-bottom:20px;margin-right:-6vw;padding-right:6vw}.screenshot-track .shot{flex-basis:71%;max-width:285px}.play-panel{margin:0 6%;padding:36px 0;gap:24px;align-items:center}.play-panel h2{font-size:28px}.play-panel p:not(.eyebrow){font-size:14px;margin:14px 0 22px}.play-panel .button{padding:12px 16px;gap:12px;font-size:13px}.qr{padding:8px}.qr img{width:102px;height:102px}.qr figcaption{font-size:10px;margin-top:6px}.play-panel .eyebrow{margin-bottom:13px}.availability,.culture-note{font-size:11px;padding-bottom:24px}.next-game{padding:28px 6%;gap:18px;margin-top:10px}.next-game>img{width:84px;height:75px}.next-game h2{font-size:21px;line-height:1.5}.next-game .eyebrow{font-size:9px}.next-game>span{font-size:27px}.mobile-play{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 5% max(10px,env(safe-area-inset-bottom));background:#191d19ed;border-top:1px solid #ffffff22;backdrop-filter:blur(14px);z-index:9;translate:0 120%;transition:translate .3s;color:#f0e9dc}.mobile-play.visible{translate:0 0}.mobile-play>span{font-family:Archive,serif;font-size:16px;max-width:45%;line-height:1.4}.mobile-play .button{font-size:13px;padding:10px 17px;min-height:44px;gap:15px}.detail footer{padding-bottom:100px}.tianji-splash{padding-top:100px;padding-bottom:40px}.tianji-panorama img{height:300px;max-height:none;object-fit:cover;object-position:center}.tianji-panorama{margin:0 -18%;width:136%}.tianji-title{margin-top:10px;padding:0 6%}.tianji-title h2{font-size:32px;line-height:1.55;margin-bottom:26px}.tianji-title .eyebrow{font-size:9px}.tianji-caption{font-size:11px;letter-spacing:.04em;margin-top:30px}.mobile-only{display:block}.tianji .world-intro{padding-top:48px;padding-bottom:48px}.game-splash{display:flex;flex-direction:column;padding:110px 0 35px;min-height:0;gap:27px}.game-splash-art{width:100%;box-shadow:none}.game-splash-art img{aspect-ratio:16/10;object-fit:cover}.game-splash-copy{padding:0 6%;width:100%}.game-splash-copy h1{font-size:38px;line-height:1.4}.game-splash-copy .eyebrow{margin-bottom:12px}.game-line{font-size:16px;margin:16px 0 25px;max-width:320px}.genre{margin-top:23px;font-size:11px}.icon-splash .game-splash-art{width:65%;max-width:285px}.simple-intro{display:block;padding-top:33px;padding-bottom:35px}.simple-intro .eyebrow{margin-bottom:16px}.simple-intro>p:last-child{font-size:20px;line-height:1.9}.prose{padding-top:115px}.prose h1{font-size:38px}.prose p{font-size:16px}.lightbox{padding:55px 10px 12px}.gallery-page .gallery-heading{padding-top:100px}}
@media(max-width:360px){.portal-copy h1,.splash-copy h1{font-size:50px}.game-brand{font-size:15px}nav{gap:12px}.play-panel{gap:15px}.qr img{width:90px;height:90px}.play-panel .button{padding:11px 12px}.genre-filters{gap:12px}.tile-caption{gap:5px}.tile-caption h3{font-size:13px}.tile-number{display:none}.tianji-feature h2{font-size:27px}}
.tianji-feature-art img,.game-splash-art img{height:auto}
.tile-image img{object-fit:contain}.tile-image{background:#171c19}
@media(max-width:650px){.tile-image{aspect-ratio:16/10}}
@media(max-width:650px){.tianji-panorama{width:100%;margin:0}.tianji-panorama img{height:auto;object-fit:contain}.tianji-title{margin-top:28px}.game-brand{max-width:48%;font-size:16px}.game-splash-art img{aspect-ratio:16/10}.icon-splash .game-splash-art img{aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;translate:none}.ambient{transform:none}.motion-toggle{display:none}}


/* /motion-v5.css */
/* Small, local effects: no animation library, canvas, or remote dependencies. */
.atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;color:var(--accent,#c6af7d)}
.atmosphere i{position:absolute;left:12%;top:34%;width:2px;height:2px;border-radius:50%;background:currentColor;box-shadow:110px 70px 0 currentColor,170px 280px 0 currentColor,460px 120px 0 currentColor,630px 300px 0 currentColor,230px 470px 0 currentColor;opacity:.22;animation:atmosphere-drift 14s ease-in-out infinite alternate}
.atmosphere i:nth-child(2){left:55%;top:16%;animation-delay:-5s;opacity:.15}.atmosphere i:nth-child(3){width:38%;height:1px;left:58%;top:30%;background:linear-gradient(90deg,transparent,currentColor,transparent);box-shadow:none;opacity:.1;transform:rotate(-35deg);animation:light-trace 16s ease-in-out infinite alternate}
.crafted-tianji .atmosphere{color:#b18d51}.crafted-tianji .atmosphere i{opacity:.22}.crafted-tianji .atmosphere i:nth-child(3){top:65%;left:15%;width:70%;transform:none}
@keyframes atmosphere-drift{to{transform:translate3d(18px,-28px,0);opacity:.5}}@keyframes light-trace{to{translate:12px -20px;opacity:.28}}
.hero-collectible .collectible-foil{animation:foil-pass 12s ease-in-out infinite}.crafted-sanguo .hero-collectible{animation:hero-card-breathe 10s ease-in-out infinite alternate}
@keyframes foil-pass{0%,30%,100%{background-position:15% 50%;opacity:.16}60%{background-position:85% 50%;opacity:.36}}
@keyframes hero-card-breathe{to{transform:rotateY(5deg) rotateX(-2deg) translateY(-5px)}}
.motion-entry{opacity:.6;transform:translateY(20px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-entry.motion-seen{opacity:1;transform:none}
.crafted-sanguo .splash-copy>.eyebrow,.crafted-sanguo .portal-copy>.eyebrow,.crafted-tianji .tianji-title>.eyebrow,.game-splash-copy>.eyebrow{animation:hero-enter .65s ease-out both}
.crafted-sanguo .splash-copy>h1,.crafted-sanguo .portal-copy>h1,.crafted-tianji .title-and-seal,.game-splash-copy>h1{animation:hero-enter .7s .08s ease-out both}
.crafted-sanguo .play-actions,.crafted-tianji .play-actions,.game-splash .play-actions{animation:hero-enter .7s .16s ease-out both}
@keyframes hero-enter{from{translate:0 10px}to{translate:0 0}}
.button{position:relative;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s,translate .25s}.button:after{content:'';position:absolute;inset:-60% auto -60% -40%;width:22%;background:linear-gradient(90deg,transparent,#ffffff26,transparent);transform:rotate(25deg);pointer-events:none;transition:left .65s ease}.button:hover:after,.button:focus-visible:after{left:130%}.button:active{translate:0 1px}
.button span[aria-hidden]{transition:transform .25s}.button:hover span[aria-hidden]{transform:translate(2px,-2px)}
.game-tile{transition:transform .5s,box-shadow .5s}.game-tile:active{transform:scale(.99)}
.scenery-layer{position:absolute;inset:0;overflow:hidden;border-radius:8px;pointer-events:none;background:#18241f}.gallery-scenery{width:100%;height:100%;object-fit:cover;object-position:center 57%;opacity:.86}.scenery-layer:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 20%,#11191744 70%),linear-gradient(0deg,#111815aa,transparent 25%,#11181522)}
.scenery-layer:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 25% 60%,#ebe7cb20,transparent 65%);animation:scene-mist 13s ease-in-out infinite alternate}
@keyframes scene-mist{to{opacity:.3;transform:translateX(12px)}}
.card-stage,.inline-collector .collectible-stage{position:relative;border:1px solid #ccb78528;border-radius:8px}
.card-stage .card-object,.collectible-stage .collectible-object{z-index:2;flex-shrink:0}.auto-rotating .collectible-object,.dragging .collectible-object{transition:none!important}
.scene-controls{display:flex;justify-content:center;gap:16px;align-items:center;margin:12px 0 16px;flex-wrap:wrap}.scene-controls button{min-height:44px;border:1px solid #c6af7855;background:#b69d6410;color:#e5d4b4;border-radius:3px;padding:9px 14px;font-size:12px}.scene-controls button[aria-pressed=true]{background:#c4a66922;border-color:#d8b96f}.scene-controls label{display:flex;align-items:center;gap:8px;font-size:11px;color:#b9b7ad}.scene-controls select{min-height:44px;max-width:166px;padding:7px 23px 7px 9px;font-size:12px;background:#202821;color:#dddbc9;border:1px solid #ffffff26;border-radius:3px}
.inline-collector .collectible-tools{margin-top:9px}.viewer .scene-controls{gap:10px}.viewer .scene-controls label{font-size:10px}.scene-controls button:disabled{opacity:.45;cursor:default}
.zen-quick-links{display:flex;justify-content:center;gap:24px}
.casting{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;background:radial-gradient(ellipse at 75% 30%,#c6ac7120,transparent 60%),#eae5d8;border-block:1px solid #a68d632d;color:#343b32;scroll-margin-top:80px}
.casting-copy h2{font:clamp(38px,4.4vw,60px)/1.5 Archive,serif}.casting-copy h2 em{font-style:normal;color:#8b714c}.casting-copy>p:not(.eyebrow){font-size:14px;margin:24px 0 18px;color:#72745f}.ritual-note{font-size:11px;color:#858570;letter-spacing:.1em}.casting .eyebrow{color:#8b7753}
.casting-desk{border:1px solid #a58b5833;padding:25px 30px 24px;border-radius:6px;background:linear-gradient(140deg,#fffcf266,#f5f0e12b);box-shadow:0 22px 65px #6755360b;min-width:0}.coin-table{display:flex;justify-content:center;align-items:center;gap:22px;height:158px;position:relative;perspective:800px}.coin-holder{position:relative;width:76px;height:76px;z-index:1}.ritual-coin{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(0deg)}.ritual-coin img{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.coin-front{transform:translateZ(1px)}.coin-back{transform:rotateY(180deg) translateZ(1px)}.ritual-coin.tails{transform:rotateY(180deg)}.coin-shadow{display:block;position:absolute;width:72%;height:8px;background:#62533722;border-radius:50%;left:14%;bottom:-17px;filter:blur(3px)}
.ritual-ripple{position:absolute;width:290px;height:115px;border:1px solid #b2936022;border-radius:50%;top:45px}.ritual-ripple:after{content:'';position:absolute;inset:10px -18px;border:1px solid #b293601a;border-radius:50%}
.casting-active .ritual-coin{animation:coin-turn 1s cubic-bezier(.25,.1,.3,1) both;animation-delay:calc(var(--coin)*.04s)}.casting-active .coin-holder{animation:coin-lift 1s ease-in-out both;animation-delay:calc(var(--coin)*.04s)}.casting-active .ritual-ripple{animation:ripple-out 1s ease-out both}
@keyframes coin-turn{to{transform:rotateY(calc(1080deg + var(--coin-result,0deg)))}}@keyframes coin-lift{0%,100%{translate:0 0}28%{translate:0 -35px}70%{translate:0 5px}85%{translate:0 -5px}}@keyframes ripple-out{from{scale:.75;opacity:0}40%{opacity:1}to{scale:1.12;opacity:.2}}
.casting-reading{position:relative;border-block:1px solid #9c885b26;padding:18px 0}.reading-caption{font-size:10px;letter-spacing:.12em;color:#88816b}.casting-progress{float:right;font-size:11px;letter-spacing:.12em;color:#988363;font-variant-numeric:tabular-nums}.yao-stack{display:flex;flex-direction:column-reverse;gap:11px;margin-top:20px}.yao-row{display:grid;grid-template-columns:42px 1fr 80px;gap:20px;align-items:center;min-height:18px;font-size:11px;color:#989483}.yao-line{display:flex;gap:0;height:5px;opacity:.14}.yao-line i{height:100%;width:50%;background:#7f775a;transition:background .3s}.yao-row.formed .yao-line{opacity:1}.yao-row.formed{color:#5f6657}.yao-row.yin .yao-line{gap:13px}.yao-row.changing .yao-line i{background:#9a503c}.yao-row.changing .yao-type{color:#9a503c}.yao-type{font-size:10px;text-align:right}
.casting-status{min-height:22px;margin:19px 0 16px;text-align:center;font:15px Archive,serif;color:#73674f}.casting-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.casting-actions .primary{background:#874936;color:#fff3db;border-color:#874936;min-width:140px}.casting-actions>button:not(.primary){border:0;border-bottom:1px solid #ae997550;font-size:11px;color:#7a725e;min-height:44px;padding:4px}.casting-actions>button:disabled{opacity:.65;cursor:wait}
@media(hover:hover) and (pointer:fine){.game-tile:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0003}.button:hover{box-shadow:0 5px 24px #baa06a22;translate:0 -2px}}
@media(max-width:650px){.crafted-sanguo .hero-collectible{animation-name:hero-card-mobile}.atmosphere i{box-shadow:100px 80px 0 currentColor,200px 230px 0 currentColor}.atmosphere i:nth-child(3){display:none}.casting{display:flex;flex-direction:column;padding:55px 6%;gap:28px}.casting-copy{text-align:center}.casting-copy h2{font-size:36px}.casting-copy>p:not(.eyebrow){margin:18px 0 12px;font-size:12px}.casting-copy .eyebrow{font-size:9px}.casting-desk{width:100%;padding:17px 19px 20px}.coin-table{height:134px;gap:19px}.coin-holder{width:61px;height:61px}.ritual-ripple{width:235px;height:94px;top:33px}.yao-row{gap:15px;grid-template-columns:34px 1fr 74px}.casting-status{font-size:13px}.casting-actions{gap:12px}.casting-actions .primary{font-size:13px;min-width:130px;padding:12px 17px}.scene-controls{gap:10px}.scene-controls label{font-size:10px}.scene-controls select{max-width:150px}.scene-controls button{padding:8px 11px}.viewer .scene-controls{gap:8px}.viewer .scene-controls select{max-width:145px}}
@keyframes hero-card-mobile{to{transform:translateY(-4px)}}
@media(max-width:360px){.coin-holder{width:53px;height:53px}.coin-table{gap:15px}.casting-actions{gap:8px}.casting-actions .primary{min-width:115px;padding:11px 12px}.casting-desk{padding-inline:14px}.scene-controls label{gap:5px}.scene-controls select{max-width:143px}}
.motion-paused .atmosphere i,.motion-paused .hero-collectible,.motion-paused .collectible-foil,.motion-paused .scenery-layer:before,.tab-idle *,.tab-idle *:before,.tab-idle *:after,.motion-idle .atmosphere i,.motion-idle .hero-collectible,.motion-idle .collectible-foil,.motion-idle.scenery-layer:before{animation-play-state:paused!important}
.motion-paused .motion-entry{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.atmosphere i,.crafted-sanguo .hero-collectible,.hero-collectible .collectible-foil,.scenery-layer:before,.casting-active .ritual-coin,.casting-active .coin-holder,.casting-active .ritual-ripple,.crafted-sanguo .splash-copy>*,.crafted-sanguo .portal-copy>*,.crafted-tianji .tianji-title>*,.crafted-tianji .play-actions,.game-splash-copy>*{animation:none!important}.motion-entry,.game-tile,.button,.button:after{opacity:1;transform:none;transition:none}.motion-entry{translate:none}.button:hover{translate:none}}

/* /art-direction.css */
/* Art direction: measured focal points, native image ratios, readable mobile compositions. */
.splash-visual{position:absolute;inset:0;overflow:hidden}
.portal-art,.splash-art{object-position:50% 50%;transform-origin:50% 50%;animation-name:centered-breathe}
@keyframes centered-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.splash-copy h1,.portal-copy h1{letter-spacing:.045em}
.splash-copy{bottom:17%}.splash-shade,.portal-shade{background:linear-gradient(90deg,#0c100fe6, #0c100f73 30%,transparent 63%),linear-gradient(0deg,#111615b8,transparent 47%),linear-gradient(180deg,#1116159c,transparent 23%)}
.game-splash-art{border:1px solid #ffffff12;border-radius:4px;box-shadow:0 24px 70px #0005;overflow:hidden}
.game-splash-art img{height:auto;aspect-ratio:auto;object-fit:contain;animation:none;transform:none}
.game-splash{padding-bottom:78px;min-height:660px}
.game-splash-copy{min-width:0}.game-splash-copy h1{text-wrap:balance;letter-spacing:.025em;line-height:1.4}
.game-line{text-wrap:pretty;max-width:27em;line-height:1.8}
.square-splash .game-splash-art{width:min(100%,420px);justify-self:center}
.square-splash .game-splash-art img{aspect-ratio:auto}
.theme-light{--bg:#f0ede5;--ink:#31352c;--muted:#656858;--line:#30362a29}
.theme-light .site-header{border-color:#30362a20}.theme-light .game-line{color:#53594a}.theme-light .genre{color:#6c705e}
.theme-light .game-splash:before{opacity:.27}.theme-light .game-splash-art{border-color:#3e45351c;box-shadow:0 24px 60px #3c433016}
.theme-light .primary{background:#343d30;color:#f9f6e9}.theme-light .primary:hover{background:#4a5543}
.theme-light .eyebrow{color:#73714d}.theme-light .simple-intro>p:last-child{color:#4a5042}
.theme-light .game-splash-copy h1{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;font-weight:650;letter-spacing:-.015em;font-size:clamp(36px,4vw,60px)}
.theme-light .outline:hover{background:#38432a09}.theme-light .next-game>span{color:#60684d}
.simple-intro{grid-template-columns:.85fr 1.2fr;gap:6%;padding-block:52px}.simple-intro>p:last-child{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;font-size:18px;line-height:2;max-width:630px}
.tile-image{background:color-mix(in srgb,var(--accent) 15%,#151a17);border:1px solid #242a2115;border-radius:3px}
.tile-image img{aspect-ratio:auto;height:100%;width:100%;object-fit:contain}
.square-poster .tile-image img{padding:0}.tile-caption h3{line-height:1.6;letter-spacing:.01em}
.all-games .eyebrow{color:#6c654f}.genre-filters button{color:#606659}.tile-number{color:#5e6657}.tile-caption p{color:#59614e}
.tianji-feature-art img{height:auto}.tianji .tianji-panorama img{object-fit:contain;max-height:none;animation-name:centered-breathe}
.tianji .world-intro h2{line-height:1.7}.tianji .world-intro>p{max-width:480px}
.moments{padding-block:78px}.screen-nav{display:flex;align-items:center;gap:12px}.screen-nav .section-note{margin-right:16px}
.screen-nav button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:20px;background:transparent}
.screen-nav button:hover{background:var(--accent);color:#20261e}.screen-nav button:disabled{opacity:.3;cursor:default}
.screenshot-track{align-items:flex-start;scroll-behavior:smooth;scroll-padding-left:2px;scrollbar-width:thin;scrollbar-color:#918672 transparent;padding:2px 2px 26px;gap:22px}
.screenshot-track .shot{flex:0 0 auto;max-width:none;border-radius:5px;box-shadow:0 12px 30px #0002;border:1px solid var(--line)}
.shot img{height:auto;max-height:480px;width:auto;max-width:min(78vw,680px);aspect-ratio:auto;object-fit:contain}
.play-panel{gap:35px}.qr{padding:14px;border-radius:4px}.qr img{width:154px;height:154px}
.next-game>img{object-fit:contain;background:#353930;border-radius:3px}.next-game h2{line-height:1.4}
.gallery-page .gallery-heading{padding-top:122px}.gallery-page .section-heading{margin-bottom:32px}
.gallery-page .viewer{border-color:#ccb48426;border-radius:6px;background:radial-gradient(ellipse at 50% 38%,#95835430,transparent 67%),#1b1f1a}
.gallery-page .card-stage{overflow:hidden}.gallery-page .card-object{transform-origin:50% 50%}
.gallery-page .gesture-hint{font-size:13px;color:#b9bbaa}.gallery-page .viewer-controls button{min-height:44px;border-radius:3px;font-size:14px}
.gallery-page .qualities button{min-height:44px;font-size:13px}.gallery-page .selected-info p{font-size:16px;line-height:1.85;color:#bfc3b5}
.gallery-page .selected-info{min-height:0;margin-bottom:25px}.gallery-page .catalog-controls{border-top:1px solid var(--line);padding-top:22px}
.gallery-page .card-tile span{font-size:12px}.gallery-page .card-tile img{height:auto}
.prose{max-width:900px}.prose p{max-width:650px}.prose .eyebrow{margin-bottom:24px}.prose h1{text-wrap:balance}
.art-cards .showcase-card{width:34%;aspect-ratio:2/3;position:relative;flex-shrink:0;overflow:hidden;border-radius:8px;background:#181b16;border:1px solid #baa374;box-shadow:0 25px 45px #0007;transition:transform 1s}
.showcase-card:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#111912cc)}
.art-cards .showcase-card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:none!important;animation:none!important;border:none;border-radius:0;box-shadow:none}
.showcase-trim{z-index:2}.showcase-name,.showcase-faction{position:absolute;text-align:center;left:0;right:0;z-index:3;font-family:Archive,serif;color:#f6dfaa;text-shadow:0 1px 5px #000}
.showcase-faction{top:4%;font-size:14px}.showcase-name{bottom:4%;font-size:24px}.showcase-glint{position:absolute;inset:0;z-index:4;background:linear-gradient(120deg,transparent 25%,#f3d99823 45%,transparent 65%);pointer-events:none}
.showcase-card:first-child{transform:translate(18%,8%) rotate(-13deg)}.showcase-card:nth-child(2){z-index:2;animation:card-float 7s ease-in-out infinite alternate}.showcase-card:last-child{transform:translate(-18%,8%) rotate(13deg)}
.card-feature:hover .showcase-card:first-child{transform:translate(10%,5%) rotate(-16deg)}.card-feature:hover .showcase-card:last-child{transform:translate(-10%,5%) rotate(16deg)}
[data-offscreen] .showcase-card{animation-play-state:paused!important}
.culture-note,.availability{color:var(--muted)}
@media(min-width:1001px){.splash-copy,.portal-copy{left:5.5%;}.splash-copy h1,.portal-copy h1{font-size:clamp(64px,6.8vw,100px)}.portal-copy{bottom:20%}.hero-vertical,.splash-side{right:4%}}
@media(max-width:1000px) and (min-width:651px){.game-splash{padding-top:145px;min-height:600px}.game-splash-copy h1{font-size:36px}.shot img{height:auto;max-height:420px}.splash-copy h1{font-size:66px}.screen-nav .section-note{display:none}}
@media(max-width:650px){
 .site-header{height:70px;background:#151a16;border-bottom:1px solid #c8bc9925;color:#eeeade}
 .tianji .site-header,.theme-light .site-header{background:var(--bg);color:var(--ink)}
 .site-header .game-brand{font-size:16px;max-width:49%;line-height:1.45;text-wrap:balance}
 .site-header nav{gap:16px}.site-header nav a{font-size:12px}.nav-play{padding:0 0 3px}
 .portal-hero,.sanguo-splash{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding-top:70px;background:#151a16}
 .splash-visual{position:relative;inset:auto;height:clamp(310px,48svh,450px);width:100%;flex-shrink:0}
 .portal-art,.splash-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation-name:centered-breathe}
 .splash-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#151a16,transparent 15%),linear-gradient(180deg,#151a1620,transparent 25%);pointer-events:none}
 .splash-shade,.portal-shade{display:none}
 .portal-copy,.splash-copy{position:relative;inset:auto;left:auto;right:auto;bottom:auto;max-width:none;width:100%;text-align:center;padding:19px 6% 0;z-index:1}
 .portal-copy h1,.splash-copy h1{font-size:clamp(44px,12vw,57px);line-height:1.22;letter-spacing:.07em}
 .portal-copy h1 span,.splash-copy h1 small{font-size:21px;letter-spacing:.37em;margin-top:13px;padding-left:.37em}
 .portal-copy .eyebrow,.splash-copy .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:12px}
 .splash-tagline{font-size:18px;margin:19px 0 22px;letter-spacing:.07em}
 .portal-copy .button{margin-top:24px;min-width:172px}.splash-copy .play-actions{justify-content:center;gap:12px}
 .hero-vertical,.splash-side{display:none}.hero-bottom{position:relative;inset:auto;left:auto;right:auto;bottom:auto;padding:26px 6% 22px;width:100%;font-size:10px}
 .hero-bottom a{padding:8px 0}.sanguo-splash .scroll-cue{position:relative;inset:auto;bottom:auto;left:auto;align-self:flex-start;margin:27px 6% 23px;min-height:32px;display:flex;align-items:center}
 .portal-hero .motion-toggle{position:absolute;bottom:92px;right:5%;font-size:9px;min-height:34px}.sanguo-splash .motion-toggle{bottom:25px;right:6%;font-size:10px;min-height:32px}
 .game-splash{padding:96px 0 38px;gap:30px;min-height:0}.game-splash-art{width:88%;border-radius:4px;box-shadow:0 20px 40px #0003}
 .game-splash-art img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;animation:none;transform:none}
 .square-splash .game-splash-art{width:66%;max-width:290px}.square-splash .game-splash-art img{aspect-ratio:auto}
 .game-splash-copy{text-align:center;padding:0 6%}.game-splash-copy h1{font-size:clamp(29px,8.2vw,37px);text-wrap:balance;letter-spacing:.02em}
 .theme-light .game-splash-copy h1{font-size:clamp(29px,8.2vw,37px)}.game-line{font-size:16px;margin:17px auto 25px;max-width:310px;line-height:1.85}
 .game-splash-copy .play-actions{justify-content:center}.genre{margin-top:23px;font-size:11px}
 .simple-intro{padding:31px 7%;text-align:left;display:block}.simple-intro .eyebrow{font-size:10px;margin:0 0 14px}.simple-intro>p:last-child{font-size:16px;line-height:1.95}
 .world-intro{padding:48px 7%}.world-intro h2{font-size:30px;line-height:1.6}.world-intro>p:not(.eyebrow){margin-top:20px;font-size:16px;line-height:1.95}
 .card-feature{padding:30px 7% 45px;gap:14px}.card-feature-art{width:100%}.art-cards{min-height:300px;max-width:420px;margin:auto}.card-feature-copy h2{font-size:31px}
 .tianji-feature{padding:25px 0 38px}.tianji-feature-copy{padding-top:22px}.tianji-feature h2{font-size:clamp(26px,7.1vw,31px)}
 .tianji-splash{padding-top:91px;padding-bottom:35px}.tianji-panorama{width:100%;margin:0}.tianji-panorama img{width:100%;height:auto;object-fit:contain;max-height:none}
 .tianji-title{margin-top:24px}.tianji-title h2{font-size:31px}.tianji-caption{font-size:11px;margin-top:29px}.tianji .world-intro{padding:45px 7%}
 .all-games{padding:48px 6%}.all-games .section-heading h2{font-size:29px}.games-grid{gap:29px 14px}.tile-image{aspect-ratio:1.45;border-radius:3px}
 .tile-caption{gap:7px;padding-top:12px}.tile-caption h3{font-size:14px;line-height:1.5}.tile-caption p{font-size:11px}.genre-filters{gap:8px 18px;justify-content:space-between}.genre-filters button{font-size:12px}
 .moments{padding:47px 6%}.moments .section-heading{display:block;margin-bottom:23px}.moments .section-heading h2{font-size:29px}
 .screen-nav{margin-top:14px;gap:8px}.screen-nav .section-note{font-size:11px;margin:0 auto 0 0}.screen-nav button{width:44px;height:44px;min-width:44px;font-size:18px}
 .screenshot-track{gap:16px;margin-right:-6vw;padding-right:6vw;align-items:center}.screenshot-track .shot{flex-basis:auto;max-width:none}.shot img{height:auto;max-height:420px;width:auto;max-width:78vw;aspect-ratio:auto}
 .play-panel{margin:0 6%;padding:33px 0;gap:22px}.play-panel h2{font-size:clamp(23px,6.4vw,29px);text-wrap:balance}.play-panel .eyebrow{font-size:10px}.play-panel .button{font-size:13px;padding:12px 15px;gap:14px}
 .qr{padding:10px}.qr img{width:112px;height:112px}.qr figcaption{font-size:10px}.play-panel p:not(.eyebrow){font-size:13px}
 .next-game{padding:26px 6%;gap:15px}.next-game>img{width:83px;height:66px;flex-shrink:0}.next-game h2{font-size:20px}.next-game .eyebrow{font-size:9px}
 .gallery-page .gallery-heading{padding-top:101px}.gallery-page .gallery-heading h1{font-size:32px}.gallery-page .gallery-heading .section-heading{margin-bottom:22px}
 .gallery-page .collector{padding:0 6% 35px}.gallery-page .viewer{padding:12px 10px 20px}.gallery-page .card-stage{height:365px}.gallery-page .card-object{width:210px;height:315px}
 .gallery-page .gesture-hint{font-size:11px}.gallery-page .viewer-controls{gap:8px;margin:12px 0}.gallery-page .viewer-controls button{font-size:13px;padding:8px 12px}.gallery-page .qualities button{font-size:12px}
 .gallery-page .selected-info p{font-size:15px}.gallery-page .catalog-controls{margin-top:20px}.gallery-page .card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}.gallery-page .card-tile span{font-size:12px}
 .prose{padding:110px 7% 60px}.prose h1{font-size:35px;line-height:1.6}.prose h2{font-size:23px}.prose p{font-size:16px;line-height:1.95}.showcase-name{font-size:16px}.showcase-faction{font-size:10px}
}
@media(max-width:360px){.site-header nav{gap:12px}.site-header .game-brand{font-size:14px}.splash-copy .play-actions .button{padding:12px 18px}.qr img{width:96px;height:96px}.qr{padding:8px}.play-panel{gap:16px}.gallery-page .viewer-controls button{padding:8px 9px}.gallery-page .card-object{width:196px;height:294px}.gallery-page .card-stage{height:340px}.shot img{height:auto;max-height:370px}.genre-filters{gap:7px 12px}.genre-filters button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portal-art,.splash-art,.tianji-panorama img{animation:none;transform:none}.screenshot-track{scroll-behavior:auto}}

/* /language.css */
.header-tools{display:flex;align-items:center;gap:25px;min-width:0}.language-picker{position:relative;flex-shrink:0}.language-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:5px 3px;font-size:12px;list-style:none;cursor:pointer;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:after{content:'⌄';font-size:13px;opacity:.65}.language-picker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.language-picker[open] summary:after{rotate:180deg}.language-options{position:absolute;top:calc(100% + 7px);right:0;display:grid;min-width:144px;background:#20241ff5;border:1px solid #c4b78f55;box-shadow:0 12px 28px #0005;border-radius:4px;overflow:hidden;color:#f5f1e7;z-index:15}.language-options a{padding:12px 16px;font-size:13px;min-height:46px;display:flex;justify-content:space-between;align-items:center;gap:20px}.language-options a:hover,.language-options a:focus-visible{background:#e5d2a51a}.language-options [aria-current]{color:#e3c99a}.language-options [aria-current]:after{content:'✓'}summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.footer-links{flex-wrap:wrap;align-items:center}.footer-links .footer-motion{position:static;font-size:11px;border-color:#ffffff35;min-height:44px;white-space:nowrap}
.lightbox .lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;color:#eee;padding:8px;background:#151b18}.lightbox-controls button{width:44px;min-height:44px;border:1px solid #ffffff4d;background:#ffffff08;border-radius:50%;font-size:20px}.lightbox-controls button:disabled{opacity:.3;cursor:default}.lightbox-count{font-size:12px;min-width:50px;text-align:center;font-variant-numeric:tabular-nums}.lightbox img{max-height:76svh}.lightbox .close{z-index:2}.lightbox-controls>button{position:static}
html[lang=en] .game-brand{font-family:Georgia,serif;font-size:21px;letter-spacing:.01em}html[lang=en] h1,html[lang=en] h2{font-family:Archive,Georgia,serif}html[lang=en] .crafted-sanguo h1{font-size:clamp(42px,5.1vw,72px);letter-spacing:-.025em;line-height:1.06}html[lang=en] .crafted-sanguo h1 small{font-size:.35em;letter-spacing:.12em;margin-left:0}html[lang=en] .crafted-sanguo .splash-tagline{font-size:19px;max-width:410px}html[lang=en] .hero-card-caption{letter-spacing:.1em}html[lang=en] .crafted-tianji h1{letter-spacing:.01em}html[lang=en] .zen-line{font-size:21px;letter-spacing:.025em}html[lang=en] .tianji-caption{letter-spacing:.035em}html[lang=en] .collectible-faction{font-size:11px}html[lang=en] .collectible-label{font-size:24px;letter-spacing:.02em}html[lang=en] .hero-choices span{font-family:Georgia,serif;font-size:15px}html[lang=en] .collection-copy h2{font-size:clamp(34px,3.5vw,54px)}html[lang=en] .casting-copy h2{font-size:clamp(34px,3.7vw,55px)}html[lang=en] .scene-controls{gap:9px}html[lang=en] .scene-controls label{gap:6px}html[lang=en] .scene-controls select{max-width:190px}html[lang=en] .card-faction{font-size:11px}html[lang=en] .card-label strong{font-size:22px;line-height:1.15;overflow-wrap:anywhere}html[lang=en] .back-label{font-size:20px;padding:12px}html[lang=en] .card-object.long-name .card-label strong{font-size:17px}html[lang=en] .card-tile span{font-size:10px}html[lang=en] .selected-info h2{font-size:36px;line-height:1.2}html[lang=en] .yao-row{grid-template-columns:45px 1fr 85px;gap:12px}html[lang=en] .yao-type{font-size:10px}html[lang=en] .genre-filters{gap:22px}html[lang=en] .game-splash-copy h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.02em;text-wrap:balance}html[lang=en] .prose h1{font-size:clamp(34px,4vw,60px)}
@media(max-width:650px){.site-header{padding-inline:6%;gap:10px}.header-tools{gap:12px}.site-header nav{gap:13px}.site-header .game-brand{min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.language-picker summary{font-size:11px;gap:4px;padding:0}.language-picker svg{display:none}.site-header .nav-gallery{display:none}.site-header nav a{font-size:11px}.wordmark{font-size:20px}.wordmark span{font-size:8px;margin-left:5px}.footer-links{justify-content:center}.footer-links .footer-motion{font-size:10px}html[lang=en] .site-header .game-brand{font-size:16px;max-width:40%}html[lang=en] .crafted-sanguo h1{font-size:38px}html[lang=en] .crafted-sanguo h1 small{font-size:19px;margin-top:14px}html[lang=en] .crafted-sanguo .splash-tagline{font-size:15px;margin:17px auto 20px;max-width:310px}html[lang=en] .crafted-sanguo .button,html[lang=en] .crafted-tianji .button{padding:11px 18px;font-size:12px;gap:14px}html[lang=en] .crafted-sanguo .hero-bottom{letter-spacing:0;font-size:10px}html[lang=en] .zen-line{font-size:17px;max-width:290px;line-height:1.8;margin-inline:auto}html[lang=en] .collectible-label{font-size:20px}html[lang=en] .hero-choices{gap:6px}html[lang=en] .hero-choices button{padding-right:7px;gap:6px}html[lang=en] .hero-choices img{width:22px;height:33px}html[lang=en] .hero-choices span{font-size:12px}html[lang=en] .gesture-copy{font-size:9px}html[lang=en] .scene-controls{gap:7px}html[lang=en] .scene-controls label{font-size:10px}html[lang=en] .scene-controls select{max-width:155px;font-size:11px}html[lang=en] .scene-controls button{padding:8px;font-size:11px}html[lang=en] .collection-copy h2,html[lang=en] .casting-copy h2{font-size:34px}html[lang=en] .casting-actions .primary{min-width:120px;font-size:12px}html[lang=en] .casting-actions>button:not(.primary){font-size:10px}html[lang=en] .casting-actions{gap:10px}html[lang=en] .casting-status{font-size:12px}html[lang=en] .genre-filters{gap:7px 17px;justify-content:flex-start}html[lang=en] .genre-filters button{font-size:11px}html[lang=en] .game-splash-copy h1{font-size:34px}html[lang=en] .game-line{font-size:17px}html[lang=en] .play-panel{flex-direction:column;align-items:center;text-align:center}html[lang=en] .play-panel .qr img{width:120px;height:120px}html[lang=en] .play-panel h2{font-size:28px}html[lang=en] .next-game h2{font-size:19px}html[lang=en] .gallery-heading h1{font-size:31px}html[lang=en] .viewer-controls button{font-size:11px;padding:8px 11px}html[lang=en] .gallery-page .gesture-hint{font-size:10px}html[lang=en] .gallery-page .qualities button{font-size:11px}html[lang=en] .gallery-page .selected-info h2{font-size:30px}}
@media(max-width:360px){.header-tools{gap:9px}.site-header nav{gap:10px}.site-header .game-brand,html[lang=en] .site-header .game-brand{font-size:14px;max-width:37%}.site-header .wordmark{font-size:18px}.site-header .wordmark span{font-size:7px;letter-spacing:.07em}html[lang=en] .crafted-sanguo h1{font-size:32px}html[lang=en] .hero-choices span{font-size:11px}html[lang=en] .hero-choices img{width:18px;height:28px}html[lang=en] .scene-controls label{gap:4px}html[lang=en] .scene-controls select{max-width:139px}html[lang=en] .scene-controls button{padding-inline:6px;font-size:10px}html[lang=en] .casting-actions .primary{min-width:108px;padding-inline:12px}html[lang=en] .yao-row{grid-template-columns:40px 1fr 81px;gap:8px}html[lang=en] .gallery-page .viewer-controls button{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.language-picker summary:after{transition:none}}

/* /refinement-v10.css */
/* Gallery-like framing keeps original artwork intact, with a shared visual rhythm. */
.portal-copy .portal-intent{font-size:14px;line-height:1.7;color:#ddd7c8;max-width:32em;margin:0 0 22px;letter-spacing:.04em}
.portal-copy .eyebrow{letter-spacing:.14em}
.catalog-v10 .section-heading h2{line-height:1.45}
.catalog-v10 .games-grid{gap:42px 28px}
.catalog-v10 .tile-image{aspect-ratio:16/9;border:1px solid #8077622b;border-radius:6px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--accent) 25%,#f4f0e7),#e1ddcf)}
.catalog-v10 .game-tile[data-tone=dark] .tile-image{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--accent) 23%,#22272a),#141c21);border-color:#182020}
.catalog-v10 .square-poster .tile-image:before{content:'';position:absolute;inset:10px;border:1px solid #e6dbc326;border-radius:2px;z-index:-1;pointer-events:none}
.catalog-v10 .tile-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s ease;position:relative}
.catalog-v10 .square-poster .tile-image img{width:68%;height:86%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 9px 14px #0003)}
.catalog-v10 .tile-caption{gap:12px;padding-top:16px}
.catalog-v10 .tile-caption h3{font-size:18px;line-height:1.5;font-weight:550;text-wrap:balance}
.catalog-v10 .tile-caption p{font-size:13px;line-height:1.8;color:#596052;max-width:32em;margin-top:6px}
.catalog-v10 .tile-number{font-size:12px;color:#7a755f;padding-top:2px;font-variant-numeric:tabular-nums}
.catalog-v10 .tile-arrow{width:32px;height:32px;font-size:20px;background:#fbf7ed;color:#30362c;box-shadow:0 2px 12px #0002}
.catalog-v10 .genre-filters button{font-size:14px;min-height:46px}
.catalog-v10 .game-tile:focus-visible{outline-color:#5c6646;outline-offset:7px;border-radius:4px}
.quick-qr{font-size:14px;display:inline-flex;gap:8px;align-items:center;padding:12px 2px;min-height:48px;color:var(--muted);text-underline-offset:6px;text-decoration:underline;text-decoration-color:var(--line)}
.quick-qr:hover{color:var(--ink)}.quick-qr .qr-mobile{display:none}
.sanguo-gameplay-cue{font-size:14px;line-height:1.8;letter-spacing:.04em;color:var(--muted);margin:16px 0 0}
.site-header .header-tools{flex-shrink:0}.language-picker summary{font-size:14px}
.site-header .game-brand{min-width:0}
.film-note,.section-note,.availability,.qr figcaption,.culture-note{font-size:13px}
.play-panel{scroll-margin-top:24px}
@media(hover:hover){.catalog-v10 .game-tile:hover .tile-image img{transform:scale(1.035)}.catalog-v10 .game-tile:hover h3{color:#76613d}}
@media(max-width:650px){
 .site-header{padding-inline:5%;gap:10px}.site-header nav a,.language-picker summary{font-size:13px;min-height:44px}
 .site-header nav{gap:12px}.header-tools{gap:14px}.detail .site-header .nav-play{display:none}
 .site-header .game-brand,html[lang=en] .site-header .game-brand{font-size:17px;max-width:53%;letter-spacing:.01em}
 .portal-copy .portal-intent{font-size:13px;margin:0 auto 18px;max-width:300px}
 .portal-copy .eyebrow{font-size:11px;letter-spacing:.12em}
 .crafted-sanguo .hero-bottom,.crafted-sanguo .motion-toggle,html[lang=en] .crafted-sanguo .hero-bottom{font-size:12px}
 .catalog-v10{padding:48px 5% 38px}.catalog-v10 .section-heading h2{font-size:30px}
 .catalog-v10 .games-grid{gap:28px 14px}.catalog-v10 .tile-image{aspect-ratio:16/9}
 .catalog-v10 .tile-image:before{inset:6px}.catalog-v10 .square-poster .tile-image img{border-radius:6px}
 .catalog-v10 .tile-caption{display:block;padding-top:11px}.catalog-v10 .tile-number{display:none}
 .catalog-v10 .tile-caption h3{font-size:15px;line-height:1.55;text-wrap:pretty}
 .catalog-v10 .tile-caption p{font-size:12px;line-height:1.75;margin-top:6px}
 .catalog-v10 .genre-filters,html[lang=en] .catalog-v10 .genre-filters{gap:6px 18px;justify-content:flex-start;margin:24px auto 26px}
 .catalog-v10 .genre-filters button,html[lang=en] .catalog-v10 .genre-filters button{font-size:13px}
 .catalog-v10 .genre-filters small{font-size:11px}
 .catalog-foot,.catalog-foot span,.footer-links,.footer-links .footer-motion{font-size:12px}
 .play-actions{align-items:center}.quick-qr{font-size:13px;min-height:44px;padding:10px 1px}.quick-qr .qr-desktop{display:none}.quick-qr .qr-mobile{display:inline}
 .sanguo-gameplay-cue{font-size:13px;max-width:310px;margin-inline:auto}
 .film-text-link,.screen-nav .section-note,.film-note,.availability,.culture-note,.qr figcaption{font-size:12px}
 .play-panel{scroll-margin-top:20px}.mobile-play .button{font-size:14px}
 html[lang=en] .crafted-sanguo .button,html[lang=en] .crafted-tianji .button{font-size:14px}
 .scene-controls label,.scene-controls button,.collectible-tools button,.gesture-copy,html[lang=en] .scene-controls label,html[lang=en] .scene-controls button,html[lang=en] .gesture-copy{font-size:12px}
 .scene-controls{flex-wrap:wrap;row-gap:12px}.scene-controls select,html[lang=en] .scene-controls select{font-size:12px;min-height:44px}
 .casting-actions>button:not(.primary),html[lang=en] .casting-actions>button:not(.primary){font-size:12px}
 .casting-actions{flex-wrap:wrap;row-gap:8px}.casting-actions button{min-height:44px}
}
@media(max-width:360px){
 .site-header .game-brand,html[lang=en] .site-header .game-brand{font-size:15px;max-width:48%}.header-tools{gap:10px}
 .site-header nav a,.language-picker summary{font-size:12px}.catalog-v10 .games-grid{gap:25px 12px}
 .catalog-v10 .tile-caption h3{font-size:14px}.catalog-v10 .tile-caption p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.catalog-v10 .tile-image img{transition:none}.catalog-v10 .game-tile:hover .tile-image img{transform:none}}
.motion-paused .catalog-v10 .tile-image img{transition:none;transform:none}

/* /battleship-v11.css */
/* Naval art direction; no extra scripts, trackers, or game payload. */
body.battleship{--bg:#082d3b;--ink:#f1f7f5;--muted:#aacbd1;--line:#b2dfe02b;background:var(--bg)}
.battleship .site-header{background:#082d3bf2;border-color:var(--line);color:var(--ink)}
.battleship .game-brand,.battleship h1,.battleship h2{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;font-weight:750}
.battleship .detail-v10.game-splash{background:radial-gradient(ellipse at 82% 45%,#087f9440,transparent 60%),#082d3b;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:4vw;min-height:650px}
.battleship .detail-v10 .detail-v10-title{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;font-weight:800;font-size:clamp(42px,5vw,72px);letter-spacing:-.04em}
.battleship .detail-v10 .detail-v10-artwork{overflow:hidden;border-radius:16px;box-shadow:0 26px 80px #00172188;border:1px solid #b1e5e829}
.battleship .detail-v10 .detail-v10-eyebrow{color:#ffb46a;letter-spacing:.2em}
.battleship .primary{color:#162e35;background:#ffb46a;border-radius:5px;font-weight:650}
.battleship .primary:hover{background:#ffcb93}
.battleship .detail-v10 .detail-v10-line{font-size:clamp(17px,1.7vw,23px);max-width:18em}
.battleship .detail-v10-intro{border-color:var(--line)}
.battleship .detail-v10-tags li{color:#d8eceb}
.battleship .section-heading h2{letter-spacing:-.03em}
.battleship .shot{border-radius:12px;border:1px solid #aedcde36;background:#092630;overflow:hidden}
.battleship .shot img{height:auto;aspect-ratio:780/1690;object-fit:contain}
.battleship .play-panel{background:linear-gradient(120deg,#0d4050,#092a39);border:1px solid #bbdfdf30;border-radius:16px}
.battleship .mobile-play{background:#082d3bf5;border-color:var(--line)}
.battleship .next-game{border-color:var(--line)}
.battleship .quick-qr:hover{color:#fff}
@media(max-width:650px){
 .battleship .detail-v10.game-splash{padding:96px 0 28px;min-height:0;background:#082d3b}
 .battleship .detail-v10 .detail-v10-art{padding:0 4%;width:100%}
 .battleship .detail-v10 .detail-v10-artwork{border-radius:10px}
 .battleship .detail-v10 .detail-v10-copy{padding:25px 6% 0}
 .battleship .detail-v10 .detail-v10-title{font-size:38px;line-height:1.2}
 .battleship .detail-v10 .detail-v10-line{font-size:17px;line-height:1.65;margin:15px 0 21px;max-width:none}
 .battleship .detail-v10-intro{gap:18px;padding-top:24px}
 .battleship .detail-v10-intro-copy>p{font-size:15px;line-height:1.9}
 .battleship .play-panel{border-radius:12px}
 html[lang=en] .battleship .detail-v10 .detail-v10-title{font-size:38px}
}

/* /detail-v10.css */
/* Mobile-first art direction. Source artwork stays intact and downloads only once. */
.detail-v10.game-splash{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:5vw;min-height:690px;max-width:none;padding:142px 6% 62px;overflow:hidden;border-bottom:0;background:radial-gradient(ellipse at 77% 42%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 63%),var(--bg)}
.detail-v10.game-splash:before{display:none}
.detail-v10 .detail-v10-art{grid-column:2;grid-row:1;position:relative;min-width:0;isolation:isolate}
.detail-v10 .detail-v10-art:before{content:'';position:absolute;inset:12% -8% -12%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 15%,transparent),transparent 69%);pointer-events:none}
.detail-v10 .detail-v10-artwork{width:100%;position:relative}
.detail-v10 .detail-v10-artwork picture{display:block}
.detail-v10 .detail-v10-artwork img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;animation:none;transform:none;will-change:auto;border:0;border-radius:0;box-shadow:none}
.detail-v10 .detail-v10-copy{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:1}
.detail-v10 .detail-v10-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.17em;margin:0 0 24px;color:var(--accent)}
.detail-v10 .detail-v10-title{font:400 clamp(40px,4.1vw,65px)/1.35 Archive,'Songti SC',SimSun,serif;letter-spacing:.02em;text-wrap:balance;margin:0;overflow-wrap:anywhere}
.detail-v10 .detail-v10-line{font-size:clamp(17px,1.45vw,21px);line-height:1.8;color:var(--ink);margin:25px 0 31px;text-wrap:pretty;max-width:29em}
.detail-v10 .play-actions{margin:0;gap:12px;align-items:center}
.detail-v10 .detail-v10-platform{font-size:12px;line-height:1.6;letter-spacing:.04em;margin:22px 0 0;color:var(--muted)}
.detail-v10 .atmosphere{opacity:.45}
.detail-v10-intro{padding:32px 6% 42px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px 7%;max-width:1600px;margin:0 auto;border-top:1px solid var(--line)}
.detail-v10-intro-copy>p{font-size:17px;line-height:1.9;max-width:660px;color:var(--ink)}
.detail-v10-tags{display:flex;gap:10px 22px;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;justify-content:flex-end;align-self:center}
.detail-v10-tags li{font-size:13px;line-height:1.6;color:var(--muted);white-space:nowrap}
.detail-v10-tags li+li:before{content:'·';display:inline-block;margin-right:22px;color:var(--accent)}
.detail-v10-explore{grid-column:1/-1;display:inline-flex;justify-self:start;align-items:center;gap:25px;min-height:44px;font-size:13px;border-bottom:1px solid var(--line);color:var(--ink);padding:6px 0}
.detail-v10-explore span{color:var(--accent);font-size:17px}
/* Bright, tactile compositions for small rules and playful ideas. */
.detail-v10-playful.game-splash{background:radial-gradient(ellipse at 79% 45%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 54%),var(--bg)}
.detail-v10-playful .detail-v10-art{width:min(100%,460px);justify-self:center;padding:18px}
.detail-v10-playful .detail-v10-art:before{inset:-3%;border-radius:48% 52% 59% 41%/49% 40% 60% 51%;background:color-mix(in srgb,var(--accent) 22%,#fff7f0);transform:rotate(-9deg);box-shadow:0 28px 75px #6860480c}
.detail-v10-playful .detail-v10-artwork{overflow:hidden;border-radius:28px;box-shadow:0 20px 38px #43372913}
.detail-v10-playful .detail-v10-title{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;font-weight:680;letter-spacing:-.025em}
.detail-v10-playful .detail-v10-eyebrow{color:#5c5848}
.detail-v10-playful .detail-v10-platform{color:#5d6154}
/* Square story covers have their own calm, gallery-like presentation. */
.detail-v10-story.game-splash{background:radial-gradient(ellipse at 76% 40%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%),#151615}
.detail-v10-story .detail-v10-art{width:min(100%,475px);justify-self:center;padding:0 16px 16px 0}
.detail-v10-story .detail-v10-art:before{inset:18px 0 0 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:none}
.detail-v10-story .detail-v10-artwork{box-shadow:0 26px 70px #0003}
/* Water Margin uses the supplied full-width scroll, not a framed thumbnail. */
.water-margin{--bg:#e8e0cf;--ink:#292b22;--muted:#625b49;--line:#635b3f40}
.water-margin .site-header{background:#e8e0cf;color:#292b22;border-color:#635b3f40}
.water-margin .nav-play{border-color:#773b2c}
.water-margin .eyebrow{color:#795137}
.water-margin .quick-qr{color:#625b49;text-decoration-color:#635b3f75}
.water-margin .quick-qr:hover{color:#292b22}
.water-margin .play-panel .primary,.water-margin .mobile-play .primary{background:#773b2c;color:#fff6e8}
.water-margin .screen-nav button:hover{background:#773b2c;color:#fff6e8}
.water-margin .next-game>span{color:#773b2c}
.detail-v10-scroll.game-splash{background:#e8e0cf;color:#272b22;padding:118px 0 0 6%;gap:3vw;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);min-height:670px}
.detail-v10-scroll .detail-v10-art{width:100%;align-self:center;margin:0 0 52px;overflow:visible}
.detail-v10-scroll .detail-v10-art:before{display:none}
.detail-v10-scroll .detail-v10-copy{padding:25px 0 68px}
.detail-v10-scroll .detail-v10-eyebrow{color:#6e4c2b;font-size:11px}
html[lang=zh-CN] .detail-v10-scroll .detail-v10-title-in-art{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.detail-v10-scroll .detail-v10-line{font:400 clamp(29px,3.1vw,47px)/1.65 Archive,'Songti SC',SimSun,serif;color:#292b22;max-width:9em;margin:26px 0 34px;letter-spacing:.035em}
.detail-v10-scroll .detail-v10-line>span{display:block}
.detail-v10-scroll .primary{background:#773b2c;color:#fff6e8}
.detail-v10-scroll .primary:hover{background:#914f3b}
.detail-v10-scroll .outline{color:#3b3e32;border-color:#65604d75}
.detail-v10-scroll .outline:hover{background:#ede5d4}
.detail-v10-scroll .detail-v10-platform{color:#625b49}
.detail-v10-scroll .atmosphere{display:none}
.water-margin .detail-v10-intro{max-width:none;background:#e8e0cf;color:#292b22;border-color:#635b3f40;padding-bottom:50px}
.water-margin .detail-v10-intro-copy>p,.water-margin .detail-v10-explore{color:#393b2e}
.water-margin .detail-v10-tags li{color:#5c543e}
.water-margin .detail-v10-tags li+li:before,.water-margin .detail-v10-explore span{color:#784932}
.water-margin .detail-v10-explore{border-color:#635b3f55}
html[lang=en] .detail-v10 .detail-v10-title{font-size:clamp(36px,3.7vw,59px);letter-spacing:-.025em}
html[lang=en] .detail-v10-scroll .detail-v10-title{font-size:clamp(32px,3.2vw,48px);line-height:1.15;color:#292b22}
html[lang=en] .detail-v10-scroll .detail-v10-line{font-family:system-ui,sans-serif;font-size:18px;line-height:1.75;letter-spacing:0;max-width:25em;margin:23px 0 28px}
@media(max-width:1000px) and (min-width:651px){.detail-v10.game-splash{gap:4vw;padding-inline:5%;min-height:610px}.detail-v10 .detail-v10-title{font-size:42px}.detail-v10 .button{padding-inline:19px}.detail-v10-scroll.game-splash{grid-template-columns:.85fr 1.15fr;padding-right:0}.detail-v10-scroll .detail-v10-line{font-size:32px}.detail-v10-intro{column-gap:5%;padding-inline:5%}.detail-v10-tags{gap:8px 14px}.detail-v10-tags li+li:before{margin-right:14px}}
@media(max-width:650px){
 .detail-v10.game-splash{display:flex;flex-direction:column;gap:0;min-height:0;padding:96px 0 31px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 59%),var(--bg)}
 .detail-v10 .detail-v10-art{width:100%;margin:0;padding:0}
 .detail-v10 .detail-v10-artwork{width:100%}
 .detail-v10 .detail-v10-copy{width:100%;padding:30px 6% 0;text-align:left}
 .detail-v10 .detail-v10-eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 13px;line-height:1.6}
 .detail-v10 .detail-v10-title{font-size:clamp(31px,8.4vw,38px);line-height:1.45;letter-spacing:.015em;max-width:100%}
 .detail-v10 .detail-v10-line{font-size:16px;line-height:1.8;margin:16px 0 24px;color:var(--ink);max-width:100%}
 .detail-v10 .play-actions{gap:10px}
 .detail-v10 .detail-v10-platform{font-size:12px;margin:17px 0 0}
 .detail-v10-intro{display:flex;flex-direction:column;padding:28px 6% 30px;gap:18px}
 .detail-v10-intro-copy>p{font-size:15px;line-height:1.95}
 .detail-v10-tags{align-self:flex-start;justify-content:flex-start;gap:8px 14px}
 .detail-v10-tags li{font-size:12px;white-space:normal}
 .detail-v10-tags li+li:before{margin-right:14px}
 .detail-v10-explore{font-size:12px;align-self:flex-start;gap:23px;margin-top:0}
 .detail-v10-playful.game-splash{padding-top:107px;background:radial-gradient(ellipse at 50% 31%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 53%),var(--bg)}
 .detail-v10-playful .detail-v10-art{width:min(79vw,316px);padding:10px;margin:0 auto 3px}
 .detail-v10-playful .detail-v10-artwork{border-radius:23px}
 .detail-v10-playful .detail-v10-copy{padding-top:32px;text-align:center}
 .detail-v10-playful .play-actions{justify-content:center}
 .detail-v10-story.game-splash{padding-top:102px}
 .detail-v10-story .detail-v10-art{width:min(80vw,330px);padding:0 12px 12px 0;margin:0 auto}
 .detail-v10-story .detail-v10-art:before{inset:14px 0 0 14px}
 .detail-v10-scroll.game-splash{padding-top:84px;padding-bottom:0;background:#e8e0cf}
 .detail-v10-scroll .detail-v10-art{width:100%;margin:0}
 .detail-v10-scroll .detail-v10-copy{padding:28px 6% 30px;text-align:center}
 .detail-v10-scroll .detail-v10-eyebrow{margin:0 0 9px;color:#6e4c2b}
 .detail-v10-scroll .detail-v10-line{font-size:clamp(27px,7.2vw,34px);line-height:1.55;color:#292b22;letter-spacing:.025em;margin:0 auto 22px;max-width:11em;text-wrap:balance}
 .detail-v10-scroll .play-actions{justify-content:center}
 .detail-v10-scroll .detail-v10-platform{color:#625b49}
 .water-margin .detail-v10-intro{padding-top:25px;padding-bottom:32px}
 html[lang=en] .detail-v10 .detail-v10-title{font-size:clamp(29px,8vw,36px);line-height:1.2}
 html[lang=en] .detail-v10-scroll .detail-v10-title{font-size:31px;line-height:1.2;margin:15px 0}
 html[lang=en] .detail-v10-scroll .detail-v10-line{font-size:16px;max-width:21em;margin:15px auto 24px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.detail-v10 .play-actions{animation:none!important}}