.iron-menu{--brass: #b68c40;--brass-light: #d9b56a;--brass-dark: #6f5424;--red: #9b3032;--red-dark: #6a1f21;--iron: #343436;--iron-dark: #1e1b1c;--shadow: #262122;--stone-light: #b7a183;position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;box-sizing:border-box;overflow:auto;background:radial-gradient(ellipse at 50% 40%,#2621228c,#140f0ee0),#140f0e66;color:var(--stone-light);font-family:Barlow Condensed,Oswald,Bebas Neue,Arial Narrow,Roboto Condensed,Haettenschweiler,Impact,system-ui,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.iron-menu[hidden]{display:none}.iron-menu__panel{position:relative;box-sizing:border-box;width:min(460px,100%);padding:28px 32px 26px;background:linear-gradient(180deg,rgb(255 255 255 / 5%),transparent 40%),linear-gradient(180deg,#2c2829,var(--iron-dark));border:3px solid var(--brass);box-shadow:inset 0 0 0 2px var(--iron-dark),inset 0 0 0 4px var(--brass-dark),0 18px 48px #000000a6;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.iron-menu__title{margin:0;font-size:64px;line-height:.95;letter-spacing:.22em;text-align:center;text-indent:.22em;background:linear-gradient(180deg,var(--brass-light),var(--brass) 55%,var(--brass-dark));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgb(0 0 0 / 70%))}.iron-menu__subtitle{margin:4px 0 12px;font-size:15px;letter-spacing:.4em;text-align:center;text-indent:.4em;color:var(--red);filter:brightness(1.35)}.iron-menu__note{margin:0 0 22px;font-size:13px;line-height:1.35;letter-spacing:.12em;text-align:center;color:#8f8068}.iron-menu__play{display:block;width:100%;margin:0 0 22px;padding:14px 16px 12px;font:inherit;font-size:26px;letter-spacing:.14em;text-transform:inherit;color:#f4e6cc;text-shadow:0 2px 0 rgb(0 0 0 / 55%);background:linear-gradient(180deg,#b13c3e,var(--red) 45%,var(--red-dark));border:2px solid var(--brass);box-shadow:inset 0 1px #ffffff47,inset 0 -3px #0000004d,0 4px 0 var(--brass-dark);cursor:pointer}.iron-menu__play:hover{filter:brightness(1.15)}.iron-menu__play:active{transform:translateY(2px);box-shadow:inset 0 1px #fff3,inset 0 -3px #0000004d,0 2px 0 var(--brass-dark)}.iron-menu__play:focus-visible,.iron-menu__segment:focus-visible,.iron-menu__range:focus-visible{outline:3px solid var(--brass-light);outline-offset:3px}.iron-menu__field{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 12px;margin-bottom:16px}.iron-menu__label{font-size:15px;letter-spacing:.16em;color:var(--stone-light)}.iron-menu__value{min-width:4.5ch;text-align:right;font-size:18px;color:var(--brass-light)}.iron-menu__range{grid-column:1 / -1;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;--fill: 50%}.iron-menu__range::-webkit-slider-runnable-track{height:10px;background:linear-gradient(90deg,var(--brass) var(--fill),var(--iron) var(--fill));border:2px solid var(--iron-dark);box-shadow:0 1px 0 var(--brass-dark)}.iron-menu__range::-moz-range-track{height:6px;background:linear-gradient(90deg,var(--brass) var(--fill),var(--iron) var(--fill));border:2px solid var(--iron-dark);box-shadow:0 1px 0 var(--brass-dark)}.iron-menu__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:24px;margin-top:-9px;background:linear-gradient(180deg,var(--brass-light),var(--brass) 50%,var(--brass-dark));border:2px solid var(--iron-dark);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.iron-menu__range::-moz-range-thumb{width:14px;height:20px;background:linear-gradient(180deg,var(--brass-light),var(--brass) 50%,var(--brass-dark));border:2px solid var(--iron-dark);border-radius:0}.iron-menu__segments{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.iron-menu__segment{padding:8px 0 6px;font:inherit;font-size:16px;letter-spacing:.14em;text-transform:inherit;color:var(--stone-light);background:linear-gradient(180deg,#3a3637,var(--iron));border:2px solid var(--iron-dark);box-shadow:inset 0 1px #ffffff1a;cursor:pointer}.iron-menu__segment:hover{filter:brightness(1.2)}.iron-menu__segment[aria-checked=true]{color:#2a1d0a;text-shadow:0 1px 0 rgb(255 255 255 / 25%);background:linear-gradient(180deg,var(--brass-light),var(--brass) 55%,var(--brass-dark));border-color:var(--brass-dark)}.iron-menu__keys{width:100%;margin-top:22px;border-collapse:collapse;font-size:13px;letter-spacing:.12em;color:#8f8068}.iron-menu__keys caption{margin-bottom:6px;text-align:left;font-size:13px;letter-spacing:.3em;color:var(--brass)}.iron-menu__keys th,.iron-menu__keys td{padding:3px 6px 2px 0;text-align:left;font-weight:700;border-top:1px solid rgb(182 140 64 / 22%)}.iron-menu__keys td:first-child{color:var(--stone-light)}.iron-menu__keys thead td{color:var(--brass-dark);filter:brightness(1.3)}@media(max-height:640px){.iron-menu__panel{padding:18px 24px}.iron-menu__title{font-size:44px}.iron-menu__keys{display:none}}@media(prefers-reduced-motion:no-preference){.iron-menu__play,.iron-menu__segment{transition:filter 80ms linear,transform 80ms linear}}