.show-loop-ui{--sl-ink:#fff4ed;--sl-muted:#d9bec9;--sl-pink:#ef9ebe;--sl-teal:#acf0dc;color:var(--sl-ink);font-family:inherit}.show-loop-ui[hidden]{display:none}.sl-strip{display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid #fff3;border-radius:20px;background:linear-gradient(115deg,#422936dc,#253d42d9);box-shadow:inset 0 1px #ffffff20,0 6px 24px #160d1830;backdrop-filter:blur(20px)}.sl-mission,.sl-edit-link,.sl-audience{font:inherit;color:inherit;cursor:pointer;border:0;background:none;text-align:left}.sl-mission{display:grid;gap:5px;padding:4px;min-width:0;flex:1}.sl-kicker{display:block;font-size:10px;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;color:#e7b4c7}.sl-mission strong{font-size:13px;line-height:1.35;font-weight:600}.sl-edit-link{font-size:12px;white-space:nowrap;padding:12px 4px}.sl-audience{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:13px;background:#8edac319;font-size:11px;color:#b5f0dd}.sl-audience b{font-size:17px}.sl-audience.is-down{color:#ffc2a7;background:#efaa7618}.sl-audience span:last-child{max-width:100px;line-height:1.35}.sl-panel{color:#fff1eb;font:inherit;max-width:640px}.sl-panel h2{font-family:var(--entrance-sans);font-size:clamp(28px,5vw,40px);line-height:1.13;letter-spacing:-1px;margin:10px 0 17px;font-weight:400}.sl-panel h3{font-size:16px;line-height:1.35;margin:8px 0}.sl-panel p{font-size:14px;line-height:1.65;color:#ead5df}.sl-panel .sl-muted{font-size:12px;color:#c5aab8}.sl-panel .sl-success{color:#b6eed7}.sl-button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:14px 19px;border:1px solid #fff3;border-radius:15px;background:linear-gradient(120deg,#eec0cd,#bde7dc);color:#412738;font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;cursor:pointer;width:100%;text-align:left}.sl-button:disabled{opacity:.55;cursor:default}.sl-button span{font-size:20px}.sl-text-button{min-height:44px;border:0;background:none;padding:12px 2px;text-align:left;color:#d8bcca;font:inherit;font-size:12px;cursor:pointer}.sl-requirements{list-style:none;padding:10px 0;margin:10px 0 16px;display:grid;gap:13px}.sl-requirements li{display:flex;gap:12px;font-size:13px;color:#ecdce2;line-height:1.45}.sl-requirements li span{color:#ebacc5}.sl-requirements li.is-complete{color:#bbe9d9}.sl-requirements li.is-complete span{color:#9ce1c9}.sl-divider{height:1px;background:#fff2;margin:25px 0}.sl-call-path{list-style:none;padding:0;margin:0 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.sl-call-path li{display:flex;gap:10px}.sl-call-path li>span{color:#a3e8d2;font-size:20px}.sl-call-path b{font-size:12px}.sl-call-path small{display:block;margin-top:4px;font-size:11px;color:#c1a2b2}.sl-call-path [data-status=LOCKED]{opacity:.55}.sl-stats{display:flex;gap:10px 22px;flex-wrap:wrap;margin:18px 0;color:#d4b8c6;font-size:12px;line-height:1.55}.sl-stats b{color:#f9e6ec;font-size:20px;font-weight:500;margin-right:3px}.sl-receipt{border-top:1px solid #fff2;margin-top:25px;padding-top:21px}.sl-warning{border:1px solid #ffc89160;border-radius:16px;background:#b5672120;padding:15px 17px;margin:20px 0}.sl-warning b{color:#ffe0b7}.sl-warning p{margin:8px 0;font-size:12px}.sl-warning>span{display:block;font-size:12px;color:#ffd5a0}.sl-moments{list-style:none;padding:0;display:grid;gap:17px;margin:27px 0}.sl-moments>li{display:flex;gap:14px}.sl-moments>li>span{color:#c191ac;font-size:14px;padding-top:8px}.sl-moments h3{margin:3px 0;font-size:14px}.sl-moments p{margin:5px 0;font-size:12px}.sl-relationship{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;background:#fff1;padding:13px 15px;border-radius:12px;margin:17px 0}.sl-relationship b{color:#c3edde}.sl-relationship span{color:#e1c7d2}.sl-quote{margin:16px 0;padding:18px;border-left:2px solid #dc99b3;background:#f1bdcd0a;border-radius:0 12px 12px 0}.sl-quote blockquote{margin:0;font:italic 17px/1.6 var(--entrance-sans);color:#f1dce6}.sl-quote figcaption{font-size:10px;color:#c1a6b4;margin-top:10px}.sl-score{padding:20px;border:1px solid #fff2;border-radius:16px;margin:22px 0}.sl-score>b{display:block;font:38px var(--entrance-sans);color:#e5cfda;margin-top:9px}.sl-score>b small{font-size:19px;color:#9b8092}.sl-score p{font-size:12px;margin:10px 0 0}.sl-ceremony{border:1px solid #bcddc84d;border-radius:18px;padding:20px;margin:22px 0;background:linear-gradient(125deg,#19393444,#75335024)}.sl-ceremony details{font-size:12px;margin-top:15px}.sl-ceremony summary{cursor:pointer;min-height:35px;line-height:35px}.sl-ceremony ul{list-style:none;padding:8px 0 0;display:grid;gap:10px}.sl-ceremony li{display:flex;justify-content:space-between;gap:10px;font-size:12px}.sl-ceremony li span{color:#bfdbc8}
.sl-cue-game{font:inherit;color:#fff0e9}.sl-cue-game [hidden]{display:none!important}.sl-cue-intro{font-size:14px;line-height:1.65;color:#e1c7d2}.sl-cue-help{font-size:12px;line-height:1.55;color:#c5a7b7}.sl-cue-pace{display:flex;flex-wrap:wrap;gap:9px 18px;border:1px solid #fff2;border-radius:14px;padding:12px 15px;margin:18px 0}.sl-cue-pace legend{font-size:11px;color:#d9adbf;padding:0 6px}.sl-cue-pace label{font-size:12px;line-height:1.6;cursor:pointer;display:flex;gap:7px;align-items:center}.sl-cue-pace input{accent-color:#b7ead9;width:16px;height:16px}.sl-cue-board{position:relative;min-height:225px;box-sizing:border-box;border-radius:21px;border:1px solid #fff3;background:linear-gradient(140deg,#4f303e,#283d40);padding:24px;margin:20px 0 14px;overflow:hidden}.sl-cue-mode{display:inline-block;padding:6px 10px;border-radius:7px;color:#4b2338;background:#eeb4cb;font-weight:800;font-size:11px;letter-spacing:1.2px}.sl-cue-counter{float:right;color:#c6abb9;font-size:10px;letter-spacing:1px;line-height:28px}.sl-cue-headline{font:26px/1.2 var(--entrance-sans);letter-spacing:-.5px;margin:20px 0 12px;color:#fff1e9;max-width:460px}.sl-cue-direction{color:#e0cbd5;font-size:13px;line-height:1.55;margin:0 0 12px}.sl-cue-board[data-mode=rehearsal]{background:repeating-linear-gradient(135deg,#403b43 0 10px,#433f47 10px 20px);border-color:#c9b5d0}.sl-cue-board[data-mode=rehearsal] .sl-cue-mode{background:#d7c5e1;color:#3e304e}.sl-cue-board[data-mode=paused]{background:#33323b}.sl-cue-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#100d1330}.sl-cue-progress i{display:block;height:100%;background:#b4e5d6;width:0}.sl-cue-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sl-cue-action{position:relative;min-height:96px;border:1px solid #e6cddc4d;border-radius:16px;background:#e8bdd114;color:#f8e9ef;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:12px 8px;cursor:pointer;font:inherit}.sl-cue-action:hover:not(:disabled){background:#e8bdd12d;border-color:#e6cddc99}.sl-cue-action:disabled{opacity:.38;cursor:default}.sl-cue-key{position:absolute;left:9px;top:7px;font-size:10px;opacity:.65}.sl-cue-symbol{font-size:23px;line-height:1;color:#c3e7da}.sl-cue-action b{font-size:11px;line-height:1.35}.sl-cue-status{font-size:12px;line-height:1.55;color:#ceb0c0;min-height:38px;margin:16px 0 8px}.sl-cue-controls{display:flex;gap:12px;align-items:center}.sl-cue-controls .sl-text-button{min-width:70px;text-align:center}.sl-panel button:focus-visible,.show-loop-ui button:focus-visible,.sl-cue-game button:focus-visible,.sl-cue-game input:focus-visible{outline:2px solid #b7f2db;outline-offset:4px}.sl-cue-game button:active:not(:disabled){transform:translateY(1px)}
@media(max-width:520px){.sl-strip{gap:7px;padding:9px 11px;border-radius:17px}.sl-mission strong{font-size:12px}.sl-kicker{font-size:9px;letter-spacing:1.2px}.sl-audience{padding:8px;font-size:10px}.sl-audience span:last-child{display:none}.sl-edit-link{font-size:11px}.sl-call-path{gap:15px 11px}.sl-panel h2{font-size:31px}.sl-cue-board{padding:20px;min-height:230px}.sl-cue-headline{font-size:25px;margin-top:18px}.sl-cue-counter{font-size:9px;float:none;display:block;line-height:1.4;margin-top:10px}.sl-cue-actions{gap:7px}.sl-cue-action{min-height:100px;padding:12px 5px}.sl-cue-action b{font-size:11px}.sl-quote blockquote{font-size:16px}}
@media(prefers-reduced-motion:reduce){.sl-cue-game *{scroll-behavior:auto;transition:none;animation:none}.sl-cue-game button:active:not(:disabled){transform:none}}
/* The daily note clears both the location caption and physical touch controls. */
@media(max-width:760px){#producer-strip.show-loop-ui{bottom:calc(175px + env(safe-area-inset-bottom));}}
@media(max-width:760px) and (pointer:coarse){#producer-strip.show-loop-ui{bottom:calc(270px + env(safe-area-inset-bottom));}}
/* A save with no canonical storyProgress shows the producer strip AND the opening cue. Both sat on the
   same mobile offset, so the cue swallowed every tap on the objective (HQ dd0c7b9a). Stack the cue above
   the visible strip; --sl-strip-h is measured by show-loop-ui.js on each render. */
@media(max-width:760px){#play-ui:has(#producer-strip:not([hidden])) .opening-cue{bottom:calc(175px + env(safe-area-inset-bottom) + var(--sl-strip-h,56px) + 10px)}}
@media(max-width:760px) and (pointer:coarse){#play-ui:has(#producer-strip:not([hidden])) .opening-cue{bottom:calc(270px + env(safe-area-inset-bottom) + var(--sl-strip-h,56px) + 10px)}}
