:root{color-scheme:dark;--ink:#0b1b20;--panel:#112c30;--line:#647f76;--gold:#ded0a0;--text:#e8e6d8;--muted:#b0b9ac;--safe-top:env(safe-area-inset-top,0px);--bar:calc(48px + var(--safe-top));font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:var(--ink);color:var(--text)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#18353a;border:1px solid #55746b;border-radius:4px;cursor:pointer;min-height:36px;padding:7px 12px}button:hover{background:#28484b}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.emphasis{color:#172b2b;background:#d9cca5;border-color:#d9cca5}button.emphasis:hover{background:#eee0b6}button[aria-pressed=true]{background:#355447;border-color:var(--gold);color:#f4e9c1}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button[hidden],[hidden]{display:none!important}
.topbar{height:var(--bar);padding:calc(5px + var(--safe-top)) max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:14px;background:#0e2529;border-bottom:1px solid #5b736960;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-family:"Songti SC",SimSun,serif;font-size:20px;letter-spacing:2px;color:var(--gold)}.brand:hover{text-decoration:none}.seal{display:grid;place-items:center;width:30px;height:30px;border:1px solid #9f9d78;font-size:22px;letter-spacing:0}.edition{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:1px;color:var(--muted);padding-left:7px;border-left:1px solid #54716a}nav{display:flex;align-items:center;gap:7px}nav button{font-size:13px}
#game-wrap{position:absolute;inset:var(--bar) 0 0;background:#071215}#game{display:block;border:0;width:100%;height:100%;touch-action:none}.loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(100deg,#0b1d29d9,#0e20375c),url('/mountain-backdrop.png') center/cover}.loading-card{width:min(420px,calc(100vw - 32px));padding:36px 32px;background:#0a2228ed;border:1px solid #82917c80;box-shadow:0 15px 90px #020b1466}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);margin:0 0 17px}h1,h2,h3{font-family:"Songti SC",SimSun,serif;font-weight:500}h1{font-size:44px;letter-spacing:5px;margin:0 0 30px;color:#efe1b2}#loading-caption{margin:0 0 14px;line-height:1.6}.progress{height:5px;background:#304743;border-radius:3px;overflow:hidden}.progress span{height:100%;width:0;display:block;background:#d8c898;transition:width .16s ease}.muted,.loading-tip{color:var(--muted);font-size:12px;line-height:1.8}.loading-tip{border-top:1px solid #58736660;margin-top:22px;padding-top:15px}#retry{margin-top:10px;min-width:140px}.loading.failed .progress span{background:#ce967f}.loading.is-ready{display:none}.rotate-hint{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;z-index:2;padding:7px 7px 7px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102b30ed;border:1px solid #8d947b;font-size:13px;line-height:1.6}.rotate-hint button{font-size:22px;min-width:40px;min-height:40px;padding:0 10px}
dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:24px 28px 28px;background:#102b30;color:var(--text);border:1px solid #7a8a75;border-radius:4px;overflow:auto;line-height:1.8}dialog::backdrop{background:#020c13b8}dialog h2{font-size:25px;line-height:1.5;margin:0 0 19px;color:#efe1b2}dialog h3{font-size:18px;color:var(--gold);margin:0 0 7px}dialog p{font-size:14px;margin-top:0}.help-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.help-heading .eyebrow{margin:0}.help-heading button{font-size:24px;min-width:44px;min-height:44px;padding:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid #5c786b6b;padding-top:22px;margin-top:22px}.save-note{padding-top:20px}.help-footer{display:flex;flex-wrap:wrap;align-items:center;gap:15px;font-size:12px}kbd{font-family:inherit;color:#f0dfaf;white-space:nowrap}
@media(pointer:coarse){nav button{min-height:44px;padding:9px 13px}.topbar{--bar:calc(56px + var(--safe-top));height:var(--bar)}:root{--bar:calc(56px + var(--safe-top))}}
@media(max-width:600px){.brand{font-size:16px;letter-spacing:1px;gap:6px}.seal{width:25px;height:27px;font-size:19px}.edition{display:none}.topbar{gap:5px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}nav{gap:4px}nav button{font-size:12px;padding:8px;min-width:44px}.loading-card{padding:24px}.loading-card h1{font-size:36px}dialog{padding:18px}.help-grid{grid-template-columns:1fr;gap:8px}dialog h2{font-size:21px}}
@media(max-height:470px) and (orientation:landscape){.loading-card{padding:18px 26px;width:min(470px,calc(100vw - 30px))}.loading-card h1{font-size:31px;margin-bottom:10px}.loading-card .eyebrow{margin-bottom:9px}.loading-tip{margin-top:10px;padding-top:8px}.loading-tip br{display:none}.topbar .brand{font-size:17px}.topbar .seal{height:28px}}
@media(prefers-reduced-motion:reduce){.progress span{transition:none}}
@media(max-width:380px){.brand{font-size:14px}.seal{width:23px;height:25px;font-size:17px}nav button{font-size:11px;padding-inline:7px;white-space:nowrap}}