:root{--bg:#0d1b2a;--tube-bg:#ffffff0f;--tube-stroke:#ffffff8c;--tube-select:#fff;--tube-done:#ffd740;--col-0:#ff595e;--col-1:#ffca3a;--col-2:#8ac926;--col-3:#1982c4;--col-4:#6a4c93;--col-5:#ff7f51;--col-6:#f15bb5;--text-ui:#fff;--text-dim:#ffffff73;--btn-bg:#ffffff1f;--btn-stroke:#ffffff38;--overlay-bg:#080e16e0;--overlay-text:#fff;--overlay-sub:#fff9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);touch-action:none;width:100%;height:100%;overflow:hidden}canvas{touch-action:none;display:block}#hook-overlay,#cta-overlay{z-index:40;background:var(--overlay-bg);touch-action:auto;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#hook-overlay.open,#cta-overlay.open{display:flex}.hook-panel{background:var(--bg);border:1px solid var(--btn-stroke);text-align:center;border-radius:18px;flex-direction:column;gap:16px;width:min(300px,86vw);padding:28px 24px;display:flex}.hook-title{color:var(--overlay-text);font:700 22px/1.25 system-ui,sans-serif}.hook-btn{background:var(--btn-bg);width:100%;height:48px;color:var(--text-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;font:700 16px system-ui,sans-serif}.hook-btn.accent{background:var(--col-3);color:#fff}.hook-btn:active{transform:scale(.97)}