*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Helvetica Neue,Hiragino Sans,sans-serif;display:flex}.title{text-align:center;color:gold;text-shadow:0 0 20px #ffd70080,2px 2px #c8860a;letter-spacing:.05em;margin-bottom:16px;font-size:1.6em;font-weight:700}canvas{border:3px solid #ffd700b3;border-radius:12px;width:min(90vw,1024px);height:auto;display:block;box-shadow:0 0 40px #ffd70033,0 8px 32px #00000080}.hint{color:#ffffff80;letter-spacing:.08em;margin-top:14px;font-size:.85em}