.music-deck{--muted:#6b5e51;--felt:#2b4639;--paper-deep:#e9e1d2;--chrome-hi:#f6f6f4;--chrome-lo:#9a9ea4}.music-deck .stage{align-items:start;gap:28px;margin-top:28px;display:grid}@media (min-width:980px){.music-deck .stage{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:stretch;gap:52px;padding-bottom:2.25rem}}.music-deck .desk-only{display:none}@media (hover:hover) and (pointer:fine){.music-deck .desk-only{display:inline}}.music-deck .deck{justify-self:center;width:100%;max-width:780px;position:relative}.music-deck .deck canvas{aspect-ratio:1300/1060;filter:drop-shadow(0 28px 34px #2e1a0c59)drop-shadow(0 4px 6px #2e1a0c4d);touch-action:pan-y;width:100%;max-width:100%;height:auto;display:block}.music-deck .deck-hint{text-align:center;font:600 13px/1.4 var(--font-sans);letter-spacing:.04em;color:var(--muted);margin:14px 0 0}.music-deck .side{gap:18px;min-width:0;padding-right:28px;display:grid;overflow:visible}@media (min-width:980px){.music-deck .side{flex-direction:column;justify-content:space-between;gap:6px;height:0;min-height:100%;display:flex}.music-deck .side>*{flex-shrink:0}.music-deck .harp-wrap{margin-top:0}.music-deck .deck-hint{margin-top:10px;position:absolute;top:100%;left:0;right:0}}.music-deck .readout{gap:4px;min-width:0;display:grid}.music-deck .ro-state{font:600 12px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0;display:flex}.music-deck .ro-state .time{letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-left:auto}.music-deck .lamp{background:#b9aea0;border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s;box-shadow:inset 0 1px 1px #00000040}.music-deck .lamp.on{background:#f0a060;box-shadow:0 0 8px 2px #f0a060b3}.music-deck .ro-title{font:700 clamp(1.5rem, 2.4vw, 2.05rem) / 1.08 var(--font-display);text-wrap:balance;overflow-wrap:anywhere;margin:4px 0 0}.music-deck .ro-meta{color:var(--muted);font-size:.98rem;font-family:var(--font-serif);margin:2px 0 0}.music-deck .ro-bar{background:#1c17121f;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.music-deck .ro-bar i{background:linear-gradient(90deg, var(--clay), var(--dirt));width:0;height:100%;display:block}.music-deck .harp-wrap{margin-top:4px;position:relative;overflow:visible}.music-deck .harp{-webkit-user-select:none;user-select:none;width:100%;position:relative}.music-deck .harp.chrom{width:100%}.music-deck .harp-body{filter:drop-shadow(0 14px 14px #2e1a0c47)drop-shadow(0 2px 2px #2e1a0c59);position:relative}.music-deck .plate-top{background:repeating-linear-gradient(90deg,#ffffff17 0 1px,#00000008 1px 3px),linear-gradient(#fdfdfc 0%,#d9dcdf 30%,#b4b8bd 58%,#e7e9eb 78%,#a3a7ad 100%);border-radius:22px 22px 4px 4px;gap:6px;padding:12px 18px 7px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #00000040}.music-deck .plate-top:before,.music-deck .plate-top:after{content:"";background:radial-gradient(circle at 35% 35%,#fff,#8c9096 70%);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;box-shadow:0 1px 1px #00000059}.music-deck .plate-top:before{left:8px}.music-deck .plate-top:after{right:8px}.music-deck .eng{font:700 13px/1 var(--font-sans);letter-spacing:.32em;color:#3032379e;text-shadow:0 1px #ffffffbf;text-transform:uppercase;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex;overflow:hidden}.music-deck .eng small{letter-spacing:.14em;text-overflow:ellipsis;font-size:9.5px;font-weight:600;overflow:hidden}.music-deck .nums{grid-template-columns:repeat(var(--n), minmax(0, 1fr));font:700 10px/1 var(--font-sans);color:#3032378c;text-shadow:0 1px #ffffffb3;text-align:center;font-variant-numeric:tabular-nums;display:grid}.music-deck .nums span{transition:color .2s}.music-deck .nums span.on{color:var(--dirt)}.music-deck .comb{grid-template-columns:repeat(var(--n), minmax(0, 1fr));touch-action:pan-y;cursor:pointer;padding:0 14px;display:grid;position:relative}.music-deck .harp.diat .comb{background:linear-gradient(#e2bd86 0%,#c9995c 55%,#a97a42 100%)}.music-deck .harp.chrom .comb{background:linear-gradient(#34302d 0%,#1d1a18 100%)}.music-deck .hole{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;place-items:center;min-height:44px;margin:0;padding:7px 0;display:grid}.music-deck .hole:focus-visible{outline:2px solid var(--ocean);outline-offset:-2px;border-radius:4px}.music-deck .slot{background:#140e0a;border-radius:4px;width:62%;max-width:26px;height:26px;transition:box-shadow .25s,background .25s,transform .15s;box-shadow:inset 0 4px 5px #000000d9,0 1px #fff0d240}.music-deck .harp.chrom .slot{background:#070606;border-radius:3px;box-shadow:inset 0 4px 5px #000000e6,0 1px #ffffff1f}.music-deck .hole.peek .slot{box-shadow:inset 0 4px 5px #000000d9,0 0 0 2px #f0a060b3}.music-deck .hole.on .slot{background:radial-gradient(circle at 50% 42%, #ffe2b4 0%, #f4a066 calc(30% + 20% * var(--breath,.4)), #8c4632 100%);box-shadow:0 0 calc(6px + 22px * var(--breath,.4)) calc(1px + 4px * var(--breath,.4)) rgb(240 150 90/calc(.35 + .5 * var(--breath,.4))), inset 0 1px 2px #ffffff80}.music-deck .hole.on.paused .slot{background:radial-gradient(circle at 50% 42%,#e9b98d,#9b5a3b 90%);box-shadow:0 0 6px 1px #f0965a59}.music-deck .hole:active .slot{transform:scale(.94)}.music-deck .plate-bottom{background:linear-gradient(#8f939a 0%,#eef0f1 40%,#a4a8ae 100%);border-radius:3px 3px 16px 16px/3px 3px 13px 13px;height:13px}.music-deck .slide-btn{background:linear-gradient(#fbfbfa,#b9bdc2 55%,#e9ebec);border-radius:6px 13px 13px 6px;width:30px;height:26px;margin-top:-6px;position:absolute;top:50%;right:-26px;box-shadow:0 3px 5px #2e1a0c59,inset 0 -2px 2px #0000002e}.music-deck .slide-btn:before{content:"";background:linear-gradient(#e6e7e8,#8e9298);width:12px;height:8px;position:absolute;top:9px;left:-10px}@media (max-width:767px){.music-deck .slide-btn{border-radius:4px 10px 10px 4px;width:20px;height:20px;margin-top:-4px;right:-17px}.music-deck .slide-btn:before{width:8px;height:6px;top:7px;left:-7px}}.music-deck .bubble{background:var(--ink);color:var(--cloud);font:600 13px/1.2 var(--font-sans);white-space:nowrap;pointer-events:none;z-index:2;border-radius:8px;padding:6px 10px;position:absolute;top:-38px;left:0;transform:translate(-50%);box-shadow:0 6px 14px #1c171240}.music-deck .bubble b{color:#f4b787;font-variant-numeric:tabular-nums;margin-right:6px;font-weight:700}.music-deck .bubble:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--ink);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.music-deck .tab{background:#fbf8f1;border:1px solid #1c17121a;border-radius:14px;margin:0;padding:12px 16px 13px;box-shadow:0 1px #1c17120d,0 10px 22px #2e1a0c14}.music-deck .tab h2{font:600 11px/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:8px;margin:0 0 8px;display:flex}.music-deck .tab ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin:0;padding:0;list-style:none;display:grid}.music-deck .tab li{color:#1c1712bf;min-width:0;font-size:.9rem;line-height:1.4;font-family:var(--font-serif);grid-template-columns:1.6em minmax(0,1fr) auto;align-items:baseline;gap:6px;transition:color .2s;display:grid}.music-deck .tab li span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-deck .tab li .n,.music-deck .tab li .len{font:600 12px/1 var(--font-sans);color:var(--muted);font-variant-numeric:tabular-nums}.music-deck .tab li.on,.music-deck .tab li.on .n{color:var(--dirt)}@media (max-width:420px){.music-deck .tab ol{grid-template-columns:minmax(0,1fr)}}.music-deck .case{appearance:none;text-align:left;cursor:pointer;color:#efe6d3;width:100%;font:inherit;background:radial-gradient(120% 140% at 30% 0%, #3a5c4c 0%, var(--felt) 55%, #1d3229 100%);border:0;border-radius:14px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:12px 18px;transition:transform .2s;display:grid;box-shadow:inset 0 2px #ffffff14,inset 0 -10px 18px #00000040,0 8px 18px #2e1a0c2e}.music-deck .case:hover{transform:translateY(-2px)}.music-deck .case:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.music-deck .case .mini{transform-origin:0 0;pointer-events:none;justify-self:center;width:100%;transform:rotate(-3deg)}.music-deck .case .mini .hole{min-height:0;padding:3px 0}.music-deck .case .mini .slot{height:13px}.music-deck .case .mini .plate-top{gap:3px;padding:7px 12px 4px}.music-deck .case .mini .eng{font-size:9px}.music-deck .case .mini .eng small{display:none}.music-deck .case .mini .nums{font-size:7px}.music-deck .case .mini .plate-bottom{height:8px}.music-deck .case .mini.chrom{width:calc(100% - 16px)}.music-deck .case .mini .slide-btn{width:18px;height:15px;margin-top:-3px;right:-16px}.music-deck .case .mini .comb{padding:0 9px}.music-deck .case .mini .plate-top:before,.music-deck .case .mini .plate-top:after{width:5px;height:5px;margin-top:-2px}.music-deck .case-text{gap:4px;min-width:0;display:grid}.music-deck .case-text b{font:700 1.1rem/1.15 var(--font-display);overflow-wrap:anywhere}.music-deck .case-text small{font:400 .85rem/1.2 var(--font-serif);color:#efe6d3b3}.music-deck .case-text span{font:600 12px/1.3 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#f4b787}.music-deck .case.nudge{animation:1.4s ease-in-out 2 music-deck-nudge}@keyframes music-deck-nudge{0%,to{transform:none}30%{transform:translateY(-5px)rotate(-.6deg)}60%{transform:translateY(0)rotate(.4deg)}}@media (min-width:980px){.music-deck .tab{padding:6px 16px 7px}.music-deck .tab ol{row-gap:0}.music-deck .case{padding:8px 16px}}@media (prefers-reduced-motion:reduce){.music-deck .case.nudge{animation:none}.music-deck .case:hover{transform:none}}