/* The clubhouse's ivory cards, tomato actions and cobalt details. */
.bot-board{max-width:820px;margin:0 auto;color:#263b58}
.bot-turn{display:flex;align-items:center;gap:14px;margin:24px 0 22px}.bot-turn>div{flex:1;min-width:0}.bot-turn small,.bot-event-label{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:#737b88}.bot-turn h1{font-weight:800;font-size:clamp(24px,3vw,36px);line-height:1.12;letter-spacing:-.035em;margin:5px 0 0}.bot-avatar{display:inline-flex;flex:0 0 42px;width:42px;height:42px;border-radius:13px;overflow:hidden}.bot-avatar img,.bot-avatar svg{width:100%;height:100%}.bot-goal{background:#edeade;border-radius:30px;padding:9px 13px;font-size:12px;white-space:nowrap;font-weight:700}
.bot-stage{padding:34px 40px 26px;background:#f3e6bb;border-radius:28px;position:relative;box-shadow:inset 0 1px #fff8,0 8px 22px #263b5809}.bot-stage::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#fff5 0 15%,transparent 15% 45%,#fff3 45% 57%,transparent 57%);pointer-events:none}.bot-event{position:relative;background:#fffcf3;border-radius:16px;padding:27px 30px 23px;text-align:center;transform:rotate(-1deg);box-shadow:0 5px 0 #dacead,0 9px 18px #5d48251a}.bot-event h2{font-weight:750;font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.035em;margin:14px auto 19px;max-width:540px;text-wrap:balance}.bot-year{display:inline-flex;align-items:center;gap:9px;color:#79603e;font-size:13px;font-weight:650;min-height:32px}.bot-year strong{color:#bf4b32;font-size:38px;letter-spacing:-.035em}.bot-feedback{text-align:center;position:relative;font-size:14px;line-height:1.6;margin:22px 0 0}.bot-feedback a{color:#ae452f;text-decoration:underline;white-space:nowrap}
.bot-timeline{border:0;padding:0;margin:25px 0 20px;min-width:0}.bot-timeline legend,.bot-timeline>h2{font-weight:750;font-size:17px;margin:0 0 12px;padding:0;letter-spacing:-.02em}.bot-timeline legend span{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:#5e6878;margin-top:4px}.bot-dated-event{display:flex;gap:20px;align-items:center;min-height:64px;background:#fffdf7;border-radius:15px;padding:14px 20px;box-shadow:0 3px 0 #e9e5d9;margin:8px 0}.bot-dated-event time{width:88px;flex:0 0 88px;color:#3b61c6;font-size:22px;font-weight:800;letter-spacing:-.035em}.bot-dated-event strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.bot-gap{display:flex;align-items:center;min-height:44px;cursor:pointer;position:relative}.bot-gap input{position:absolute;width:1px;height:1px;opacity:0}.bot-gap>span{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;color:#5e6878;font-size:12px;border-radius:12px;border:1px dashed #c9cdd2;padding:8px;transition:background .15s,border-color .15s,color .15s}.bot-gap b{font-size:19px;line-height:1}.bot-gap input:checked+span{background:#f9ddca;color:#a7432b;border:1px solid #c64e35}.bot-gap input:focus-visible+span{outline:3px solid #3b61c6;outline-offset:3px}.bot-gap:hover>span{color:#ae452f;border-color:#c64e35}.bot-action{width:100%;margin:5px 0 18px}.bot-wait{text-align:center;color:#777f8d;font-size:14px;line-height:1.5}
.bot-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:8px 0 20px}.bot-player{display:flex;align-items:center;gap:9px;background:#fffefa;border:2px solid transparent;border-radius:16px;padding:10px;box-shadow:0 4px 12px #263b5808;min-width:0}.bot-player.is-current{border-color:#e0ac46}.bot-player .bot-avatar{width:32px;height:32px;flex-basis:32px;border-radius:9px}.bot-player>strong{font-size:13px;flex:1;overflow-wrap:anywhere}.bot-player>span:last-child{white-space:nowrap}.bot-player b{font-size:19px}.bot-player small{font-size:10px;color:#8d93a0;margin-left:3px}.bot-finale{background:#f3e6bb;border-radius:28px;overflow:hidden;text-align:center}.bot-finale img{display:block;width:100%;max-height:300px;object-fit:cover}.bot-finale p{padding:0 24px 20px;line-height:1.5}.bot-tv{max-width:1050px}.bot-tv .bot-stage{padding:35px 60px}.bot-tv .bot-timeline{display:flex;gap:12px;flex-wrap:wrap}.bot-tv .bot-timeline h2{width:100%}.bot-tv .bot-dated-event{flex:1 1 220px}.bot-tv .bot-turn h1{font-weight:800;font-size:42px}
@media(max-width:600px){.bot-turn{gap:10px;margin:16px 0 18px}.bot-turn .bot-avatar{width:36px;height:36px;flex-basis:36px}.bot-goal{display:none}.bot-stage{padding:23px 20px;border-radius:22px}.bot-event{padding:22px 17px 18px}.bot-event-label{font-size:10px}.bot-event h2{font-weight:750;font-size:25px}.bot-dated-event{padding:13px 15px;gap:12px}.bot-dated-event time{width:66px;flex-basis:66px;font-size:20px}.bot-dated-event strong{font-size:14px}.bot-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bot-player{padding:8px;gap:7px}.bot-player>strong{font-size:12px}.bot-player .bot-avatar{width:27px;height:27px;flex-basis:27px}.bot-player b{font-size:16px}.bot-player small{font-size:9px}.bot-feedback{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bot-gap>span{transition:none}}

.bot-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-4px 0 20px;padding:13px 16px;border-radius:14px;background:#e9eddf;font-size:12px;line-height:1.5;color:#445237}.bot-result>strong{white-space:nowrap}.bot-result>span{flex:1;min-width:120px}.bot-result b{margin-left:6px}.bot-result a{color:#425681;text-decoration:underline}.bot-result a:focus-visible{outline:3px solid #3b61c6;outline-offset:4px}

/* A placement gets its own beat before the next event. */
.bot-board [hidden]{display:none!important}
.bot-reveal{scroll-margin-top:24px}.bot-reveal-heading{display:flex;gap:17px;align-items:center;margin:24px 0}.bot-reveal-heading h2{font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:0}.bot-reveal-heading p{margin:7px 0 0;font-size:15px;font-weight:650;color:#34704b}.is-wrong .bot-reveal-heading p{color:#a4412d}.bot-outcome-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;flex:0 0 76px;background:#e2ebdb;border-radius:23px;box-shadow:0 4px 0 #cfdcc7}.is-wrong .bot-outcome-icon{background:#f7ded1;box-shadow:0 4px 0 #eac7b7}.bot-reveal-stage .bot-event h3{font-size:clamp(24px,3vw,32px);font-weight:750;line-height:1.2;letter-spacing:-.035em;margin:8px auto 18px;text-wrap:balance;max-width:550px}.bot-revealed-year{display:block;font-size:clamp(48px,7vw,68px);line-height:1.1;font-weight:850;letter-spacing:-.035em;color:#b3452f}.bot-outcome-copy{position:relative;text-align:center;font-size:14px;font-weight:650;color:#34704b;margin:21px 0 0}.is-wrong .bot-outcome-copy{color:#a4412d}.bot-answer-line{margin:25px 0 16px}.bot-answer-row{position:relative}.bot-answer-row.is-answer .bot-dated-event{background:#e2ebdb;box-shadow:0 3px 0 #cfdcc7;padding-right:100px}.is-wrong .bot-answer-row.is-answer .bot-dated-event{background:#f7ded1;box-shadow:0 3px 0 #eac7b7}.bot-answer-tag{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:750;color:#34704b}.is-wrong .bot-answer-tag{color:#a4412d}.bot-story{display:inline-block;color:#425681;text-decoration:underline;font-size:13px;padding:14px 0}.bot-reveal-footer{margin:21px 0 15px;text-align:center;font-size:14px;font-weight:650;color:#5e6878}.bot-reveal-progress{height:4px;max-width:200px;border-radius:9px;background:#deded4;margin:14px auto 0;overflow:hidden}.bot-reveal-progress::after{content:"";display:block;height:100%;background:#3b61c6;transform-origin:left;animation:bot-countdown 5.2s linear forwards}.is-revealing .bot-revealed-year{animation:bot-year-reveal .75s cubic-bezier(.16,1,.3,1) both}.is-revealing .bot-answer-row.is-answer{animation:bot-card-settle .5s .7s cubic-bezier(.16,1,.3,1) both}
.bot-result{padding:0;background:#e2ebdb;color:#28583a}.bot-result.is-wrong{background:#f7ded1;color:#9a3825}.bot-result summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;list-style:none;padding:14px 16px;cursor:pointer;min-height:54px}.bot-result summary::-webkit-details-marker{display:none}.bot-result summary>strong{font-size:14px}.bot-result summary>span{flex:1;min-width:160px;font-size:12px;line-height:1.5}.bot-result summary b{white-space:nowrap}.bot-result summary:focus-visible{outline:3px solid #3b61c6;outline-offset:3px;border-radius:14px}.bot-result[open]>.bot-reveal-content{padding:0 18px 16px}.bot-result .bot-reveal-heading h2{font-size:28px}.bot-result .bot-outcome-icon{width:54px;height:54px;flex-basis:54px}.bot-result .bot-outcome-icon img{width:40px;height:40px}
@keyframes bot-year-reveal{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bot-card-settle{from{transform:translateY(-8px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}
@keyframes bot-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){.bot-reveal-heading{gap:12px;margin:16px 0 21px}.bot-outcome-icon{width:60px;height:60px;flex-basis:60px;border-radius:18px}.bot-outcome-icon img{width:44px;height:44px}.bot-reveal-heading h2{font-size:30px}.bot-reveal-heading p{font-size:13px}.bot-reveal-stage .bot-event h3{font-size:24px}.bot-revealed-year{font-size:54px}.bot-answer-row.is-answer .bot-dated-event{padding-right:15px;padding-bottom:29px}.bot-answer-tag{top:auto;bottom:8px;transform:none;right:15px}.bot-result summary{gap:8px;padding:12px}.bot-result summary>strong{font-size:13px}.bot-result summary>span{flex-basis:100%;margin-left:34px}.bot-outcome-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.is-revealing .bot-revealed-year,.is-revealing .bot-answer-row.is-answer,.bot-reveal-progress::after{animation:none}}

/* Setup uses the same paper and ink as the playing cards. */
.bot-mix{display:grid;gap:20px}.bot-mix-options{display:grid;gap:20px}.bot-mix-options[hidden]{display:none}.bot-mix-field{position:relative;border:0;padding:0;margin:0;min-width:0}.bot-mix-field legend{font-size:14px;font-weight:700;color:var(--vd-ink);padding:0;margin:0 0 12px}.bot-mix-tools{position:absolute;right:0;top:-44px;display:flex;gap:12px}.bot-mix-tools button{border:0;background:none;padding:0;min-height:44px;color:var(--vd-action);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.bot-mix-chips{display:flex;flex-wrap:wrap;gap:8px}.bot-mix-chip{position:relative;cursor:pointer}.bot-mix-chip input{position:absolute;width:1px;height:1px;opacity:0}.bot-mix-chip span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:22px;background:var(--lc-fill,#ebe9e1);color:var(--vd-ink);font-size:14px;line-height:1.3;font-weight:600;box-sizing:border-box}.bot-mix-chip input:checked+span{background:var(--vd-ink);color:var(--vd-panel)}.bot-mix-chip input:focus-visible+span,.bot-mix-tools button:focus-visible{outline:3px solid #3b61c6;outline-offset:3px}.bot-mix-chip:hover span{box-shadow:inset 0 0 0 2px #737eaf}.bot-mix-count{margin:0;color:var(--vd-muted);font-size:13px;line-height:1.5}.bot-mix .su-hint{margin:0}