:root{--page-bg:#faf8ef;--board-bg:#bbada0;--cell-empty:#cdc1b4;--score-bg:#bbada0;--score-text:#f9f6f2;--score-label:#eee4da;--tile-border:#0000001a;--overlay-win:#edc22ee0;--overlay-lose:#eee4dacc;--overlay-text:#776e65;--overlay-menu:#00000059}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page-bg);touch-action:none;width:100%;height:100%;overflow:hidden}canvas{display:block;position:fixed;top:0;left:0}#palette-switcher{z-index:10;touch-action:auto;align-items:center;gap:8px;height:13vh;display:flex;position:fixed;top:0;right:10px}.pal-dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background-clip:padding-box;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;padding:0;transition:transform .12s,border-color .12s}.pal-dot:active{transform:scale(.85)}.pal-dot.active{border-color:#00000073;width:20px;height:20px}#menu-toggle{z-index:20;background:var(--score-bg);width:36px;height:36px;color:var(--score-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:auto;border:none;border-radius:8px;font:700 18px system-ui,sans-serif;position:fixed;top:10px;left:10px}#menu-toggle:active{transform:scale(.92)}#menu-overlay{z-index:30;background:var(--overlay-menu);touch-action:auto;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#menu-overlay.open{display:flex}#menu-panel{background:var(--page-bg);border-radius:18px;flex-direction:column;gap:12px;width:min(260px,80vw);padding:24px;display:flex}.menu-btn{background:var(--cell-empty);width:100%;height:48px;color:var(--overlay-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;font:700 16px system-ui,sans-serif}.menu-btn:active{transform:scale(.97)}.menu-btn.accent{background:var(--score-bg);color:var(--score-text)}#hook-overlay,#cta-overlay{z-index:40;background:var(--overlay-menu);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(--page-bg);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}