*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1f2e;color:#eee;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app{width:100%;height:100%;display:flex;flex-direction:column}.menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:40px;padding:20px}.menu-title{font-size:2.5rem;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,gold,#ff6b6b,#4ecdc4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px}.menu-btn{padding:18px 24px;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;color:#fff;transition:transform .1s,box-shadow .1s;text-transform:uppercase;letter-spacing:1px}.menu-btn:active{transform:scale(.96)}.menu-btn-sequence{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ee5a2466}.menu-btn-discovery{background:linear-gradient(135deg,#4ecdc4,#2d98da);box-shadow:0 4px 15px #2d98da66}.menu-btn-memory{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 15px #7c3aed66}.menu-btn-complementary{background:linear-gradient(135deg,gold,#f39c12);box-shadow:0 4px 15px #f39c1266;color:#1a1f2e}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.dialog{background:#16213e;border-radius:16px;padding:32px 24px;max-width:340px;width:100%;text-align:center}.dialog h2{margin-bottom:20px;font-size:1.4rem}.dialog-message{margin-bottom:24px;line-height:1.6;color:#aaa;white-space:pre-line}.difficulty-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.dialog-buttons{display:flex;gap:10px;justify-content:center}.dialog-btn{padding:12px 20px;font-size:1rem;font-weight:600;border:2px solid #334;border-radius:10px;background:#1a1f2e;color:#eee;cursor:pointer;flex:1}.dialog-btn:active{transform:scale(.96)}.dialog-btn-primary{background:#4ecdc4;color:#1a1f2e;border-color:#4ecdc4}.dialog-btn-back{margin-top:12px;background:transparent;border-color:#555;color:#888}.custom-inputs{display:flex;gap:16px;margin-bottom:20px;justify-content:center}.custom-inputs label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#aaa}.custom-inputs input{width:80px;padding:10px;text-align:center;font-size:1.2rem;border:2px solid #334;border-radius:8px;background:#0f0f23;color:#eee}.game-screen{display:flex;flex-direction:column;height:100%}.canvas-container{flex:1;position:relative;overflow:hidden}.canvas-container canvas{display:block;width:100%;height:100%}.hud{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f1420;border-top:1px solid rgba(255,140,0,.25);min-height:48px;z-index:10}.hud-left,.hud-center,.hud-right{display:flex;align-items:center;gap:8px}.hud-btn{padding:6px 14px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,140,0,.4);border-radius:6px;background:#1a1f2e;color:#ff8c00;cursor:pointer}.hud-btn:active{background:#2a3040}.hud-info{font-size:.85rem;font-weight:600;color:#e0a050}