.colophon{margin:.25rem var(--pad) 0;font-family:var(--font-display)}.colophon-links{flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.colophon-links li{align-items:center;display:flex}.colophon-links li+li:before{content:"";border:1px solid var(--c-ink);background:var(--c-gold);width:.4rem;height:.4rem;margin-inline:.4rem;transform:rotate(45deg)}.colophon-links a{min-height:2.75rem;color:var(--c-burgundy);text-decoration-color:var(--c-gold);text-underline-offset:.2em;align-items:center;padding-inline:.2rem;font-size:1rem;text-decoration-thickness:2px;display:inline-flex}@media (width>=768px){.colophon-links a{min-height:2rem}}@media (width>=440px){.colophon-links a{font-size:1.1rem}}@media (hover:hover){.colophon-links a:hover{text-decoration-color:currentColor}}.ad-slot{--ad-label:.875rem;height:calc(var(--ad-label) + 50px);margin:1.25rem min(-1 * var(--pad), (100% - 320px) / 2) 2.5rem;flex-direction:column;align-items:center;display:flex;overflow:hidden}.ad-slot .adsbygoogle{flex:none}.ad-label{height:var(--ad-label);color:color-mix(in srgb, var(--c-ink) 76%, transparent);font-family:var(--font-body);font-size:.625rem;line-height:var(--ad-label);letter-spacing:.14em;text-transform:uppercase;margin:0}.panel{--rod:1rem;--fin:calc(var(--rod) * .75);width:min(38rem,100% - .75rem);max-width:none;max-height:calc(100dvh - 1rem);padding:calc(var(--rod) / 2) 0;color:var(--c-ink);background:0 0;border:0;overflow:visible}@media (width>=768px){.panel{--rod:1.25rem}}.panel:before{content:"";z-index:-1;inset:calc(var(--rod) / 2) calc(var(--fin) * .6);pointer-events:none;position:absolute;box-shadow:0 .6rem 1.2rem #2b1d1473}.panel[open]{flex-direction:column;display:flex}.panel::backdrop{background:#2b1d1499}.panel:focus-visible{box-shadow:none;outline:none}.panel-rod{z-index:1;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.panel-rod.bottom{justify-content:flex-end}.panel-rod i{height:var(--rod);filter:drop-shadow(0 .25rem .3rem #2b1d1459);background:linear-gradient(#fff8ea99, #fff8ea99) 50% 38%/calc(100% - 2 * var(--fin)) 6% no-repeat, linear-gradient(#c88a55, #8a5a2b 50%, #4e3016) center/calc(100% - 2 * var(--fin) + 2px) 42% no-repeat, linear-gradient(#3b2414, #3b2414) center/calc(100% - 2 * var(--fin) + 2px) 54% no-repeat;flex:none;justify-content:space-between;display:flex}.panel-rod i:before,.panel-rod i:after{content:"";width:var(--fin);background:var(--scroll-rod) left/auto 100% no-repeat}.panel-rod i:after{background-position:100%}.panel-sheet{min-height:0;margin-inline:calc(var(--fin) * .6);padding-block:calc(var(--rod) / 2);background:linear-gradient(90deg, #7a4a2624, transparent 7% 93%, #7a4a2624) var(--c-parchment);box-shadow:inset 0 0 0 .4rem var(--c-parchment), inset 0 0 0 .5rem var(--c-gold), inset 0 0 0 .6rem var(--c-parchment), inset 0 0 0 .65rem var(--c-burgundy);flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.panel:focus-visible>.panel-sheet{box-shadow:inset 0 0 0 .4rem var(--c-parchment), inset 0 0 0 .5rem var(--c-gold), inset 0 0 0 .6rem var(--c-parchment), inset 0 0 0 .8rem var(--c-ink)}.panel-head{border-bottom:3px double var(--c-burgundy);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.25rem .75rem;margin:.75rem 1.25rem 0;padding-bottom:.4rem;display:flex}@media (width>=768px){.panel-head{margin-inline:1.75rem}}.panel-head h2{min-width:0;color:var(--c-burgundy);overflow-wrap:anywhere;flex:auto;margin:0;font-size:min(clamp(1.6rem,6vw,2.1rem),9vw);line-height:1.2}.panel-head h2:first-letter{color:var(--c-vermilion);font-size:1.25em}.panel-head form{margin:0 0 0 auto}.panel-close{border:2px solid var(--c-burgundy);min-height:2.75rem;color:var(--c-burgundy);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .75rem;display:inline-flex}@media (hover:hover){.panel-close:hover{background:var(--c-burgundy);color:var(--c-parchment)}}.panel-body{overscroll-behavior:contain;overflow-wrap:anywhere;flex:0 auto;min-height:0;padding:.5rem 1.25rem 1.25rem;font-size:1.0625rem;line-height:1.6;overflow:auto}@media (width>=768px){.panel-body{padding-inline:1.75rem}}.panel-body:focus-visible{outline:2px solid var(--c-ink);outline-offset:-4px;box-shadow:none}.panel-body h3{color:var(--c-vermilion);margin:1.25rem 0 .25rem;font-size:1.5rem;line-height:1.25}.panel-body h4{color:var(--c-burgundy);margin:0;font-size:1.25rem;line-height:1.3}.panel-body p,.panel-body ul,.panel-body ol{margin:.5rem 0}.panel-body ul,.panel-body ol{padding-left:1.25rem}.panel-body li+li{margin-top:.3rem}.panel-body a{color:var(--c-burgundy);text-decoration-color:var(--c-gold);text-underline-offset:.18em;text-decoration-thickness:2px}@media (hover:hover){.panel-body a:hover{text-decoration-color:currentColor}}.panel-body code{overflow-wrap:anywhere;background:#7a1f2b14;border-radius:3px;padding:0 .2em;font-size:.92em}.panel-body .steps{padding-left:2.25rem;list-style:upper-roman}.panel-body .steps li::marker{color:var(--c-burgundy);font-family:var(--font-display);font-size:1.25rem}.panel-body .steps h3{color:var(--c-burgundy);margin:0;font-size:1.25rem}.panel-body .steps p{margin-top:.15rem}.panel-body .steps li+li{margin-top:.75rem}.lineup ul{margin:0;padding:0;list-style:none;container-type:inline-size}.lineup-note{font-style:italic}.thumb{box-sizing:content-box;width:var(--thumb);height:var(--thumb);border:2px solid var(--c-burgundy);box-shadow:inset 0 0 0 1px var(--c-gold);background:radial-gradient(circle at 50% 35%,#f6e6b4,#dcbd78);border-radius:.9rem .9rem 3px 3px;grid-area:thumb;place-self:start;margin-bottom:.4rem;overflow:hidden}@container (width>=17.5rem){.thumb{margin-bottom:0}}.thumb img{width:100%;height:100%;display:block}.instrument{--thumb:88px;border-top:1px solid #7a1f2b40;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"thumb thumb""name hear""lore lore";align-items:center;gap:0 .75rem;padding-top:.6rem;display:grid}.instrument+.instrument{margin-top:.6rem}.instrument h4{overflow-wrap:anywhere;grid-area:name}.instrument .lore{grid-area:lore;align-self:start;margin:.3rem 0 0}@container (width>=17.5rem){.instrument{grid-template-columns:calc(var(--thumb) + 4px) minmax(0, 1fr) auto;grid-template-areas:"thumb name hear""lore lore lore"}}@container (width>=26rem){.instrument{grid-template-areas:"thumb name hear""thumb lore lore"}.instrument .lore{margin-top:.2rem}}.hear{border:2px solid var(--c-burgundy);min-height:2.75rem;color:var(--c-burgundy);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:4px;grid-area:hear;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:1rem;display:inline-flex}@media (hover:hover){.hear:hover{background:color-mix(in srgb, var(--c-burgundy) 12%, var(--c-parchment))}}.hear[aria-disabled=true]{opacity:.5;cursor:not-allowed}@container (width>=17.5rem){.hear{white-space:nowrap}}.hear-hush{z-index:1;border-left:4px solid var(--c-burgundy);background:var(--c-parchment);padding:.35rem .6rem;font-style:italic;display:none;position:sticky;top:-.5rem;box-shadow:0 .35rem .4rem -.3rem #2b1d1459}:root[data-playing] .hear-hush{display:block}@media (prefers-reduced-motion:no-preference){.panel[open]{--unroll:.45s cubic-bezier(.2, .7, .2, 1)}.panel[open] .panel-sheet{animation:panel-unroll var(--unroll)}.panel[open]:before{animation:shadow-unroll var(--unroll)}.panel[open] .panel-rod.top{animation:rod-top var(--unroll)}.panel[open] .panel-rod.bottom{animation:rod-bottom var(--unroll)}.panel[open]::backdrop{animation:.3s ease-out panel-dim}}@media (prefers-reduced-motion:reduce){.panel[open],.panel[open]::backdrop{animation:.18s ease-out panel-fade}}@keyframes panel-fade{0%{opacity:0}}@keyframes panel-unroll{0%{clip-path:inset(50% 0)}to{clip-path:inset(0)}}@keyframes shadow-unroll{0%{transform:scaleY(0)}}@keyframes rod-top{0%{translate:0 calc(50% - var(--rod) / 2)}}@keyframes rod-bottom{0%{translate:0 calc(var(--rod) / 2 - 50%)}}@keyframes panel-dim{0%{opacity:0}}.folio{justify-content:center;align-items:flex-start;gap:clamp(.75rem,2vw,2.5rem);min-height:100vh;padding-inline:clamp(0rem,1.5vw,2rem);display:flex}.backdrop{--pw:414px;--ph:896px;z-index:-1;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden}@media (width>=768px){.backdrop{--pw:1024px;--ph:1280px}}@media (width>=1280px){.backdrop{--pw:1920px;--ph:1200px}}.backdrop img{width:max(100%, var(--pw));max-width:none;height:max(100%, var(--ph));object-fit:cover;object-position:0 0;display:block}.leaf{flex:0 68rem;order:1;min-width:0;padding-bottom:1rem}@media (width>=768px){.leaf{padding-bottom:.5rem}}.bas-de-page{width:min(100% - 2 * var(--pad), 48rem);height:auto;margin:.75rem auto 0;display:block;overflow:visible}@media (width>=768px){.bas-de-page{width:min(100% - 2 * var(--pad), 36rem);margin-top:.5rem}}.side-scroll{display:none}@media (width>=768px){.side-scroll{flex-direction:column;flex:0 0 clamp(4rem,13.5vw - 3.5rem,10rem);height:100dvh;padding-block:.5rem;display:flex;position:sticky;top:0}}.side-scroll.right{order:2}.side-scroll-rod{aspect-ratio:120/14;flex:none;width:100%;display:block}@media (width>=768px){.side-scroll-rod{background:var(--scroll-rod) center/100% 100% no-repeat}}.side-scroll-sheet{background:linear-gradient(90deg, #7a4a261f, transparent 12%) var(--c-parchment);box-shadow:inset -1.5px 0 0 var(--c-ink), inset -5px 0 0 var(--c-gold), inset -6.5px 0 0 var(--c-ink);flex:1;margin-inline:6%;overflow:hidden}.right .side-scroll-sheet{transform:scaleX(-1)}.side-scroll-track{aspect-ratio:120/3840;width:100%;display:block}@media (width>=768px){.side-scroll-track{background:var(--scroll-art) top/100% auto repeat-y}}@media (prefers-reduced-motion:no-preference){.side-scroll-track{animation:90s linear infinite paused unroll}.right .side-scroll-track{animation-delay:-45s}:root[data-playing] .side-scroll-track{animation-play-state:running}}@keyframes unroll{to{transform:translateY(-25%)}}.masthead{min-height:3.5rem;padding:.35rem var(--pad) .25rem;border-bottom:3px double var(--c-burgundy);color:var(--c-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .5rem;display:flex;container:masthead/inline-size}.logo{--link-room:6.75rem;font-family:var(--font-logo);white-space:nowrap;margin:0;font-size:clamp(1.2rem,5.2vw,2.4rem);line-height:1.45}@supports (width:1cqi){.logo{font-size:min(clamp(.9rem, (100cqi - var(--link-room)) / 11.8, 2.4rem), 8.62069cqi)}}@container masthead (width>=23.95rem){.logo{--link-room:9.75rem}}.logo .initial{float:left;width:1.42em;height:1.42em;margin:-.05em .02em 0 -.11em}.masthead-link{border:2px solid var(--c-burgundy);min-height:2.75rem;color:var(--c-burgundy);font-family:var(--font-display);white-space:nowrap;border-radius:4px;flex:none;align-items:center;gap:.4rem;padding:.25rem .85rem;font-size:1.1rem;text-decoration:none;display:inline-flex}@container masthead (width<=23.94rem){.masthead-link{padding-inline:.5rem;font-size:1rem}.masthead-link .icon{display:none}}@media (hover:hover){.masthead-link:hover{background:var(--c-burgundy);color:var(--c-parchment)}}.icon{flex:none;width:1.25em;height:1.25em}.tune-menu{z-index:10;overscroll-behavior:contain;border:2px solid var(--c-ink);background:var(--c-parchment);width:min(20rem,100vw - 1rem);max-height:calc(100dvh - 5rem);box-shadow:inset 0 0 0 4px var(--c-parchment), inset 0 0 0 6px var(--c-gold);color:var(--c-ink);margin:0;padding:1rem 1.25rem 1.25rem;position:absolute;inset:auto;overflow:auto}.tune-menu:focus-visible{outline:3px solid var(--c-ink);outline-offset:-3px}.tune-menu h2{color:var(--c-burgundy);margin:0 0 .75rem;font-size:1.5rem}.tune-menu input[type=text]{border:2px solid var(--c-ink);background:var(--c-white);color:var(--c-ink);font:inherit;border-radius:3px;padding:.4rem .5rem}.tune-menu input[type=range],.tune-menu input[type=radio]{accent-color:var(--c-burgundy)}.tune-menu:not([popover],.open){display:none}@supports not selector(:popover-open){.tune-menu:not(.open){display:none}}.tune-field{font-family:var(--font-display);border:0;flex-direction:column;gap:.25rem;margin:0 0 .85rem;padding:0;display:flex}.tune-field legend{margin-bottom:.25rem;padding:0}.tune-field label{font-family:var(--font-body);align-items:center;gap:.4rem;display:flex}.tune-value{font-family:var(--font-body)}.tune-close{border:2px solid var(--c-burgundy);min-height:2.75rem;color:var(--c-burgundy);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .85rem;display:inline-flex}.tune-close:hover{background:var(--c-burgundy);color:var(--c-parchment)}.stage{width:calc(100% - 2 * var(--pad));aspect-ratio:16/9;grid-template-columns:repeat(4,minmax(0,1fr));margin:.6rem auto;padding:7% 7% .3%;display:grid;position:relative;overflow:hidden}@media (width>=768px){.stage{--page-rest:28.75rem;--stage-ratio:2;--stage-floor:20rem;--stage-top:.08;--stage-w:min(100% - 2 * var(--pad), max(var(--stage-floor), (100vh - var(--page-rest)) * var(--stage-ratio)));--stage-room:calc(var(--stage-w) + 2 * var(--pad));width:var(--stage-w);aspect-ratio:2;padding:calc(var(--stage-top) * var(--stage-room)) calc(.115 * var(--stage-room)) calc(.004 * var(--stage-room))}@supports (height:100svh){.stage{--stage-w:min(100% - 2 * var(--pad), max(var(--stage-floor), (100svh - var(--page-rest)) * var(--stage-ratio)))}}}@media (width>=768px) and (width<=1023.98px){.stage{--page-rest:29.85rem}}@media (width>=768px) and (height<=999.98px){.stage{--stage-ratio:40 / 17;--stage-floor:34rem;--stage-top:.012;aspect-ratio:40/17}}@media (width>=768px) and (width<=1023.98px) and (height<=999.98px){.stage{--stage-floor:30rem}}.stage-art{position:absolute;inset:0}.stage-art img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block}.musician{z-index:1;min-width:0;min-height:0;color:var(--c-ink);pointer-events:none;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;padding:0;display:flex;position:relative;container-type:inline-size}.creature{pointer-events:none;flex:1 1 0;width:125%;margin-inline:-12.5%;translate:0 6%}@media (width>=768px){.creature{translate:0 3%}}.creature{min-height:0;overflow:visible}.banderole{width:min(96%,12rem);height:2.3em;color:var(--c-parchment);font-family:var(--font-display);flex:none;place-items:center;margin-top:-3%;font-size:.66rem;line-height:1.1;display:grid;position:relative}@media (width>=768px){.banderole{white-space:nowrap;height:1.9em;margin-top:-1%;font-size:clamp(.85rem,9cqi,1.15rem)}}.musician .banderole,.pm-hit{cursor:pointer;pointer-events:auto}.pm-hit{position:absolute;inset:0}.ribbon{width:100%;height:100%;fill:var(--c-burgundy);stroke:var(--c-gold);stroke-width:2px;position:absolute;inset:0}.banderole-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;padding-inline:.3em;position:relative;overflow:hidden}.stage{--band-scale:.86}@media (width>=768px){.stage{--band-scale:.84}}@media (width>=768px) and (width<=1023.98px) and (height<=999.98px){.stage{--band-scale:.8}}.musician[data-track=percussion] .creature{translate:-1.4% 6%}.musician[data-track=drone] .creature{translate:-11.9% 7.8%}.musician[data-track=strum] .creature{translate:-7.2% 6%}.musician[data-track=melody] .creature{translate:1.1% 6%}@media (width>=768px){.musician[data-track=percussion] .creature{translate:.5% 3%}.musician[data-track=drone] .creature{translate:-10.8% 7.2%}.musician[data-track=strum] .creature{translate:-9.1% 3%}.musician[data-track=melody] .creature{translate:-2.2% 3%}}.zzz{fill:var(--c-parchment);stroke:none;font-family:var(--font-display);font-size:18px;display:none}.musician[data-track=strum] .creature,.musician[data-track=melody] .creature{transform:scaleX(-1)}.musician[data-track=strum] .zzz,.musician[data-track=melody] .zzz{transform-box:fill-box;transform-origin:50%;transform:scaleX(-1)}.musician[data-state=dozing] .zzz{display:inline}@media (prefers-reduced-motion:no-preference){:root[data-playing] .musician[data-state=dozing] .z2{animation:doze calc(var(--beat) * 4) ease-in-out infinite}:root[data-playing] .musician[data-state=dozing] .z3{animation:doze calc(var(--beat) * 4) ease-in-out calc(var(--beat) * 2) infinite}}.pm{display:block;position:relative;container-type:size}.pm-frame{height:calc(min(100cqh, 147.059cqw) * var(--band-scale,1));aspect-ratio:136/200;position:absolute;bottom:0;left:50%;translate:-50%}.pm-canvas,.pm-part,.pm-part img{display:block;position:absolute}.pm-part{inset:0}.pm-part img{width:100%;height:100%}.pm-zzz{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pm-canvas{transform-origin:var(--pm-foot,50% 100%)}.pm-head{--pm-amt:var(--pm-head-amount,1);transform-origin:var(--pm-head-pivot,50% 50%)}.pm-layer{--pm-amt:var(--pm-layer-amount,1);transform-origin:var(--pm-layer-pivot,50% 50%)}.pm-layer2{--pm-amt:var(--pm-layer2-amount,1);transform-origin:var(--pm-layer2-pivot,50% 50%)}.pm-layer3{--pm-amt:var(--pm-layer3-amount,1);transform-origin:var(--pm-layer3-pivot,50% 50%)}@media (prefers-reduced-motion:no-preference){.musician[data-state=playing] .pm-canvas{animation:var(--pm-body-motion,none) calc(var(--beat) * 2) ease-in-out infinite}.musician[data-state=playing] .pm-head{animation:var(--pm-head-motion,none) calc(var(--beat) * var(--pm-head-beats,1)) ease-in-out calc(var(--beat) * var(--pm-head-delay,0) * -1) infinite}.musician[data-state=playing] .pm-layer{animation:var(--pm-layer-motion,none) calc(var(--beat) * var(--pm-layer-beats,1)) ease-in-out calc(var(--beat) * var(--pm-layer-delay,0) * -1) infinite}.musician[data-state=playing] .pm-layer2{animation:var(--pm-layer2-motion,none) calc(var(--beat) * var(--pm-layer2-beats,1)) ease-in-out calc(var(--beat) * var(--pm-layer2-delay,0) * -1) infinite}.musician[data-state=playing] .pm-layer3{animation:var(--pm-layer3-motion,none) calc(var(--beat) * var(--pm-layer3-beats,1)) ease-in-out calc(var(--beat) * var(--pm-layer3-delay,0) * -1) infinite}}@keyframes pm-lean{0%,to{transform:skewX(calc(var(--pm-body-amount,0) * 1deg))}50%{transform:skewX(calc(var(--pm-body-amount,0) * -1deg))}}@keyframes pm-bob{0%,50%,to{transform:none}25%,75%{transform:scaleY(calc(1 - var(--pm-body-amount,0) / 100))}}@keyframes pm-beat{0%,to{animation-timing-function:linear;transform:none}6%{transform:rotate(calc(9deg * var(--pm-amt,1)));animation-timing-function:ease-out}50%{transform:rotate(calc(-2deg * var(--pm-amt,1)));animation-timing-function:ease-in}}@keyframes pm-beat2{0%,50%,to{animation-timing-function:linear;transform:none}3%{transform:rotate(calc(9deg * var(--pm-amt,1)));animation-timing-function:ease-out}25%{transform:rotate(calc(-2deg * var(--pm-amt,1)));animation-timing-function:ease-in}}@keyframes pm-strike{0%,to{transform:none}18%{transform:rotate(calc(2.2deg * var(--pm-amt,1)))}40%{transform:rotate(calc(-.6deg * var(--pm-amt,1)))}}@keyframes pm-strike2{0%,40%,to{transform:none}9%{transform:rotate(calc(2.2deg * var(--pm-amt,1)))}20%{transform:rotate(calc(-.6deg * var(--pm-amt,1)))}}@keyframes pm-shake{0%,50%,to{transform:none}15%,65%{transform:rotate(calc(-2deg * var(--pm-amt,1)))}30%,80%{transform:rotate(calc(1.2deg * var(--pm-amt,1)))}}@keyframes pm-ring{0%,to{transform:rotate(calc(-2deg * var(--pm-amt,1))) translateY(0.3%)}50%{transform:rotate(calc(2deg * var(--pm-amt,1))) translateY(-0.5%)}}@keyframes pm-nod{0%,to{transform:none}25%,75%{transform:rotate(calc(2.5deg * var(--pm-amt,1)))}}@keyframes pm-sway{0%,to{transform:rotate(calc(-1deg * var(--pm-amt,1)))}50%{transform:rotate(calc(1deg * var(--pm-amt,1))) translateY(-0.3%)}}@keyframes pm-pluck{0%,to{transform:none}25%{transform:rotate(calc(2.5deg * var(--pm-amt,1)))}55%{transform:rotate(calc(-1deg * var(--pm-amt,1)))}}@keyframes pm-crank{0%,to{transform:rotate(calc(-1.5deg * var(--pm-amt,1)))}50%{transform:rotate(calc(1.5deg * var(--pm-amt,1))) translateY(-0.6%)}}@keyframes pm-pump{0%,to{transform:none}45%{transform:rotate(calc(2deg * var(--pm-amt,1)))}}@keyframes pm-press{0%,60%,to{transform:none}18%{transform:translateY(0.5%) rotate(calc(-1.5deg * var(--pm-amt,1)))}}@keyframes pm-lift{50%{transform:translateY(-1.5%) rotate(calc(-1.5deg * var(--pm-amt,1)))}}@keyframes pm-bow{0%,to{transform:rotate(calc(-1.6deg * var(--pm-amt,1)))}50%{transform:rotate(calc(1.6deg * var(--pm-amt,1)))}}@keyframes pm-chant{0%,to{transform:rotate(calc(-3deg * var(--pm-amt,1)))}50%{transform:rotate(calc(2deg * var(--pm-amt,1))) translateY(-0.5%)}}@keyframes doze{50%{opacity:.2;transform:translateY(-3px)}}.grid{--gap:.3rem;--cell-h:2.75rem;margin:0 var(--pad);container:grid/inline-size}@media (width>=768px){.grid{--cell-h:2.5rem}}.grid-scroll{--slots:16}.grid-scroll,.grid-body{row-gap:.4rem;display:grid}.grid-ruler,.grid-row{column-gap:var(--gap);grid-template-columns:repeat(16,minmax(0,1fr));display:grid}.grid-head,.grid-cell{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.grid-head{grid-column:1/-1}.grid-corner,.grid-pager{display:none}.slot-mark{cursor:pointer;touch-action:manipulation;background:50%/contain no-repeat;border:0;border-radius:3px;height:1.5rem;padding:0;position:relative}.slot-mark:before{content:"";background:var(--c-ink);opacity:.5;width:1.5px;height:.4rem;position:absolute;bottom:.1rem;left:calc(50% - .75px)}.slot-mark.inactive{cursor:default}.slot-mark.inactive:before{opacity:.15}.slot-mark:not(.inactive):active{background-color:color-mix(in srgb, var(--c-gold) 60%, transparent)}@media (hover:hover){.slot-mark:not(.inactive):hover{background-color:color-mix(in srgb, var(--c-gold) 35%, transparent)}.slot-mark:not(.inactive):hover:before{opacity:.9}}.slot-mark.now{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cg stroke='%232b1d14' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M5 1h10v5H5z' fill='%23c0392b'/%3E%3Cpath d='M5 6c-1 3-1 6 1 8l2 1v6.5c0 1.8 3 1.8 3 0V15c1 1 3 1 3.2-1 1 1 3 .5 2.8-1.6 1 0 1.8-1.2 1.6-3L15 6z' fill='%23f7f1e3'/%3E%3Cpath d='M11 15v-3M14.2 14v-3M17 12.4V10' fill='none' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E")}.slot-mark.now:before{display:none}.grid-row{--track-colour:var(--c-ink);--track-ink:var(--c-white);row-gap:.15rem}.grid-row[data-track=percussion]{--track-colour:var(--c-vermilion)}.grid-row[data-track=drone]{--track-colour:var(--c-lapis)}.grid-row[data-track=strum]{--track-colour:var(--c-verdigris)}.grid-row[data-track=melody]{--track-colour:var(--c-gold);--track-ink:var(--c-ink)}.grid-label-name{text-overflow:ellipsis;hyphens:none;overflow:hidden}.grid-label{max-width:100%;height:1.75rem;color:var(--c-ink);font-family:var(--font-display);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-self:start;align-items:center;gap:.4rem;padding:0 .35rem 0 0;font-size:.95rem;display:flex}.grid-label:before{content:"";border:1.5px solid var(--c-ink);background:var(--track-colour);flex:none;width:.8em;height:.8em}.grid-label:hover .grid-label-name{text-decoration:underline}.muted-mark{color:var(--c-burgundy);font-size:.85em;font-style:italic}.cell{min-width:0;height:var(--cell-h);border:1.5px solid var(--c-ink);background:color-mix(in srgb, var(--c-parchment) 55%, var(--c-white));color:var(--c-ink);font-family:var(--font-body);cursor:pointer;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:3px;padding:0;font-size:1.2rem;font-weight:700}.cell.filled{background:var(--track-colour);color:var(--track-ink)}.muted .cell{border-style:dashed}.cell.playhead{border:3px solid var(--c-burgundy);box-shadow:inset 0 0 0 2px var(--c-parchment)}.cell.playhead:focus-visible{box-shadow:inset 0 0 0 2px var(--c-parchment), 0 0 0 5px var(--c-ink)}@media (hover:hover){.cell:not(.filled):hover{background:color-mix(in srgb, var(--track-colour) 18%, var(--c-parchment))}}@container grid (width>=44rem){.grid-ruler,.grid-row{grid-template-columns:9rem repeat(16,minmax(0,1fr))}.grid-corner{display:block}.grid-head{grid-column:1}.grid-label{align-self:center;width:100%;height:2.5rem}.muted-mark{margin-left:auto}}@media (width>=768px) and (height<=999.98px){@container grid (width<=43.99rem){.grid-ruler,.grid-row{grid-template-columns:4.75rem repeat(16,minmax(0,1fr))}.grid-corner{display:block}.grid-head{grid-column:1}.grid-label{border-left:4px solid var(--track-colour);text-align:left;white-space:normal;border-radius:0;flex-direction:column;justify-content:center;align-self:center;align-items:flex-start;gap:0;width:100%;height:2.5rem;padding:0 .15rem 0 .35rem;font-size:.75rem;line-height:1.15}.grid-label:before{display:none}.grid-label-name{max-width:100%}}}@media (width<=767.98px){.grid-scroll{--slots:8;--gutter:min(4.25rem, 30cqi);scroll-padding-left:calc(var(--gutter) + var(--gap));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--c-burgundy) transparent;scrollbar-width:thin;padding-top:.4rem;padding-bottom:.4rem;overflow-x:auto}@container grid (width<=18.64rem){.grid-scroll{--gap:.2rem}}@container grid (width<=17.84rem){.grid-scroll{--slots:6;--gap:.3rem}}@container grid (width<=15.04rem){.grid-scroll{--slots:4}}@container grid (width<=10.28rem){.grid-scroll{--slots:2}}.grid-ruler,.grid-row{grid-template-columns:var(--gutter) repeat(16, calc((100cqi - var(--gutter) - var(--slots) * var(--gap)) / var(--slots)))}.grid-row{align-items:center}.cell{scroll-snap-align:start}.grid-corner,.grid-head{z-index:1;position:sticky;left:0}.grid-corner,.grid-label{background:var(--c-parchment);box-shadow:var(--gap) 0 0 var(--c-parchment)}.grid-corner{display:block}.grid-pager{justify-content:flex-end;margin-bottom:.3rem;display:flex}.grid-page{border:1.5px solid var(--c-burgundy);min-height:1.75rem;color:var(--c-burgundy);font-family:var(--font-display);white-space:nowrap;cursor:pointer;background:0 0;border-radius:3px;padding:0 .6rem;font-size:.8rem;line-height:1}.grid-head{grid-column:1}.grid-label{width:100%;height:auto;min-height:var(--cell-h);border-left:4px solid var(--track-colour);text-align:left;white-space:normal;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:0 .15rem 0 .35rem;font-size:.72rem;line-height:1.15}.grid-label:before{display:none}.grid-label-name{max-width:100%}@container grid (width<=14.16rem){.grid-label-name{hyphens:manual;overflow-wrap:anywhere}}}@media (width>=768px){@container grid (width<=33.24rem){.grid-scroll{--slots:8;--gutter:min(4.25rem, 30cqi);scroll-padding-left:calc(var(--gutter) + var(--gap));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--c-burgundy) transparent;scrollbar-width:thin;padding-top:.4rem;padding-bottom:.4rem;overflow-x:auto}@container grid (width<=18.64rem){.grid-scroll{--gap:.2rem}}@container grid (width<=17.84rem){.grid-scroll{--slots:6;--gap:.3rem}}@container grid (width<=15.04rem){.grid-scroll{--slots:4}}@container grid (width<=10.28rem){.grid-scroll{--slots:2}}.grid-ruler,.grid-row{grid-template-columns:var(--gutter) repeat(16, calc((100cqi - var(--gutter) - var(--slots) * var(--gap)) / var(--slots)))}.grid-row{align-items:center}.cell{scroll-snap-align:start}.grid-corner,.grid-head{z-index:1;position:sticky;left:0}.grid-corner,.grid-label{background:var(--c-parchment);box-shadow:var(--gap) 0 0 var(--c-parchment)}.grid-corner{display:block}.grid-pager{justify-content:flex-end;margin-bottom:.3rem;display:flex}.grid-page{border:1.5px solid var(--c-burgundy);min-height:1.75rem;color:var(--c-burgundy);font-family:var(--font-display);white-space:nowrap;cursor:pointer;background:0 0;border-radius:3px;padding:0 .6rem;font-size:.8rem;line-height:1}.grid-head{grid-column:1}.grid-label{width:100%;height:auto;min-height:var(--cell-h);border-left:4px solid var(--track-colour);text-align:left;white-space:normal;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:0 .15rem 0 .35rem;font-size:.72rem;line-height:1.15}.grid-label:before{display:none}.grid-label-name{max-width:100%}@container grid (width<=14.16rem){.grid-label-name{hyphens:manual;overflow-wrap:anywhere}}}}.controls-bar{margin:.75rem var(--pad) 0;container:controls/inline-size}.controls-bar.menu-open{z-index:1;position:relative}.controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}@container controls (width<=17.84rem){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@container controls (width<=8.89rem){.controls{grid-template-columns:minmax(0,1fr)}}@media (width>=768px){@container controls (width>=30rem){.controls{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:.75rem}}}@media (width>=1280px){@container controls (width>=30rem){.controls{flex-wrap:wrap;display:flex}}}.controls .tune{display:contents}.controls>button,.controls .tune-toggle{border:2px solid var(--c-ink);background:var(--c-parchment);min-height:3rem;color:var(--c-burgundy);font-family:var(--font-display);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:1.1rem;line-height:1.1;display:inline-flex}@media (hover:hover){.controls>button:hover:not(:disabled),.controls .tune-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--c-burgundy) 12%, var(--c-parchment))}}.controls>button:disabled,.controls .tune-toggle:disabled{opacity:.45;cursor:not-allowed}.controls>button[aria-expanded=true]:not(:disabled),.controls .tune-toggle[aria-expanded=true]:not(:disabled){background:var(--c-burgundy);color:var(--c-parchment)}@media (width<=1279.98px){.controls>button:not(.strike),.controls .tune-toggle:not(.strike){flex-direction:column;gap:.1rem;padding-inline:.25rem;font-size:1rem}}@media (width<=1023.98px){.controls>button:not(.strike),.controls .tune-toggle:not(.strike){min-height:4.6rem}}.controls .strike{background:var(--c-verdigris);min-height:3.5rem;color:var(--c-white);grid-column:1/-1;font-size:1.5rem;position:relative}@container controls (width>=30rem){.controls .strike{white-space:nowrap}}@media (width>=768px){@container controls (width>=30rem){.controls .strike{grid-column:auto}}}@media (width>=768px) and (width<=1279.98px){@container controls (width>=30rem){.controls .strike{padding-inline:.6rem}}}@media (width>=1280px){@container controls (width>=30rem){.controls .strike{min-width:13rem}}}@media (hover:hover){.controls .strike:hover:not(:disabled){background:color-mix(in srgb, var(--c-verdigris) 85%, var(--c-ink))}}.controls .strike.beckon:after{content:"";border:3px solid var(--c-gold);opacity:1;pointer-events:none;border-radius:8px;position:absolute;inset:-6px}@media (prefers-reduced-motion:no-preference){.controls .strike.beckon:after{opacity:0;animation:2.4s ease-in-out 1.5 forwards beckon}}.controls .strike.beckon:focus-visible:after{visibility:hidden}@media (width>=1280px){@container controls (width>=30rem){.controls .share{min-width:8.5rem}}}@keyframes beckon{50%{opacity:1}}.game-alert{margin:1rem var(--pad) 0;border-left:4px solid var(--c-burgundy);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem .75rem;display:flex}.game-alert p{margin:0;font-style:italic}.share-link{border-left:4px solid var(--c-burgundy);margin-top:.75rem;padding:.5rem .75rem}.share-link p{margin:0 0 .5rem;font-style:italic}.share-link label{margin-bottom:.25rem;font-size:.9rem;display:block}.share-link-row,.share-link-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.share-link-buttons{flex:none}.share-link-row input{border:1.5px solid var(--c-burgundy);min-width:0;min-height:2.25rem;color:inherit;font:inherit;background:0 0;border-radius:3px;flex:14rem;padding:0 .5rem;font-size:1rem}.game-retry,.share-link-row button{border:1.5px solid var(--c-burgundy);min-height:2.25rem;color:var(--c-burgundy);font-family:var(--font-display);white-space:nowrap;cursor:pointer;background:0 0;border-radius:3px;padding:0 .75rem;font-size:.9rem;line-height:1}