@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#17302b;--glass:rgba(250,252,248,.87);--line:rgba(51,74,66,.16)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b8cbd4}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #c4a760;outline-offset:3px}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}header{position:absolute;left:30px;top:28px;display:flex;align-items:center;gap:20px;background:var(--glass);border:1px solid var(--line);border-radius:4px;padding:16px 22px;backdrop-filter:blur(14px);pointer-events:none}.wordmark{font-size:23px;font-weight:850;letter-spacing:2px;line-height:1}.wordmark span{display:block;font-size:9px;letter-spacing:4.2px;margin-top:5px}.divider{width:1px;height:34px;background:var(--line)}h1{font-size:16px;letter-spacing:2px;margin:0 0 5px;font-weight:600}header p{font-size:10px;letter-spacing:3px;margin:0;color:#6d7973}.edition{font-size:9px;align-self:flex-start;color:#7c8981;margin-left:20px;letter-spacing:1px}.top-right{position:absolute;right:30px;top:28px;display:flex;gap:10px}.segmented{padding:5px;display:flex;background:var(--glass);border:1px solid var(--line);border-radius:4px;backdrop-filter:blur(14px)}.segmented button{background:none;padding:12px 22px;font-size:12px;border-radius:2px}.segmented .active{background:#23463d;color:#fff}.icon{background:var(--glass);border:1px solid var(--line);width:48px;font-size:24px;border-radius:4px}.caption{position:absolute;left:32px;bottom:143px;pointer-events:none;text-shadow:0 1px 15px rgba(255,255,255,.8)}.caption>span{font-size:10px;letter-spacing:3px}.caption h2{font-size:33px;letter-spacing:3px;font-weight:500;margin:10px 0}.caption p{font-size:12px;letter-spacing:2px;margin:0;color:#50655b}.controls{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--line);border-radius:4px;backdrop-filter:blur(14px);padding:5px}.controls button{background:transparent;display:grid;place-items:center;width:48px;height:61px;font-size:22px;border-bottom:1px solid var(--line);border-radius:3px}.controls button:last-child{border:0}.controls span{font-size:10px;letter-spacing:1px}.controls button[aria-pressed="true"]{background:#e4ebe4;color:#1d4b3c}nav{position:absolute;left:30px;right:30px;bottom:48px;display:flex;gap:1px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);border-radius:4px;overflow:hidden}nav button{flex:1;background:transparent;padding:19px 12px;font-size:12px;letter-spacing:2px;border-right:1px solid var(--line);white-space:nowrap}nav button:last-child{border:0}nav small{font-size:9px;letter-spacing:0;margin-right:15px;opacity:.5}nav button.active{background:#23463d;color:#fff}footer{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:9px;letter-spacing:1px;background:var(--glass);border-top:1px solid var(--line)}footer i{display:inline-block;width:5px;height:5px;background:#58865b;border-radius:50%;margin-right:8px}footer b{font-weight:400}.note{opacity:.6}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9ede7;z-index:10}#loading[hidden]{display:none}.load-mark{font-size:12px;letter-spacing:6px;border-bottom:1px solid #c6cfc4;padding-bottom:26px}#loading h2{font-size:27px;letter-spacing:8px;font-weight:400;margin-top:35px}#loading p{font-size:12px;color:#7e8b81;letter-spacing:1px}.bar{width:240px;height:2px;background:#cad3c9;margin:25px}.bar i{display:block;width:5%;height:100%;background:#48674f;transition:width .4s}#loading small{font-size:9px;letter-spacing:2px;color:#909a8c}#retry{padding:12px 20px;margin:18px}#toast{position:absolute;left:50%;top:110px;transform:translateX(-50%);background:#193e32dc;color:#fff;padding:12px 20px;font-size:12px;border-radius:4px;opacity:0;transition:opacity .3s;pointer-events:none}#walk-controls{position:absolute;right:95px;bottom:135px;text-align:center}#walk-controls button{width:42px;height:42px;background:var(--glass);border:1px solid var(--line);margin:3px;border-radius:3px}body.night{color:#edf1ec;--glass:rgba(18,31,40,.83);--line:rgba(227,236,232,.15)}.night header p,.night .edition{color:#a0b5ba}.night .caption{text-shadow:0 1px 18px #000}.night .caption p{color:#c6d6da}.night .controls button[aria-pressed="true"]{background:#36514e;color:#fff}.night #loading{background:#15252b}
@media(max-width:700px){header{left:12px;top:12px;padding:11px 13px;gap:10px}.wordmark{font-size:18px}.wordmark span{font-size:7px;letter-spacing:3px}h1{font-size:12px;letter-spacing:1px}header p{font-size:8px;letter-spacing:1px}.edition{display:none}.top-right{top:91px;right:12px}.segmented button{padding:9px 16px}.icon{display:none}.controls{right:12px;padding:3px}.controls button{width:39px;height:54px;font-size:20px}.caption{left:16px;bottom:135px}.caption h2{font-size:25px}.caption p{font-size:10px;max-width:270px;line-height:1.8}.caption>span{font-size:9px}nav{left:12px;right:12px;bottom:43px;flex-wrap:wrap}nav button{padding:12px 3px;font-size:10px;letter-spacing:0;min-width:30%}nav small{margin-right:5px;font-size:8px}footer{padding:0 12px;font-size:8px}.note{display:none}#hint{max-width:140px;text-align:right;font-size:8px}#walk-controls{bottom:145px;right:65px}}

.caption{padding:13px 18px;background:linear-gradient(90deg,rgba(243,247,239,.88),rgba(243,247,239,.50));border-left:2px solid #5c7e64;border-radius:2px}.night .caption{background:linear-gradient(90deg,rgba(15,29,38,.85),rgba(15,29,38,.45));border-left-color:#c3ad79}@media(max-width:700px){.caption{padding:9px 12px;max-width:290px}}

@media(max-width:700px){.caption{bottom:175px}#walk-controls{bottom:190px}nav button{min-width:30%;padding:10px 3px}}