html, body { margin:0; padding:0; background:#000; overflow:hidden; height:100%; width:100%; }
    #pixi-canvas { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; }
    .text-overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; text-align:center; color:#fff; z-index:1; pointer-events:none; padding:1rem; box-sizing:border-box; transition:transform .5s ease; }
    .word { font-size:clamp(24px,8vw,96px); letter-spacing:.1em; text-transform:uppercase; opacity:0; transform:translateY(40px) scale(.95); filter:blur(10px); transition:opacity 1.2s ease, transform 1.2s ease, filter 1.2s ease; word-wrap:break-word; display:none; }
    .word.visible { opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
    .word.combined { transform:translateY(-10px) scale(1.05); }
    .final-scene { font-size:clamp(16px,4vw,36px); margin-top:10px; opacity:0; transition:opacity 1s ease; pointer-events:auto; max-width:90vw; word-break:break-word; display:none; }
    .final-scene.visible { opacity:1; }
    a { color:inherit; text-decoration:none; }
    a.button {
      padding: 12px; /* увеличили размер кнопки */
      border: none;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    a.button i { font-size: 40px; color:#fff; }
    /* Navigation dots */
    .nav-dots { position:absolute; top:50%; right:1rem; transform:translateY(-50%); display:flex; flex-direction:column; gap:8px; z-index:2; }
    .nav-dot { width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.5); cursor:pointer; transition:background .3s; }
    .nav-dot.active { background:#fff; }