/* A common illustrated world, with distinct palettes, compositions and game rhythms. */
[hidden]{display:none!important}#date-app header>.brand{display:none}.game-switch{max-width:180px;min-width:92px}.game-switch select{width:100%;min-height:44px;border:2px solid #26234d;background:#fffafb;color:#26234d;font:700 15px Arial,sans-serif;padding:8px 5px;border-radius:5px}#date-app header{gap:10px}
#mode-app{--mode-ink:#43223f;--mode-paper:#fff8ec;--mode-accent:#f6a44c;--mode-light:#f8ddd0;--mode-shadow:#935bc1;max-width:1100px;padding:20px 30px 30px;font-family:Arial,sans-serif;color:var(--mode-ink)}body[data-game=group]{background:#fff4e2;background-image:radial-gradient(#e4b78a 1px,transparent 1px);background-size:24px 24px}body[data-game=powers]{background:#edf3ff;background-image:radial-gradient(#b2c7ed 1px,transparent 1px);background-size:24px 24px}#mode-app[data-mode=powers]{--mode-ink:#173171;--mode-paper:#f8fbff;--mode-accent:#d8f55c;--mode-light:#dfe9ff;--mode-shadow:#3d67d1}
.mode-header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:3px solid var(--mode-ink);padding-bottom:12px}.mode-header-actions{display:flex;gap:8px}.mode-header-actions button{width:44px;min-height:44px;border:2px solid var(--mode-ink);border-radius:5px;background:var(--mode-paper);color:var(--mode-ink);font-size:17px;font-weight:700}.mode-header-actions button[aria-pressed=true]{background:var(--mode-ink);color:var(--mode-paper)}.mode-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:15px;align-items:center;margin:26px 0;padding:25px 30px 20px;border:3px solid var(--mode-ink);border-radius:24px 5px 24px 5px;background:var(--mode-light);box-shadow:7px 7px 0 var(--mode-shadow);min-height:330px}.mode-kicker{font-size:12px;letter-spacing:1px;font-weight:800}#mode-title{font-size:48px;line-height:1.05;letter-spacing:-2px;text-transform:none;margin:14px 0;color:var(--mode-ink)}#mode-subtitle{font-size:21px;line-height:1.4;font-weight:700;margin:15px 0}#mode-description{font-size:14px;line-height:1.6;max-width:360px}.mode-illustration{position:relative;display:grid;place-items:center;min-height:300px}.mode-illustration img{max-width:100%;width:440px;height:310px;object-fit:contain;filter:drop-shadow(3px 5px 0 #43223f14)}.scene-caption{position:absolute;bottom:-4px;right:8px;background:var(--mode-paper);border:2px solid var(--mode-ink);border-radius:7px;transform:rotate(-3deg);padding:8px 12px;font-size:12px;font-weight:700}#mode-start{min-height:50px;background:var(--mode-accent);border:2px solid var(--mode-ink);border-radius:7px;box-shadow:4px 4px 0 var(--mode-shadow);color:var(--mode-ink);font-size:17px;font-weight:800;padding:12px 20px;cursor:pointer}
.mode-roster{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.mode-player{flex:1 1 180px;display:flex;gap:12px;align-items:center;min-height:76px;padding:10px 14px;border:2px solid var(--mode-ink);border-radius:12px;background:var(--mode-paper);color:var(--mode-ink);text-align:left;cursor:pointer;position:relative}.mode-player[data-active=true]{background:var(--mode-light);box-shadow:4px 4px 0 var(--mode-shadow);outline:2px solid var(--mode-ink);outline-offset:2px}.mode-avatar{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--mode-ink);border-radius:50%;flex-shrink:0;background:var(--mode-accent);font-size:25px;font-weight:800;overflow:hidden}.mode-avatar img{width:100%;height:100%;object-fit:cover}.mode-player>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}.mode-player strong{font-size:16px;overflow-wrap:anywhere}.mode-player>span>span{font-size:13px}.mode-round-settings{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 20px}.mode-round-settings button{min-height:44px;padding:8px 12px;border:1px solid var(--mode-ink);border-radius:7px;background:var(--mode-paper);color:var(--mode-ink);font-size:14px}.mode-round-settings p{width:100%;font-size:12px;line-height:1.5;margin:0;color:var(--mode-ink)}
.mode-card{padding:25px 30px;background:var(--mode-paper);border:3px solid var(--mode-ink);border-radius:18px 4px 18px 4px;box-shadow:7px 7px 0 var(--mode-shadow)}.mode-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;border-bottom:2px solid var(--mode-accent);font-size:13px;line-height:1.5}.mode-card-top strong{max-width:75%}#mode-question{font-size:32px;line-height:1.3;letter-spacing:-.5px;margin:24px 0;color:var(--mode-ink);font-weight:800}#mode-rule{font-size:13px;line-height:1.6;margin:10px 0;color:var(--mode-ink)}.mode-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:17px 0}.mode-reactions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;margin:15px 0}.mode-reactions button{min-height:44px;padding:8px 10px;border:1px solid var(--mode-ink);border-radius:5px;color:var(--mode-ink);background:var(--mode-paper);font-size:12px}.mode-reactions button[aria-pressed=true]{background:var(--mode-accent)}.mode-controls{display:flex;gap:12px;justify-content:center;margin-top:20px}.mode-controls button{min-height:50px;padding:12px 18px;background:var(--mode-paper);color:var(--mode-ink);border:2px solid var(--mode-ink);border-radius:7px;font-size:15px;cursor:pointer}#mode-next{background:var(--mode-accent);font-size:17px;font-weight:800;flex:1;max-width:420px}.mode-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:13px;font-size:11px}.mode-card-bottom button{min-height:44px;border:0;background:transparent;color:var(--mode-ink);text-decoration:underline;padding:4px;font-size:12px}.mode-footer{margin-top:25px;border-top:1px solid var(--mode-ink);padding-top:15px;font-size:12px;line-height:1.6}.mode-author{display:flex;gap:12px;flex-wrap:wrap}.mode-author a,.mode-author button{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--mode-ink);border-radius:7px;padding:8px 12px;background:var(--mode-paper);color:var(--mode-ink);font-size:13px;text-decoration:none}
.mode-playing .mode-round-settings,.mode-playing .mode-footer{display:none}.mode-playing.mode-config-open .mode-round-settings{display:flex}.mode-playing .mode-roster{margin:17px 0 22px}.mode-playing .mode-player{min-height:68px}#mode-app[data-mode=powers] .mode-hero{border-radius:5px 26px 5px 26px;background:linear-gradient(135deg,#dfe9ff 62%,#d8f55c 62%)}#mode-app[data-mode=powers] .mode-card{border-radius:5px 26px 5px 26px}.mode-close{min-height:44px;min-width:44px;border:0;background:transparent;font-size:25px;float:right;color:inherit}#mode-person,#mode-tutorial{width:min(500px,calc(100vw - 36px));padding:25px;max-height:90vh;overflow:auto;background:#fffafb;color:#26234d;border:3px solid #26234d;border-radius:12px}#mode-person h2,#mode-tutorial h2{font-size:25px;line-height:1.3;margin:20px 0}#mode-person label{display:block;font-size:14px}#mode-person input[type=text]{box-sizing:border-box;width:100%;min-height:48px;border:2px solid #8e7b9f;border-radius:5px;font-size:17px;padding:9px;margin:9px 0}#mode-person>button:not(.mode-close){width:100%;min-height:48px;border:1px solid #26234d;border-radius:7px;background:#dfe9ff;color:#26234d;text-align:left;padding:12px;font-size:16px;margin:5px 0}#mode-person p,#mode-tutorial p{font-size:14px;line-height:1.6}.mode-tutorial-actions{display:flex;gap:12px}.mode-tutorial-actions button{flex:1;min-height:48px;font-size:16px;border:2px solid #26234d;border-radius:7px;background:#dfe9ff;color:#26234d}button:disabled{cursor:default}.mode-controls button:disabled,.mode-round-settings button:disabled{opacity:.45}.mode-player:focus-visible,.game-switch select:focus-visible{outline:4px solid #26234d;outline-offset:4px}
@media(max-width:700px){.game-switch{width:98px;min-width:88px}.game-switch select{font-size:12px;padding:6px 3px}#date-app header{gap:4px}#mode-app{padding:12px 15px 22px}.mode-header{gap:6px;padding-bottom:10px}.mode-header-actions{gap:5px}.mode-header-actions button{font-size:14px;width:44px}.mode-hero{grid-template-columns:1fr;margin:20px 0;padding:22px 20px 16px;gap:0;min-height:0}.mode-kicker{font-size:10px}#mode-title{font-size:39px;letter-spacing:-1.7px}#mode-subtitle{font-size:18px;margin:12px 0}#mode-description{font-size:13px;margin-bottom:0}.mode-illustration{min-height:195px;margin-top:8px}.mode-illustration img{height:205px;width:100%}.scene-caption{font-size:10px;bottom:-3px}.mode-player{flex-basis:120px;min-height:72px;padding:8px;gap:8px}.mode-player strong{font-size:13px}.mode-player>span>span{font-size:11px}.mode-avatar{width:37px;height:37px;font-size:22px}.mode-roster{gap:8px}.mode-card{padding:18px 16px;box-shadow:5px 5px 0 var(--mode-shadow)}.mode-card-top{font-size:11px;gap:7px}#mode-question{font-size:25px;line-height:1.3;margin:21px 0}#mode-rule{font-size:12px}.mode-card-meta{font-size:10px;margin:12px 0}.mode-reactions{gap:5px;justify-content:space-between;margin:12px 0}.mode-reactions button{font-size:10px;padding:6px;flex:1}.mode-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}#mode-next{grid-column:1/3;grid-row:1;font-size:15px;max-width:none}.mode-controls button{font-size:12px;min-height:44px;padding:10px}.mode-card-bottom{font-size:9px;gap:6px;margin-top:7px}.mode-card-bottom button{font-size:10px}.mode-playing .mode-roster{margin:14px 0 18px}.mode-playing .mode-player{min-height:62px}.mode-playing #mode-question{font-size:24px}.mode-playing #mode-rule{font-size:11px}.mode-playing .mode-roster:has(.mode-player:nth-child(5)){gap:5px}.mode-playing .mode-roster:has(.mode-player:nth-child(5)) .mode-player{flex-basis:70px;min-height:50px;padding:5px;gap:5px}.mode-playing .mode-roster:has(.mode-player:nth-child(5)) .mode-avatar{width:26px;height:26px;font-size:16px}.mode-playing .mode-roster:has(.mode-player:nth-child(5)) .mode-player strong{font-size:11px}.mode-playing .mode-roster:has(.mode-player:nth-child(5)) .mode-player>span>span{font-size:9px}.mode-playing .mode-roster:has(.mode-player:nth-child(5))~.mode-card #mode-question{font-size:22px;margin:17px 0}}
@media(max-width:380px){#mode-app{padding-left:12px;padding-right:12px}.mode-header-actions{gap:4px}.game-switch{width:87px;min-width:87px}.mode-header-actions button{width:44px}#mode-question,.mode-playing #mode-question{font-size:22px;margin:17px 0}.mode-card{padding:15px 13px}.mode-card-top strong{max-width:77%}.mode-card-top span{max-width:23%;text-align:right}.mode-card-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){#mode-app *{scroll-behavior:auto}}
#mode-scene-next{min-height:44px;border:1px solid var(--mode-ink);border-radius:7px;background:var(--mode-paper);color:var(--mode-ink);padding:8px 12px;font-size:12px;margin-top:13px;cursor:pointer}.scene-caption{bottom:54px}
#date-scene-next{display:block;min-height:44px;margin:9px auto 0;padding:8px 12px;border:1px solid var(--ink);border-radius:7px;background:#fffafb;color:var(--ink);font-size:12px;cursor:pointer}.hero-subtitle{font-weight:700!important;font-size:21px!important;line-height:1.35!important;max-width:370px!important}@media(max-width:700px){.hero-subtitle{font-size:14px!important;max-width:180px!important}#date-scene-next{font-size:10px;padding:6px;max-width:160px}}
#date-caption-next,#mode-caption-next{display:block;min-height:44px;margin:7px auto 0;padding:8px 12px;border:1px solid #26234d;border-radius:7px;background:#fffafb;color:#26234d;font-size:12px;cursor:pointer}.mode-illustration .scene-caption{position:static;justify-self:end;margin-top:4px}.mode-illustration{align-content:center}.hero-art{display:flex;flex-direction:column;align-items:center}.hero-art img{flex-shrink:0}
/* Keep an eight-person round playable in a normal viewport. */
.mode-playing .mode-roster:has(.mode-player:nth-child(3)){display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px;margin:14px 0 18px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player{min-height:61px;padding:7px;gap:6px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-avatar{width:27px;height:27px;font-size:17px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player strong{font-size:12px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player>span>span{font-size:10px}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card{padding-top:20px;padding-bottom:16px}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card #mode-question{font-size:28px;margin:18px 0}.mode-player strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.mode-playing .mode-roster:has(.mode-player:nth-child(3)){grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0 14px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player{min-height:52px;padding:4px;gap:4px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-avatar{width:23px;height:23px;font-size:16px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player strong{font-size:11px}.mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player>span>span{font-size:9px}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card{padding:13px}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card #mode-question{font-size:20px;line-height:1.25;margin:12px 0}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card #mode-rule{margin:5px 0}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card .mode-card-meta{margin:8px 0}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card .mode-reactions{margin:9px 0}.mode-playing .mode-roster:has(.mode-player:nth-child(3))~.mode-card .mode-controls{margin-top:10px}}
#mode-app[data-mode=group] .mode-illustration img{border-radius:14px;border:2px solid #43223f;object-fit:contain;height:auto;aspect-ratio:3/2;filter:none}