.chaos-main{padding:28px 0 56px}.chaos-main [hidden]{display:none!important}.chaos-message:empty{display:none}.chaos-message{padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--green-soft);font-size:14px}.chaos-setup-grid,.chaos-play-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start}.chaos-setup-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.chaos-story,.chaos-panel,.chaos-card,.chaos-scoreboard{border:1px solid var(--line);border-radius:var(--radius-card);padding:32px;min-width:0}.chaos-story{background:var(--ink);color:var(--surface);padding:40px;position:sticky;top:24px}.chaos-story h2{font:600 clamp(32px,3.8vw,52px)/1.07 var(--display);letter-spacing:-.04em;margin:26px 0}.chaos-story p{font-size:16px;line-height:1.75;color:#e0e9dd}.chaos-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:var(--lime);color:var(--ink);font:66px/1 Arial;transform:rotate(-9deg)}.chaos-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.chaos-facts span{border:1px solid #ffffff40;border-radius:30px;padding:8px 12px;font-size:13px}
.chaos-panel,.chaos-card{background:var(--surface);box-shadow:var(--shadow-card)}.chaos-panel h2{font:600 32px/1.15 var(--display);letter-spacing:-1px;margin:0 0 18px}.chaos-muted,.chaos-source{font-size:14px;line-height:1.7;color:var(--muted)}.chaos-source{font-weight:600;color:var(--plum);overflow-wrap:anywhere}.chaos-roster{padding:0;margin:24px 0;list-style:none;max-height:360px;overflow:auto}.chaos-roster li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.chaos-roster strong{flex:1;overflow-wrap:anywhere;min-width:0;font-size:16px}.chaos-avatar{display:grid;place-items:center;border-radius:50%;background:var(--purple);color:var(--ink);width:36px;height:36px;flex-shrink:0;font:600 15px var(--display)}.chaos-remove{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:22px;color:var(--ink);cursor:pointer}.chaos-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.chaos-add label{grid-column:1/-1;font-size:14px;font-weight:600}.chaos-add input{padding:12px;border:1px solid var(--control-border);width:100%}.chaos-option{display:flex;align-items:center;gap:12px;font-size:15px;margin-top:28px}.chaos-option input{width:20px;height:20px}.chaos-panel>.button{margin:12px 10px 0 0}.chaos-panel #chaosStart{width:100%;margin-right:0}
.chaos-card{padding:36px}.chaos-card-top{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-bottom:28px}.chaos-card .eyebrow{font-size:11px;color:var(--plum);margin:0 0 12px}.chaos-card h2{font:600 clamp(28px,3.2vw,44px)/1.13 var(--display);letter-spacing:-.035em;margin:0 0 28px;overflow-wrap:anywhere}.chaos-turn{display:flex;align-items:center;gap:12px;background:var(--purple-soft);padding:14px 18px;border-radius:16px;flex-wrap:wrap}.chaos-turn p{flex:1;min-width:120px;margin:0;font-weight:600;overflow-wrap:anywhere}.chaos-turn small{font-size:12px;color:var(--muted)}.chaos-vote-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;padding:4px;max-height:45vh;overflow:auto;overscroll-behavior:contain}.chaos-vote{font:600 16px/1.4 var(--body);min-height:58px;padding:16px;border-radius:14px;border:1px solid var(--control-border);color:var(--ink);background:var(--paper);text-align:left;overflow-wrap:anywhere;cursor:pointer}.chaos-vote[aria-pressed=true]{background:var(--lime);border:2px solid var(--ink);padding:15px}.chaos-vote:hover{background:var(--green-soft)}.chaos-vote[aria-pressed=true]:hover{background:var(--lime)}.chaos-actions{display:flex;flex-wrap:wrap;gap:12px}.chaos-actions .button{flex:1 1 180px}.chaos-skip,.chaos-stop{margin-top:18px}.chaos-scoreboard{background:var(--purple-soft)}.chaos-scoreboard h3{font:600 26px/1.2 var(--display);letter-spacing:-.7px;margin:0 0 20px}.chaos-scoreboard ol{padding:0;margin:0;list-style:none}.chaos-scoreboard li,.chaos-totals li{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 0;font-size:16px}.chaos-scoreboard li span,.chaos-totals li span{overflow-wrap:anywhere;min-width:0}.chaos-scoreboard strong{display:grid;place-items:center;min-width:34px;height:34px;background:var(--surface);border-radius:50%;font-size:15px}.chaos-scoreboard li.is-winner strong{background:var(--lime)}.chaos-scoreboard li:last-child,.chaos-totals li:last-child{border-bottom:0}
.chaos-card.chaos-revealed{background:var(--green-soft);border:2px solid #789c4e}.chaos-result-label{font-weight:700;font-size:14px}.chaos-winner-names{font:650 clamp(30px,4.5vw,56px)/1.06 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;margin:20px 0}.chaos-winner-names:empty{display:none}.chaos-totals{padding:0;margin:24px 0;list-style:none}.chaos-totals b{font-size:14px;white-space:nowrap}.chaos-totals .is-winner{border-radius:12px;background:#d4edaa;padding-inline:16px}.chaos-drink{font-size:14px;background:var(--surface);padding:16px;border-radius:12px;line-height:1.7}.chaos-finale{background:var(--green-soft)}.chaos-finale .chaos-mark{margin:30px 0}.chaos-finale>.button{margin:14px 12px 0 0}.chaos-rules{margin-top:32px;border-top:1px solid var(--line);padding-top:24px;font-size:14px;color:var(--muted);line-height:1.8}.chaos-rules summary{min-height:44px;font:600 17px var(--body);color:var(--ink);cursor:pointer}.chaos-rules li{margin-bottom:10px}.chaos-rules p{max-width:80ch}
/* Two slow, soft green pulses; never a repeating flash. */
.chaos-page.is-revealing::before{content:'';position:fixed;inset:0;background:#a6d76f;pointer-events:none;z-index:1000;animation:chaos-glow 1.6s ease-in-out 2;opacity:0}
@keyframes chaos-glow{0%,100%{opacity:0}50%{opacity:.23}}
@media(max-width:850px){.chaos-setup-grid,.chaos-play-grid{grid-template-columns:1fr}.chaos-story{position:static;padding:28px}.chaos-story h2{margin:18px 0}.chaos-story .chaos-mark{width:50px;height:50px;font-size:46px}.chaos-facts{margin-top:22px}.chaos-scoreboard{padding:24px}.chaos-scoreboard ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}}
@media(max-width:600px){.chaos-main{padding-top:20px}.chaos-panel,.chaos-card{padding:24px 20px}.chaos-add{grid-template-columns:1fr}.chaos-card h2{font-size:30px}.chaos-card-top{font-size:12px;margin-bottom:22px}.chaos-turn{padding:14px;gap:10px}.chaos-turn small{flex-basis:100%;padding-left:46px}.chaos-vote-list{gap:8px}.chaos-vote{padding:12px;font-size:15px}.chaos-vote[aria-pressed=true]{padding:11px}.chaos-scoreboard ol{display:block}.chaos-actions .button{flex-basis:100%}.chaos-winner-names{font-size:38px}}
@media(prefers-reduced-motion:reduce){.chaos-page.is-revealing::before{animation:none;display:none}.chaos-mark{transform:none}}
@media(forced-colors:active){.chaos-page.is-revealing::before{display:none}.chaos-vote[aria-pressed=true]{outline:3px solid Highlight}.chaos-revealed{border:3px solid Highlight}}
/* On small screens, get straight to the people; the rules already explain play. */
@media(max-width:850px){.chaos-setup-grid>.chaos-story{order:2}.chaos-setup-grid>.chaos-panel{order:1}}
@media(max-width:600px){.chaos-setup-grid>.chaos-story{display:none}}
.chaos-add input{border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;min-height:48px}
.chaos-categories{border:0;padding:0;margin:30px 0 0;min-width:0}.chaos-categories legend{font:600 23px/1.2 var(--display);letter-spacing:-.5px;padding:0}.chaos-categories>.chaos-muted{margin:10px 0 16px}.chaos-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chaos-category{display:flex;align-items:center;gap:12px;border:1px solid var(--control-border);border-radius:16px;padding:16px 14px;cursor:pointer;min-width:0;background:var(--paper)}.chaos-category:has(input:checked){background:var(--purple-soft);border-color:var(--plum)}.chaos-category:has(input:focus-visible){outline:3px solid var(--plum);outline-offset:3px}.chaos-category input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--ink);cursor:pointer}.chaos-category span{min-width:0}.chaos-category strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.chaos-category small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.chaos-category-summary{font-size:14px;line-height:1.6;margin:16px 0 0;color:var(--ink)}.chaos-category-badge{display:table;background:var(--purple-soft);color:var(--plum);border-radius:30px;padding:7px 12px;font-size:12px;font-weight:600;margin:0 0 22px;max-width:100%;overflow-wrap:anywhere}
@media(max-width:420px){.chaos-category-grid{grid-template-columns:1fr}.chaos-category{padding:14px 16px}.chaos-category span{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px}.chaos-category small{margin:0;flex:none}}
@media(forced-colors:active){.chaos-category:has(input:checked){outline:2px solid Highlight}}
/* Shared game dialogs: compact forms, steady focus and a quiet page behind them. */
html:has(.chaos-dialog[open]){overflow:hidden;scrollbar-gutter:stable}
.chaos-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #0c292940;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
.chaos-dialog::backdrop{background:#102e29ba;backdrop-filter:blur(5px)}
.chaos-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:14px;background:var(--purple-soft);border-bottom:1px solid var(--line);padding:22px 28px}
.chaos-dialog-header h2{font:600 clamp(23px,3vw,30px)/1.1 var(--display);letter-spacing:-.025em;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}
.chaos-dialog-mark{color:var(--ink);background:var(--lime);border-radius:12px;width:42px;height:42px;flex:none;display:grid;place-items:center;font:40px Arial;transform:rotate(-8deg)}
.chaos-dialog-close{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font:28px Arial;cursor:pointer}
.chaos-dialog-body{padding:26px 28px 28px}.chaos-dialog-body>p:first-of-type{margin-top:0}.chaos-dialog-body p{line-height:1.65}.chaos-dialog-message:empty{display:none}.chaos-dialog-message{padding:14px 16px;border:1px solid #bc7b56;background:#ffecd9;border-radius:14px;font-size:14px;overflow-wrap:anywhere}
.chaos-dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.chaos-dialog-actions .button{flex:1 1 140px;white-space:normal;min-height:48px;overflow-wrap:anywhere}
.chaos-dialog :focus-visible{outline:3px solid var(--plum);outline-offset:3px}.chaos-dialog :disabled{opacity:.5;cursor:wait}.chaos-dialog .chaos-add{grid-template-columns:1fr}.chaos-dialog .chaos-add .chaos-dialog-actions{margin-top:12px}.chaos-player-summary{font-size:14px;color:var(--muted)}
@media(max-width:600px){.chaos-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:22px}.chaos-dialog-header{padding:16px;gap:10px}.chaos-dialog-body{padding:20px 16px max(20px,env(safe-area-inset-bottom))}.chaos-dialog-mark{width:34px;height:34px;font-size:32px}.chaos-dialog .button{padding-inline:16px}.chaos-dialog-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.chaos-dialog-mark{transform:none}}
/* Headings receive reading focus for screen readers; outlines mark controls. */
.chaos-dialog h2[tabindex="-1"]:focus,.live-prompt-question:focus{outline:none}

/* Keep the opening of each question prominent in every game phase. */
.chaos-page .chaos-question-lead{display:table;box-sizing:border-box;max-width:100%;margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--lime,#dff78b);color:var(--ink,#173d35);font:750 clamp(19px,2.2vw,25px)/1.25 var(--display);letter-spacing:.025em;overflow-wrap:anywhere}