/* Approved phone-first entertainer reference, shared by all three source views. */
:root{--bg:#171511;--card:#211e18;--card2:#2a261e;--line:#40392d;--ink:#f6f0df;--mute:#b8ad95;--yellow:#ffdf24;--yellow-ink:#241d00}
.wrap{max-width:520px;padding-left:15px;padding-right:15px}
header{gap:11px}
.logo{font-size:17px;line-height:.85}
.showsel{background:none;border:0;border-left:1px solid var(--line);border-radius:0;font-size:12px}
.iconbtn{font-size:10px;padding:7px}
.phases{gap:4px;margin:12px 0}
.phases button{min-height:38px;font-size:10px;border-radius:9px;white-space:nowrap}
.phases.sticky{position:sticky;top:0;z-index:6;padding:9px 0;background:var(--bg)}
.status{font-size:10px;margin:0 0 8px}
.status[hidden]{display:none}
.status .pill{font-size:10px}
.roles{flex-wrap:wrap;overflow:visible;gap:6px;margin:10px 0 12px;padding:0}
.chip{min-height:32px;font-size:9px;padding:0 9px}
.cast-caption{flex-basis:100%;color:var(--mute);font-size:9px;font-weight:700}
.now-heading{margin:13px 0 12px;font:23px/1.05 "Bowlby One",sans-serif;color:var(--yellow);text-transform:uppercase}
.now{padding:11px 12px 10px;border:1px solid var(--yellow);border-radius:14px}
.now-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:800;text-transform:uppercase}
.now-top>span:last-child{background:#241d001c;border-radius:5px;padding:2px 5px}
.now h2{font-size:18px;margin:7px 0}
.fact{display:block;white-space:pre-line;overflow-wrap:anywhere;font-size:10px;line-height:1.35;margin-top:4px}
.fact b{font-size:8px;margin-right:4px;color:var(--yellow);text-transform:uppercase;letter-spacing:.3px}
.now .fact b{color:#241d00b0}
.tap-hint{display:block;margin-top:8px;font-size:9px;opacity:.65}
.timing-note{font-size:9px;color:var(--mute);margin:8px 1px 12px;line-height:1.4}
.waiting{padding:13px;border:1px dashed #514733;border-radius:11px;font-size:12px;color:var(--mute)}
.waiting>span{display:block;margin-top:5px}
.next-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 8px}
.next-head h2{margin:0;font:14px "Bowlby One",sans-serif;text-transform:uppercase}
.next-head button{min-height:30px;border:1px solid #524724;border-radius:8px;background:#302a1a;color:#f5dc69;font-size:9px;padding:5px 8px;font-weight:800}
.next-head small{font-size:9px;color:var(--mute)}
.item{border:1px solid #39342a;border-radius:11px;margin-bottom:6px;gap:0;overflow:hidden}
.item .slot{width:43px;flex:none;display:flex;align-items:center;justify-content:center;padding:6px;border-right:1px solid #3b352a;background:#29251c;color:var(--yellow);font-weight:800;font-size:9px;text-align:center}
.item .body{padding:9px;min-width:0}
.item .t{font-size:12px;display:block}
.item .time{width:59px;align-self:center;padding:5px 8px 5px 0}
.item .time b{font-size:10px}
.item .time span{font-size:8px}
.item .cue-arrow{align-self:center;margin-right:6px;color:var(--mute)}
.item.mine{border-color:var(--yellow);box-shadow:inset 3px 0 var(--yellow)}
.item.mine .t::before{content:none}
.item.cur{background:#302a1a;border-color:#78651e;color:var(--ink)}
.item.cur .time span{color:var(--yellow)}
.item .moment{color:#f0c79f}
.item .moment b{color:#efb488}
.day-phase{margin-top:20px;padding-top:13px;border-top:1px solid var(--line);scroll-margin-top:75px}
.day-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.day-heading h2{margin:0;color:var(--yellow);font:16px "Bowlby One",sans-serif;text-transform:uppercase}
.day-heading>span{font-size:10px;color:var(--mute);white-space:nowrap}
.game-triggers{border-top:1px solid var(--line);margin-top:18px;scroll-margin-top:75px}
.trigger-card{display:flex;align-items:center;width:100%;gap:9px;background:var(--card);border:1px solid #39342a;border-radius:11px;padding:10px;margin-bottom:6px;text-align:left}
.trigger-team{display:grid;place-items:center;width:29px;height:29px;flex:none;background:var(--yellow);color:var(--yellow-ink);border-radius:8px;font:15px "Bowlby One",sans-serif}
.trigger-card>span:nth-child(2){flex:1;min-width:0}
.trigger-card small{display:block;font-size:8px;color:var(--mute);text-transform:uppercase}
.trigger-card b{display:block;font-size:12px;white-space:pre-line;overflow-wrap:anywhere;margin-top:3px}
.source-reference{font-size:11px;margin-top:8px;width:100%}
.tabs button{max-width:210px;min-height:45px;font-size:12px;border:1px solid var(--line)}
button:focus-visible{outline:2px solid #fff2a3;outline-offset:2px}
@media(max-width:370px){.wrap{padding-left:12px;padding-right:12px}.roles{gap:4px}.chip{padding:0 7px;font-size:8px}.phases button{font-size:9px}}
