*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;color:#3a2a1a;background:#ede7db}#app{width:100vw;height:100vh}#app canvas{display:block}#selector{position:fixed;top:22px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#ffffff9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px;border-radius:999px;z-index:10;box-shadow:0 4px 18px #4a352014}.tab{border:none;background:transparent;cursor:pointer;font-size:14px;color:#7a6450;padding:8px 20px;border-radius:999px;font-family:inherit;letter-spacing:1px;transition:all .2s}.tab:hover{color:#4a3520;background:#ffffff8c}.tab.active{background:#4a3520;color:#f0e9db}#ui{position:fixed;top:84px;left:32px;max-width:330px;pointer-events:none;-webkit-user-select:none;user-select:none}#ui h1{font-size:28px;font-weight:600;letter-spacing:4px;color:#4a3520}#ui h1 .en{display:block;font-size:11px;font-weight:400;letter-spacing:2px;color:#a08a72;margin-top:5px;text-transform:uppercase}.intro{margin-top:16px;font-size:13px;line-height:1.75;color:#6b5742}#hint{margin-top:12px;font-size:13px;color:#7a6450;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;border-radius:8px;display:inline-block}#tips{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:22px;font-size:12.5px;color:#8a7560;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:9px 20px;border-radius:999px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}#tips b{color:#4a3520}@media (max-width: 720px){#tips{gap:10px;font-size:10.5px;padding:7px 12px}#ui{left:18px;max-width:60vw}#ui h1{font-size:22px}.tab{padding:7px 12px;font-size:12.5px}}