:root{color-scheme:dark;--bg:#241018;--paper:#fff0d0;--muted:#ccb6a2;--gold:#efbc66;--red:#ad3035}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{position:relative;z-index:2;max-width:1440px;margin:auto;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:21px;line-height:1.3}.brand img{border-radius:9px}.brand small{display:block;font-size:10px;letter-spacing:5px;color:var(--gold)}nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav-play{border:1px solid #efbc6655;border-radius:6px;padding:7px 15px}.hero{max-width:1440px;margin:auto;position:relative;min-height:790px}.keyart{display:block;width:100%;height:auto;max-height:720px;object-fit:cover}.hero:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,var(--bg) 78%);pointer-events:none}.hero-copy{position:relative;z-index:1;margin:-190px 0 0;padding:0 7% 54px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--gold);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.2vw,62px);line-height:1.25;letter-spacing:-1px;margin-bottom:24px;font-weight:800}h2{font-size:clamp(28px,3vw,42px);line-height:1.4;margin-bottom:20px}h3{font-size:21px;margin:15px 0 12px}.intro{font-size:18px;color:var(--muted)}.actions{display:flex;align-items:center;gap:30px;margin:30px 0 18px}.button{display:inline-flex;align-items:center;gap:46px;background:var(--gold);color:#34191a;border-radius:5px;padding:14px 25px;font-weight:750;transition:background .2s}.button:hover{background:#ffdb97}.text-link{font-size:14px;border-bottom:1px solid #b99b70}.micro,.caption{font-size:12px;color:var(--muted)}.marquee{display:flex;justify-content:center;gap:40px;align-items:center;flex-wrap:wrap;border-block:1px solid #efbc6633;padding:23px;background:#34171f;color:var(--gold);font-size:14px}.marquee i{font-style:normal}.section{max-width:1200px;margin:auto;padding:85px 32px}.section-head{margin-bottom:36px}.section-head p:not(.eyebrow){color:var(--muted)}.horizontal{display:flex;align-items:end;justify-content:space-between;gap:30px}.horizontal h2{margin-bottom:0}.horizontal>p{font-size:14px}.how{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.steps article{border-top:1px solid #efbc6633;padding:22px 0 12px;position:relative;padding-left:55px}.steps p{color:var(--muted);font-size:15px}.number{position:absolute;left:0;top:29px;color:var(--gold);font:26px Georgia,serif}figure{margin:0}.trailer{background:#180e13;border:1px solid #efbc6633;border-radius:12px;overflow:hidden}video{display:block;width:100%;background:#100a10}figcaption{padding:13px 20px;font-size:13px;color:var(--muted)}details{margin-top:18px;border-block:1px solid #efbc6633}summary{padding:18px 3px;cursor:pointer;color:var(--gold)}summary span{float:right;font-size:12px}.gameplay{max-height:650px;margin:0 auto 20px;object-fit:contain}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery figure{border:1px solid #efbc662b;border-radius:10px;overflow:hidden;background:#321924}.gallery img{display:block;width:100%;height:auto}.gallery figcaption{padding:17px 14px}.gallery b{display:block;color:var(--paper);font-size:16px}.gallery span{display:block;font-size:12px;margin-top:5px}.caption{margin-top:18px}.closing{text-align:center;background:radial-gradient(ellipse at bottom,#792e32,transparent 70%);padding:80px 24px 100px}.closing h2{font-size:clamp(32px,4vw,52px)}.closing>p:not(.eyebrow){color:var(--muted);margin-bottom:35px}footer{max-width:1200px;margin:auto;padding:30px 32px;display:flex;gap:25px;border-top:1px solid #efbc6633;font-size:12px;color:var(--muted)}footer span{margin-right:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:var(--bg);padding:10px}@media(max-width:700px){header{padding:16px 20px}nav{gap:15px}nav>a:not(.nav-play){display:none}.brand{font-size:18px}.nav-play{font-size:12px}.hero{min-height:0}.keyart{min-height:265px;object-fit:cover;object-position:center}.hero-copy{margin:-25px 0 0;padding:0 24px 35px}.hero:after{inset:140px 0 0;background:linear-gradient(transparent,var(--bg) 160px)}h1{font-size:34px}.intro{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1px}.actions{gap:20px}.button{padding:12px 20px;gap:22px;font-size:14px}.text-link{font-size:12px}.marquee{gap:9px 16px;font-size:11px;padding:18px}.marquee i{display:none}.section{padding:52px 24px}.how{grid-template-columns:1fr;gap:0}.horizontal{display:block}.horizontal>p{margin-top:20px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.gallery figcaption{padding:12px 10px}.gallery b{font-size:14px}.gallery span{font-size:11px}.closing{padding:60px 24px}footer{flex-wrap:wrap;padding:25px 24px;gap:12px 20px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.qr{margin:30px auto 0}.qr img{background:white;padding:8px;border-radius:10px}.qr p{font-size:12px;color:var(--muted);margin:10px 0 0}
@media(max-width:700px){.keyart{min-height:0;object-fit:contain}.hero-copy{margin:0;padding-top:16px}h1{font-size:30px}.hero:after{inset:110px 0 0;background:linear-gradient(transparent,var(--bg) 120px)}}
