
:root{--bg:#d9d7cc;--fg:#262e2d;--dim:#596561;--accent:#b13f2e}body{background:#d9d7cc;color:#262e2d}body:before,body:after{display:none}nav{display:none}main{padding:78px 4vw 28px;max-width:1500px;margin:auto}#score{opacity:.07}.title-block{max-width:none;text-align:left;border-top:2px solid #28332f;border-bottom:1px solid #9da69e;padding:22px 0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.title-block:before{display:none}.kicker{grid-column:1/-1;color:#9d3a2b;font-size:11px}.title-block h1{font:normal clamp(48px,7vw,94px)/1 Georgia,serif;margin:0;letter-spacing:-.05em}.title-block h1 em{color:inherit}.lede{font:15px/1.6 system-ui;max-width:420px;margin:auto 0 auto auto;color:#3b4b43;opacity:1}.layout{gap:28px;flex-wrap:nowrap;padding:24px;background:#263632;border:10px solid #6b4936;border-radius:4px;box-shadow:0 4px 0 #412f25,0 24px 40px -20px #343c35aa}.stage{flex:1;min-height:360px}.stage-grid.n3,.stage-grid.n4,.stage-grid.n5,.stage-grid.n6{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{padding:10px;background:#132520;border:1px solid #5f77664d;border-radius:2px}.tile .board-wrap{border-radius:1px;background:#0d1f19;border-color:#789c6844}.caption{color:#d2d8bc}.caption .game-line{font-size:10px!important}.caption .move-line{font-size:12px!important}.sidebar{flex:0 0 255px;color:#e0dfce;padding-left:22px;border-left:1px solid #5e706355;gap:16px}.panel{background:transparent;border:0;border-radius:0;padding:0}.field-label{color:#b7c4ae;font-size:10px}.member{border:0;border-radius:0!important;border-bottom:1px solid #81937e33;padding:12px 2px;color:#bdc5b7}.member.on{color:#fbf5de;border-color:#81937e66;background:#f9edb607}.member .dot{width:12px;height:12px}.member .name{font-size:12px}.member .meta{font-size:9px;color:#afbca7}.members-note,.clock-note{color:#b6c2ae;font-size:10px}.clock{background:#14211a;color:#e1b169;font:30px monospace;padding:15px 12px;border:1px solid #526345}.gate{inset:auto 10px 10px;background:#1e3027f5;border:1px solid #a1b28e;padding:16px;border-radius:1px;box-shadow:0 5px 20px #0005}.gate p{color:#dce0cb;font-size:12px;max-width:500px}.pill.filled{background:#d2b56e;color:#26352a;border:0}.pill{color:#e0d5b3}.title-block .kicker:before{content:'● ';color:#b44330}footer{color:#59665d}.study-return{background:#d9d7cc!important}
@media(max-width:900px){.title-block{display:block}.lede{margin:18px 0 0}.layout{flex-direction:column;padding:14px;border-width:6px}.stage{flex:auto;width:100%}.sidebar{flex:auto;width:100%;border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar .panel:first-child{grid-column:1/-1}.members{display:grid;grid-template-columns:1fr 1fr}.stage-grid.n3,.stage-grid.n4,.stage-grid.n5,.stage-grid.n6{grid-template-columns:repeat(2,minmax(0,1fr))}}

.title-block{grid-template-columns:1.3fr 1fr}.title-block h1{font-size:clamp(46px,5.2vw,74px)}#tuneIn{background:#d2b56e!important;color:#26352a!important}.member:hover{color:#fff2cb} .member{border-radius:0!important}.stage{min-height:360px}

.stage-grid.n3,.stage-grid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.kicker,h1,.lede,.caption,.clock-note,.members-note{text-shadow:none!important}

.experiment-return{position:absolute;top:25px;left:4vw;font:11px monospace;color:#39483c;text-decoration:none}

/* Each instrument carries its own sleeve artwork, board colors and caption. */
.tile[data-skin]{background-color:var(--instrument-bg);background-image:linear-gradient(0deg,var(--instrument-bg),transparent),var(--instrument-image);background-size:cover;background-position:center;border-color:var(--instrument-accent);padding:14px;border-radius:4px;box-shadow:0 8px 18px #0003}
.tile[data-skin] .board-wrap{background:var(--instrument-bg);border:1px solid var(--instrument-accent);box-shadow:0 3px 12px #0004}
.tile[data-skin] .caption,.tile[data-skin] .caption a{color:var(--instrument-fg)}
.tile[data-skin] .instrument-line{font:italic 16px Georgia,serif;margin:7px 0;color:var(--instrument-fg)}
.tile[data-skin] .game-meta,.tile[data-skin] .extra-line{color:var(--instrument-fg);opacity:.75}
.tile[data-skin="resonant"]{border-width:5px;border-color:#897756}
.tile[data-skin="glitch"]{border-radius:0;box-shadow:3px 0 #ff003c,-3px 0 #00ffea}
.tile[data-skin="neon"],.tile[data-skin="alien"]{box-shadow:0 0 20px color-mix(in srgb,var(--instrument-accent) 25%,transparent)}
.tile[data-skin="tr808"],.tile[data-skin="tb303"]{border-width:4px}
#programName{font:24px Georgia,serif;margin:12px 0 16px;color:#f2e9ce}
.liner-entry{padding:10px 0;border-top:1px solid #b6c2ae35}
.liner-entry h3{font:12px/1.45 system-ui;margin:0 0 4px;color:#f2e9ce}
.liner-entry p{font:11px/1.6 system-ui;margin:0;color:#c2cbbd}
.liner-entry.resting{opacity:.55}
@media(max-width:600px){.stage-grid.n3,.stage-grid.n4,.stage-grid.n5,.stage-grid.n6{grid-template-columns:1fr}.sidebar{display:flex}.tile[data-skin]{padding:12px}}
.liner-sleeve{margin-top:26px;padding:22px;background:#ede5cf;color:#303c32;border-top:4px solid #b4945a}
.liner-sleeve h2{font:26px Georgia,serif;margin:0 0 14px;color:#303c32}
#linerNotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.liner-sleeve .liner-entry{border-color:#72816b44}
.liner-sleeve .liner-entry h3{color:#303c32}.liner-sleeve .liner-entry p{color:#53604f}
.tile[data-skin] .caption{background:var(--instrument-bg);padding:8px;margin:10px -4px -4px;border-radius:2px}
.tile[data-skin] .game-line{color:var(--instrument-fg)}
.gate{top:10px;bottom:auto}
@media(max-width:1100px){.stage-grid.n5,.stage-grid.n6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#linerNotes{grid-template-columns:1fr}.stage-grid.n5,.stage-grid.n6{grid-template-columns:1fr}}

/* Auto margins must not let the flex item grow wider than a narrow phone. */
main{width:100%;min-width:0}
@media(max-width:600px){.members{grid-template-columns:minmax(0,1fr)}.member{min-height:44px}.title-block h1{font-size:clamp(36px,11vw,46px)}}
