/* Short, readable release stories; direct URLs retain the same content. */
.article-update p+p{margin-top:16px}
.article-update p{max-width:68ch}
.article-update .update-section{margin-top:26px;max-width:68ch}
.article-update .update-section h3{font-size:20px;line-height:1.35;margin:0 0 9px;color:var(--text,#f5f6ee)}
.article-update .update-section p{margin:0}
.article-update:has(time[datetime="2026-09-22"]),.article-update:has(time[datetime="2026-09-24"]),.article-update:has(time[datetime="2026-09-25"]){padding:30px}
.article-update .update-feature-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:center;margin:18px 0 28px}
.article-update .update-feature-intro p{margin:0}
.article-update .update-invitation{margin-top:24px;color:var(--lime,#d5fb51);font-weight:650}
.article-update .update-kicker{white-space:normal;border-radius:12px;line-height:1.6}
.update-illustration{margin:0;padding:18px;border:1px solid #3a414a;border-radius:18px;background:linear-gradient(145deg,#282f28,#16191f)}
.update-illustration figcaption{font-size:11px;line-height:1.6;color:#bdc3cc;margin-top:14px;text-align:center}
.update-mini-board{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.update-mini-board span{aspect-ratio:1;display:grid;place-items:center;border:1px solid currentColor;border-radius:5px;font-size:14px;background:#252831}
.update-mini-board .title{color:#d5fb51}.update-mini-board .artist{color:#bd9eec}.update-mini-board .decade{color:#82cbe4}.update-mini-board .year{color:#efb27d}.update-mini-board .filled{color:#17220b;background:#d5fb51;border-color:#d5fb51}
.update-mini-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center}
.update-mini-timeline>span{font-size:16px;padding:18px 6px;border:1px solid #82cbe4;color:#82cbe4;border-radius:8px;background:#1c2732;font-weight:700}
.update-mini-timeline>span:last-of-type{color:#efa2c8;border-color:#efa2c8;background:#30212e}.update-mini-timeline .mystery{color:#d5fb51;border:1px dashed #d5fb51}.update-mini-timeline img{object-fit:contain}
.updates-home{display:inline-flex;align-items:center;min-height:44px;margin:0 0 16px;color:var(--lime,#d5fb51);font-size:14px}
dialog.updates-panel{box-sizing:border-box;width:min(980px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #444a53;border-radius:22px;background:#101114;color:#f5f6ee;overflow:auto;overscroll-behavior:contain;text-align:start}
.updates-panel::backdrop{background:#05070bd9}
.updates-panel-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid #34383e;background:#14171b}
.updates-panel-header button{color:#d5fb51;background:transparent;border:0;min-height:44px;cursor:pointer;font:inherit}
.updates-panel-toggle{font-size:18px!important;font-weight:700!important;text-align:start}.updates-panel-close{min-width:44px;font-size:28px!important}
.updates-panel-body{padding:24px}.updates-panel-body article>p.intro{max-width:60ch;font-size:17px;line-height:1.7;margin:0 0 24px;color:#b9bec7}
.updates-panel-body .article-update h2{font-size:28px;line-height:1.2;margin:0 0 16px!important;letter-spacing:-.5px}
.updates-panel-body .article-update p{font-size:17px;line-height:1.7}
@media(max-width:600px){
 .article-update:has(time[datetime="2026-09-22"]),.article-update:has(time[datetime="2026-09-24"]),.article-update:has(time[datetime="2026-09-25"]){padding:20px}
 .article-update .update-feature-intro{grid-template-columns:1fr;gap:18px}.update-illustration{max-width:220px;justify-self:center;width:100%}
 .article-update .update-section{margin-top:22px}.article-update .update-section h3{font-size:18px}
 dialog.updates-panel{width:calc(100% - 12px);max-height:calc(100dvh - 16px);border-radius:16px}.updates-panel-header{padding:6px 14px}.updates-panel-body{padding:12px}
 .updates-panel-body .article-update h2{font-size:24px}.updates-panel-body .article-update p{font-size:16px;line-height:1.65}
}

.update-medals>div{display:flex;justify-content:center;gap:18px;padding:12px;background:radial-gradient(ellipse at center,#e9d29118,transparent 70%)}.update-medals svg{width:min(24vw,110px);height:auto}.update-medals{margin:14px 0 28px}

.article-update.update-friends-story{padding:30px;background:radial-gradient(ellipse at 100% 0,#d5fb510b,transparent 48%),#181b1e;border-color:#46513a}
.update-friends-art{background:radial-gradient(ellipse at top,#d5fb5120,transparent 70%),linear-gradient(145deg,#283328,#151c1b);overflow:hidden}
.update-friends-people{display:flex;justify-content:center;gap:0;margin:0 0 20px}
.update-friends-people span{display:grid;place-items:center;width:44px;height:44px;border:3px solid #273224;border-radius:50%;font-size:24px;font-weight:700;color:#293128;background:#d6e9ae;box-shadow:0 5px 12px #0004}
.update-friends-people span+span{margin-inline-start:-6px}.update-friends-people span:nth-child(2){background:#d6bce9;transform:translateY(-5px)}.update-friends-people span:nth-child(3){background:#b5d8e8}
.update-friends-table{display:flex;align-items:center;justify-content:center;gap:15px}
.update-friends-cards{display:flex;align-items:center}.update-friends-cards span{display:grid;place-items:center;width:47px;height:67px;background:#d6bce9;color:#263125;border:1px solid #f5e6fc;border-radius:8px;font-size:16px;font-weight:800;transform:rotate(-10deg);box-shadow:0 4px #8c749a,0 9px 14px #0004}
.update-friends-cards span+span{background:#b5d8e8;border-color:#dceff4;margin-left:-21px;transform:rotate(9deg) translateY(3px);box-shadow:0 4px #6c94a5,0 9px 14px #0004}
.update-friends-bingo{display:grid;grid-template-columns:repeat(5,11px);gap:3px;padding:6px;background:#334532;border-radius:8px;box-shadow:0 4px #1b2a1d;transform:rotate(-5deg)}
.update-friends-bingo i{display:grid;place-items:center;width:11px;height:11px;background:#b5d8e8;color:#253214;border-radius:3px;font-size:9px;font-style:normal;box-shadow:0 2px #75969b}.update-friends-bingo i:nth-child(2n){background:#d6bce9}.update-friends-bingo i.hit{background:#d5fb51;box-shadow:0 2px #86a332}
@media(max-width:600px){.article-update.update-friends-story{padding:20px}.update-friends-art{max-width:250px}}

.update-last-hit-art{background:radial-gradient(ellipse at 50% 30%,#365843,#18291f);border:1px solid #829d6144}.update-last-hit-table{min-height:230px;display:flex;justify-content:center;align-items:center;padding:32px 24px;direction:ltr}.update-last-hit-table i{flex:none;display:grid;place-items:center;font-style:normal;font-size:30px;font-weight:900;width:82px;height:120px;border-radius:12px;background:#d6ef92;color:#253522;box-shadow:0 5px #98b457,0 12px 22px #0007;transform:rotate(-20deg);margin-right:-20px}.update-last-hit-table i:nth-child(2){background:#f2c5a5;box-shadow:0 5px #bc855f,0 12px 22px #0007;transform:translateY(-10px) rotate(-7deg)}.update-last-hit-table i:nth-child(3){background:#d5bfea;box-shadow:0 5px #a68bbd,0 12px 22px #0007;transform:translateY(-6px) rotate(8deg)}.update-last-hit-table i:nth-child(4){background:#b2d6e9;box-shadow:0 5px #80a6ba,0 12px 22px #0007;transform:rotate(21deg);font-size:19px}.quick-rule-tabs{flex-wrap:wrap}
