#persuade-screen{--team-a:#be3449;--team-a-2:#e2566b;--team-a-soft:#fbe4e6;--team-b:#3d7a55;--team-b-2:#58a275;--team-b-soft:#deead7;--pz-glass:rgb(38 24 30 / .8);--pz-glass-2:rgb(52 34 40 / .86);--pz-edge:rgb(255 230 200 / .16);--pz-ink:#fff6ec;--pz-dim:#ecd7c6;--pz-gold:#ffd98a;--pz-cream:#fff8ee}
#persuade-screen [hidden]{display:none!important}
.pz-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;grid-template-areas:"hud hud hud" "q q q" "campA main campB" "scores scores scores" "chat chat chat";gap:16px;width:100%;align-items:start}
#persuade-screen:not([data-phase="teams"]):not([data-phase="pitch"]):not([data-phase="decide"]) .pz-main{grid-column:1/-1}
.pz-hud{grid-area:hud;position:sticky;top:8px;z-index:4;background:var(--pz-glass);color:var(--pz-ink);border:1px solid var(--pz-edge);border-radius:20px;padding:14px 18px 12px;box-shadow:var(--shadow-art,0 16px 40px #0006);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pz-hud-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pz-phase{font-size:15px;font-weight:800;color:var(--pz-gold);text-shadow:0 1px 2px #0008}
.pz-meta{font-size:13px;color:var(--pz-dim);flex:1;min-width:0}
.pz-clock{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;min-width:56px;text-align:right;text-shadow:0 1px 3px #000a}
.pz-clock.urgent{color:#ffb38a;animation:pzThrob 1s ease-in-out infinite}
@keyframes pzThrob{50%{transform:scale(1.08)}}
.pz-timer{height:6px;border-radius:6px;background:rgb(255 255 255 / .12);overflow:hidden;margin:10px 0 8px}
.pz-timer-fill{height:100%;width:0;background:linear-gradient(90deg,var(--team-a-2),var(--pz-gold),var(--team-b-2));border-radius:6px;transition:width .25s linear;box-shadow:0 0 12px #ffd98a80}
.pz-timer-fill.urgent{background:linear-gradient(90deg,#d9822b,#ffb38a)}
.pz-wait{font-size:14.5px;font-weight:600;line-height:1.6;margin:0}
.pz-question{grid-area:q;text-align:center;padding:6px 12px 2px;color:#fff;text-shadow:var(--text-shadow-art,0 2px 10px #000a)}
.pz-q-top{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.pz-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--pz-gold)}
.pz-cat{font-size:12px;font-weight:800;color:#2b1e18;background:var(--pz-gold);border-radius:999px;padding:1px 10px;text-shadow:none;box-shadow:var(--shadow-1,0 2px 6px #0003)}
.pz-question h2{font-size:clamp(24px,3vw,34px);line-height:1.3;letter-spacing:-.6px;margin:8px 0 0;word-break:keep-all}
.pz-vs-mini{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.pz-vs-mini span{font-size:14px;font-weight:800;padding:5px 14px;border-radius:999px;color:#fff;text-shadow:none;box-shadow:var(--shadow-2,0 8px 22px #0003)}
.pz-vs-mini .pz-a{background:var(--team-a)}
.pz-vs-mini .pz-b{background:var(--team-b)}
.pz-vs-mini b{font-size:12px;color:var(--pz-gold)}
.pz-teams{display:contents}
.pz-camp{border-radius:20px;padding:12px;border:1px solid var(--pz-edge);box-shadow:var(--shadow-art,0 16px 40px #0006);color:var(--pz-ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:box-shadow .3s,transform .3s}
.pz-camp.pz-a{grid-area:campA;background:linear-gradient(180deg,rgb(190 52 73 / .78),rgb(90 24 36 / .84))}
.pz-camp.pz-b{grid-area:campB;background:linear-gradient(180deg,rgb(61 122 85 / .8),rgb(22 56 36 / .86))}
.pz-camp.mine{outline:2px solid var(--pz-gold);outline-offset:2px}
.pz-camp.on-stage{box-shadow:0 0 0 2px #ffd98a88,0 18px 50px #ffd98a44;transform:translateY(-2px)}
.pz-camp-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.pz-camp-head strong{font-size:15px;line-height:1.35;flex:1;min-width:0;word-break:keep-all}
.pz-count{font-size:12px;font-weight:800;color:var(--pz-gold);white-space:nowrap}
.pz-members{display:flex;flex-direction:column;gap:6px}
.pz-member{display:flex;align-items:center;gap:8px;background:rgb(0 0 0 / .22);border-radius:14px;padding:5px 10px 5px 5px;font-size:13px;min-width:0;transition:background .2s,box-shadow .2s}
.pz-member-name{flex:1;min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.pz-member em{font-style:normal;font-size:10px;font-weight:800;color:#2b1e18;background:var(--pz-gold);border-radius:6px;padding:0 4px}
.pz-member b{font-size:10.5px;color:#2b1e18;background:var(--pz-gold);border-radius:999px;padding:1px 7px;white-space:nowrap}
.pz-member.me{box-shadow:inset 0 0 0 1.5px var(--pz-gold)}
.pz-member.speaking{background:rgb(255 217 138 / .3);box-shadow:0 0 0 2px var(--pz-gold),0 0 22px #ffd98a66}
.pz-member.decided b{background:#fff;color:#2b1e18}
.pz-member.away{opacity:.5}
.pz-option-tag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0005}
.pz-a .pz-option-tag{background:var(--team-a)}
.pz-b .pz-option-tag{background:var(--team-b)}
.pz-camp .pz-option-tag{background:rgb(255 255 255 / .2);box-shadow:inset 0 0 0 1.5px #fff8}
.pz-face{flex-shrink:0;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#f7c9b6,#a44d5b);border:2px solid #fff6;box-shadow:0 3px 8px #0006}
.pz-face img{width:100%;height:100%;object-fit:cover;display:block}
.pz-face i{font-style:normal;font-size:20px;line-height:1}
.pz-face.sm{width:32px;height:32px;border-width:1.5px}
.pz-face.xs{width:22px;height:22px;border-width:1px;box-shadow:0 1px 3px #0005}
.pz-face.xs i{font-size:12px}
.pz-face.xl{width:112px;height:112px;border-radius:28px;border:3px solid #fff3e6;box-shadow:var(--shadow-art,0 16px 40px #0007)}
.pz-main{grid-area:main;min-width:0}
.pz-panel{color:var(--pz-ink);border-radius:22px;animation:pzPanelIn .4s cubic-bezier(.2,.8,.2,1) both}
.pz-panel:not(.pz-select):not(.pz-final){background:var(--pz-glass);border:1px solid var(--pz-edge);padding:20px;box-shadow:var(--shadow-art,0 16px 40px #0006);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@keyframes pzPanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pz-hint{font-size:13.5px;color:var(--pz-dim);line-height:1.6;margin:14px 0 0}
#persuade-screen .pz-opening{text-align:center;padding:30px 24px;background:linear-gradient(180deg,rgb(60 30 38 / .82),rgb(30 18 24 / .88))}
.pz-show-title{font-size:clamp(28px,3.4vw,40px);margin:8px 0 16px;letter-spacing:-.8px;text-shadow:var(--text-shadow-art,0 2px 10px #000a)}
.pz-rules{list-style:none;counter-reset:pz;margin:0 auto 16px;padding:0;max-width:560px;display:grid;gap:8px;text-align:left}
.pz-rules li{counter-increment:pz;display:flex;gap:12px;align-items:center;background:rgb(255 255 255 / .08);border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.5}
.pz-rules li:before{content:counter(pz);flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#2b1e18;background:var(--pz-gold)}
.pz-score-rule{font-size:13px;color:var(--pz-dim);margin:0;line-height:1.6}
.pz-options{display:grid;grid-template-columns:1fr 56px 1fr;gap:12px;align-items:stretch}
.pz-option{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-height:300px;padding:24px 18px 20px;border-radius:24px;border:0;color:#fff;font-family:inherit;box-shadow:0 6px 16px #0006,0 20px 50px #0005;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .25s;isolation:isolate}
.pz-option-art{position:absolute;inset:0;z-index:-2;background-size:200% 100%;background-repeat:no-repeat;transition:transform .5s}
.pz-option.pz-a .pz-option-art{background-position:0 50%}
.pz-option.pz-b .pz-option-art{background-position:100% 50%}
.pz-option:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 30%,#140a0bdd 100%)}
.pz-option.pz-a{background:linear-gradient(160deg,var(--team-a-2),#5a1624)}
.pz-option.pz-b{background:linear-gradient(160deg,var(--team-b-2),#173a26)}
.pz-option strong{font-size:clamp(22px,2.4vw,28px);line-height:1.3;word-break:keep-all;text-shadow:var(--text-shadow-art,0 2px 10px #000a);text-align:center}
.pz-option em{font-style:normal;font-size:13px;font-weight:800;padding:6px 14px;border-radius:999px;background:rgb(255 255 255 / .18);box-shadow:inset 0 0 0 1px #fff6}
.pz-option:not(:disabled):hover{transform:translateY(-5px)}
.pz-option:not(:disabled):hover .pz-option-art{transform:scale(1.04)}
.pz-option:not(:disabled):active{transform:translateY(-1px)}
.pz-option.pz-a.selected{box-shadow:0 0 0 4px var(--pz-gold),0 0 0 8px rgb(190 52 73 / .5),0 24px 60px #be344980}
.pz-option.pz-b.selected{box-shadow:0 0 0 4px var(--pz-gold),0 0 0 8px rgb(61 122 85 / .5),0 24px 60px #3d7a5580}
.pz-option.selected em{background:var(--pz-gold);color:#2b1e18}
.pz-option.dimmed{filter:saturate(.5) brightness(.7)}
.pz-vs{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:var(--pz-gold);text-shadow:0 2px 10px #000c}
.pz-select .pz-hint{text-align:center;color:#fff;text-shadow:0 1px 4px #000c}
.pz-spot{position:relative;display:flex;align-items:center;gap:20px;min-height:176px;padding:22px;border-radius:20px;background:radial-gradient(60% 120% at 22% 0%,rgb(255 217 138 / .34),#0000 70%),rgb(0 0 0 / .25);overflow:hidden}
.pz-spot:before{content:'';position:absolute;left:4%;top:-40%;width:34%;height:180%;background:linear-gradient(180deg,rgb(255 235 190 / .35),#0000);transform:skewX(-12deg);filter:blur(10px);pointer-events:none}
.pz-spot.pz-a{box-shadow:inset 0 0 0 2px rgb(190 52 73 / .6)}
.pz-spot.pz-b{box-shadow:inset 0 0 0 2px rgb(61 122 85 / .7)}
.pz-spot.live .pz-spot-face{animation:pzSpotIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes pzSpotIn{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
.pz-spot.empty{min-height:120px}
.pz-spot-face{position:relative;z-index:1}
.pz-spot-body{position:relative;z-index:1;flex:1;min-width:0}
.pz-spot-kicker{display:inline-block;font-size:12px;font-weight:800;color:var(--pz-gold);letter-spacing:.04em}
.pz-spot-name{font-size:20px;font-weight:800;margin:2px 0 8px}
.pz-spot-text{position:relative;margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.6;min-height:3.2em;background:var(--pz-cream);color:#3a2a26;border-radius:18px 18px 18px 6px;padding:12px 16px;box-shadow:0 6px 18px #0006;word-break:keep-all;overflow-wrap:anywhere}
.pz-spot-text:empty{display:none}
.pz-dots{display:inline-flex;gap:5px;padding:6px 0}
.pz-dots i{width:8px;height:8px;border-radius:50%;background:var(--team-a);animation:pzDot 1.2s ease-in-out infinite}
.pz-dots i:nth-child(2){animation-delay:.15s;background:var(--pz-gold)}
.pz-dots i:nth-child(3){animation-delay:.3s;background:var(--team-b)}
@keyframes pzDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.pz-order{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}
.pz-slot{font-size:12px;padding:4px 10px;border-radius:999px;background:rgb(255 255 255 / .1);border:1px solid var(--pz-edge);color:var(--pz-dim)}
.pz-slot.now.pz-a{background:var(--team-a);border-color:var(--team-a);color:#fff;font-weight:800;box-shadow:0 0 14px #be344999}
.pz-slot.now.pz-b{background:var(--team-b);border-color:var(--team-b);color:#fff;font-weight:800;box-shadow:0 0 14px #3d7a5599}
.pz-slot.done{text-decoration:line-through;opacity:.55}
.pz-feed{display:flex;flex-direction:column;gap:8px;max-height:min(40vh,340px);overflow-y:auto;padding:2px;overscroll-behavior:contain}
.pz-empty{font-size:13.5px;color:var(--pz-dim);text-align:center;margin:14px 0}
.pz-pitch{position:relative;display:flex;gap:10px;align-items:flex-start;background:var(--pz-cream);color:#3a2a26;border-radius:16px;padding:10px 12px;border-left:5px solid var(--line);box-shadow:0 4px 12px #0005}
.pz-pitch.fresh{animation:pzPanelIn .35s both}
.pz-pitch.pz-a{border-left-color:var(--team-a)}
.pz-pitch.pz-b{border-left-color:var(--team-b)}
.pz-pitch-body{flex:1;min-width:0;padding-right:62px}
.pz-pitch header{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;color:#8a6a5c}
.pz-pitch p{margin:3px 0 0;font-size:15px;line-height:1.55;word-break:break-word}
.pz-pitch.pass p{color:#8a6a5c;font-size:13px}
.pz-pitch-team{font-weight:700}
.pz-like{position:absolute;right:10px;bottom:10px;min-width:56px;min-height:40px;border-radius:999px;border:0;background:#fff;font-size:13.5px;font-weight:800;color:var(--cherry);box-shadow:0 2px 0 #e6c9bf,0 4px 12px #0002;transition:transform .12s}
.pz-like:not(:disabled):active{transform:translateY(2px);box-shadow:0 0 0 #e6c9bf}
.pz-like.liked{background:var(--pink);box-shadow:0 2px 0 #e7a3ae}
.pz-like.bump{animation:pzBump .35s ease}
@keyframes pzBump{50%{transform:scale(1.2)}}
.pz-like:disabled{cursor:default;opacity:1}
.pz-input{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap;padding:8px;border-radius:16px;background:var(--pz-glass-2);box-shadow:0 0 0 2px var(--pz-gold),0 12px 34px #ffd98a40}
.pz-input input{flex:1 1 220px;min-width:0;min-height:50px;border:2px solid var(--pz-gold);border-radius:12px;padding:0 14px;font-size:16px;background:#fffaf2;color:#3a2a26}
.pz-input button{min-height:50px;padding:0 18px;border:0;border-radius:12px;background:var(--cherry);color:#fff;font-weight:800;font-size:15px;box-shadow:var(--shadow-btn,0 3px 0 #8e1f33)}
.pz-input button:active{transform:translateY(2px);box-shadow:var(--shadow-btn-press,0 1px 0 #8e1f33)}
.pz-input .pz-pass{background:rgb(255 255 255 / .14);color:var(--pz-ink);box-shadow:var(--shadow-1,0 2px 6px #0003)}
.pz-decide-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pz-decide{min-height:96px;border-radius:20px;border:0;font-size:17px;font-weight:800;line-height:1.4;padding:14px;color:#fff;word-break:keep-all;box-shadow:0 4px 0 #0006,0 14px 30px #0005;transition:transform .12s,box-shadow .12s,filter .2s}
.pz-decide.pz-a{background:linear-gradient(160deg,var(--team-a-2),var(--team-a))}
.pz-decide.pz-b{background:linear-gradient(160deg,var(--team-b-2),var(--team-b))}
.pz-decide:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #0006}
.pz-decide.chosen{box-shadow:0 0 0 4px var(--pz-gold),0 16px 40px #ffd98a55}
.pz-decide-buttons:has(.chosen) .pz-decide:not(.chosen){filter:saturate(.45) brightness(.75)}
.pz-persuaders{margin-top:12px}
.pz-persuader-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pz-persuader{display:flex;align-items:center;gap:10px;text-align:left;min-height:52px;padding:10px 14px;border-radius:14px;border:0;background:var(--pz-cream);color:#3a2a26;font-family:inherit;box-shadow:0 3px 0 #d8c1b0,0 8px 18px #0004}
.pz-persuader-body{flex:1;min-width:0;display:flex;flex-direction:column}
.pz-persuader strong{font-size:13px}
.pz-persuader-body span{font-size:14px;line-height:1.5}
.pz-persuader em{font-style:normal;font-size:13px;color:var(--cherry);font-weight:800}
.pz-persuader.none{display:block;text-align:center;color:#6d5a52;font-size:14px}
.pz-persuader.chosen{box-shadow:0 0 0 3px var(--pz-gold),0 8px 20px #ffd98a55;background:#fff3d6}
.pz-decision-now{font-size:13.5px;font-weight:800;margin:12px 0;color:var(--pz-gold)}
.pz-feed-mini{max-height:220px}
#persuade-screen .pz-result{overflow:hidden;padding:0}
.pz-result-art{position:relative;aspect-ratio:16/7;max-height:min(44vh,400px);width:100%;background:linear-gradient(135deg,#6b2634,#233a2c);overflow:hidden}
.pz-result-art img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 6s ease-out}
.pz-result.revealed .pz-result-art img{transform:scale(1)}
.pz-result-art:after{content:'';position:absolute;inset:0;background:var(--scrim-bottom,linear-gradient(180deg,#0000 40%,#0d0808d9))}
.pz-result-copy{position:relative;margin-top:-86px;padding:0 20px;text-align:center;z-index:1}
.pz-result-title{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.8px;margin:0;text-shadow:var(--text-shadow-art,0 2px 10px #000a);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1)}
.pz-result-mc{font-size:15px;font-weight:700;color:var(--pz-gold);margin:6px 0 0;opacity:0;transition:opacity .4s .2s}
.pz-result-reason{font-size:14px;color:var(--pz-dim);margin:6px 0 0;line-height:1.6;opacity:0;transition:opacity .4s .3s}
.pz-result.revealed .pz-result-title,.pz-result.revealed .pz-result-mc,.pz-result.revealed .pz-result-reason{opacity:1;transform:none}
.pz-result-bar{padding:16px 20px 0}
.pz-bar-row,.pz-bar-names{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.pz-bar-label{font-weight:800}
.pz-bar-label.pz-a{color:#ffb2bd}
.pz-bar-label.pz-b{color:#a9e0bd;text-align:right}
.pz-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:rgb(255 255 255 / .12);margin:6px 0;box-shadow:inset 0 1px 3px #0006}
.pz-bar i{transition:width .8s cubic-bezier(.3,.9,.3,1)}
.pz-bar i.pz-a{background:linear-gradient(90deg,var(--team-a),var(--team-a-2))}
.pz-bar i.pz-b{background:linear-gradient(90deg,var(--team-b-2),var(--team-b))}
.pz-bar-names{color:var(--pz-dim);font-size:12px;line-height:1.5}
.pz-bar-names span:last-child{text-align:right}
.pz-moves{list-style:none;margin:14px 20px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-moves li{display:flex;align-items:center;gap:12px;font-size:14px;background:rgb(255 255 255 / .08);border-radius:14px;padding:8px 12px;line-height:1.5}
.pz-moves li.none{color:var(--pz-dim);justify-content:center;flex-direction:column;gap:2px;text-align:center}
.pz-moves li.none small{font-size:12.5px;color:var(--pz-gold)}
.pz-move{opacity:0;transform:translateY(8px)}
.pz-result.revealed .pz-move{opacity:1;transform:none;transition:opacity .3s,transform .3s;transition-delay:calc(var(--i,0) * 350ms)}
.pz-move-track{position:relative;flex:0 0 96px;height:36px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background:rgb(0 0 0 / .25);padding:0 6px}
.pz-move-from,.pz-move-to{width:12px;height:12px;border-radius:50%}
.pz-move-from.pz-a,.pz-move-to.pz-a{background:var(--team-a-2)}
.pz-move-from.pz-b,.pz-move-to.pz-b{background:var(--team-b-2)}
.pz-move-track .pz-face{position:absolute;top:2px;left:4px;transition:left .8s cubic-bezier(.3,.9,.3,1);transition-delay:calc(var(--i,0) * 350ms + 200ms)}
.pz-move.to-a .pz-move-track{flex-direction:row-reverse}
.pz-move.to-a .pz-move-track .pz-face{left:auto;right:4px;transition-property:right}
.pz-result.revealed .pz-move.to-b .pz-move-track .pz-face{left:calc(100% - 36px)}
.pz-result.revealed .pz-move.to-a .pz-move-track .pz-face{right:calc(100% - 36px)}
.pz-move-text{flex:1;min-width:0}
.pz-move-text small{display:block;font-size:12.5px;color:var(--pz-gold)}
.pz-best{display:flex;gap:10px;align-items:flex-start;margin:12px 20px 0;background:var(--pz-cream);color:#3a2a26;border-radius:16px;padding:12px 14px;box-shadow:0 6px 16px #0005}
.pz-best span{font-size:12px;font-weight:800;color:#8a6a5c}
.pz-best p{margin:3px 0 0;font-size:15px;line-height:1.55}
.pz-gains{display:flex;flex-wrap:wrap;gap:6px;margin:12px 20px}
.pz-gain{font-size:13px;font-weight:800;background:var(--pz-gold);border-radius:999px;padding:4px 10px;color:#2b1e18;box-shadow:var(--shadow-1,0 2px 6px #0003)}
.pz-gain.me{background:#fff;color:var(--cherry)}
#pz-next-btn{margin:4px 20px 20px;width:calc(100% - 40px)}
.pz-final{display:flex;flex-direction:column;gap:14px}
#persuade-screen .stage-ending-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
#persuade-screen .stage-ending-copy{min-width:0}
.pz-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz-ranking li{display:flex;align-items:center;gap:10px;background:var(--pz-glass);color:var(--pz-ink);border:1px solid var(--pz-edge);border-radius:14px;padding:10px 12px;box-shadow:var(--shadow-2,0 8px 22px #0003)}
.pz-ranking li.winner{background:linear-gradient(90deg,rgb(255 217 138 / .35),var(--pz-glass));border-color:var(--pz-gold)}
.pz-ranking li.me{outline:2px solid #ffd4dc;outline-offset:1px}
.pz-rank{width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .14);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}
.pz-rank-name{flex:1;min-width:0;font-weight:800;overflow-wrap:anywhere}
.pz-rank-score{font-size:13px;color:var(--pz-dim);text-align:right;font-variant-numeric:tabular-nums}
.pz-scores{grid-area:scores;background:var(--pz-glass);color:var(--pz-ink);border:1px solid var(--pz-edge);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow-2,0 8px 22px #0003)}
.pz-scores h3{font-size:13px;margin:0 0 8px;color:var(--pz-gold)}
.pz-score-list{display:flex;flex-wrap:wrap;gap:6px}
.pz-score{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:rgb(255 255 255 / .1);border-radius:999px;padding:3px 10px 3px 3px;font-weight:700}
.pz-score b{color:var(--pz-gold)}
.pz-score.me{box-shadow:inset 0 0 0 1.5px var(--pz-gold)}
.pz-score.away{opacity:.55}
.pz-scores .pz-score-rule{font-size:12px;margin-top:8px}
.pz-room-chat{grid-area:chat;margin:0!important;background:var(--pz-glass)!important;color:var(--pz-ink);border:1px solid var(--pz-edge);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-2,0 8px 22px #0003)}
.pz-room-chat summary{min-height:48px;display:flex;align-items:center;padding:0 14px;font-size:14px;font-weight:800;cursor:pointer}
.pz-room-chat .chat-messages{height:140px;background:rgb(255 255 255 / .06);color:var(--pz-ink)}
.pz-room-chat .chat-input-row{background:transparent}
@media(max-width:900px){
  .pz-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hud hud" "q q" "campA campB" "main main" "scores scores" "chat chat";gap:12px}
  .pz-camp{padding:10px;border-radius:16px}
  .pz-camp-head{margin-bottom:8px}
  .pz-camp-head strong{font-size:13.5px}
  .pz-members{flex-direction:row;flex-wrap:wrap;gap:4px}
  .pz-member{padding:3px 8px 3px 3px;font-size:12px;max-width:100%}
  .pz-member .pz-face.sm{width:26px;height:26px}
}
@media(max-width:600px){
  .pz-hud{padding:12px 14px 10px;border-radius:16px}
  .pz-clock{font-size:20px}
  .pz-panel:not(.pz-select):not(.pz-final){padding:14px;border-radius:18px}
  .pz-question h2{font-size:22px}
  .pz-options{grid-template-columns:1fr;gap:10px}
  .pz-option{min-height:150px;padding:16px 14px}
  .pz-option-art{background-size:200% auto}
  .pz-option strong{font-size:21px}
  .pz-vs{font-size:16px;height:18px}
  .pz-spot{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;min-height:0}
  .pz-spot-face{display:flex;align-items:center;gap:12px}
  .pz-face.xl{width:84px;height:84px;border-radius:22px}
  .pz-spot-name{font-size:18px}
  .pz-decide-buttons{grid-template-columns:1fr}
  .pz-decide{min-height:64px;font-size:16px}
  .pz-input input{flex-basis:100%}
  .pz-input button{flex:1}
  .pz-result-art{aspect-ratio:16/10}
  .pz-result-copy{margin-top:-64px;padding:0 14px}
  .pz-result-bar,.pz-moves,.pz-best,.pz-gains{margin-left:14px;margin-right:14px}
  .pz-result-bar{padding:14px 14px 0;margin:0}
  #pz-next-btn{margin:4px 14px 16px;width:calc(100% - 28px)}
  .pz-move-track{flex-basis:76px}
  #persuade-screen .pz-opening{padding:22px 14px}
  .pz-rules li{font-size:14px}
  #persuade-screen .stage-ending-card{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .pz-panel,.pz-pitch,.pz-spot.live .pz-spot-face{animation:none}
  .pz-option,.pz-option-art,.pz-timer-fill,.pz-bar i,.pz-move,.pz-move-track .pz-face,.pz-result-title,.pz-result-art img{transition:none}
  .pz-clock.urgent,.pz-dots i,.pz-like.bump{animation:none}
}