.control-panel{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#fffffff2;padding:12px 20px;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Open Sans,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;transition:all .3s ease;opacity:.8;width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.control-panel:hover{background:#fffffffa;box-shadow:0 6px 24px #00000026}.control-panel.fade-out{opacity:0;transform:translate(-50%,20px)}.control-panel-title{margin:0 0 12px;color:#333;font-size:1em;font-weight:600;text-align:center;width:100%}.movement-container{display:flex;justify-content:center;align-items:center;width:100%;gap:12px;flex-wrap:wrap;border-radius:8px}.control-group{display:flex;flex-direction:column;gap:6px;align-items:center;flex:1;padding:4px;border-radius:8px}.group-title{color:#555;font-size:.9em;font-weight:600;margin-bottom:4px;width:100%;text-align:center}.keys-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:80px;height:80px;padding:3px}.key-element{background:#f0f0f0f2;border-radius:4px;font-size:.9em;font-weight:600;color:#333;text-align:center;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:auto;box-shadow:0 4px 8px #0003,0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sprint-group{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;margin-top:4px;padding:4px;border-radius:8px}.sprint-key{background:#f0f0f0f2;padding:2px 6px;border-radius:4px;font-size:.9em;font-weight:600;color:#333;text-align:center;min-width:45px;box-shadow:0 4px 8px #0003,0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sprint-action{color:#666;font-size:.9em}.notification-bar{position:fixed;top:50px;right:30px;background:#fff201f2;padding:10px 18px;border-radius:10px;box-shadow:0 4px 20px #0000001a;font-family:Open Sans,sans-serif;font-size:1em;font-weight:600;color:#333;z-index:1001;opacity:.92;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.notification-bar.fade-out{opacity:0;transform:translateY(-20px)}.key-highlight{display:inline-block;border:2px solid #333;border-radius:4px;padding:0 8px;margin:0 4px;font-weight:700;background:#fffbe6;color:#333;font-size:1em;box-shadow:0 1px 2px #00000014;vertical-align:middle}