/* History and request board. Additive to the live stage theme. */
.history-page{padding:clamp(145px,15vw,190px) 0 100px;min-height:100vh;overflow:hidden}
.history-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:60px;border-bottom:1px solid var(--line-2)}
.history-intro h1{font-size:clamp(3rem,6vw,5.4rem);max-width:13ch;letter-spacing:-.055em;line-height:.98}
.history-intro .lead{margin:24px 0 0}
.history-kicker{color:var(--tungsten);font-weight:700;font-size:.93rem;margin:0 0 16px}
.history-primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 22px;border-radius:13px;font-weight:750;cursor:pointer;min-height:52px;border:1px solid transparent}
.history-primary{background:#f6b865;color:#261323}.history-primary:hover{background:#ffd18a}
.history-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:clamp(54px,8vw,110px);padding-top:72px}
.history-section-head{margin-bottom:38px}.history-section-head h2{font-size:clamp(1.8rem,3vw,2.6rem)}.history-section-head p{margin:10px 0 0;color:var(--text-2)}
.release-timeline{list-style:none;margin:0 0 0 10px;padding:0 0 0 34px;border-left:2px solid #5b4c76}.release-entry{position:relative;padding:0 0 70px}.release-entry:last-child{padding-bottom:0}.release-dot{position:absolute;width:20px;height:20px;border-radius:50%;top:8px;left:-45px;background:var(--cyan);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--cyan)}
.upcoming .release-dot{background:var(--tungsten);box-shadow:0 0 0 2px var(--tungsten);animation:dot-pulse 2.8s ease-in-out infinite}@keyframes dot-pulse{50%{opacity:.45;box-shadow:0 0 0 7px rgba(246,184,101,.18)}}
.release-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.release-heading h3{font-size:2.15rem}.release-label{font-size:.78rem;font-weight:750;background:#234d49;color:#a5f8d7;border-radius:999px;padding:4px 10px}.release-label.coming{background:#4a3524;color:#ffdb9e}.release-summary{font-size:1.08rem;color:var(--text-2);margin:18px 0}.release-entry ul{padding-left:1.2em;color:var(--text-2);line-height:1.65}.release-entry li{margin:10px 0}.release-entry strong{color:var(--text)}.release-note{font-size:.9rem;color:var(--text-3)}.release-entry a{color:#f6c984}
.history-board{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.board-message{grid-column:1/-1;color:var(--text-2)}.request-card{border-radius:18px;padding:22px;background:#f6d6b1;color:#281629;min-width:0;overflow-wrap:anywhere}.request-card:nth-child(4n+2){background:#d2c4f8}.request-card:nth-child(4n+3){background:#bce8db}.request-card:nth-child(4n){background:#f6cbd9}.request-card h3{font-size:1.15rem;line-height:1.2}.request-card p{font-size:.95rem;line-height:1.5;margin:11px 0 16px}.request-comment{padding-top:12px;border-top:1px solid #34234033}.request-comment strong{display:block;font-size:.8rem}.vote-button{border:1px solid #38284155;color:#281629;background:#ffffff66;border-radius:999px;min-height:44px;padding:8px 13px;font-weight:700;cursor:pointer}.board-footer{margin-top:22px;color:var(--text-2);font-size:.9rem}.text-button{border:0;background:none;color:var(--tungsten);font-weight:700;padding:8px 0;cursor:pointer;text-align:left}
.release-date{font-size:.9rem;color:var(--text-2);font-weight:600}
.history-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(24px,5vw,38px);background:#241b38;color:var(--text);border:1px solid #6d5c89;border-radius:24px;box-shadow:0 24px 100px #0009}.history-dialog::backdrop{background:#090610bb}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-top h2{font-size:clamp(2rem,5vw,2.8rem)}.dialog-close{font-size:2rem;line-height:1;width:44px;height:44px;border:1px solid var(--line-2);border-radius:50%;background:transparent;cursor:pointer}.history-dialog>p{color:var(--text-2);margin:20px 0}.history-dialog form{display:grid;gap:10px}.history-dialog label{font-weight:700;margin-top:8px}.history-dialog input,.history-dialog textarea{font:inherit;color:var(--text);background:#120e1f;border:1px solid #75678b;border-radius:10px;padding:12px;min-width:0}.history-dialog textarea{resize:vertical}.history-dialog .history-primary{justify-self:start;margin-top:4px}.form-feedback,.history-status{min-height:1.5em;color:#f6c984;margin:8px 0;white-space:pre-wrap}
@media(max-width:800px){.history-grid{grid-template-columns:1fr;gap:80px}.history-intro{align-items:flex-start;flex-direction:column}.history-intro h1{font-size:clamp(2.9rem,10vw,4.8rem)}}
@media(max-width:430px){.history-board{grid-template-columns:1fr}.request-card{padding:20px}.history-page{padding-top:145px}.history-dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){.upcoming .release-dot{animation:none}}
button:disabled{opacity:.55;cursor:not-allowed}

/* Distinct release markers, all visible without relying on color for status. */
.release-entry:nth-child(3) .release-dot{background:#bd9cff;box-shadow:0 0 0 2px #bd9cff}.release-entry:nth-child(4) .release-dot{background:#ff90b8;box-shadow:0 0 0 2px #ff90b8}.release-entry:nth-child(5) .release-dot{background:#83d9a9;box-shadow:0 0 0 2px #83d9a9}.release-entry:nth-child(6) .release-dot{background:#ffa589;box-shadow:0 0 0 2px #ffa589}.release-entry:nth-child(7) .release-dot{background:#a6afff;box-shadow:0 0 0 2px #a6afff}.release-entry:nth-child(8) .release-dot{background:#e9db9c;box-shadow:0 0 0 2px #e9db9c}
