:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#30372c;background:#eee9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit;border:1px solid #a7ad99;background:transparent;border-radius:22px;padding:9px 16px}button{cursor:pointer}button:disabled,select:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #ad6039;outline-offset:4px}header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}header>div{display:flex;gap:8px}.brand{text-decoration:none;color:inherit;letter-spacing:2px}.brand span{color:#89907f}main{max-width:1320px;margin:auto}.navigation{margin:0 40px;border-top:1px solid #c5c7b9;border-bottom:1px solid #c5c7b9;display:flex;justify-content:space-between;align-items:center;gap:20px}[role=tablist]{display:flex;gap:28px}[role=tab]{border:0;border-radius:0;font:38px Georgia,serif;padding:15px 0 16px;color:#8c9083;border-bottom:2px solid transparent}[role=tab][aria-selected=true]{color:#30372c;border-bottom-color:#ba603c}[role=tab] small{font:10px Arial,sans-serif;letter-spacing:1px;margin-left:8px}.hint{font-size:11px;color:#7c8272}.midi{margin:18px 40px 0;font-size:11px}.midi>summary{letter-spacing:1.4px;cursor:pointer}.midiRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}.midiRow label{display:flex;gap:10px;align-items:center}#device{max-width:360px}#midiStatus{min-height:18px;color:#9d5938}.map,.help{line-height:1.9;color:#767e6b}.help summary{cursor:pointer}.help p{max-width:880px}.help a{color:inherit}.midi:has(.help[open]){padding-bottom:12px}iframe{width:100%;height:1600px;border:0;display:block;background:#eee9df}[hidden]{display:none!important}.loadError{padding:0 40px;color:#aa3e2e}@media(max-width:650px){header{padding:18px;align-items:flex-start}.brand{max-width:125px;line-height:1.6;font-size:9px}header button{padding:8px 10px;font-size:10px}.navigation{margin:0 18px}.hint{display:none}[role=tab]{font-size:32px}.midi{margin:16px 18px 0}.midiRow{gap:9px}#device{max-width:100%;width:100%}.map{font-size:10px}iframe{height:2300px}}

#language{font-size:11px;padding:8px 10px;min-width:66px}header>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:650px){header{gap:8px}.brand{max-width:105px;flex-shrink:0}header>div{gap:6px}#language{font-size:10px;padding:7px 8px;min-width:60px}}

.loopfield-link{display:inline-flex;align-items:center;font:inherit;color:inherit;border:1px solid #a7ad99;border-radius:22px;padding:9px 16px;text-decoration:none;white-space:nowrap}.loopfield-link:hover{background:#e0e3d4}@media(max-width:650px){header{flex-wrap:wrap}header>div{margin-left:auto}.loopfield-link{padding:8px 10px;font-size:10px}}