.instrument-page{padding:40px 0}.instrument-page h1{font-size:clamp(32px,5vw,56px);margin:12px 0}.free-melodica{margin:28px 0;padding:24px;border:1px solid #39444c;border-radius:20px;background:#141b20;color:#eef0f1}.instrument-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.instrument-toolbar button{min-height:44px;padding:10px 16px;background:#293740;color:#fff;border:1px solid #687984;border-radius:9px;font:inherit;cursor:pointer}.instrument-toolbar button:disabled{opacity:.65;cursor:wait}.instrument-toolbar label{display:flex;align-items:center;gap:10px}.instrument-toolbar input{width:100px;accent-color:#e67b91}.instrument-status{color:#ffdf87;min-height:24px}.instrument-surface{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.instrument-surface svg{display:block;width:100%;height:auto;overflow:visible}.instrument-surface .melodica-key{cursor:pointer;outline:none}.instrument-surface .key-active .key-face{fill:#ffd466;stroke:#d39928;stroke-width:3}.instrument-surface .melodica-key:focus-visible .key-face{stroke:#e85e87;stroke-width:5}.instrument-shortcut{font:600 20px Arial,sans-serif;pointer-events:none}.instrument-help{color:#aebcc6;font-size:14px;line-height:1.7}.instrument-rotate{display:none;color:#aebcc6}.free-melodica:fullscreen,.free-melodica.is-expanded{box-sizing:border-box;width:100%;height:100dvh;margin:0;border:0;border-radius:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center;background:#11171c}.free-melodica.is-expanded{position:fixed;inset:0;z-index:999999}.free-melodica:fullscreen .instrument-surface,.free-melodica.is-expanded .instrument-surface{min-height:0}.free-melodica:fullscreen svg,.free-melodica.is-expanded svg{max-height:60dvh}.instrument-fullscreen-open{overflow:hidden}.site-header nav{flex-wrap:wrap}
@media(pointer:coarse){.instrument-shortcut{display:none}}
@media(max-width:600px){.free-melodica{padding:12px 5px}.instrument-toolbar{gap:8px}.instrument-toolbar button{font-size:13px;padding:8px}.instrument-toolbar label{font-size:13px}.instrument-status,.instrument-help,.instrument-rotate{padding:0 8px}.instrument-page{padding-top:24px}.site-header nav{gap:10px;font-size:13px}}
@media(orientation:portrait) and (max-width:900px){.instrument-rotate{display:block}}
@media(orientation:landscape) and (max-height:550px){.free-melodica:fullscreen .instrument-help,.free-melodica.is-expanded .instrument-help{display:none}.instrument-status{margin:5px 0}.instrument-toolbar button{font-size:12px;padding:6px 10px}.instrument-toolbar{gap:8px}}

/* Suppress native tap flashes and text selection on the playable surface only. */
.instrument-surface,.instrument-surface *{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}