.mono-label{font:500 11px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-400)}.play-head{max-width:1380px;padding:0 var(--gutter) 14px;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 auto;display:flex}.play-head .r{color:var(--ink-500)}.plays{max-width:1380px;padding:0 var(--gutter);margin:0 auto}.play{border-bottom:1px solid #ffffff14}.play-btn{text-align:left;width:100%;color:inherit;cursor:none;background:0 0;border:0;grid-template-columns:64px 1fr auto auto;align-items:center;gap:28px;padding:26px 0;transition:opacity .3s;display:grid}@media (max-width:820px){.play-btn{grid-template-columns:44px 1fr;gap:16px}.play-btn .dur,.play-btn .band{display:none}}.play-btn .num{font:500 11px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.16em;color:var(--amber)}.play-btn .name{font-family:var(--font-instrument-serif), serif;letter-spacing:-.02em;color:var(--ink-50);font-size:clamp(26px,3.2vw,40px);line-height:1.04}.play-btn .dur,.play-btn .band{font:400 11px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400)}.play-btn .band{text-align:right;min-width:130px;color:var(--ink-300)}.play:hover .play-btn .name{color:var(--amber-soft)}.play.open .play-btn .num{color:var(--sun)}.play-body{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1);display:grid}.play.open .play-body{grid-template-rows:1fr}.play-body>.inner{overflow:hidden}.play-body .prose-ocean{padding:4px 0 42px}.hint{max-width:1380px;padding:18px var(--gutter) 0;font:400 10.5px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);margin:0 auto}.nots{background:#ffffff0f;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;display:grid;overflow:hidden}@media (max-width:820px){.nots{grid-template-columns:1fr}}.nots .n{background:var(--ink-900);flex-direction:column;gap:10px;padding:26px;display:flex}.nots .n .x{font-family:var(--font-instrument-serif), serif;color:var(--sun);font-size:24px;line-height:1}.nots .n h3{font-family:var(--font-instrument-serif), serif;color:var(--ink-50);letter-spacing:-.015em;font-size:24px;font-weight:400;line-height:1.1}.nots .n p{color:var(--ink-300);font-size:13.5px;line-height:1.55}.chips{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.chips span{font:400 11px/1 var(--font-jetbrains-mono), monospace;color:var(--ink-200);white-space:nowrap;background:#ffffff05;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.chips span .p{color:var(--ink-500)}.stage-overlay{pointer-events:none;z-index:5;position:absolute;inset:0}.stage-coords{font:500 11px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.14em;color:var(--ink-300);text-transform:uppercase;flex-direction:column;gap:6px;display:flex;position:absolute;top:24px;left:40px}.stage-coords .lat{color:var(--amber)}.stage-legend{font:400 11px/1 var(--font-jetbrains-mono), monospace;color:var(--ink-400);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:24px;right:40px}.stage-legend .cur{color:var(--sun);letter-spacing:.16em}.stage-harbour{font:400 10px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-500);position:absolute;bottom:24px;left:40px}.stage-harbour .line{background:linear-gradient(90deg, var(--amber), transparent);width:80px;height:1px;margin-top:8px;display:block}@media (max-width:700px){.stage-harbour{display:none}}.plays .empty{text-align:center;color:var(--ink-400);font-family:var(--font-instrument-serif), serif;border:1px dashed #ffffff14;border-radius:14px;grid-column:auto;margin:40px 0;padding:60px 24px;font-size:22px;font-style:italic}.play-more{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid color-mix(in srgb, var(--amber) 40%, transparent);margin-top:22px;padding-bottom:2px;font-size:12px;text-decoration:none;display:inline-block}.play-more:hover{border-bottom-color:var(--amber)}
