:root{color-scheme:dark;--bg: #05070e;--text: #dce8ff;--muted: #8fa3c0;--line: rgba(160, 200, 255, .16);--panel: rgba(8, 12, 22, .55);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);touch-action:none;user-select:none;-webkit-user-select:none}#app,#c{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;inset:0;pointer-events:none;z-index:2;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.controls{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:flex;gap:6px;pointer-events:auto}.chip{appearance:none;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font:inherit;font-size:11px;letter-spacing:.04em;padding:7px 10px;cursor:pointer;backdrop-filter:blur(8px);opacity:.72;transition:opacity .2s,border-color .2s,color .2s}.chip:hover,.chip.on{opacity:1;color:var(--text);border-color:#59f0ff66}#loader{position:absolute;inset:0;display:grid;place-items:center;z-index:5;background:radial-gradient(ellipse at 50% 40%,#121a2e,#05070e 70%);transition:opacity .5s ease,visibility .5s ease}#loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-card{text-align:center;color:var(--text);letter-spacing:.2em;font-size:13px}.loader-bar{margin:16px auto 0;width:140px;height:3px;border-radius:999px;background:#ffffff14;overflow:hidden}.loader-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,#59f0ff,#ffc07a,#ff7a59);animation:load 1s ease-in-out infinite}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(280%)}}