.adv-flow-controls{display:flex;gap:6px;align-items:center}.adv-flow-btn{min-height:30px;padding:5px 8px;border:1px solid transparent;background:rgba(0,0,0,.24);color:var(--ink);font:inherit;font-size:10px;font-weight:900;letter-spacing:.1em;opacity:.58;cursor:pointer}.adv-flow-btn:hover,.adv-flow-btn.active{opacity:1;border-color:var(--line-strong)}.adv-flow-btn.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}
.deliberate-dialogue{transition:opacity .2s ease,transform .2s ease}.game-shell.phase-transition .screen{animation:phase-settle .78s ease both}@keyframes phase-settle{0%{opacity:.16;filter:blur(3px);transform:translateY(8px)}55%{opacity:1;filter:blur(0)}100%{transform:none}}
.cutin{animation:contradiction-impact 1.2s cubic-bezier(.16,.76,.22,1) both}@keyframes contradiction-impact{0%{opacity:0;transform:scale(.88) skewX(-5deg)}18%{opacity:1;transform:scale(1.04) skewX(0)}38%{transform:scale(.99)}100%{transform:scale(1)}}
.backlog-backdrop,.opening-decision-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(1,3,7,.88);backdrop-filter:blur(9px);display:grid;place-items:center;padding:24px}.backlog-panel{width:min(880px,100%);height:min(78svh,760px);background:rgba(4,8,14,.98);border:1px solid var(--line-strong);box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr}.backlog-panel>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.backlog-panel header span{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:900}.backlog-panel h2{margin:3px 0 0}.backlog-panel header button,.opening-decision button{border:1px solid var(--line-strong);background:rgba(8,14,23,.9);color:var(--ink);padding:10px 14px;cursor:pointer}.backlog-list{overflow:auto;padding:10px 22px 28px}.backlog-row{padding:16px 0 18px;border-bottom:1px solid var(--line)}.backlog-row>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.12em}.backlog-row strong{display:block;margin:7px 0;color:var(--cyan);font-size:13px}.backlog-row p{margin:0;line-height:1.85;color:#dce6f3}.backlog-empty{color:var(--muted)}
.opening-decision{width:min(720px,100%);background:linear-gradient(180deg,rgba(8,13,22,.99),rgba(3,6,11,.99));border-top:2px solid var(--cyan);border-bottom:1px solid var(--line-strong);padding:clamp(24px,5vw,48px);box-shadow:var(--shadow)}.opening-decision h2{font-size:clamp(26px,5vw,46px);margin:12px 0}.opening-decision>p{color:#cbd7e8;line-height:1.8}.opening-decision-options{display:grid;gap:10px;margin-top:26px}.opening-decision-options button{text-align:left;font-weight:850;min-height:52px}.opening-decision-options button:hover:not(:disabled){border-color:var(--cyan);transform:translateX(3px)}.opening-decision-options button:disabled{opacity:.35}.opening-decision-response{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.opening-decision-response p{line-height:1.9;color:#e7eef9}.opening-decision-response button{border-color:rgba(104,228,240,.7);box-shadow:inset 4px 0 0 var(--cyan)}
.reasoning-subject p{max-width:34ch;color:#aebbd0}.first-review-recall{margin-top:18px!important;padding-top:15px;border-top:1px solid rgba(104,228,240,.18);color:#cbd7e8!important}.first-review-recall span{display:block;margin-bottom:5px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.16em}.result-copy h2{display:flex;flex-wrap:wrap;column-gap:.34em;row-gap:.08em;font-size:clamp(24px,4.1vw,48px);line-height:1.08;word-break:keep-all;overflow-wrap:normal}.result-copy h2 span{white-space:nowrap}.trial-badge{display:inline-block;margin:0 0 8px;padding:5px 9px;border:1px solid rgba(104,228,240,.4);color:var(--cyan);font-size:9px;font-weight:950;letter-spacing:.18em}

/* Desktop trial view: conversation screens fit without browser-level scrolling. */
@media (min-width:900px) and (max-height:960px){
  .screen:has(.deliberate-dialogue){height:100svh;min-height:0;padding-top:78px;padding-bottom:12px;overflow:hidden}
  .screen:has(.deliberate-dialogue) .heading-row{top:70px}
  .screen:has(.deliberate-dialogue) .dialogue-grid{height:calc(100svh - 90px);min-height:0;overflow:hidden}
  .screen:has(.deliberate-dialogue) .character-card{inset:2% auto 148px 0}
  .screen:has(.deliberate-dialogue) .dialogue-panel{min-height:164px;max-height:214px;padding:20px 76px 20px 28px}
  .screen:has(.deliberate-dialogue) .dialogue-speaker{margin-bottom:6px}
  .screen:has(.deliberate-dialogue) .dialogue-text{min-height:60px;font-size:clamp(16px,1.55vw,20px);line-height:1.68;max-height:118px;overflow:auto;padding-right:8px}
  .screen:has(.deliberate-dialogue) .dialogue-actions{right:18px;bottom:16px}
}

@media (min-width:900px) and (max-height:760px){
  .topbar{inset:12px 20px auto}
  .screen:has(.deliberate-dialogue){padding-top:68px}
  .screen:has(.deliberate-dialogue) .heading-row{top:60px}
  .screen:has(.deliberate-dialogue) .dialogue-grid{height:calc(100svh - 78px)}
  .screen:has(.deliberate-dialogue) .character-card{inset:1% auto 134px 0}
  .screen:has(.deliberate-dialogue) .dialogue-panel{min-height:148px;max-height:190px;padding:16px 72px 16px 24px}
  .screen:has(.deliberate-dialogue) .dialogue-text{font-size:clamp(15px,1.45vw,18px);line-height:1.58;min-height:54px;max-height:100px}
  .screen:has(.deliberate-dialogue) .dialogue-actions{bottom:12px}
  .status{top:58px}
}

@media(max-width:720px){.adv-flow-controls{gap:2px}.adv-flow-btn{padding:5px 5px;font-size:8px;letter-spacing:.03em}.backlog-backdrop,.opening-decision-backdrop{padding:12px}.backlog-panel{height:86svh}.backlog-list{padding-inline:16px}.opening-decision{padding:24px 18px}.result-copy h2{font-size:clamp(23px,7vw,34px)}}