:root{--gold: #d8b56a;--gold-dim: #9c8452;--red: #8c2013;--ink: #f3e9d6;--panel: rgba(24, 14, 10, .62);--panel-edge: rgba(216, 181, 106, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0705;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.serif{font-family:STKaiti,KaiTi,Kaiti SC,"Noto Serif SC",serif}#loading{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 8%,#3a180d,#1c0d08 46%,#0a0503);transition:opacity 1.1s ease}#loading.gone{opacity:0;pointer-events:none}.load-inner{text-align:center;padding:0 24px}.load-seal{width:74px;height:74px;margin:0 auto 18px;border:2px solid var(--gold);color:var(--gold);font-family:STKaiti,KaiTi,serif;font-size:42px;line-height:70px;border-radius:10px;box-shadow:0 0 42px #d8b56a40,inset 0 0 22px #d8b56a1f;animation:sealIn 1.4s ease both}@keyframes sealIn{0%{transform:scale(1.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}#loading h1{font-family:STKaiti,KaiTi,serif;font-size:58px;letter-spacing:22px;margin:0 0 6px;text-indent:22px;color:#f0dfb8;font-weight:600;text-shadow:0 0 34px rgba(216,181,106,.35)}#loading .sub{color:var(--gold-dim);letter-spacing:4px;font-size:12px;margin:0 0 34px}#loading .bar{width:min(320px,70vw);height:3px;margin:0 auto 12px;background:#d8b56a2e;border-radius:3px;overflow:hidden}#loading .bar i{display:block;width:0%;height:100%;background:linear-gradient(90deg,#9c8452,#e8cd8f);transition:width .25s}#loading .tip{font-size:12px;color:#a08b62;letter-spacing:2px;margin:0 0 30px;min-height:16px}#btnEnter{font-family:STKaiti,KaiTi,serif;font-size:20px;letter-spacing:8px;text-indent:8px;color:#f0dfb8;background:linear-gradient(180deg,#8c2013d9,#60120ae6);border:1px solid var(--gold);border-radius:8px;padding:13px 44px;cursor:pointer;box-shadow:0 6px 30px #00000080,inset 0 0 18px #d8b56a26;transition:all .25s}#btnEnter:disabled{opacity:.35;cursor:default}#btnEnter:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 36px #0000008c,0 0 24px #d8b56a59}#loading .hint2{margin-top:26px;color:#7d6a4c;font-size:11px;letter-spacing:2px}#fade{position:fixed;inset:0;z-index:40;background:#050302;opacity:0;pointer-events:none;transition:opacity .55s ease}#fade.on{opacity:1}#vignette{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(5,3,2,.42) 100%)}#hud.hidden{display:none}#topleft{position:fixed;top:max(14px,env(safe-area-inset-top));left:16px;z-index:10;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.8)}#topleft .brand{font-family:STKaiti,KaiTi,serif;font-size:22px;letter-spacing:6px;color:#f0dfb8}#topleft .brand span{font-size:12px;letter-spacing:3px;color:var(--gold-dim)}#discovery{font-size:11px;letter-spacing:2px;color:#cbb98f;margin-top:4px;opacity:.9}#topright{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:12;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.grp{display:flex;gap:6px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:4px;backdrop-filter:blur(8px)}button.toggle{font-family:STKaiti,KaiTi,serif;width:40px;height:36px;border-radius:7px;border:1px solid transparent;cursor:pointer;background:transparent;color:#cbb98f;font-size:17px;line-height:1;padding:0;transition:all .18s}button.toggle.small{width:46px;font-size:13px;font-family:inherit}button.toggle:hover{background:#d8b56a1f}button.toggle.active{background:linear-gradient(180deg,#a02a1ae6,#6e180deb);color:#f7e6bd;border-color:#d8b56a80;box-shadow:0 0 14px #d8b56a38}#toast{position:fixed;left:50%;top:16%;transform:translate(-50%) translateY(-14px);z-index:20;padding:10px 26px;border-radius:10px;border:1px solid var(--panel-edge);background:var(--panel);backdrop-filter:blur(8px);color:#f0dfb8;font-size:15px;letter-spacing:3px;opacity:0;pointer-events:none;transition:all .5s ease;white-space:nowrap}#toast .toast-seal{color:var(--gold);margin-right:8px}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#hint{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10;font-size:11px;color:#f0dfb88c;letter-spacing:1.5px;background:#140c0873;padding:7px 16px;border-radius:20px;backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap}#petHint{position:fixed;bottom:16%;left:50%;transform:translate(-50%);z-index:11;padding:8px 20px;border-radius:20px;background:#180e0ab3;border:1px solid var(--panel-edge);color:#f0dfb8;font-size:14px;letter-spacing:2px}#petHint b{color:var(--gold)}#petHint.hidden,#joystick.hidden,#mobileActions.hidden,#tourPanel.hidden,#fps.hidden{display:none}#joystick{position:fixed;left:22px;bottom:calc(30px + env(safe-area-inset-bottom));z-index:14;width:118px;height:118px;border-radius:50%;background:#180e0a66;border:1.5px solid rgba(216,181,106,.35);backdrop-filter:blur(4px);touch-action:none}#stick{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#f0dfb8d9,#a08046bf);box-shadow:0 4px 14px #00000080;transition:transform .06s linear}#mobileActions{position:fixed;right:20px;bottom:calc(26px + env(safe-area-inset-bottom));z-index:14;display:flex;flex-direction:column;align-items:flex-end;gap:10px}button.act{width:62px;height:62px;border-radius:50%;border:1.5px solid rgba(216,181,106,.45);background:#180e0a8c;color:#f0dfb8;font-size:17px;font-family:STKaiti,KaiTi,serif;backdrop-filter:blur(4px);touch-action:none}button.act.hidden{display:none}button.act:active,button.act.on{background:#a02a1acc}button.act.heart{border-color:#e08a8a;color:#ffd9d9;animation:petPulse 1.2s ease infinite}@keyframes petPulse{50%{box-shadow:0 0 22px #e08a8a8c}}#tourPanel{position:fixed;top:50%;left:50%;transform:translate(-50%,-52%);z-index:30;width:min(420px,86vw);max-height:74vh;overflow:hidden;background:#160c08db;border:1px solid var(--panel-edge);border-radius:14px;backdrop-filter:blur(12px);box-shadow:0 24px 70px #000000a6;display:flex;flex-direction:column}.tp-head{padding:14px 18px;font-family:STKaiti,KaiTi,serif;font-size:19px;letter-spacing:4px;color:#f0dfb8;border-bottom:1px solid rgba(216,181,106,.22);display:flex;justify-content:space-between;align-items:baseline}.tp-head span{font-size:11px;color:var(--gold-dim);letter-spacing:2px;font-family:inherit}.tp-list{overflow-y:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tp-item{padding:11px 12px;border-radius:9px;border:1px solid rgba(216,181,106,.18);background:#d8b56a0d;cursor:pointer;font-size:14px;letter-spacing:1.5px;color:#e8d9b4;display:flex;justify-content:space-between;align-items:center;transition:all .15s}.tp-item:hover{background:#d8b56a29;border-color:#d8b56a73}.tp-item .no{font-size:10px;color:#8b7a58}.tp-item.wide{grid-column:span 2}#fps{position:fixed;right:8px;bottom:6px;z-index:40;font-size:11px;color:#9fe08a;font-family:monospace}@media (max-width: 720px){#hint{display:none}#topleft .brand{font-size:18px;letter-spacing:4px}button.toggle{width:36px;height:34px;font-size:15px}button.toggle.small{width:42px;font-size:12px}.tp-list{grid-template-columns:1fr 1fr}#loading h1{font-size:44px;letter-spacing:16px;text-indent:16px}}