*{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:dark;--ink:#e8edf1;--muted:#92aab9;--gold:#e9d4a4;--cyan:#a4dce2;--line:#52718059}body{margin:0;background:#07111b;color:var(--ink);font:14px/1.5 "Microsoft YaHei",system-ui,sans-serif}.player-background{position:fixed;inset:0;background:linear-gradient(120deg,#06101bea,#08131bc4),url('/assets/background') center/cover;pointer-events:none;z-index:-1}.player-app{max-width:2000px;margin:auto;padding:0 28px 12px}button,.button,input{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #68859577;background:#1c3342;color:#e9eff2;padding:8px 13px;border-radius:6px;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s}button:hover,.button:hover{background:#2a4755;border-color:#9bb8c4}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:#31747d;border-color:#68a7ac}.quiet{background:transparent;color:#b5c6cf;border-color:#617e8a44;padding:5px 9px;font-size:12px}h1,h2,p{margin:0}h1,h2{font-weight:600}.app-header{min-height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:14px}.app-brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit}.app-brand>strong{font-size:39px;color:var(--gold);letter-spacing:-2px;padding-right:18px;border-right:1px solid var(--line);line-height:1}.app-brand>span{font:13px/1.5 Consolas,monospace;letter-spacing:1.8px}.app-brand small{display:block;font-size:10px;color:var(--cyan);letter-spacing:2px;margin-top:3px}.header-actions{display:flex;align-items:center;gap:14px}#connection{font-size:12px;color:#9cc9bc}#connection.offline{color:#f0b1a5}.demo-badge{font-size:11px;color:var(--gold);background:#54432966;border:1px solid #bd9e5e70;border-radius:4px;padding:4px 8px}.eyebrow{font:10px Consolas,monospace;letter-spacing:2px;color:var(--cyan)}.match-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0 12px}.match-heading h1{font-size:27px;line-height:1.3}.match-heading h1>span{font-size:14px;color:#b4c7d3;font-weight:400;display:inline-block;margin-left:12px}.match-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.phase-label{padding:4px 10px;border:1px solid #8d814d88;border-radius:20px;color:var(--gold)}.my-seat{display:flex;align-items:center;gap:8px;color:#e5edf2}.my-seat .avatar{width:30px;height:30px}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.initial{display:inline-flex;align-items:center;justify-content:center;background:#274b5c;color:#e6d5ad}.eyebrow{display:block}.demo-controls{display:flex;align-items:center;gap:13px;padding:7px 10px;margin-bottom:9px;background:#3b33254d;border:1px solid #a28b4b66;border-radius:5px;font-size:11px;color:#ddc999}.demo-controls>div{display:flex;gap:4px}.demo-controls button{padding:4px 10px;font-size:11px;background:transparent}.demo-controls button[aria-pressed=true]{background:#5f5035;border-color:#d7bd83;color:#fff0cf}.demo-controls small{margin-left:auto;font-size:10px;color:#b1a88d}.match-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 12px;font-size:13px}.match-strip #speaker-status{color:var(--gold)}#vote-progress{color:#a9c4cf}.discussion-clock{display:flex;gap:12px;align-items:center}.discussion-clock small{font-size:11px;color:var(--muted)}.discussion-clock b{font:26px/1 Consolas,monospace;color:var(--gold);min-width:76px}.discussion-clock .over{color:#eda798}.player-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.participant-card{min-width:0;background:linear-gradient(145deg,#142836e8,#0c1c29ec);border:1px solid #5f7b8b66;border-radius:8px;position:relative;padding:14px 13px 10px;display:flex;flex-direction:column;align-items:center;min-height:310px;transition:border-color .2s,box-shadow .2s,background .2s}.participant-card.is-me{border-top:3px solid #80c5cb;padding-top:12px}.participant-card.speaking{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e4cd8a55,0 0 20px #ceb47218;background:linear-gradient(145deg,#343b31dd,#14242eea)}.seat-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;height:18px;font:11px Consolas,monospace;color:#86a8b9}.seat-badge{font:10px "Microsoft YaHei",sans-serif;color:var(--gold);padding:1px 5px;background:#66553044;border-radius:3px}.portrait{position:relative;margin:9px 0 8px;--out-font:18px}.portrait .avatar{display:flex;width:72px;height:72px;box-shadow:0 0 0 3px #8eacbd22;transition:transform .25s}.participant-card.speaking .portrait .avatar{box-shadow:0 0 0 3px #ebd29288}.participant-name{font-size:20px;line-height:1.25;text-align:center;min-height:26px;max-width:100%;overflow-wrap:anywhere}.participant-score{display:flex;gap:6px;align-items:baseline;margin:7px 0 10px;color:var(--gold)}.participant-score b{font:32px/1 Consolas,monospace}.participant-score small{font-size:11px;color:var(--muted)}.identity-label{margin-top:auto;font-size:12px;min-height:26px;padding:4px 2px;text-align:center;align-self:stretch;border-top:1px solid var(--line);color:#9fb7c4}.identity-label.revealed{font-size:17px;color:var(--gold);font-weight:600}.revealed-word{font-size:12px;color:#c6d3dd;display:block;font-weight:400;overflow-wrap:anywhere}.participant-card.eliminated>.portrait::after{content:'出局';position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;color:#ffd7d7;font-size:var(--out-font);font-weight:600;letter-spacing:2px;text-indent:2px;background:#3d0712b8;border:2px solid #f38c95;pointer-events:none}.participant-card.eliminated .seat-row{color:#e3aaa9}.participant-card.outcome-win{border-color:#d1b97c;background:linear-gradient(145deg,#52473577,#152532ee)}.participant-card.outcome-lose{border-color:#bc7d7d;background:linear-gradient(145deg,#512f3a66,#152532ee)}.vote-count{display:flex;align-items:baseline;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding:7px 0 3px;font-size:11px;color:#a1b9c7}.vote-count b{font-size:19px;color:var(--gold);line-height:1}.card-voters{display:flex;flex-direction:column;gap:3px;align-self:stretch;min-height:22px}.voter-chip{display:flex;align-items:center;gap:6px;font-size:11px;min-width:0;line-height:1.25}.voter-chip .avatar{width:18px;height:18px}.voter-chip>span{overflow-wrap:anywhere}.no-votes,.ballot-note{font-size:10px;color:#819cab}.ballot-note{margin:4px 0;color:#cfbaa1}.participant-card.vote-leading{box-shadow:inset 0 0 0 1px #d5b97966;border-color:#c1ab73}.player-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:14px}.panel{min-width:0;position:relative;background:#102331eb;border:1px solid #56738666;border-radius:8px;padding:14px 16px;min-height:245px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:25px;margin-bottom:10px}.panel-heading h2{font-size:15px;white-space:nowrap}.panel-heading h2 span{font:9px Consolas,monospace;color:#7398aa;letter-spacing:1px;margin-left:7px}.panel-heading>span{font-size:11px;color:#a1bdc8}.personal-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.my-identity{min-width:0;border-right:1px solid var(--line);padding-right:12px}.my-identity p{font-size:11px;color:#95b0c1}.my-identity h2{font-size:21px;color:var(--gold);margin:5px 0}.my-identity strong{display:block;font-size:27px;line-height:1.3;overflow-wrap:anywhere}.my-identity small{display:block;font-size:11px;color:#a6becb;margin-top:8px}.my-task{font-size:12px}.my-task>span{display:block;font-size:10px;color:#91b4c5}.my-task h2{font-size:17px;line-height:1.4;color:var(--gold);margin:3px 0}.my-task p{line-height:1.6;overflow-wrap:anywhere}.my-task small{display:block;font-size:10px;color:#99adba;margin-top:7px}.my-task.completed h2{color:#e5d197}.task-history{margin-top:9px;font-size:10px;color:#8ba9b9}.task-history .my-task{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.privacy-note{font-size:10px;color:#7e9caa;display:block;margin-top:12px}#ballot-hint{font-size:12px;color:#a1bbca;line-height:1.45;min-height:18px;margin-bottom:8px}.ballot-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ballot-target{justify-content:flex-start;gap:6px;padding:6px;min-width:0;font-size:12px;text-align:left;line-height:1.2}.ballot-target .avatar{width:25px;height:25px}.ballot-target span{overflow-wrap:anywhere}.ballot-target[aria-pressed=true]{border-color:#e3c787;background:#5c4d32;color:#fff0c7}.ballot-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.ballot-actions button{font-size:12px;padding:6px 11px;min-height:32px}#vote-feedback{font-size:11px;color:#d8ca9e;margin-top:6px;min-height:16px}#public-task-notice{font-size:11px;margin:7px 0;background:#4d422c66;padding:7px 9px;border-left:2px solid #d9bd79}#public-task-notice b{color:var(--gold)}footer{font-size:10px;color:#7896a7;display:flex;justify-content:space-between;gap:15px;padding:12px 0 0}footer>div{display:flex;gap:12px;align-items:center}.entry-panel{width:min(680px,100%);margin:10vh auto;padding:38px;background:#112635ed;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 60px #0005}.entry-panel h1{font-size:30px;margin:9px 0 13px}.entry-panel>p{color:#a8bfcd;line-height:1.8}#access-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin:25px 0 10px}#access-form label{grid-column:1/-1;font-size:12px;color:#c0d1dc}input{background:#081b29;border:1px solid #7091a477;border-radius:5px;color:#e5edf1;padding:10px 12px;width:100%;min-width:0}#entry-error{font-size:12px;color:#f0b2a5;min-height:20px}.entry-preview{margin:22px 0;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.entry-preview p,.entry-panel>small{font-size:11px;color:#8da8b8}.entry-preview b{font-size:14px;color:var(--gold)}.empty-message{font-size:12px;color:#9bb7c5}.concealed{display:flex;min-height:100px;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,#112c3a,#112c3a 10px,#122937 10px,#122937 20px);border-radius:5px;color:#a4beca;font-size:13px}
@media(min-width:1700px){.player-app{padding:0 40px 15px}.app-header{min-height:88px}.match-heading{padding:23px 0 18px}.match-heading h1{font-size:34px}.participant-card{min-height:366px;padding:17px}.participant-card.is-me{padding-top:15px}.portrait{--out-font:22px}.portrait .avatar{width:88px;height:88px}.participant-name{font-size:23px}.participant-score b{font-size:39px}.player-workspace{margin-top:18px;gap:16px}.panel{min-height:290px;padding:18px}.personal-content{gap:20px}.my-identity strong{font-size:36px}.my-task p{font-size:14px}.ballot-target{padding:10px}.voter-chip{font-size:13px}.voter-chip .avatar{width:21px;height:21px}.card-voters{gap:4px}.identity-label{font-size:14px}.identity-label.revealed{font-size:20px}}
@media(max-width:1400px){.player-app{padding:0 18px 9px}.app-header{min-height:62px}.app-brand>strong{font-size:32px}.app-brand>span{font-size:11px}.match-heading{padding:11px 0 7px}.match-heading h1{font-size:23px}.match-heading h1>span{font-size:12px}.match-meta{gap:9px;font-size:11px}.match-strip{padding:5px 0 8px;font-size:11px}.player-grid{gap:8px}.participant-card{min-height:260px;padding:8px}.participant-card.is-me{padding-top:6px}.portrait{margin:6px 0;--out-font:14px}.portrait .avatar{width:53px;height:53px}.participant-name{font-size:16px;min-height:21px}.participant-score{margin:6px 0}.participant-score b{font-size:27px}.vote-count{padding-top:5px}.voter-chip{font-size:10px;gap:4px}.voter-chip .avatar{width:16px;height:16px}.card-voters{gap:2px}.identity-label{font-size:10px;min-height:24px}.identity-label.revealed{font-size:15px}.revealed-word{font-size:10px}.panel{padding:10px;min-height:220px}.panel-heading{margin-bottom:7px}.panel-heading h2{font-size:13px}.panel-heading h2 span{display:none}.personal-content{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.my-identity h2{font-size:18px}.my-identity strong{font-size:24px}.my-task h2{font-size:14px}.my-task p{font-size:11px}.my-task small{font-size:9px;margin-top:5px}.ballot-target{font-size:10px;padding:5px;gap:4px}.ballot-target .avatar{width:21px;height:21px}.ballot-actions{gap:4px}.ballot-actions button{font-size:11px;padding:5px 8px}.total-timer .timer-whole{font-size:21px}.total-timer .timer-fraction{font-size:13px}.total-timer .liquid-clock{width:23px;height:23px;flex-basis:23px}.estimate b{font-size:12px}.player-workspace{gap:8px;margin-top:10px}footer{padding-top:8px}.demo-controls{gap:8px;margin-bottom:5px;padding:4px 7px}.demo-controls small{font-size:9px}}
@media(max-width:1000px){.app-brand>span{font-size:10px;letter-spacing:.5px}.match-heading{align-items:flex-start}.match-meta{flex-wrap:wrap;justify-content:flex-end}.match-heading h1>span{display:block;margin:4px 0 0}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.participant-card{min-height:255px}.player-workspace{grid-template-columns:1fr 1fr}.header-actions{gap:7px}.demo-controls{flex-wrap:wrap}.demo-controls small{margin-left:0}.match-strip{flex-wrap:wrap}footer{flex-wrap:wrap}.panel-heading h2 span{display:inline}}
@media(max-width:600px){.player-app{padding:0 10px 10px}.app-brand{gap:10px}.app-brand>span{font-size:8px}.app-brand>strong{font-size:26px;padding-right:10px}.app-brand small{font-size:8px;letter-spacing:1px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions #connection{font-size:10px}.header-actions .demo-badge{font-size:9px}.match-heading h1{font-size:21px}.match-meta{font-size:10px}.my-seat{display:none}.player-grid{gap:6px}.participant-name{font-size:14px}.participant-card{padding:7px;min-height:255px}.portrait{--out-font:13px}.portrait .avatar{width:48px;height:48px}.player-workspace{grid-template-columns:1fr}.panel{min-height:220px}.entry-panel{padding:22px;margin:7vh auto}.entry-panel h1{font-size:24px}.entry-preview{align-items:flex-start;flex-direction:column}.entry-preview .button{width:100%}.demo-controls button{padding:5px 6px}.ballot-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.ballot-target{font-size:12px}.participant-score b{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.total-timer .timer-readout{display:flex;align-items:center}.participant-card.outcome-lose.vote-leading{border-color:#bc7d7d;box-shadow:inset 0 0 0 1px #bc7d7d44}.participant-card.outcome-win.vote-leading{border-color:#d1b97c}

.private-role{display:flex;align-items:center;justify-content:space-between;gap:10px}.private-role>span,.private-word>span{font-size:11px;color:#9bb9c8}.my-identity .private-role h2{margin:0;font-size:22px;color:var(--gold)}.private-word{background:#09202de8;border:1px solid #708c9e59;border-radius:6px;padding:9px 11px;margin-top:10px}.private-word>span{display:block;margin-bottom:4px;letter-spacing:1px}.private-word>strong{display:block;min-height:2.6em;font-size:24.65px;line-height:1.3;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty}.match-clocks{display:flex;align-items:center;gap:24px;flex-shrink:0}.match-clocks .discussion-clock{padding-left:20px;border-left:1px solid var(--line);flex-direction:column;align-items:flex-end;gap:3px}.total-timer{display:flex;align-items:center;gap:18px}.total-timer small{font-size:10px;color:#829faf;display:block}.total-timer .timer-readout{gap:6px;margin-top:2px;display:flex;align-items:center}.total-timer .timer-whole{font:23px Consolas,monospace}.total-timer .timer-fraction{font:14px Consolas,monospace}.total-timer .liquid-clock{width:25px;height:25px;flex-basis:25px}.estimate{text-align:right}.estimate b{font:13px Consolas,monospace;color:#c3d5dd}.access-help{font-size:12px;color:#a6becb;margin:10px 0}.access-help summary{cursor:pointer;color:var(--gold)}.access-help p{margin-top:9px}.access-help code{display:block;margin:10px 0;padding:9px 11px;background:#071c29;border:1px solid var(--line);border-radius:5px;font:11px/1.8 Consolas,monospace;overflow-wrap:anywhere}.notice-label{display:block;font-size:10px;color:#c5b589;margin-bottom:2px}
@media(min-width:1700px){.my-identity .private-role h2{font-size:25px}.private-word{padding:11px 13px}.private-word>strong{font-size:29.75px}.match-clocks{gap:30px}.total-timer .timer-whole{font-size:27px}}
@media(max-width:1400px){.private-role{gap:6px}.my-identity .private-role h2{font-size:19px}.private-word{padding:7px 9px;margin-top:7px}.private-word>strong{font-size:20.4px}.private-word>span{font-size:10px}.match-clocks{gap:14px}.match-clocks .discussion-clock{padding-left:14px}.total-timer{gap:12px}.total-timer .timer-whole{font-size:21px}.total-timer .timer-fraction{font-size:13px}.total-timer .liquid-clock{width:23px;height:23px;flex-basis:23px}}
@media(max-width:1000px){.match-strip{row-gap:10px}.match-clocks{margin-left:auto}.total-timer{gap:14px}}
@media(max-width:600px){.match-strip #speaker-status{flex:1 1 100%}.match-clocks{width:100%;justify-content:space-between;margin:1px 0}.match-clocks .discussion-clock{padding-left:12px}.total-timer{gap:12px}.private-word>strong{font-size:24.65px}.my-identity .private-role h2{font-size:21px}}

#access-form{grid-template-columns:1fr;gap:8px;margin:20px 0 12px}#access-form label{font-size:12px;color:#c0d1dc}#access-form input+label{margin-top:7px}#request-join{margin-top:8px;min-height:42px}.entry-panel{margin:5vh auto;padding:30px 36px}.entry-panel>p{font-size:13px}.legacy-access{font-size:12px;color:#8faab9;margin-top:14px}.legacy-access summary{cursor:pointer}#legacy-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}#legacy-form label{grid-column:1/-1}.join-waiting{padding:20px 0;text-align:center}.join-waiting>span{font-size:12px;color:#9bb5c4}.join-waiting h2{font-size:25px;color:var(--gold);margin-top:5px}.join-waiting p{font-size:12px;color:#a6beca;margin:10px 0}.join-waiting #join-status{font-size:16px;color:var(--gold)}.join-code{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #977d4759;background:#473e2559;border-radius:6px;padding:12px 20px;margin:14px 0}.join-code>span{font-size:12px;color:#b8b49b}.join-code strong{font:29px Consolas,monospace;letter-spacing:4px;color:#eddaaf}.access-help code{display:inline;padding:2px 5px;border:0}.entry-preview{margin:18px 0;padding-top:16px}@media(max-width:600px){.entry-panel{padding:24px 20px}.join-code strong{font-size:26px}#legacy-form{grid-template-columns:1fr}}

/* Discussion is the player's primary clock, placed directly below the private task. */
.task-column{min-width:0;display:flex;flex-direction:column;gap:12px}
.task-column>.discussion-clock{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}
.task-column .discussion-clock small{display:block;font-size:13px;color:#c5d6df}
#discussion-hint{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.task-column .discussion-clock b{font:46px/1 Consolas,monospace;min-width:145px;text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}
.task-column .discussion-clock.urgent b,.task-column .discussion-clock b.over{color:#ff898e}
.task-column .discussion-clock.urgent #discussion-hint{color:#f4a6aa}
.match-strip .total-timer{gap:0;opacity:.8}
.match-strip .total-timer>div:first-child{display:flex;align-items:center;gap:9px}
.match-strip .total-timer small{font-size:10px}
.match-strip .total-timer .timer-readout{margin:0;gap:4px}
.match-strip .total-timer .timer-whole{font-size:16px}
.match-strip .total-timer .timer-fraction{font-size:11px}
.match-strip .total-timer .liquid-clock{display:none}
.match-strip .total-timer .estimate{display:none}
.player-preparation{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #a3c2c15c;border-left:3px solid var(--cyan);border-radius:6px;padding:12px 16px;margin:3px 0 10px;background:#14333be6}
.player-preparation strong{font-size:16px;color:var(--gold);margin-right:18px}
.player-preparation span{font-size:13px;color:var(--cyan)}
.player-preparation p{font-size:12px;margin-top:4px;color:#b7ccd5}
.player-preparation>button{flex-shrink:0;min-height:40px}
.preparing .participant-card{min-height:190px}
.preparing .player-workspace{grid-template-columns:1fr}
.preparing .ballot-panel{display:none}
.preparing .personal-content{grid-template-columns:minmax(180px,.55fr) minmax(0,1fr)}
.preparing .player-workspace .panel{min-height:215px}
.task-draw-dialog{color:var(--ink);width:min(570px,calc(100% - 30px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #799aa99c;border-radius:12px;padding:26px 30px;background:linear-gradient(140deg,#173242,#0c1c2b);box-shadow:0 24px 80px #0009}
.task-draw-dialog::backdrop{background:#020a13c9}
.draw-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.draw-heading h2{font-size:24px;margin-top:4px}
.draw-player{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:17px 0 12px}
.draw-player strong{font-size:18px;color:var(--gold)}
.draw-player span{font-size:12px;color:#9cbac8}
.task-draw-card{min-height:245px;border:1px solid #7598a877;border-radius:9px;padding:23px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(-45deg,#133645,#133645 12px,#10313f 12px,#10313f 24px);position:relative;overflow:hidden}
.draw-symbol{font:56px/1.1 Consolas,monospace;color:#98becb;margin-bottom:9px}
.task-draw-card h3{font-size:25px;color:var(--gold);margin:0 0 10px}
.task-draw-card p{font-size:15px;line-height:1.8;color:#d0dee6}
.task-draw-card small{font-size:11px;margin-top:18px;color:#9cb8c6}
.task-draw-card.picked{background:linear-gradient(135deg,#4a412a77,#18313d);border-color:#c7ad71;animation:task-unfold .5s cubic-bezier(.22,.7,.28,1)}
.task-draw-card.picked .draw-symbol{display:none}
.task-draw-card.drawing .draw-symbol{animation:draw-pulse .7s ease-in-out infinite alternate}
#task-draw-button,#task-draw-done{width:100%;margin-top:17px;min-height:44px;font-size:16px}
#task-draw-feedback{min-height:20px;margin-top:8px;text-align:center;font-size:12px;color:var(--gold)}
.draw-privacy{display:block;text-align:center;font-size:11px;color:#8daab9;margin-top:9px}
@keyframes task-unfold{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}
@keyframes draw-pulse{from{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.05)}}
@media(min-width:1700px){.task-column .discussion-clock b{font-size:52px}.task-column .discussion-clock small{font-size:15px}}
@media(max-width:1400px){.task-column{gap:7px}.task-column>.discussion-clock{padding-top:7px;gap:10px}.task-column .discussion-clock b{font-size:35px;min-width:110px}.task-column .discussion-clock small{font-size:12px}#discussion-hint{font-size:10px}.player-preparation{padding:8px 12px}.preparing .participant-card{min-height:170px}.preparing .player-workspace .panel{min-height:205px}}
@media(max-width:600px){.player-preparation{align-items:stretch;flex-direction:column;gap:9px}.player-preparation strong{display:block}.preparing .personal-content{grid-template-columns:1fr}.preparing .my-identity{border-right:0}.task-column .discussion-clock b{font-size:40px}.task-draw-dialog{padding:20px}.draw-player{flex-wrap:wrap}.task-draw-card{padding:20px 16px}.task-draw-card h3{font-size:23px}.match-clocks{width:auto}}
@media(prefers-reduced-motion:reduce){.task-draw-card.picked,.task-draw-card.drawing .draw-symbol{animation:none}}

.my-identity:not(:has(.private-role)) .private-word{margin-top:0}.my-identity .identity-waiting{color:#809daa;font-size:10px}

/* Long game titles share the private panel evenly with the task and grow without clipping. */
#identity{min-width:0}
@media(max-width:1000px){.personal-content{grid-template-columns:minmax(0,1fr)}.my-identity{padding-right:0;border-right:0;padding-bottom:10px;border-bottom:1px solid var(--line)}}