.pmap{position:relative;width:100%;height:100%}.pmap canvas{display:block;touch-action:pan-y}.pmap__tip{position:absolute;transform:translate(16px,-50%);pointer-events:none;z-index:5;display:flex;gap:10px;align-items:center;background:#0c0a18e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 14px;max-width:260px;box-shadow:0 10px 30px #00000080}.pmap__tip--left{transform:translate(calc(-100% - 16px),-50%)}.pmap__tip-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 12px Inter,sans-serif;color:#14101a;flex:0 0 auto}.pmap__tip div{display:flex;flex-direction:column;gap:2px}.pmap__tip strong{font:500 15px/1.2 Fraunces,Georgia,serif;color:#fff4e6}.pmap__tip span{font:400 11px/1.3 Inter,sans-serif;color:#ffffffa6}.pmap__tip em{font:600 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffd39a;font-style:normal;margin-top:3px}.poster{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% -10%,#2a1a4a 0%,var(--night-800) 50%,var(--night-900) 100%);color:var(--ink-100);transition:opacity .6s}.poster--dimmed{pointer-events:none}.poster__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(18px,3vh,36px) clamp(18px,4vw,56px) 14px;border-bottom:1px solid rgba(255,255,255,.08)}.poster__eyebrow{font:600 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ember);margin:0 0 10px}.poster__head h1{font-size:clamp(30px,4.4vw,56px);line-height:1;letter-spacing:-.01em;font-variation-settings:"opsz" 144}.poster__head h1 span{font-style:italic;font-weight:300;color:var(--sand-300)}.poster__sub{font:500 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-400);margin:12px 0 0}.poster__key{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,auto);gap:6px 18px;font:500 11px/1 var(--sans);color:var(--ink-300)}.poster__key li{display:flex;align-items:center;gap:7px;white-space:nowrap}.poster__key i{width:10px;height:10px;border-radius:50%;display:inline-block}.poster__key-rec{background:var(--moss);box-shadow:0 0 8px var(--moss)}.poster__body{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,22vw,320px);min-height:0}.poster__map{position:relative;min-height:clamp(360px,62vh,720px)}.poster__quote{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(12px,3vh,32px);max-width:300px;margin:0;pointer-events:none}.poster__quote p{font:italic 300 clamp(14px,1.3vw,18px)/1.4 var(--serif);color:var(--sand-300);margin:0;text-shadow:0 2px 20px rgba(0,0,0,.8)}.poster__quote cite{display:block;margin-top:8px;font:500 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-400);font-style:normal}.poster__list{border-left:1px solid rgba(255,255,255,.08);padding:14px 18px;overflow-y:auto;max-height:clamp(360px,62vh,720px);background:#0000002e}.poster__list section+section{margin-top:14px}.poster__list h2{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:8px}.poster__list h2 i{width:9px;height:9px;border-radius:50%;display:inline-block}.poster__list h2 small{font-weight:500;opacity:.6}.poster__list ul{list-style:none;margin:0;padding:0}.poster__list li{display:grid;grid-template-columns:22px 1fr;gap:0 8px;align-items:baseline;padding:4px 6px;margin:0 -6px;border-radius:8px;cursor:pointer;font:400 13px/1.25 var(--sans);color:var(--ink-300);transition:background .1s}.poster__list li b{font:700 11px var(--sans);color:var(--ink-400);text-align:right}.poster__list li small{grid-column:2;font-size:10.5px;color:var(--ink-400)}.poster__list li:hover,.poster__list li.is-hot{background:#ffffff14;color:var(--ink-100)}.poster__list li.is-rec span{color:var(--moss);font-weight:500}.poster__list-foot{margin:18px 0 4px;font:400 11px/1.5 var(--sans);color:var(--ink-400)}.poster__strip{border-top:1px solid rgba(255,255,255,.08);padding:18px clamp(18px,4vw,56px) 26px;background:linear-gradient(180deg,#00000026,#00000059)}.poster__strip-head{text-align:center;margin-bottom:14px}.poster__strip-head h3{font:500 clamp(18px,2.2vw,26px)/1 var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--sand-300)}.poster__strip-head p{font:500 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-400);margin:8px 0 0}.poster__strip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.poster__strip li{cursor:pointer;border-radius:12px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:transform .15s,border-color .15s}.poster__strip li:hover{transform:translateY(-3px);border-color:#ffc89680}.poster__strip img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.poster__strip li div{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.poster__strip b{font:500 14px/1.2 var(--serif);color:var(--ink-100)}.poster__strip span{font:400 10px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.poster__strip em{font:italic 300 12px/1.35 var(--serif);color:var(--sand-300);margin-top:4px}@media(max-width:900px){.poster__head{flex-direction:column;align-items:flex-start}.poster__key{grid-template-columns:repeat(2,auto)}.poster__body{grid-template-columns:1fr}.poster__map{min-height:0;height:clamp(220px,56vw,420px)}.poster__quote{display:none}.poster__list{border-left:0;border-top:1px solid rgba(255,255,255,.08);max-height:none;columns:2;column-gap:24px}.poster__list section{break-inside:avoid}.poster__strip ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.poster__strip li{flex:0 0 66%;scroll-snap-align:start}}@media(max-width:560px){.poster__list{columns:1}.poster__strip li{flex-basis:80%}}.sc{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 20px 40px #0006}.sc-wrap{display:flex;flex-direction:column;gap:12px}.sc__lbl text{font:500 11px var(--sans);fill:#2b1810;letter-spacing:.04em}.sc__lbl--light text{fill:#f6e6cc}.sc__note{font:400 13px/1.5 var(--sans);color:var(--ink-400);margin:0}.sc__state{font:700 12px var(--sans);letter-spacing:.22em;fill:#ffffff73;transition:fill .4s}.sc__state.is-on{fill:#6ee7a0}.sc__hz{font:500 30px var(--serif);fill:#ffd39a;filter:drop-shadow(0 0 10px rgba(255,180,90,.7))}.sc__hz-sub{font:500 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;fill:#fff4e699}.sc__wind{fill:none;stroke:#ffffff1f;stroke-width:1.2;stroke-dasharray:60 900;animation:sc-wind 3.6s linear infinite}@keyframes sc-wind{0%{stroke-dashoffset:960}to{stroke-dashoffset:0}}.sc__rough{fill:#9a6a4a;opacity:.9;animation:sc-blow 4s ease-in infinite}@keyframes sc-blow{0%{transform:translate(0) rotate(0);opacity:.9}to{transform:translate(520px,-40px) rotate(400deg);opacity:0}}.sc__round{animation:sc-settle 4s ease-in-out infinite}@keyframes sc-settle{0%{transform:translate(0)}15%{transform:translate(10px,-6px)}55%{transform:translate(calc(var(--gx) * .3),calc(var(--gy) * .5))}80%,to{transform:translate(0)}}.sc__ring{fill:none;stroke:#ffb36b;stroke-width:1.5;opacity:0;animation:sc-ring 2.7s linear infinite}@keyframes sc-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(9)}}.sc__rain{stroke:#b4c8ff8c;stroke-width:1.5;animation:sc-rain .9s linear infinite}@keyframes sc-rain{0%{transform:translateY(0)}to{transform:translateY(300px)}}.sc__slider{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400)}.sc__slider input{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,#7b9cff,#ffb36b var(--v),rgba(255,255,255,.12) var(--v))}.sc__slider input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff3e0;border:2px solid var(--ember);cursor:pointer}.sc__av-grain{fill:#fff0cf;opacity:.95;animation:sc-fall 3.2s linear infinite;offset-path:path("M330 92 C 380 100, 420 140, 470 190 C 500 220, 540 245, 590 262")}@keyframes sc-fall{0%{offset-distance:0%;opacity:0}8%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.sc__slab{cursor:grab;touch-action:none}.sc__slab:active{cursor:grabbing}.sc__slab-t{font:700 9px var(--sans);letter-spacing:.12em;fill:#b4531b;pointer-events:none}.sc__ray{stroke:#ffb36b;stroke-width:1.6;stroke-dasharray:260;stroke-dashoffset:260;animation:sc-ray 2.4s ease-in-out infinite;opacity:.85}@keyframes sc-ray{0%{stroke-dashoffset:260;opacity:0}20%{opacity:.9}to{stroke-dashoffset:0;opacity:0}}.sc__escape{fill:none;stroke:#ffd39a;stroke-width:1.4;opacity:0;animation:sc-escape 2.8s ease-out infinite;transform-origin:320px 150px}@keyframes sc-escape{0%{opacity:.7;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-90px) scale(1.4)}}.sc__tabs{display:flex;gap:8px}.sc__tabs button{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:var(--ink-300);border-radius:999px;padding:9px 12px;font:600 12px var(--sans);cursor:pointer}.sc__tabs button.is-on{background:var(--ember);border-color:var(--ember);color:#1a0e08}.sc__tick{animation:sc-tick .9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes sc-tick{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.sc *,.sc__wind,.sc__rough,.sc__round,.sc__ring,.sc__rain,.sc__av-grain,.sc__ray,.sc__escape,.sc__tick{animation:none!important}}.chapters{display:flex;flex-direction:column;gap:clamp(48px,8vh,96px)}.chapters__intro{max-width:720px}.chapters__intro h2{font-size:clamp(30px,4vw,48px);line-height:1.02;margin:10px 0 14px}.chapters__intro p:last-child{font:400 17px/1.55 var(--sans);color:var(--ink-300);margin:0}.ch__kicker{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--sand-500);margin:0 0 10px}.ch{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}.ch--flip .ch__text{order:2}.ch__n{font:500 48px/1 var(--serif);color:var(--ember);opacity:.85;display:block;margin-bottom:10px}.ch__text h2{font-size:clamp(26px,3vw,38px);line-height:1.08}.ch__body p{font:400 15px/1.6 var(--sans);color:var(--ink-300);margin:14px 0 0}.ch__scene{min-width:0}.chapters__facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.chapters__facts li{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 14px;display:flex;flex-direction:column;gap:6px}.chapters__facts b{font:500 24px/1 var(--serif);color:var(--sand-300)}.chapters__facts span{font:500 10px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400)}.chapters__history ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}.chapters__history ol:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,var(--ember),rgba(255,255,255,.15))}.chapters__history li{position:relative;padding-top:22px;font:400 13px/1.5 var(--sans);color:var(--ink-300)}.chapters__history li:before{content:"";position:absolute;top:2px;left:0;width:11px;height:11px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px #ff8a3db3}.chapters__history b{display:block;font:500 18px/1 var(--serif);color:var(--ink-100);margin-bottom:6px}@media(max-width:900px){.ch{grid-template-columns:1fr;gap:18px}.ch--flip .ch__text{order:0}.ch__n{font-size:36px;margin-bottom:4px}.chapters__facts{grid-template-columns:repeat(3,1fr)}.chapters__history ol{grid-template-columns:1fr;gap:14px}.chapters__history ol:before{inset:0 auto 0 5px;width:1px;height:auto;background:linear-gradient(180deg,var(--ember),rgba(255,255,255,.15))}.chapters__history li{padding:0 0 0 26px}.chapters__history li:before{top:4px}}@media(max-width:560px){.chapters__facts{grid-template-columns:repeat(2,1fr)}}.place{position:sticky;top:24px}.place__hero{position:relative;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px #00000080;background:#1a1020}.place__hero img{width:100%;height:100%;object-fit:cover;display:block}.place__hero--art{background:linear-gradient(180deg,#3a1f4e,#b04a3a 55%,#f0a35a)}.place__art{position:absolute;inset:0}.place__art i{position:absolute;left:-10%;right:-10%;height:60%;border-radius:50% 50% 0 0/100% 100% 0 0}.place__art i:nth-child(1){bottom:-20%;background:#d98c4a;transform:skew(-8deg)}.place__art i:nth-child(2){bottom:-34%;left:20%;right:-30%;background:#b6682f}.place__art i:nth-child(3){bottom:-46%;left:-30%;right:30%;background:#8a4a26}.place__coords{position:absolute;left:14px;bottom:12px;font:500 11px/1 var(--sans);letter-spacing:.1em;color:#ffffffd9;background:#00000059;padding:6px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.place__eyebrow{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--sand-500);margin:22px 0 10px}.place h2{font-size:30px;line-height:1.05}.place__facts{margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.place__facts div{display:flex;flex-direction:column;gap:4px}.place__facts dt{font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400)}.place__facts dd{margin:0;font:500 14px/1.3 var(--sans);color:var(--ink-100)}.place__story{font:400 14px/1.6 var(--sans);color:var(--ink-300);margin:20px 0 0}.place__credit{font:400 11px/1.4 var(--sans);color:var(--ink-400);margin:14px 0 0}@media(max-width:900px){.place{position:static}}.place__credit a{color:var(--ink-300);text-decoration:underline;text-underline-offset:2px}.kb{position:relative;width:100%;height:clamp(140px,22vh,200px);-webkit-user-select:none;user-select:none;touch-action:none}.kb__whites{display:flex;height:100%;gap:3px}.kb__key{position:relative;border-radius:0 0 10px 10px;cursor:pointer;transition:background 80ms,transform 80ms,box-shadow .12s}.kb__key--white{height:100%;background:linear-gradient(180deg,#fbf3e6,#f1e3cc);box-shadow:inset 0 -6px #78501e2e,0 2px #00000040}.kb__key--white.is-active{background:linear-gradient(180deg,#ffd39a,#ff9d4d);transform:translateY(2px);box-shadow:inset 0 -3px #783c0040,0 0 24px #ff963c99}.kb__blacks{position:absolute;inset:0 0 auto;height:60%;pointer-events:none}.kb__key--black{position:absolute;top:0;height:100%;pointer-events:auto;background:linear-gradient(180deg,#2b1f2e,#14101a);box-shadow:inset 0 -5px #ffffff14,0 4px 6px #00000080;border-radius:0 0 7px 7px;z-index:2}.kb__key--black.is-active{background:linear-gradient(180deg,#ff9d4d,#c9551a);transform:translateY(2px);box-shadow:0 0 22px #ff8c32b3}.kb__name{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:500 11px/1 Inter,system-ui,sans-serif;color:#6b5133;letter-spacing:.02em}.kb__qwerty{position:absolute;bottom:26px;left:0;right:0;text-align:center;font:600 10px/1 Inter,system-ui,sans-serif;color:#5a3c1e73}.kb__key--black .kb__qwerty{bottom:10px;color:#ffffff73}.kb__home{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font:700 8px/1 Inter,sans-serif;letter-spacing:.14em;color:#b4531b;white-space:nowrap}.kb__home--black{color:#ffb36b}.kb__dune{font-size:16px;line-height:1;color:#e8772e;filter:drop-shadow(0 0 6px rgba(255,140,50,.8))}.kb__key.is-home:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #e8772e8c;pointer-events:none}@media(max-width:699px){.kb{height:clamp(96px,15vh,130px)}.kb__whites{gap:2px}.kb__key--white{border-radius:0 0 7px 7px;box-shadow:inset 0 -4px #78501e2e,0 1px #00000040}.kb__key--black{border-radius:0 0 5px 5px}.kb__name,.kb__qwerty{display:none}.kb__home{font-size:7px;top:5px}.kb__dune{font-size:12px}}.fx{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px 22px}.fx__ctl{display:flex;flex-direction:column;gap:6px}.fx__label{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-300)}.fx__hint{font:400 11px/1.3 Inter,sans-serif;color:var(--ink-400)}.fx input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--ember) var(--v),rgba(255,255,255,.12) var(--v));outline:none}.fx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff3e0;border:2px solid var(--ember);box-shadow:0 0 10px #ff8c3280;cursor:pointer}.fx input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff3e0;border:2px solid var(--ember);cursor:pointer}.midi{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 Inter,sans-serif;color:var(--ink-300)}.midi--off{color:var(--ink-400)}.midi__dot{width:8px;height:8px;border-radius:50%;background:#5a6572;transition:background .1s,box-shadow .1s}.midi.is-live .midi__dot{background:#6ee7a0;box-shadow:0 0 10px #6ee7a0}.midi__label{letter-spacing:.14em;text-transform:uppercase;font-size:10px}.midi select{background:#ffffff0f;color:var(--ink-100);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 10px;font:500 12px Inter,sans-serif}.site{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d0b22,#1b1130,#2a1524)}.site__scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.site__hero{position:relative;min-height:clamp(360px,62vh,640px);display:flex;align-items:flex-end;overflow:hidden}.site__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.site__hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0d0b228c,#0d0b220d 35%,#0d0b22bf 75%,#0d0b22)}.site__hero-text{position:relative;padding:clamp(24px,5vh,56px) clamp(18px,5vw,72px) 28px;max-width:980px}.site__back{background:#0000004d;border:1px solid rgba(255,255,255,.25);color:var(--ink-100);border-radius:999px;padding:8px 14px;font:500 12px var(--sans);cursor:pointer;margin-bottom:26px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site__back:hover{border-color:var(--ember)}.site__eyebrow{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--sand-300);margin:0 0 12px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.site__hero h1{font-size:clamp(42px,7.5vw,96px);line-height:.95;letter-spacing:-.015em;text-shadow:0 6px 40px rgba(0,0,0,.6)}.site__blurb{font:400 17px/1.5 var(--sans);color:var(--ink-100);max-width:640px;margin:18px 0 0;text-shadow:0 2px 16px rgba(0,0,0,.7)}.site__placeholder{display:inline-block;margin-top:16px;font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffd39a;border:1px dashed rgba(255,211,154,.5);padding:8px 12px;border-radius:8px;background:#00000059}.site__content{max-width:1180px;margin:0 auto;padding:clamp(32px,6vh,72px) clamp(18px,5vw,72px) 0;display:flex;flex-direction:column;gap:clamp(56px,9vh,110px)}.site__content .place{position:static;max-width:760px}.site__spacer{height:48px}.site__instrument{flex:0 0 auto;background:#080614d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:12px clamp(14px,3vw,40px) 10px;box-shadow:0 -20px 60px #00000080}.site__instrument>*{max-width:1100px;margin-left:auto;margin-right:auto}.site__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.site__toolbar-left{display:flex;align-items:baseline;gap:16px;background:none;border:0;padding:0;color:inherit;text-align:left;cursor:default}.site__toolbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.site__inst-title{font:500 20px/1 var(--serif);color:var(--ink-100)}.site__inst-home{font:500 12px/1 var(--sans);color:var(--ink-400)}.site__inst-home b{color:var(--ember);font-weight:700}.site__chev{color:var(--ember);font-size:14px}.site__octave{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--sans);color:var(--ink-300)}.site__octave button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--ink-100);font-size:16px;cursor:pointer}.site__octave button:disabled{opacity:.35;cursor:default}.site__fx-toggle{background:none;border:1px solid rgba(255,255,255,.18);color:var(--ink-300);border-radius:999px;padding:6px 12px;font:500 12px var(--sans);cursor:pointer}.site__fx{padding:6px 0 14px}.site__keys-hint{margin:8px 0 0;font:400 11px/1.3 var(--sans);color:var(--ink-400);text-align:center}.site__error{color:#ff9d9d;font:500 14px var(--sans);text-align:center;padding:30px}@media(max-width:900px){.site__toolbar-left{flex-direction:column;gap:4px}.site__inst-title{font-size:16px}.site__keys-hint{display:none}}@media(max-width:699px){.site__hero{min-height:58vh}.site__instrument{padding:8px 12px}.site__instrument--closed .site__toolbar{margin-bottom:0}.site__instrument--closed .site__toolbar-right{display:none}.site__toolbar-left{cursor:pointer;flex-direction:row;align-items:center;gap:10px}.site__toolbar{margin-bottom:6px}.site__toolbar-right{gap:10px}.site__toolbar-right .midi{display:none}.site__fx-toggle{padding:5px 10px;font-size:11px}.site__fx{padding:4px 0 8px}}.info{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(16px,5vh,48px);width:min(360px,calc(100% - 32px));z-index:5;background:#0e0c26d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 24px;box-shadow:0 20px 50px #00000080}.info__close{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--ink-300);font-size:22px;cursor:pointer}.info__kind{font:600 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--sand-500);margin:0 0 10px}.info h2{font-size:24px;line-height:1.1;color:var(--ink-100)}.info__region{font:400 12px/1.3 var(--sans);color:var(--ink-400);margin:6px 0 12px}.info__blurb{font:400 14px/1.5 var(--sans);color:var(--ink-300);margin:0}.info__none{font:500 11px/1.3 var(--sans);color:var(--ink-400);margin:14px 0 0;letter-spacing:.04em}.app{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,#2a1533 0%,var(--night-800) 45%,var(--night-900) 100%)}.app__home{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app__flight{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);z-index:4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.app__flight-name{font:500 clamp(26px,4vw,40px)/1 var(--serif);color:var(--ink-100);text-shadow:0 4px 30px rgba(0,0,0,.6)}.app__flight-region{font:400 13px/1 var(--sans);color:var(--ink-300);letter-spacing:.06em}.app__flight-bar{width:180px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden;margin-top:10px}.app__flight-bar i{display:block;height:100%;background:var(--moss);transition:width .2s}.app__site{position:absolute;inset:0;z-index:6}:root{--night-900: #07061a;--night-800: #0e0c26;--night-700: #191538;--ink-100: #fff4e6;--ink-300: rgba(255, 244, 230, .78);--ink-400: rgba(255, 244, 230, .5);--sand-300: #f5d9a8;--sand-500: #d9a05b;--ember: #ff8a3d;--ember-deep: #c9551a;--moss: #6ee7a0;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night-900);color:var(--ink-100);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}button{font-family:inherit}h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0}