*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a1a;color:#e0e0e0;font-family:'Segoe UI',system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;user-select:none;touch-action:none}
canvas{display:block;border-radius:8px}
.screen{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(10,10,26,.92);z-index:10;padding:20px}
.screen.active{display:flex}
h1{font-size:2.4em;margin-bottom:8px;background:linear-gradient(135deg,#ff6b6b,#ffa94d,#ffd43b,#69db7c,#6e8efb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.subtitle{color:#888;font-size:1.1em;margin-bottom:30px}
.btn{background:linear-gradient(135deg,#ff6b6b,#ffa94d);border:none;color:#fff;padding:16px 48px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,107,107,.4)}
.final{font-size:1.3em;color:#aaa;margin:15px 0 25px}
.final strong{color:#ffa94d}