:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f0df;background:#101d24}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}#app{width:100vw;height:100vh}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(#16293580,#101a237d);cursor:pointer;z-index:2;transition:opacity .25s}.overlay.hidden{opacity:0;pointer-events:none}.card{max-width:440px;padding:28px 32px;border:1px solid #ffffff40;border-radius:14px;background:#10202be0;box-shadow:0 18px 55px #0008;text-align:center}.card h1{margin:0 0 10px;font-size:29px;letter-spacing:.02em}.card p{margin:7px 0;color:#d4dfd7;line-height:1.5}.card .hint{margin-top:18px;color:#ffe2a3;font-size:14px}.debug{position:fixed;left:12px;top:12px;padding:9px 12px;background:#071016c9;border:1px solid #9fcbb04f;border-radius:7px;color:#d9f4df;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;pointer-events:none}.debug[hidden]{display:none}.companion-status{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:8px 13px;border:1px solid #f5d58766;border-radius:999px;background:#111a20c9;color:#ffe0a0;font-size:13px;letter-spacing:.02em;pointer-events:none}