:root{color-scheme:dark;--ink:#102923;--paper:#eee7d7;--muted:#adb6ab;--line:rgba(229,233,215,.16);--accent:#d8c79e;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper)}body{min-height:100vh;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}
.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.bar{min-height:80px;padding:16px clamp(22px,5vw,76px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px;font-size:15px;white-space:nowrap;letter-spacing:.09em}.brand-mark{display:grid;place-items:center;width:31px;height:36px;border:1px solid #b8ad8b;color:var(--accent);font-family:"Songti SC",SimSun,serif;font-size:22px;border-radius:2px}.brand-divider{color:#859887;margin:0 10px;font-weight:300}.brand-context{font-size:12px;color:var(--muted);letter-spacing:.06em}.toolbar{display:flex;gap:8px}.quiet{background:transparent;border:1px solid transparent;color:#d3d8cb;font-size:13px;padding:9px 13px;border-radius:4px;white-space:nowrap}.quiet:hover{border-color:var(--line);background:#ffffff06}
.landing{flex:1;display:flex;flex-direction:column;justify-content:center;width:min(1080px,100%);margin:auto;padding:54px 30px 26px}.entry{display:grid;grid-template-columns:1fr 1fr;min-height:500px;border:1px solid #cfcaac25;overflow:hidden;background:#152f28;box-shadow:0 28px 75px #0002}.entry-copy{padding:58px 30px 50px 64px;position:relative;z-index:1}.eyebrow{margin:0 0 38px;color:#c5b98f;font-size:11px;letter-spacing:.2em;display:flex;align-items:center;gap:9px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#c5b98f}h1{font-family:"Songti SC","STSong",SimSun,serif;font-weight:500;font-size:clamp(66px,7vw,88px);letter-spacing:.15em;line-height:1;margin:0 0 24px}.intro{font-size:15px;line-height:1.95;color:#bac6b7;margin:0 0 35px}.enter{width:230px;max-width:100%;padding:17px 23px;background:var(--paper);color:#19372c;border:1px solid var(--paper);display:flex;justify-content:space-between;align-items:center;font-size:15px;letter-spacing:.1em;transition:background .15s,transform .15s}.enter span:last-child{font-size:21px;line-height:1}.enter:hover{background:#fff5df;transform:translateY(-2px)}.entry-note{font-size:11px;color:#9cab9a;margin:18px 0 0;line-height:1.7}.landing-footer{display:flex;justify-content:space-between;gap:18px;padding:22px 0;font-size:11px;letter-spacing:.04em;color:#93a491}
.landscape{background:linear-gradient(150deg,#e4dcc4 0%,#c7c8ac 54%,#adb7a0 100%);position:relative;overflow:hidden;isolation:isolate}.moon{position:absolute;width:126px;height:126px;border-radius:50%;top:63px;right:70px;background:#faf0d1;box-shadow:0 0 60px #fff5c63b}.mountain{position:absolute;width:140%;height:70%;bottom:-12%;left:-20%;border-radius:48% 58% 0 0;transform:rotate(-25deg);background:linear-gradient(130deg,#728575,#3f6152)}.mountain-back{bottom:0;left:15%;opacity:.58;transform:rotate(35deg);border-radius:55% 62% 0 0;background:linear-gradient(145deg,#9aa38a,#648074)}.mountain-front{box-shadow:inset 2px 2px 0 #c5cfb522}.water{position:absolute;inset:70% -30% -20%;transform:rotate(-10deg);border-radius:50%;background:linear-gradient(160deg,#90a58e,#2b5141 70%);border-top:1px solid #cfd7b729}.scene-label{position:absolute;right:29px;bottom:35px;font-family:"Songti SC",SimSun,serif;writing-mode:vertical-rl;font-size:17px;color:#e6e5cba8;letter-spacing:.55em}
.playing{height:100vh;height:100dvh;min-height:0;overflow:hidden}.playing .shell{height:100%;min-height:0}.playing .bar{flex:none;min-height:54px;padding:7px max(12px,env(safe-area-inset-right)) 7px max(18px,env(safe-area-inset-left));background:#10211d}.playing .brand-mark{height:28px;width:25px;font-size:18px}.playing .brand-context{font-size:11px}.playing .brand-divider{margin:0 5px}.playing .brand{font-size:13px;gap:9px}.game-stage{flex:1;min-height:0;background:#030805;position:relative;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}.game-stage iframe{display:block;width:100%;height:100%;border:0;background:#000}.game-stage:fullscreen{height:100%;background:#000}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);margin:0;border:1px solid var(--line);padding:12px 18px;background:#203b30;color:var(--paper);border-radius:5px;z-index:5;font-size:13px;box-shadow:0 5px 30px #0004}
dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:27px;background:#eee7d7;color:#19372c;border:0;border-radius:7px;box-shadow:0 30px 80px #0007}dialog::backdrop{background:#04170fcc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font-size:20px;letter-spacing:.06em;margin:0}.close{border:0;background:transparent;font-size:28px;color:#556552;padding:0 6px;line-height:1.2}dialog ol{padding-left:22px;margin:24px 0;font-size:14px;line-height:1.9}dialog li{padding-left:3px;margin-bottom:13px}.help-note{font-size:12px;line-height:1.8;color:#64705e;border-top:1px solid #19372c20;padding-top:17px;margin:0 0 22px}.dialog-done{width:100%;border:0;background:#1c4031;color:#eee7d7;padding:13px;border-radius:3px}.noscript{padding:15px;text-align:center;background:#eee7d7;color:#19372c}
@media(max-width:680px){.bar{min-height:68px;padding:14px 21px}.brand-context{font-size:11px}.quiet{padding:9px 7px;font-size:12px}.toolbar{gap:2px}.landing{padding:30px 22px 10px;justify-content:flex-start}.entry{min-height:0;grid-template-columns:1fr}.entry-copy{padding:34px 32px 33px}.eyebrow{margin-bottom:27px}h1{font-size:64px;margin-bottom:18px}.intro{font-size:14px;margin-bottom:26px}.enter{width:100%;padding:16px 20px}.entry-note{text-align:center;margin-top:14px}.landscape{height:155px;grid-row:2}.moon{width:76px;height:76px;top:24px;right:62px}.mountain{height:160%;bottom:-110%}.mountain-back{bottom:-75%;left:15%;transform:rotate(14deg)}.mountain-front{transform:rotate(-12deg)}.water{inset:86% -30% -20%}.scene-label{right:20px;bottom:15px;font-size:12px}.landing-footer{padding:17px 0;display:block;line-height:1.9}.landing-footer span{display:block}.playing .brand-divider,.playing .brand-context{display:none}.playing .bar{gap:5px}.playing .brand{font-size:12px}.playing .quiet{font-size:11px;padding:9px 7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}