:root{--accent: #4f8cff;--bg: #0e0f12;--fg: #e9ecf1;--fg-dim: #9aa3b2;--surface: rgba(20, 22, 27, .72);--border: rgba(233, 236, 241, .12)}*{box-sizing:border-box}#app,#app canvas{position:fixed;inset:0;display:block}#app canvas{touch-action:none;outline:none}#vignette{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.32) 100%)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(10,11,14,.75),transparent);user-select:none;-webkit-user-select:none}.bar-left{display:flex;align-items:baseline;gap:10px;min-width:0}.bar-logo{align-self:center;max-height:28px;max-width:120px}.bar-title{font-size:15px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.6)}.bar-watermark{font-size:11px;color:var(--fg-dim);white-space:nowrap}.bar-right{display:flex;align-items:center;gap:8px}.bar-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .15s ease,color .15s ease}.bar-button:hover{border-color:var(--accent);color:var(--accent)}.vr-button{position:static!important;left:auto!important;bottom:auto!important;width:auto!important;margin:0!important;padding:0 12px!important;height:38px;border-radius:10px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--fg)!important;font:600 11px/38px system-ui,sans-serif!important;opacity:1!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vr-button:hover{border-color:var(--accent)!important;color:var(--accent)!important}.hint{position:fixed;left:50%;bottom:76px;z-index:20;transform:translate(-50%);max-width:min(90vw,460px);padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:13px;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;transition:opacity .4s ease}.hint.hidden{opacity:0}.help-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#08090b99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .2s ease}.help-backdrop.hidden{opacity:0;pointer-events:none}.help-card{width:min(420px,100%);max-height:80vh;overflow-y:auto;padding:24px 28px;border-radius:16px;border:1px solid var(--border);background:#16181d;color:var(--fg)}.help-card h2{margin:0 0 12px;font-size:18px}.help-section h3{margin:14px 0 6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.help-section ul{margin:0;padding-left:18px;color:var(--fg-dim);font-size:14px;line-height:1.7}.help-tip{margin:16px 0 0;font-size:12px;color:var(--fg-dim)}.help-close{margin-top:18px;padding:9px 18px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.help-close:hover{filter:brightness(1.1)}