.locale-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;margin:0 0 12px;max-width:100%}.locale-control select{font-size:12px;min-width:0;min-height:40px;padding:6px 8px;max-width:100%;flex:1 1 150px}.hero>.locale-control{padding-bottom:9px;border-bottom:1px solid #d9c7a9}.hero>.locale-control span{font-size:11px}button{line-height:1.25;overflow-wrap:anywhere}select{min-width:0;max-width:100%}dialog{max-width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}dialog p{line-height:1.5}.piano-guide{line-height:1.4;padding:0 6px}html:not([lang="zh-CN"]) h1{font-size:27px;letter-spacing:0}html:not([lang="zh-CN"]) .hero h2{font-size:17px}@media(max-width:600px){html:not([lang="zh-CN"]) h1{font-size:22px}header:after{display:none}.locale-control{margin-bottom:9px}.locale-control select{margin:0;font-size:11px}.controls button{min-height:44px}html:not([lang="zh-CN"]) .hero h2{font-size:14px}}@media(orientation:landscape) and (max-height:550px){.locale-control{display:block}.locale-control select{width:100%;margin:5px 0 0}.hero label{max-width:100%}.piano-guide{font-size:9px}html:not([lang="zh-CN"]) h1{font-size:20px}}