*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0e1114}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;-webkit-tap-highlight-color:transparent}#scene{position:fixed;inset:0;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.28) 100%)}#toolbar{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:8px;align-items:center;width:max-content;padding:8px 10px;border-radius:14px;background:#12161b8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 30px #00000059}#toolbar button{padding:8px 16px;border:none;border-radius:9px;background:#ffffff17;color:#e8ecf0;font-size:13px;letter-spacing:1px;cursor:pointer;transition:background .2s,color .2s}#toolbar button:hover{background:#fff3}#toolbar button.active{background:#2e6db4;color:#fff}#toolbar .sep{width:1px;height:20px;background:#ffffff2e;margin:0 4px}#hint{position:fixed;right:18px;bottom:14px;color:#ffffff8c;font-size:11px;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none}#hint-touch{display:none;position:fixed;right:18px;bottom:14px;color:#ffffff8c;font-size:11px;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none}#rotate-tip{display:none;position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:5;padding:8px 18px;border-radius:999px;background:#12161ba6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#e8ecf0;font-size:12px;letter-spacing:2px;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes tipfade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}#credit{position:fixed;left:18px;bottom:14px;color:#ffffff8c;font-size:11px;letter-spacing:1px;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.5);transition:color .2s}#credit:hover{color:#ffffffe6;text-decoration:underline}#loading{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:#10141a;color:#cfd6dd;transition:opacity .8s;font-size:14px;letter-spacing:3px}#loading.done{opacity:0;pointer-events:none}.spin{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#7fb2e5;animation:rot .9s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}@media(pointer:coarse),(max-width:820px){#hint{display:none}#hint-touch{display:block}#toolbar{bottom:12px;gap:4px;padding:6px 8px;max-width:calc(100vw - 16px);flex-wrap:wrap;justify-content:center}#toolbar button{padding:7px 10px;font-size:12px;letter-spacing:0;white-space:nowrap}#toolbar .sep{display:none}#credit{top:10px;left:12px;bottom:auto;font-size:10px}#hint-touch{bottom:auto;top:10px;right:12px;font-size:10px}}@media(orientation:portrait)and (pointer:coarse){#rotate-tip{display:block;animation:tipfade 5s ease forwards}}#toolbar,#credit,#hint,#hint-touch,#rotate-tip{user-select:none;-webkit-user-select:none}