/* Two-player, couch, table and group modes. Builds on story.css: sheets, answers, verdict files, format tabs and social buttons. */
.duo-cta{margin:10px 0 0 10px}
.duo-board{margin-top:16px;max-width:470px;padding:9px 12px;border-left:3px solid var(--red);background:#f1ebda;font:14px/1.45 var(--serif);color:#3c3b32}
.duo-board a{color:var(--red)}
.duo-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}
.duo-mode{display:flex;flex-direction:column;gap:6px;padding:15px;border:1px solid #c7bfaa;border-radius:3px;background:#f6f2e6;text-decoration:none;color:var(--ink);transition:background .15s,border-color .15s,transform .15s}
.duo-mode:hover,.duo-mode:focus-visible{background:#f4e5d6;border-color:var(--red);transform:translateY(-1px)}
.duo-mode strong{font:600 22px/1.15 var(--serif);letter-spacing:-.03em}
.duo-mode span:last-child{font-size:14px;line-height:1.45;color:#504e42}
.duo-mode .choice-code{color:var(--red)}
.duo-season{margin:18px 0 0;padding:10px 13px;border:1px dashed var(--red);background:#fbf3e9;font:15px/1.45 var(--serif)}
.duo-form{display:grid;gap:14px;margin-top:22px;max-width:560px}
.duo-field{display:grid;gap:6px;font:600 13px/1.3 var(--sans);color:var(--ink)}
.duo-field small{font-weight:400;color:var(--muted)}
.duo-field input,.duo-field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #b8af96;border-radius:3px;background:#fffdf6;font:16px var(--sans);color:var(--ink)}
.duo-field input:focus,.duo-field select:focus{outline:2px solid var(--red);outline-offset:1px}
.duo-inline{margin-top:20px;max-width:340px}
.duo-players{display:grid;gap:9px;border:1px solid #d3cbb3;border-radius:3px;padding:12px 14px 14px;margin:0}
.duo-players legend{font:600 13px var(--sans);padding:0 4px}
.duo-player{display:flex;gap:8px;align-items:center}
.duo-player input{flex:1;min-height:44px;padding:9px 11px;border:1px solid #b8af96;border-radius:3px;background:#fffdf6;font:16px var(--sans)}
.duo-player .trail-item{flex:none;font-size:11px}
.duo-players .btn{justify-self:start;min-height:40px;padding:8px 14px}
.duo-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.duo-error{margin:0;color:var(--red);font:600 14px/1.4 var(--sans)}
.duo-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:22px;font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.duo-meter-track{height:8px;border:1px solid #c7bfaa;border-radius:8px;background:#efe9d8;overflow:hidden}
.duo-meter-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#c9a46b,var(--red));transition:width .45s cubic-bezier(.3,1.4,.5,1)}
.duo-meter b{color:var(--ink);font-weight:700}
.duo-pass{text-align:center;padding:18px 0 8px}
.duo-pass .app-h1{margin:10px auto 6px;max-width:16ch}
.duo-pass .scene-setting{margin:12px auto 22px}
.duo-pass .actions{justify-content:center}
.duo-countdown{font:900 clamp(72px,16vw,140px)/1 var(--mono);color:var(--red);min-height:1em;margin:20px 0 0}
.duo-countdown:empty{min-height:0;margin:0}
.duo-exhibit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.duo-exhibit>div{padding:13px 14px;border:1px solid #c7bfaa;background:#f6f2e6;border-radius:3px}
.duo-exhibit p:last-child{font:19px/1.4 var(--serif);margin:6px 0 0}
.duo-match{display:inline-block;margin:18px 0 6px;padding:6px 14px;border:3px solid currentColor;font:900 22px var(--mono);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-3deg)}
.duo-match.is-match{color:#1f5b3a}
.duo-match.is-miss{color:#b82b19}
.duo-next{font:17px/1.5 var(--serif);color:#3f3e35;margin:16px 0 0}
.duo-h3{font:600 22px var(--serif);letter-spacing:-.03em;margin:26px 0 6px}
.duo-mismatches{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.duo-mismatches li{padding:11px 14px;border-left:3px solid var(--red);background:#f6f0df}
.duo-mismatches p{margin:4px 0;font:16px/1.45 var(--serif)}
.duo-mismatches .duo-q{font-style:italic;color:#504e42}
.duo-couple{border-left-color:#262720}
.duo-share{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.duo-link{font:13px var(--mono)!important;color:var(--muted)!important}
.duo-clock{font:800 clamp(44px,9vw,72px)/1 var(--mono);color:var(--red);margin:18px 0 0;letter-spacing:.04em}
.duo-rank{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.duo-rank li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 14px;border:1px solid #d3cbb3;background:#f8f4e7;border-radius:3px}
.duo-rank li.is-top{border-color:var(--red);background:#fbefe6}
.duo-rank-name{font:600 19px var(--serif)}
.duo-rank-pct{font:800 19px var(--mono);color:var(--red);text-align:right}
.duo-rank-role{grid-column:1/-1;font:italic 15px var(--serif);color:var(--muted)}
.duo-crown{display:block;font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.shared-invite{margin:0 0 26px;padding:16px 18px;border:2px solid var(--red);background:#fbf1e8;border-radius:3px}
.shared-invite h2{font:600 clamp(24px,3.4vw,34px)/1.15 var(--serif)!important;letter-spacing:-.035em;margin:6px 0 4px}
.shared-invite .actions{margin-top:12px}
@media(max-width:740px){.duo-modes{grid-template-columns:1fr}.duo-share{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-exhibit{grid-template-columns:1fr}.duo-cta{margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){.duo-meter-fill{transition:none}}