.room-root{z-index:1;color:#f6f1ea;font-family:var(--font-onest), var(--font-work-sans), sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;background:#141018;position:fixed;inset:0;overflow:hidden}.room-stage,.room-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.room-ui{z-index:5;pointer-events:none;position:absolute}.room-sky-word,.room-cross,.room-prompt,.room-help,.room-tape-shade,.room-tape-mini,.room-use,.room-gate,.room-touch,.room-fallback{pointer-events:auto}.room-sky-word{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));z-index:6;letter-spacing:.18em;text-transform:uppercase;color:#f6f1eab8;pointer-events:none;margin:0;font-size:.72rem;position:absolute}.room-cross{z-index:6;pointer-events:none;width:10px;height:10px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.room-cross:before,.room-cross:after{content:"";background:#f6f1eacc;position:absolute}.room-cross:before{width:1px;height:10px;top:0;left:4px}.room-cross:after{width:10px;height:1px;top:4px;left:0}.room-prompt,.room-use,.room-tape-mini button,.room-gate button,.room-text-btn,.room-fallback button{color:#f6f1ea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100c118c;border:0}.room-hint{z-index:6;color:#f6f1eacc;pointer-events:none;margin:0;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.room-prompt{z-index:7;pointer-events:none;border-radius:999px;padding:.45rem .8rem;font-size:.92rem;position:absolute;top:58%;left:50%;transform:translate(-50%)}.room-use{left:50%;bottom:calc(6.5rem + env(safe-area-inset-bottom));z-index:8;cursor:pointer;border-radius:999px;padding:.7rem 1rem;position:absolute;transform:translate(-50%)}.room-gate,.room-fallback{z-index:9;padding:max(1.2rem, env(safe-area-inset-top)) 1.2rem max(1.4rem, env(safe-area-inset-bottom));background:linear-gradient(#0c0a1059 0%,#0c0a1033 54%,#0c0a10e0 100%);flex-direction:column;justify-content:flex-end;gap:.8rem;display:flex;position:absolute;inset:0}.room-gate h1,.room-fallback h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:560}.room-gate p,.room-fallback p{color:#f6f1eac7;max-width:36rem;margin:0;line-height:1.45}.room-gate button,.room-text-btn,.room-fallback button{cursor:pointer;border-radius:999px;width:fit-content;padding:.75rem 1.1rem}.room-fallback{background:#141018;overflow:auto}.room-fallback img{object-fit:cover;border-radius:.8rem;width:min(100%,28rem);height:12rem}.room-fallback ul{gap:.4rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.room-touch{z-index:4;pointer-events:none;position:absolute;inset:0}.room-look{pointer-events:auto;position:absolute;inset:0 0 34% 46%}.room-stick{left:max(1rem, env(safe-area-inset-left));bottom:calc(7.5rem + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#f6f1ea1f;border-radius:50%;width:7.2rem;height:7.2rem;position:absolute}.room-stick i{background:#f6f1ead1;border-radius:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;position:absolute;top:50%;left:50%}.room-help{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:6;color:#f6f1ea8c;pointer-events:none;margin:0;font-size:.75rem;position:absolute}@media (max-width:767px){.room-help{display:none}.room-tape-mini{top:max(2.4rem, calc(env(safe-area-inset-top) + 2rem));bottom:auto;right:max(1rem, env(safe-area-inset-right));grid-template-columns:auto auto auto minmax(0,1fr)}.room-use{bottom:calc(8.2rem + env(safe-area-inset-bottom))}}.room-tape-shade{z-index:9;background:#0c090861;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.room-tape{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f6efe4;background:#16110fdb;border-radius:1.1rem;width:min(30rem,100%);max-height:calc(100% - 2rem);padding:1rem 1rem .9rem;overflow:auto;box-shadow:0 24px 60px #00000073,inset 0 0 0 1px #ffd69624}.room-tape header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.7rem;display:flex}.room-tape header p{margin:0}.room-tape header span{display:block}.room-tape header span:first-child{font-size:1.05rem;font-weight:600}.room-tape header span:last-child,.room-tape-keys,.room-tape-time,.room-tape-mini p span:last-child{letter-spacing:.06em;color:#f6efe494;font-size:.72rem}.room-tape button{color:inherit;font:inherit;cursor:pointer;border:0}.room-tape-close{background:#ffffff14;border-radius:999px;width:2rem;height:2rem;font-size:1.2rem;line-height:1}.room-tape ol{margin:0;padding:0;list-style:none}.room-tape li{border-radius:.7rem}.room-tape li[data-current]{background:#ffbe6e21}.room-tape li>button{text-align:left;background:0 0;border-radius:.7rem;grid-template-columns:2rem 1fr auto;align-items:center;gap:.6rem;width:100%;padding:.6rem .7rem;display:grid}.room-tape li>button:hover,.room-tape li>button:focus-visible{background:#ffffff12;outline:none}.room-tape li[data-missing] .room-tape-title{opacity:.5}.room-tape-n{font-variant-numeric:tabular-nums;color:#ffc882d9}.room-tape-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-tape-progress{background:#ffffff24;border-radius:2px;height:3px;margin:0 .7rem .55rem 3.3rem;display:block;position:relative;overflow:hidden}.room-tape-progress[data-seekable]{cursor:pointer;height:5px}.room-tape-progress>span{transform-origin:0;background:#ffb45a;position:absolute;inset:0;transform:scaleX(0)}.room-tape footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:.8rem;display:flex}.room-tape-buttons{gap:.4rem;display:flex}.room-tape-buttons button{background:#ffffff17;border-radius:999px;min-width:2.6rem;padding:.5rem .8rem}.room-tape-buttons .room-tape-main{color:#1c120b;background:#ffb45a;min-width:6rem;font-weight:600}.room-tape-keys{margin:0}.room-tape-bars{align-items:flex-end;gap:2px;height:.85rem;display:inline-flex}.room-tape-bars b{background:#ffb45a;width:3px;animation:.9s ease-in-out infinite room-tape-bar}.room-tape-bars b:nth-child(2){animation-delay:-.3s}.room-tape-bars b:nth-child(3){animation-delay:-.6s}@keyframes room-tape-bar{0%,to{height:30%}50%{height:100%}}.room-tape-mini{left:max(1rem, env(safe-area-inset-left));bottom:max(3.6rem, calc(env(safe-area-inset-bottom) + 3.2rem));z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f6efe4;background:#16110fb3;border-radius:.9rem;grid-template-columns:auto auto auto minmax(0,15rem);align-items:center;gap:.3rem;padding:.45rem .7rem .6rem .45rem;display:grid;position:absolute}.room-tape-mini button{cursor:pointer;border-radius:999px;width:2rem;height:2rem;font-size:.8rem}.room-tape-mini p{min-width:0;margin:0 0 0 .35rem}.room-tape-mini p span{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;display:block;overflow:hidden}.room-tape-mini .room-tape-progress{grid-column:1/-1;margin:.2rem .2rem 0}@media (prefers-reduced-motion:reduce){.room-tape-bars b{height:70%;animation:none}}.room-start{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:none;background:#100c1194;border-radius:1rem;padding:1rem 1.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-start p{margin:0}.room-start p:first-child{letter-spacing:.02em;font-size:1.15rem;font-weight:600}.room-start p+p{color:#f6f1eab3;margin-top:.45rem;font-size:.8rem}.room-relock{left:50%;top:max(1rem, env(safe-area-inset-top));z-index:6;pointer-events:none;background:#100c118c;border-radius:999px;margin:0;padding:.4rem .8rem;font-size:.82rem;position:absolute;transform:translate(-50%)}.room-cross[data-active]:before,.room-cross[data-active]:after{background:#ffc670}.room-keys{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:6;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute}.room-keys-row{gap:4px;display:flex}.room-keys kbd{color:#f6f1eabf;min-width:1.9rem;height:1.9rem;font:600 .72rem/1 var(--font-onest), sans-serif;text-transform:uppercase;background:#100c1180;border-radius:.45rem;place-items:center;padding:0 .35rem;transition:background 80ms,color 80ms,transform 80ms;display:grid;box-shadow:inset 0 -2px #00000059,inset 0 0 0 1px #ffffff1f}.room-keys kbd[data-on]{color:#1c120b;background:#ffb45a;transform:translateY(1px)}.room-keys .room-keys-wide{min-width:3.4rem;font-size:.62rem}.room-laptop{color:#f2eee6;background:#1d1b22;border-radius:.8rem;width:min(34rem,100%);max-height:calc(100% - 2rem);overflow:auto;box-shadow:0 24px 60px #00000073,inset 0 0 0 1px #ffffff1a}.room-laptop header{background:#2a2730;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex;position:sticky;top:0}.room-laptop header p{color:#f2eee6b3;text-align:center;flex:1;margin:0;font-size:.82rem}.room-laptop-dots{gap:6px;display:flex}.room-laptop-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.room-laptop-dots i:nth-child(2){background:#febc2e}.room-laptop-dots i:nth-child(3){background:#28c840}.room-laptop header button{width:1.8rem;height:1.8rem;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;font-size:1.1rem}.room-laptop-body{background:radial-gradient(120% 90% at 80% 0,#ff8c3c2e,#0000 60%),radial-gradient(90% 80% at 0 100%,#785adc29,#0000 60%);padding:.6rem 1rem .4rem}.room-laptop h3{letter-spacing:.14em;text-transform:uppercase;color:#f2eee68c;margin:.7rem 0 .4rem;font-size:.68rem;font-weight:600}.room-laptop ul{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.room-laptop a{color:inherit;overflow-wrap:anywhere;background:#ffffff0f;border-radius:.6rem;align-items:center;gap:.6rem;padding:.55rem .6rem;font-size:.88rem;text-decoration:none;display:flex}.room-laptop a:hover,.room-laptop a:focus-visible{background:#ffb45a38;outline:none}.room-laptop-icon{background:#ffffff1a;border-radius:.5rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.room-laptop-thanks-open,.room-laptop-back{color:inherit;font:inherit;cursor:pointer;border:0;align-items:center;gap:.6rem;display:flex}.room-laptop-thanks-open{text-align:left;background:#ffb45a24;border-radius:.6rem;width:100%;margin:.8rem 0 .4rem;padding:.55rem .6rem;font-size:.88rem}.room-laptop-back{background:#ffffff14;border-radius:999px;margin:.4rem 0 .7rem;padding:.35rem .7rem;font-size:.8rem}.room-laptop-thanks-open:hover,.room-laptop-thanks-open:focus-visible,.room-laptop-back:hover,.room-laptop-back:focus-visible{background:#ffb45a38;outline:none}.room-laptop-thanks a,.room-laptop-thanks p{background:#ffffff0f;border-radius:.6rem;gap:.15rem;margin:0;padding:.55rem .7rem;font-size:.88rem;display:grid}.room-laptop-thanks small{color:#f2eee699;font-size:.74rem}.room-laptop-heart{color:#ff7a7a;font-size:1rem}.room-laptop footer{color:#f2eee680;padding:.6rem 1rem .8rem;font-size:.72rem}@media (max-width:767px){.room-keys{display:none}}.room-time{top:max(.8rem, env(safe-area-inset-top));left:max(.8rem, env(safe-area-inset-left));z-index:7;gap:.4rem;display:flex;position:absolute}.room-time button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f6f1ea;text-align:left;cursor:pointer;background:#100c1185;border:0;border-radius:.7rem;gap:.1rem;padding:.4rem .7rem;display:grid}.room-time button span{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.room-time button small{color:#f6f1ea99;font-size:.66rem}.room-time button[data-off] span{color:#f6f1ea8c}.room-aim{color:#ffd9a0}.room-aim[data-stack]{top:calc(58% + 2.6rem)}.room-loader{z-index:20;color:#f6f1ea;background:radial-gradient(70% 60% at 50% 45%,#ffa05024,#0000 70%),#120e10;place-content:center;justify-items:center;gap:.7rem;transition:opacity .6s;display:grid;position:absolute;inset:0}.room-loader[data-done]{opacity:0;pointer-events:none}.room-loader-tape{background:#e9e2d0;border-radius:.6rem;width:9.5rem;height:6rem;position:relative;box-shadow:inset 0 0 0 .35rem #d5ccb6,0 18px 40px #00000073}.room-loader-window{background:#2a2420;border-radius:1rem;height:2rem;position:absolute;top:1.7rem;left:1.6rem;right:1.6rem}.room-loader-tape i{z-index:1;background:repeating-conic-gradient(#f4efe2 0 30deg, #8a7d6a 30deg 60deg);border-radius:50%;width:1.5rem;height:1.5rem;animation:1.1s linear infinite room-reel;position:absolute;top:1.95rem}.room-loader-tape i:first-child{left:2.2rem}.room-loader-tape i:nth-child(2){right:2.2rem}@keyframes room-reel{to{transform:rotate(360deg)}}.room-loader-title{letter-spacing:.04em;margin:.6rem 0 0;font-size:1.1rem;font-weight:600}.room-loader-sub{color:#f6f1ea9e;margin:0;font-size:.8rem}.room-loader-bar{background:#ffffff24;border-radius:2px;width:10rem;height:3px;position:relative;overflow:hidden}.room-loader-bar>span{transform-origin:0;background:#ffb45a;transition:transform .3s;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.room-loader-tape i{animation:none}}.room-phone{color:#f2f5f8;background:#17212b;border-radius:2.2rem;gap:.8rem;width:min(19rem,100%);padding:1.6rem 1rem 1rem;display:grid;position:relative;box-shadow:0 0 0 .45rem #1c1c1f,0 24px 60px #00000080}.room-phone-notch{background:#000;border-radius:999px;width:5rem;height:.45rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.room-phone header{background:#232e3c;border-radius:.8rem;align-items:center;gap:.7rem;padding:.5rem;display:flex}.room-phone header p{margin:0;display:grid}.room-phone header small,.room-phone-feed p{color:#8a9bab;font-size:.8rem}.room-phone-avatar{color:#fff;background:#5eb5f7;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;display:grid}.room-phone-feed{gap:.5rem;display:grid}.room-phone-feed p{color:#e6edf3;background:#182533;border-radius:.9rem .9rem .9rem .3rem;margin:0;padding:.6rem .75rem;font-size:.88rem;line-height:1.4}.room-phone-open,.room-phone-close{text-align:center;font:inherit;cursor:pointer;border:0;border-radius:.8rem;padding:.7rem;display:block}.room-phone-open{color:#0e1a26;background:#5eb5f7;font-weight:600;text-decoration:none}.room-phone-close{color:#8a9bab;background:0 0;font-size:.8rem}.room-lyrics{color:#1d2340;background:#f6f1e4;border-radius:.6rem;grid-template-columns:minmax(0,13rem) minmax(0,1fr);width:min(54rem,100%);max-height:calc(100% - 2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.room-lyrics nav{color:#f2eee4;background:#2b3a6a;padding:1rem;overflow:auto}.room-lyrics nav p{letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:0 0 .6rem;font-size:.72rem}.room-lyrics ol{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.room-lyrics nav button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.45rem .5rem;font-size:.86rem}.room-lyrics nav button[data-active]{color:#1d2340;background:#f2c83a}.room-lyrics article{--line:1.6rem;background:linear-gradient(to right, transparent 1.7rem, #c8352e73 1.7rem, #c8352e73 calc(1.7rem + 1px), transparent calc(1.7rem + 1px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--line) - 1px), #2b3a6a33 calc(var(--line) - 1px) var(--line));font-family:var(--font-caveat), cursive;font-size:1.22rem;line-height:var(--line);background-origin:padding-box,content-box;background-clip:padding-box,content-box;padding:1rem 1.6rem 1.6rem 2.6rem;overflow:auto}.room-lyrics h3{margin:0 0 var(--line);font-size:1.45rem;line-height:var(--line)}.room-lyrics-text{column-count:2;column-gap:2rem}.room-lyrics-text p{margin:0 0 var(--line);break-inside:avoid}.room-lyrics article span{display:block}.room-lyrics-soon{color:#1d23408c}.room-lyrics-close{color:#1d2340;cursor:pointer;background:#1d23401a;border:0;border-radius:999px;width:2rem;height:2rem;font-size:1.2rem;position:absolute;top:.5rem;right:.5rem}.room-tape-close,.room-lyrics-close,.room-phone-close,.room-laptop header button,.room-guitar-head button{touch-action:none}.room-tape,.room-laptop,.room-lyrics nav,.room-lyrics article{touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (max-width:760px){.room-lyrics{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:calc(100% - 2rem)}.room-lyrics nav{padding:.8rem 3rem .6rem .8rem}.room-lyrics ol{touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.room-lyrics nav button{white-space:nowrap}.room-lyrics article{min-height:0;padding:.8rem 1rem 1.6rem 2.4rem;font-size:1.12rem}.room-lyrics-text{column-count:1}}.room-loader[data-door]{color:#2a2420;background:radial-gradient(70% 60%,#fff,#fff4e0 70%,#ffe9c8)}.room-loader[data-door] .room-loader-tape,.room-loader[data-door] .room-loader-bar{opacity:.25}.room-loader[data-door] .room-loader-sub{color:#2a242099}.room-loader[data-door][data-done]{transition:opacity 1.8s cubic-bezier(.4,0,.2,1)}.room-exit{top:max(.8rem, env(safe-area-inset-top));right:max(.8rem, env(safe-area-inset-right));z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f6f1ea;letter-spacing:.04em;background:#100c1185;border-radius:.7rem;padding:.5rem .8rem;font-size:.78rem;text-decoration:none;position:absolute}.room-exit:hover{background:#100c11b8}@media (max-width:767px){.room-exit{top:auto;bottom:max(1rem, env(safe-area-inset-bottom))}}.room-guitar{z-index:9;padding:max(4.2rem, env(safe-area-inset-top)) max(2rem, env(safe-area-inset-right)) max(1.4rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));pointer-events:auto;background:radial-gradient(at 28% 62%,#78282e52,#0000 55%),radial-gradient(at 50% 60%,#0000 30%,#0a0706b3 100%),#0c0908a3;grid-template:"stage head""stage wheel"minmax(0,1fr)"stage strings"minmax(0,1fr)"stage help"/minmax(0,1.1fr) minmax(0,1fr);place-items:center;gap:1rem 2rem;animation:.22s ease-out room-guitar-in;display:grid;position:absolute;inset:0}@keyframes room-guitar-in{0%{opacity:0}}.room-guitar-head{grid-area:head;justify-content:center;align-items:center;gap:1rem;display:flex}.room-guitar-head p{text-align:right;margin:0;display:grid}.room-guitar-head span{font-size:1.05rem;font-weight:600}.room-guitar-head small,.room-guitar-help{color:#f6f1eaad;font-size:.82rem}.room-guitar-head button{color:inherit;font:inherit;cursor:pointer;background:#14101899;border:1px solid #f6f1ea4d;border-radius:999px;padding:.5rem .9rem;font-size:.85rem}.room-play-stage{grid-area:stage;place-self:stretch stretch;min-height:0;position:relative}.room-play-stage canvas{position:absolute;inset:0}.room-guitar-wheel{aspect-ratio:1;grid-area:wheel;width:min(19rem,30vw,34vh);position:relative}.room-guitar-wheel svg{filter:drop-shadow(0 12px 30px #00000073);width:100%;height:100%;overflow:visible}.room-guitar-wheel path{fill:#141018b8;stroke:#f6f1ea2e;stroke-width:.6px;transition:fill .12s,transform .12s}.room-guitar-wheel g[data-on] path{fill:#f3b35b;stroke:#ffd79a;transform:scale(1.04)}.room-guitar-wheel text{fill:#f6f1ea;font:600 13px/1 var(--font-onest), sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.room-guitar-wheel g[data-on] text{fill:#1b120a}.room-guitar-hub{fill:#0c0908d1;stroke:#f3b35b8c;stroke-width:1px}.room-guitar-wheel .room-guitar-now{fill:#f3b35b;font-size:20px}.room-guitar-pick{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:26%;position:absolute;transform:translate(-50%,-50%)}.room-guitar-strings{cursor:grab;touch-action:none;background:linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px) 12% 0/25% 100% no-repeat,linear-gradient(#2b1d14,#1d130d);border-radius:1.2rem;grid-area:strings;align-content:space-around;width:min(24rem,38vw);height:min(13rem,30vh);padding:0 1.2rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f6f1ea1a,0 18px 40px #00000073}.room-guitar-strings:active{cursor:grabbing}.room-guitar-string{height:var(--gauge);background:linear-gradient(#f3ead8,#9c8f78);border-radius:999px;display:block;box-shadow:0 1px 2px #0009}.room-guitar-strings[data-bass] .room-guitar-string{background:linear-gradient(#d7d2c8,#6f6a62)}.room-guitar-strings[data-bass] .room-guitar-string[data-fretted]{background:linear-gradient(#ffd79a,#c98a35);box-shadow:0 0 8px #f3b35b99}.room-guitar-wheel .room-guitar-where{fill:#f6f1eab3;font-size:8px;font-weight:500}.room-guitar-string[data-muted]{opacity:.35}.room-guitar-string[data-ring]{animation:.7s ease-out room-guitar-ring}@keyframes room-guitar-ring{0%{background:#ffd79a;transform:scaleY(2.2);box-shadow:0 0 12px #f3b35b}15%{transform:scaleY(.6)}30%{transform:scaleY(1.6)}to{transform:none}}.room-guitar-help{text-align:center;grid-area:help;margin:0;line-height:1.4}.room-drum-pads{touch-action:none;grid-area:wheel/wheel/strings/strings;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"crash.ride""hihat tom1 tom2""snare kick tom3";gap:.8rem;width:min(30rem,42vw);display:grid}.room-drum-pad{aspect-ratio:1;color:#f6f1ea;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#3a3a40 0 52%,#1b1b1f 54% 100%);border:0;border-radius:50%;align-content:center;place-items:center;gap:.3rem;font-size:.86rem;display:grid;box-shadow:inset 0 0 0 3px #d4d7db8c,0 10px 24px #00000073}.room-drum-pad[data-cymbal]{background:radial-gradient(circle,#b9b4a8 0 7%,#26262b 9% 100%);box-shadow:inset 0 0 0 2px #ffffff1f,0 10px 24px #00000073}.room-drum-pad kbd{font:inherit;color:#f6f1eabf;background:#ffffff1f;border-radius:.3rem;padding:.05rem .4rem;font-size:.72rem}.room-drum-pad[data-hit]{animation:.22s ease-out room-drum-hit}@keyframes room-drum-hit{0%{transform:scale(.92);box-shadow:inset 0 0 0 3px #ffd79a,0 0 26px #f3b35bb3}}@media (max-width:767px),(max-height:480px){.room-guitar{padding:max(3.6rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));gap:.6rem 1rem}.room-guitar-wheel{width:min(40vw,36vh)}.room-guitar-strings{width:44vw;height:min(10rem,30vh);padding:0 .8rem}}@media (max-width:600px) and (orientation:portrait){.room-guitar{grid-template:"head head""stage stage"minmax(0,1fr)"wheel strings""help help"/1fr 1fr}.room-guitar-wheel{width:min(44vw,30vh)}.room-guitar-strings{width:44vw;height:min(44vw,28vh)}.room-drums{grid-template-areas:"head head""stage stage""wheel wheel""help help"}.room-drum-pads{grid-area:wheel;gap:.5rem;width:min(92vw,24rem)}}@media (prefers-reduced-motion:reduce){.room-guitar,.room-guitar-string[data-ring]{animation:none}}