*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;touch-action:none}body{background:linear-gradient(180deg,#1a2535,#0f1a28,#0a1018);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.title{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 20px rgba(100,150,255,.5);letter-spacing:2px;z-index:10;white-space:nowrap}.canvas-container{width:100%;height:100%;touch-action:none}.instruction{position:absolute;bottom:130px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;text-align:center;white-space:nowrap;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.shake-button{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:14px 40px;border-radius:25px;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #4f46e566;transition:transform .2s,box-shadow .2s;z-index:10;white-space:nowrap}.shake-button:active{transform:translate(-50%) scale(.96);box-shadow:0 2px 12px #4f46e54d}.shake-button:disabled{opacity:.7;cursor:not-allowed}