@font-face{font-family:Bricolage;src:url('/assets/font/bricolage-ext.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Bricolage;src:url('/assets/font/bricolage.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--ink:#eff4e9;--soft:#b1bdb2;--muted:#98aa9d;--lime:#c0ea81;--line:#314036;--page:#101713;--card:#19221b;--display:Bricolage,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-padding-top:14px}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.55 var(--body);min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,h3,p,ul{margin:0}
a{color:inherit;text-decoration:none}
button,summary{font:inherit;color:inherit;cursor:pointer}
a,button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
[hidden]{display:none!important}
.wrap{width:min(1256px,calc(100% - 96px));margin-inline:auto}
.icon{height:20px;width:20px;flex:none;vertical-align:middle}
.skip{position:fixed;top:-6rem;left:1rem;background:var(--lime);color:#142014;padding:10px;z-index:20}
.skip:focus{top:1rem}
.mast{border-bottom:1px solid #2a382d;background:#111914}
.mast-inner{height:68px;display:flex;align-items:center;gap:40px}
.brand,.main-nav,.main-nav a,.language summary,.game-name,.game-actions,.original,.field h2,.guide-card,.text-link,.foot-brand,.footer-inner,.footer-inner nav,.play-link,.article-links,.next>div,.crumb{display:flex;align-items:center}
.brand{gap:9px;line-height:1;font:800 33px/.9 var(--display);letter-spacing:-2px}
.brand img{border-radius:8px}.brand small{font:650 .58em/1 var(--display);letter-spacing:-.025em;color:var(--lime)}
.main-nav{margin-left:auto;gap:6px}
.main-nav a{gap:8px;padding:7px 14px;border-radius:7px;font-size:14px;font-weight:620;color:var(--soft)}
.main-nav a:hover,.main-nav a[aria-current]{color:var(--lime);background:#233021}
.language{position:relative;z-index:3}
.language summary{list-style:none;gap:8px;font-size:13px;font-weight:600;min-height:40px}
.language summary::-webkit-details-marker{display:none}
.language summary .icon{width:16px}
.language summary .icon:last-child{width:12px}
.language nav{position:absolute;top:calc(100% + 6px);right:0;min-width:195px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#202c22;box-shadow:0 10px 30px #0007}
.language nav a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:6px;font-size:14px}
.language nav a:hover,.language nav a[aria-current]{background:#313e2e;color:var(--lime)}
.home-heading{padding:clamp(24px,3vw,44px) 0 clamp(19px,2.2vw,32px)}
h1,h2,.guide-card,.step-icon+div strong{font-family:var(--display)}
.headline{display:block;font-size:clamp(32px,4.65vw,66px);font-weight:800;line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.headline em{font-style:normal;color:var(--lime)}
.answer{display:block;font:500 clamp(16px,1.65vw,23px)/1.36 var(--display);letter-spacing:-.02em;color:var(--soft);margin-top:8px}
.home-heading .headline{font-size:clamp(30px,3.8vw,54px)}
.play-layout{display:grid;grid-template-columns:minmax(0,2.37fr) minmax(280px,1fr);gap:18px;align-items:stretch}
.player,.quick,.guide-nav{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.player{display:flex;flex-direction:column;min-width:0;background:#131d17}
.game-bar{min-height:65px;padding:10px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}
.game-name{gap:12px;min-width:0}
.game-name>.icon{color:var(--lime);width:28px;height:28px}
.game-name h2{font-size:clamp(17px,1.5vw,22px);line-height:1.15;letter-spacing:-.035em}
.game-name a{font-size:12px;line-height:1.45;color:var(--muted)}
.game-name a:hover,.footer-inner nav a:hover,.crumb a:hover{color:var(--lime)}
.game-actions{gap:6px}
.original,.expand{justify-content:center;gap:7px;min-height:35px;border:1px solid #3c4b3e;background:#222e24;border-radius:7px;color:var(--ink)}
.original{padding:3px 10px;font-size:12px;font-weight:650}
.original .icon{width:14px;height:14px}
.expand{width:35px;display:grid;place-items:center}
.expand .icon{width:16px;height:16px}
.original:hover,.expand:hover{background:#354932}
.game-viewport{position:relative;width:100%;aspect-ratio:16/9;border-top:1px solid var(--line);background:#0f2018}
.game-viewport iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.game-launch{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate}
.game-launch img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.game-launch span{display:inline-flex;align-items:center;gap:.6em;padding:.8em 1.2em;border-radius:99px;background:#d9fb8e;color:#172610;font-weight:750;box-shadow:0 3px 18px #10211699}
.game-launch:hover span,.game-launch:focus-visible span{background:#efffc5}
.game-launch:focus-visible{outline-offset:-4px}
.game-shot{margin:1.2rem 0 0}
.game-shot img{display:block;width:auto;height:auto;max-width:100%;max-height:32rem;border-radius:10px}
.game-shot figcaption{color:var(--muted);font-size:.9rem;margin-top:.4rem}
.player{align-self:start}
.home-story{max-width:76ch;margin:clamp(20px,3vw,40px) auto 0}
.section p+p,.section .text-link{margin-top:.8em}
.quick{display:flex;flex-direction:column}
.garden,.guide-nav>img{width:100%;display:block;object-fit:cover;object-position:50% 49%;background:#0a1c14}
.garden{height:clamp(110px,11.5vw,158px);border-bottom:1px solid var(--line)}
.quick-body{padding:clamp(15px,1.45vw,22px);display:flex;flex:1;flex-direction:column}
.quick h2,.field h2,.guide-nav h2,.next h2{font-weight:750;letter-spacing:-.045em}
.quick h2{font-size:27px;line-height:1.12}
.quick ul{list-style:none;padding:0;margin:10px 0 12px}
.quick li{display:flex;align-items:flex-start;gap:11px;padding:9px 0}
.step-icon,.guide-icon{display:grid;place-items:center;border-radius:8px;background:#293727;color:var(--lime);flex:none}
.step-icon{width:33px;height:33px}
.s1{background:#253c30;color:#95d5a5}
.s2{background:#3a3425;color:#efc074}
.step-icon .icon{width:18px;height:18px}
.quick li strong,.quick li div>span{display:block}
.quick li strong{font-size:17px;line-height:1.18;font-weight:700}
.quick li div>span{font-size:13px;line-height:1.45;color:var(--soft);margin-top:3px}
.text-link{gap:7px;width:fit-content;color:var(--lime);font-size:13px;font-weight:650}
.text-link .icon{width:15px}
.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.quick .text-link{margin-top:auto;border-top:1px solid var(--line);padding-top:11px;width:100%;justify-content:space-between}
.field{padding:clamp(28px,3.1vw,48px) 0 48px}
.field h2{gap:12px;font-size:32px;line-height:1.2;margin-bottom:18px}
.field h2 .icon{width:25px;height:25px;color:var(--lime)}
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.guide-card{gap:11px;padding:13px;border:1px solid var(--line);border-radius:10px;font-size:16px;font-weight:650;line-height:1.25;letter-spacing:-.025em;background:#18201a;min-height:66px}
.guide-card:hover{border-color:#789762;background:#202e21}
.guide-icon{width:33px;height:33px}
.guide-icon>.icon{width:17px;height:17px}
.guide-card>.icon{margin-left:auto;width:15px;color:var(--muted)}
footer{border-top:1px solid var(--line);background:#101612}
.footer-inner{justify-content:space-between;gap:16px;min-height:90px;padding-block:20px}
.foot-brand{gap:16px}.foot-brand>div{max-width:60ch}.foot-brand .dates{margin-top:.3em}.foot-brand .brand{font-size:24px}.foot-brand .brand img{width:26px;height:26px}
.foot-brand>div,.footer-inner nav{font-size:12px;color:var(--muted)}
.footer-inner nav{flex-wrap:wrap;gap:18px}
.footer-inner nav .icon{width:13px;height:13px}
.ai-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;border-top:1px solid var(--line);padding-block:20px}
.ai-docs{display:inline-flex;align-items:center;gap:7px;color:var(--lime);font:700 11px/1.5 var(--body);letter-spacing:.08em;text-transform:uppercase}
.ai-docs .icon{width:15px;height:15px}
.ai-docs:hover{text-decoration:underline;text-underline-offset:3px}
.ai-footer p{margin-top:4px;font-size:13px;color:var(--muted)}
.ai-links{display:flex;flex-wrap:wrap;gap:8px}
.ai-links a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:9px;color:var(--soft)}
.ai-links a:hover,.ai-links a:focus-visible{color:var(--lime);border-color:currentColor;background:var(--card)}
.ai-links svg{width:20px;height:20px;fill:currentColor;fill-rule:evenodd}
.crumb{flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted);margin:26px 0}
.crumb>span:last-child{color:var(--ink)}
.reading-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,310px);justify-content:space-between;gap:5vw;align-items:start;margin-bottom:52px}
.article h1,.error h1{font-size:clamp(35px,4.4vw,61px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.article .intro{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#c5d4c5;padding:16px 0 24px;border-bottom:1px solid var(--line)}
.section{padding-top:22px}.section h2,.next h2{font-size:25px;line-height:1.2;margin-bottom:7px;letter-spacing:-.03em}
.section p,.error p{color:var(--soft);line-height:1.74}
.article-links{gap:20px;flex-wrap:wrap;margin-top:28px}
.play-link{gap:8px;border-radius:8px;background:var(--lime);color:#172017;font-weight:720;padding:10px 16px;font-size:15px;width:fit-content}
.play-link:hover{background:#d4fba2}
.next{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.next>div{flex-wrap:wrap;gap:16px}
.guide-nav>img{height:145px}
.guide-nav h2{font-size:24px;margin:14px 18px 8px}
.guide-nav nav{padding:0 10px 12px}
.guide-nav a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;font-size:14px}
.guide-nav a .icon{width:17px;color:var(--muted)}
.guide-nav a:hover,.guide-nav a[aria-current]{background:#2b392a;color:var(--lime)}
.error{padding:80px 0}.error p{margin:16px 0 28px}
.player:fullscreen,.player.expanded{width:100%;height:100%;border:0;border-radius:0}
.player.expanded{position:fixed;inset:0;z-index:10;height:100dvh}
body:has(.player.expanded){overflow:hidden}
.player:fullscreen .game-viewport,.player.expanded .game-viewport{aspect-ratio:auto;flex:1;min-height:0;max-height:none}
@media(max-width:1080px){.wrap{width:calc(100% - 56px)}.play-layout{grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-name{gap:8px}}
@media(max-width:760px){
  .wrap{width:calc(100% - 32px)}.mast-inner{height:54px;gap:10px}.brand{font-size:27px;gap:6px}.brand img{width:28px;height:28px}.main-nav{gap:1px}.main-nav a{font-size:12px;padding:6px 8px}.main-nav .icon{display:none}
  .play-layout{display:flex;flex-direction:column;gap:12px}.player{width:100%}.game-viewport{aspect-ratio:3/2}
  .home-heading{padding:20px 0 16px}.headline{font-size:clamp(32px,7.2vw,48px)}.answer{font-size:16px;line-height:1.35;margin-top:5px}
  .game-bar{min-height:52px;padding:7px 10px}.game-name>.icon{width:22px}.game-name h2{font-size:16px}.game-name a{font-size:11px}.original{font-size:11px}.game-actions{gap:4px}
  .quick{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.5fr)}.garden{height:100%;min-height:0;border:0;object-position:53% 50%}
  .quick-body{padding:15px}.quick h2{font-size:23px}.quick ul{margin:5px 0}.quick li{padding:5px 0;gap:8px}.quick li strong{font-size:15px}.quick li div>span{font-size:12px}.step-icon{width:27px;height:27px}.quick .text-link{font-size:12px;padding-top:7px}
  .field{padding:28px 0}.field h2{font-size:27px;margin-bottom:12px}.guide-card{font-size:14px;padding:9px;gap:7px;min-height:55px}
  .reading-layout{display:flex;flex-direction:column;gap:32px}.guide-nav{width:100%}.guide-nav>img{display:none}.guide-nav nav{display:grid;grid-template-columns:1fr 1fr}
  .footer-inner,.foot-brand{align-items:flex-start}.footer-inner{flex-wrap:wrap;gap:10px}.foot-brand{align-items:center}
}
@media(max-width:520px){
  .wrap{width:calc(100% - 24px)}.mast-inner{gap:5px}.main-nav a{padding:5px 7px}.main-nav a:last-child{display:none}.language summary{gap:4px}.language summary span{max-width:57px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
  .game-viewport{aspect-ratio:10/13}.home-heading .headline{font-size:clamp(26px,6.4vw,34px)}.brand small{display:block}.brand>span{white-space:nowrap}.foot-brand{flex-wrap:wrap}
  .quick{display:block}.garden{display:none}.quick-body{padding:11px 13px}.quick h2{font-size:19px}
  .quick ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:7px 0}.quick li{align-items:flex-start;gap:5px;padding:0}
  .quick li strong{font-size:13px;line-height:1.25}.quick li div>span{display:none}.step-icon{width:23px;height:23px}.step-icon .icon{width:14px;height:14px}
  .guide-card>.icon{display:none}.guide-icon{width:29px;height:29px}.guide-grid{gap:7px}
  .game-name>.icon{display:none}.game-name h2{font-size:15px}.original{max-width:132px;line-height:1.2;text-align:center}.expand{width:32px}
  .footer-inner nav{gap:13px}.crumb{margin:19px 0}.section{padding-top:19px}.guide-nav nav{grid-template-columns:1fr}
}
@media(max-height:490px) and (orientation:landscape){.mast-inner{height:42px}.home-heading{padding:9px 0}.headline{font-size:27px}.answer{font-size:14px}.game-viewport{max-height:55svh}.game-bar{min-height:40px;padding-block:3px}.play-layout{align-items:start}.player{width:100%}}
@media(max-width:370px){.language summary span{display:none}.language summary{min-width:34px;justify-content:center}.main-nav a{padding-inline:5px}}