/* Negotiation and phrase-memory boards. All ornament stays below the controls. */
.performance-fiction{padding:10px 12px;background:#eee9d9;border-radius:5px;color:#6b6653!important}.performance-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;min-height:176px;display:flex;align-items:flex-end;background:#30483e;margin-bottom:18px}.performance-hero img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.performance-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(13,26,24,.87),rgba(14,25,23,.04))}.performance-hero-copy{padding:22px 24px;color:white}.performance-hero-copy .okp-kicker{color:#e4d5ad}.performance-hero-copy>strong{font-weight:500;font-size:clamp(18px,2.5vw,26px);display:block;margin-top:7px}.performance-guide,.performance-history{border:1px solid var(--okp-line,#d6ddcf);border-radius:7px;padding:12px 16px;margin:14px 0;font-size:13px;background:#fffdf6}.performance-guide summary,.performance-history summary{cursor:pointer;font-weight:600;min-height:24px}.performance-guide p{margin:12px 0 3px;color:#586958}.performance-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 0;margin-bottom:8px;font-size:13px}.performance-stats strong{font-weight:600;font-variant-numeric:tabular-nums;padding:5px 10px;border-radius:4px;background:#e9eddf}.performance-stats .performance-over{color:#963d2d;background:#f5e0d4}.performance-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.performance-person{border:1px solid #d0d8c8;background:#fffdf7;border-radius:9px;padding:17px 15px;display:flex;flex-direction:column;transition:border-color .2s,background .2s;min-width:0}.performance-person-top{display:flex;align-items:center;gap:9px}.performance-person-top h3{font-size:17px;margin:0;font-weight:600}.performance-seal{width:36px;height:36px;display:grid;place-items:center;border:1px solid #9b815b;border-radius:50%;font-family:serif;color:#8a693b;font-size:21px;flex-shrink:0}.performance-role{font-size:11px;color:#8a7959;display:block;margin-top:9px}.performance-trust{font-size:12px;color:#47634b;background:#edf0e4;padding:7px 8px;margin:12px 0}.performance-speech{font-size:13px;line-height:1.8;margin:4px 0 10px;flex:1}.performance-criterion{font-size:12px;line-height:1.7;margin:0 0 12px;padding-top:10px;border-top:1px dashed #d8dece;color:#65704f}.performance-listen{font-size:12px;width:100%}.performance-accepted{border-color:#779161;background:#f2f6e9}.performance-drafting{margin-top:23px;padding:20px;border-radius:9px;border:1px solid #d8d5c6;background:linear-gradient(135deg,#fffdf6,#f0edde)}.performance-drafting h3{margin:0 0 7px;font-size:18px;font-weight:600}.performance-term{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 0;border-top:1px solid #dddccd}.performance-term-copy strong{font-size:14px;display:block}.performance-term-copy small{display:block;color:#68735f;font-size:11px;margin-top:4px}.performance-levels{display:flex;gap:5px;flex-shrink:0}.performance-level{width:44px;padding:7px 4px;font-size:16px;font-variant-numeric:tabular-nums}.performance-level[aria-pressed=true]{background:#385e47;color:white;border-color:#385e47;box-shadow:inset 0 0 0 2px #cfdec0}.performance-history ol{padding-left:20px;color:#68755c;font-size:12px}.performance-history li+li{margin-top:6px}.performance-actions .okp-primary{flex:1 1 210px}.performance-actions .okp-button{font-size:13px}.performance-rhythm-hero img{object-position:center 58%}.performance-audio-controls{margin:0 0 16px}.performance-audio-controls .okp-button{font-size:12px;min-width:175px}.performance-rhythm-stage{border:1px solid #d4daca;border-radius:10px;background:#efeee2;padding:19px}.performance-cue{margin:0 0 16px;font-size:15px;text-align:center;color:#485943;min-height:26px;font-weight:600}.performance-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.performance-pad{min-height:160px;position:relative;padding:16px 10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--performance-pad-line);background:var(--performance-pad-bg);color:var(--performance-pad-ink);transition:box-shadow .24s,background .24s,border-color .24s;opacity:1!important}.performance-pad:disabled{cursor:default}.performance-pad-0{--performance-pad-line:#95a9b5;--performance-pad-bg:#e3eaf0;--performance-pad-ink:#29485e}.performance-pad-1{--performance-pad-line:#baa66f;--performance-pad-bg:#f2e9ce;--performance-pad-ink:#76602a}.performance-pad-2{--performance-pad-line:#7fa9a2;--performance-pad-bg:#ddece6;--performance-pad-ink:#285f54}.performance-pad-3{--performance-pad-line:#b68f87;--performance-pad-bg:#f0e0d9;--performance-pad-ink:#86534b}.performance-pad svg{width:53px;height:53px;margin-bottom:6px}.performance-pad>strong{font-size:22px;font-weight:500;line-height:1.4}.performance-pad>span{font-size:10px;margin-top:2px}.performance-pad kbd{position:absolute;top:6px;right:8px;font:11px/1.5 inherit;opacity:.7}.performance-pad:hover:not(:disabled){background:var(--performance-pad-bg);color:var(--performance-pad-ink);border-color:var(--performance-pad-ink)}.performance-pad.performance-sounding{box-shadow:inset 0 0 0 4px var(--performance-pad-ink),0 3px 14px rgba(51,67,48,.14);border-color:var(--performance-pad-ink);background:#fffdf3}.performance-note-slots{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:20px}.performance-note{display:grid;place-items:center;border:1px solid #c6cebc;background:#faf9f1;border-radius:50%;width:37px;height:37px;font-size:15px;color:#839078;font-weight:500}.performance-note-0{color:#29485e;background:#e3eaf0}.performance-note-1{color:#76602a;background:#f2e9ce}.performance-note-2{color:#285f54;background:#ddece6}.performance-note-3{color:#86534b;background:#f0e0d9}.performance-note-wrong{border:2px solid #9b513e;text-decoration:underline}.performance-sheet{border:1px solid #bac9ac;border-radius:7px;padding:16px 19px;background:#edf3e3;margin-top:16px}.performance-sheet>strong{font-size:13px}.performance-score-notes{padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.performance-score-note{padding:8px 12px;border-radius:5px;border:1px solid rgba(51,67,48,.2);font-size:13px}.performance-sheet[hidden],.performance-actions [hidden]{display:none!important}
@media(max-width:780px){.performance-people{grid-template-columns:1fr}.performance-person{padding:15px 17px;display:grid;grid-template-columns:1fr auto;gap:0 16px}.performance-person-top,.performance-role{grid-column:1}.performance-trust{grid-column:2;grid-row:1 / span 2;align-self:center;white-space:nowrap;margin:0}.performance-speech,.performance-criterion{grid-column:1/-1}.performance-speech{margin-top:12px}.performance-listen{grid-column:1/-1;width:auto;justify-self:start}.performance-pads{gap:8px}.performance-pad{min-height:145px}.performance-pad svg{width:45px;height:45px}}
@media(max-width:480px){.performance-hero{min-height:145px}.performance-hero-copy{padding:18px}.performance-stats{gap:5px;font-size:11px}.performance-stats strong{padding:5px 7px}.performance-drafting{padding:16px 13px}.performance-term{display:block}.performance-levels{margin-top:10px}.performance-level{flex:1}.performance-person{gap:0 7px}.performance-person-top h3{font-size:15px}.performance-trust{font-size:10px;padding:6px}.performance-rhythm-stage{padding:14px 9px}.performance-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.performance-pad{min-height:135px}.performance-note{width:30px;height:30px;font-size:13px}.performance-note-slots{gap:5px}.performance-cue{font-size:13px}.performance-guide{font-size:12px;padding:12px}.performance-actions .okp-primary{flex-basis:100%}.performance-score-note{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.performance-pad,.performance-person{transition:none!important}}
body[data-motion=off] .performance-pad,body[data-motion=off] .performance-person{transition:none!important}
