:root{--ink:#090c11;--paper:#f5efe6;--orange:#ed9442;--orange-light:#ffd08b;--line:rgba(245,239,230,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Space Grotesk","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.5}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line);background:rgba(9,12,17,.92);position:fixed;inset:0 0 auto;z-index:10;backdrop-filter:blur(14px)}.brand{color:var(--paper);font-family:"Noto Serif SC",serif;font-size:1.18rem;font-weight:700;text-decoration:none;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand-mark{color:var(--orange);font-size:1.8rem;line-height:1}.topbar nav{display:flex;gap:30px}.topbar nav a,.header-action,footer>a{color:#d7d4cf;text-decoration:none;font-size:.88rem}.header-action{border:1px solid rgba(237,148,66,.55);color:var(--orange-light);padding:10px 15px}.header-action span{padding-left:6px}.hero{height:min(760px,100vh);min-height:630px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.86) 0%,rgba(4,7,10,.55) 38%,rgba(4,7,10,.08) 70%),linear-gradient(0deg,rgba(9,12,17,.8),transparent 38%)}.hero-content{position:absolute;left:clamp(24px,12vw,180px);top:50%;transform:translateY(-36%);max-width:520px}.eyebrow{font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.15em;color:var(--orange-light);display:flex;align-items:center;gap:9px;margin:0 0 20px}.eyebrow span{width:24px;height:1px;background:var(--orange)}h1,h2{font-family:"Noto Serif SC",serif;margin:0;line-height:1.05}h1{font-size:clamp(4.8rem,10vw,9rem);letter-spacing:.03em}h1 em{font-style:normal;color:var(--orange)}.hero-copy{max-width:410px;color:#d2d0cb;margin:25px 0 30px;font-size:1.04rem}.primary-button{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-weight:700;text-decoration:none;background:var(--orange-light);padding:15px 21px;transition:.25s}.primary-button:hover{background:#fff;transform:translateY(-2px)}.play-icon{font-size:.75rem}.hero-foot{position:absolute;bottom:25px;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);font-family:"DM Mono",monospace;color:#ddd6cc;font-size:.68rem;display:flex;justify-content:space-between;letter-spacing:.08em}.play-section,.faq-section{padding:120px clamp(24px,11vw,175px);background:#0d1118}.section-heading{margin-bottom:35px}.section-heading h2,.faq-section h2{font-size:clamp(2.2rem,4vw,4.2rem)}.player-shell{border:1px solid rgba(245,239,230,.25);background:#131923;box-shadow:0 28px 70px rgba(0,0,0,.3)}.player-poster{height:500px;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 24%,#e59341 0 8%,#a64a26 8.2%,#17202a 37%,#0e1218 72%)}.player-poster:after{content:"";position:absolute;width:180%;height:55%;bottom:-39%;border-radius:50% 50% 0 0;background:#081016;box-shadow:0 -20px 90px #1e2a28}.poster-sun{position:absolute;top:17%;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,244,205,.45);box-shadow:0 0 70px rgba(255,163,72,.45)}.player-poster p{font-family:"Noto Serif SC",serif;font-size:clamp(2.5rem,5vw,5rem);letter-spacing:.12em;margin:0;z-index:1}.player-poster small{font-family:"DM Mono",monospace;font-size:.67rem;letter-spacing:.14em;margin-top:7px;z-index:1}.player-play{width:64px;height:64px;border-radius:50%;border:1px solid var(--orange-light);background:rgba(8,12,17,.55);color:var(--orange-light);font-size:1.2rem;margin-top:30px;z-index:1;cursor:pointer}.game-placeholder{height:500px;padding:12vh clamp(24px,8vw,120px);background:linear-gradient(120deg,#0f1821,#503829);text-align:center}.game-chapter{font-family:"DM Mono",monospace;color:var(--orange-light);letter-spacing:.12em}.game-placeholder h3{font-family:"Noto Serif SC",serif;font-size:clamp(2.2rem,5vw,4.2rem);margin:18px 0}.game-placeholder>p{color:#e1d6c8}.choices{display:flex;justify-content:center;gap:12px;margin-top:35px}.choices button{font:inherit;color:#fff;background:rgba(8,12,17,.7);border:1px solid rgba(255,208,139,.75);padding:12px 20px;cursor:pointer}.choices button:hover{background:var(--orange);color:var(--ink)}.player-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:.78rem;border-top:1px solid var(--line)}.player-toolbar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77db9f;margin-right:5px}.player-toolbar button{font:inherit;color:var(--orange-light);border:0;background:none;cursor:pointer}.player-note{color:#8c929b;font-size:.78rem;margin-top:16px}.player-note code{color:#bdc3cb}.story-section{padding:130px clamp(24px,11vw,175px);background:var(--paper);color:#10141a}.story-kicker{font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.13em;color:#9b5730;border-bottom:1px solid #d9d0c5;padding-bottom:18px}.story-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;padding-top:65px}.story-layout h2{font-size:clamp(3rem,6vw,6.5rem)}.story-copy{max-width:440px;font-size:1.1rem;line-height:1.8}.story-copy p:first-child{margin-top:0}.text-link{display:inline-flex;margin-top:18px;color:#8e4522;text-decoration:none;font-weight:700;border-bottom:1px solid #bd7950;padding-bottom:5px;gap:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(24px,11vw,175px);background:var(--paper);color:#10141a}.features article{padding:36px 28px 56px 0;margin-right:27px;border-top:1px solid #cfc5b8}.features span{font-family:"DM Mono",monospace;color:#ab5932;font-size:.72rem}.features h3{font-family:"Noto Serif SC",serif;font-size:1.65rem;margin:22px 0 11px}.features p{color:#61656a;margin:0;max-width:250px}.quote{padding:130px 24px;background:linear-gradient(135deg,#47261e,#a34d29);text-align:center}.quote p{font-family:"Noto Serif SC",serif;font-size:clamp(2.4rem,5vw,5.5rem);line-height:1.25;margin:0}.quote span{display:block;color:#ffd5a4;font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.12em;margin-top:28px}.faq-section{padding-top:110px}.faq-list{margin-top:54px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-family:"Noto Serif SC",serif;font-size:1.35rem;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary b{color:var(--orange);font-family:"Space Grotesk",sans-serif;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{margin:15px 45px 3px 0;color:#b6bac0;max-width:690px}footer{background:#07090d;padding:42px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}footer p{font-family:"DM Mono",monospace;color:#767b84;font-size:.65rem;letter-spacing:.08em}@media(max-width:720px){.topbar{height:64px}.topbar nav{display:none}.header-action{padding:8px 10px;font-size:.75rem}.hero{min-height:590px}.hero-content{left:24px;right:24px;transform:translateY(-25%)}.hero-foot{font-size:.55rem}.play-section,.faq-section{padding:80px 24px}.player-poster,.game-placeholder{height:400px}.story-section{padding:80px 24px}.story-layout{display:block;padding-top:36px}.story-copy{margin-top:32px}.features{display:block;padding:0 24px}.features article{margin:0;padding:30px 0}.quote{padding:85px 24px}.faq-section{padding-bottom:80px}footer{display:block}footer p{margin:20px 0}.poster-sun{width:160px;height:160px}}
.hero-asset-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#16212c,#25374a 52%,#c57a42);color:rgba(255,255,255,.55);font-family:"DM Mono",monospace;letter-spacing:.16em}.hero-asset-placeholder span{font-size:clamp(1.2rem,3vw,2.5rem)}.hero-asset-placeholder small{font-size:.7rem}
.more-games{padding:120px clamp(24px,11vw,175px);background:#111720}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{min-height:290px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:var(--paper);text-decoration:none;position:relative;overflow:hidden;background:#2a3441;border:1px solid rgba(245,239,230,.13);transition:transform .25s,border-color .25s}.game-card:hover{transform:translateY(-5px);border-color:var(--orange-light)}.card-one{background:linear-gradient(150deg,#48546a,#152132 62%,#de8450)}.card-two{background:linear-gradient(150deg,#875141,#1a1d30 60%,#384d83)}.card-three{background:linear-gradient(150deg,#29474c,#121b29 62%,#b88743)}.card-four{background:linear-gradient(150deg,#684861,#171b26 62%,#487e89)}.thumb-label{font-family:"DM Mono",monospace;font-size:.62rem;letter-spacing:.12em;color:rgba(255,255,255,.6);border:1px dashed rgba(255,255,255,.38);padding:7px;align-self:flex-start}.game-card div{position:relative;z-index:1}.game-card small{font-family:"DM Mono",monospace;font-size:.64rem;letter-spacing:.1em;color:var(--orange-light)}.game-card h3{font-family:"Noto Serif SC",serif;font-size:1.5rem;margin:6px 0 0}.module-note{font-size:.78rem;color:#9199a4;margin:18px 0 0}.module-note code{color:#cad1d9}@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.more-games{padding:80px 24px}.game-grid{grid-template-columns:1fr}.game-card{min-height:220px}}
.game-frame-wrap{position:relative;aspect-ratio:16/9;min-height:520px;background:#070a0e;overflow:hidden}.game-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#070a0e}.frame-loader{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#101720;color:#c9ced5;font-family:"DM Mono",monospace;font-size:.75rem;letter-spacing:.1em;transition:opacity .35s,visibility .35s}.frame-loader span{width:26px;height:26px;border:2px solid rgba(255,208,139,.24);border-top-color:var(--orange-light);border-radius:50%;animation:spin 1s linear infinite}.frame-loader.is-loaded{opacity:0;visibility:hidden;pointer-events:none}.player-actions{display:flex;align-items:center;gap:20px}.player-toolbar a{font-size:.78rem;color:#d7d4cf;text-decoration:none}.player-toolbar a:hover{color:var(--orange-light)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.game-frame-wrap{min-height:420px;aspect-ratio:auto}.player-toolbar{height:auto;min-height:54px;padding:12px 17px;gap:12px;align-items:flex-start}.player-actions{gap:12px;flex-direction:column;align-items:flex-end}.player-toolbar a,.player-toolbar button{font-size:.7rem}}
.hero{height:min(700px,92vh);min-height:600px;background:radial-gradient(ellipse at 77% 48%,rgba(203,136,56,.28),transparent 31%),radial-gradient(ellipse at 58% 95%,rgba(38,85,100,.34),transparent 42%),linear-gradient(120deg,#070b11 8%,#121c29 58%,#182432 100%);isolation:isolate}.hero:before{content:"";position:absolute;inset:76px 0 0;background:linear-gradient(90deg,rgba(5,8,12,.15),rgba(5,8,12,.04));z-index:-1}.hero-asset-placeholder{display:none}.hero-shade{background:linear-gradient(90deg,rgba(4,7,10,.25),rgba(4,7,10,.03) 72%),linear-gradient(0deg,rgba(9,12,17,.68),transparent 35%)}.hero-content{top:51%;transform:translateY(-47%);max-width:720px}.hero .eyebrow{margin-bottom:18px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.3rem,8.7vw,8rem);font-weight:700;line-height:.79;letter-spacing:-.065em;text-shadow:0 2px 0 rgba(255,255,255,.09),0 19px 28px rgba(0,0,0,.42)}.hero h1 em{display:block;margin-left:.12em;margin-top:.1em;color:#efa64b;text-shadow:0 3px 0 #6b3215,0 16px 26px rgba(0,0,0,.38)}.hero-copy{margin:35px 0 28px;max-width:510px;font-size:1.08rem;line-height:1.65;color:#e7e0d5;text-shadow:0 2px 7px rgba(0,0,0,.55)}.primary-button{border:1px solid rgba(255,232,181,.75);border-radius:5px;box-shadow:0 5px 0 #9b6128,0 12px 24px rgba(0,0,0,.35)}.primary-button:hover{box-shadow:0 3px 0 #9b6128,0 8px 16px rgba(0,0,0,.35);transform:translateY(2px)}.hero-foot{bottom:28px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14)}.play-section{padding-bottom:34px;background:linear-gradient(180deg,#0d1118,#101720)}.player-shell{border-radius:14px;border-color:rgba(255,208,139,.45);overflow:hidden;box-shadow:0 2px 0 rgba(255,236,193,.24) inset,0 -4px 0 rgba(0,0,0,.4) inset,0 30px 70px rgba(0,0,0,.48);transform:perspective(1400px) rotateX(.45deg)}.player-shell:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 22px 32px rgba(255,255,255,.035)}.player-toolbar{position:relative;background:linear-gradient(180deg,#1d2835,#111820);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 -1px 0 rgba(0,0,0,.7)}.more-games{padding:34px clamp(24px,11vw,175px) 105px;background:linear-gradient(180deg,#101720,#0c1118)}.more-games .section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.more-games .eyebrow{margin:0}.more-games h2{font-size:clamp(2.15rem,3.7vw,3.8rem)}.game-grid{gap:20px}.game-card{min-height:250px;border-radius:12px;border-color:rgba(255,230,181,.28);box-shadow:0 3px 0 rgba(0,0,0,.55),0 16px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.18);transform:perspective(900px) rotateX(.55deg);transition:transform .25s,box-shadow .25s,border-color .25s}.game-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 28%,rgba(0,0,0,.18));pointer-events:none}.game-card:hover{transform:perspective(900px) rotateX(0) translateY(-8px);box-shadow:0 5px 0 rgba(0,0,0,.5),0 26px 38px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.25)}.thumb-label{background:rgba(7,10,15,.32);backdrop-filter:blur(4px)}.module-note{margin-top:20px}@media(max-width:720px){.hero{height:650px;min-height:560px}.hero-content{top:49%;transform:translateY(-42%)}.hero h1{font-size:clamp(4rem,18vw,6.1rem);line-height:.82}.hero-copy{font-size:1rem;margin-top:28px}.hero-foot{gap:16px;line-height:1.5}.more-games{padding:28px 24px 72px}.more-games .section-heading{display:block}.more-games .eyebrow{margin-bottom:13px}.game-grid{gap:14px}.game-card{min-height:205px}}