*{box-sizing:border-box;margin:0;padding:0}body{background-color:#12131c;color:#e0e6ed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;overflow:auto}#app{display:flex;flex-direction:column;align-items:center;gap:20px}#game-container{border:4px solid #2d334a;border-radius:12px;box-shadow:0 16px 48px #000000b3;background-color:#000;overflow:hidden;line-height:0}canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;display:block}#controls-hint{display:flex;align-items:center;gap:12px;font-size:16px;color:#9aa5b8;background:#1e2234d9;padding:12px 24px;border-radius:24px;border:1px solid #3b4261}.hint-divider{color:#48527a;margin:0 4px}.clickable-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;transition:opacity .15s ease}.clickable-toggle:hover{opacity:.85}.clickable-toggle:active{transform:translateY(1px)}.clickable-toggle.music-disabled{opacity:.55}.clickable-toggle.music-disabled .key-badge{background:#181b29;color:#64748b;border-color:#333a56}.key-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#23283e;border:1px solid #48527a;border-bottom:3px solid #48527a;border-radius:6px;font-weight:700;font-size:15px;color:#f1f5f9}.space-badge{width:auto;padding:0 10px;font-size:13px}