.patchnotes{display:flex;flex-direction:column;gap:var(--space-6);padding-block:var(--space-6) var(--space-10);animation:pn-page-in .42s var(--ease-out) both}@keyframes pn-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.patchnotes__hero{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:end;padding:var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(ellipse at top right,oklch(.62 .155 50 / .1),transparent 60%),linear-gradient(180deg,var(--surface-elevated),var(--surface-card));border:1px solid var(--border-strong);box-shadow:var(--shadow-md),var(--shadow-inset);position:relative;overflow:hidden}@media(min-width:720px){.patchnotes__hero{grid-template-columns:1fr auto}}.patchnotes__hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,oklch(.62 .155 50 / .12),transparent 70%);filter:blur(8px);pointer-events:none;z-index:0}.patchnotes__hero>*{position:relative;z-index:1}.patchnotes__title{font-family:var(--font-display);font-size:var(--text-4xl);margin:0 0 var(--space-2) 0;letter-spacing:var(--tracking-wide);background:linear-gradient(180deg,var(--text-primary) 0%,var(--accent-darkest) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}html[lang=th] .patchnotes__title{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.patchnotes__subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--space-3) 0;max-width:60ch}.patchnotes__count{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.patchnotes__count-num{font-size:var(--text-xl);color:var(--accent);font-weight:600}.patchnotes__steam-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:.7rem 1.2rem;background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;box-shadow:var(--shadow-accent);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.patchnotes__steam-link:hover{background:var(--accent-bright);transform:translateY(-1px)}.patchnotes__error{padding:var(--space-5);background:oklch(.95 .04 25 / .4);border:1px solid oklch(.55 .15 25 / .4);border-radius:var(--radius-lg);color:#861118;font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-2)}.patchnotes__error-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:#944a46}.patchnotes__layout{display:flex;flex-direction:column;gap:var(--space-5)}.patchnotes__layout--full{width:100%}.patchnotes__list{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin:0;padding:0}.patchnote{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-hairline);border-left:3px solid var(--border-strong);border-radius:var(--radius-lg);transition:transform var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),background var(--duration-default) var(--ease-out);animation:pn-card-in .36s var(--ease-out) both;will-change:transform}@keyframes pn-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.patchnote:hover{transform:translateY(-2px);border-color:var(--accent-dim);box-shadow:var(--shadow-lg);background:var(--surface-card-hi)}.patchnote--patch{border-left-color:var(--accent)}.patchnote--changelog{border-left-color:oklch(.55 .16 245)}.patchnote--announce{border-left-color:var(--border-strong)}.patchnote__head{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.patchnote__date{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.patchnote__date-abs{color:var(--text-secondary);font-weight:600}.patchnote__date-rel{font-size:var(--text-2xs);color:var(--text-tertiary)}.patchnote__tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-inset);border:1px solid var(--border-faint);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;color:var(--text-tertiary)}.patchnote__tag[data-group-tag=patch]{background:oklch(.95 .06 50 / .5);border-color:#a85a2866;color:var(--accent-darkest)}.patchnote__tag[data-group-tag=changelog]{background:oklch(.95 .04 245 / .5);border-color:oklch(.55 .14 245 / .4);color:oklch(.4 .13 245)}.patchnote__tag[data-group-tag=events]{background:#d3f7d38c;border-color:#3e834366;color:oklch(.38 .12 145)}.patchnote__title{font-family:var(--font-display);font-size:var(--text-xl);margin:0;color:var(--text-primary);line-height:var(--leading-snug)}html[lang=th] .patchnote__title{font-family:var(--font-thai);font-weight:700}.patchnote__author{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.patchnote__author-name{color:var(--accent);font-family:var(--font-mono);font-weight:500}.patchnote__snippet{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}.patchnote__link{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-1);color:var(--accent);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-2);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.patchnote__link:hover{color:var(--accent-bright);transform:translate(2px)}.patchnote__head-tags{display:inline-flex;align-items:center;gap:var(--space-2)}.patchnote__latest{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-on-accent);background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:var(--shadow-accent);position:relative;overflow:hidden}html[lang=th] .patchnote__latest{font-family:var(--font-thai);letter-spacing:var(--tracking-wide);text-transform:none;font-weight:700}.patchnote__latest:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,oklch(1 0 0 / .4) 50%,transparent 70%);transform:translate(-100%);animation:pn-shine 2.4s var(--ease-out) infinite}@keyframes pn-shine{0%{transform:translate(-100%)}60%{transform:translate(120%)}to{transform:translate(120%)}}.patchnote__full{display:grid;grid-template-rows:1fr;overflow:hidden;transition:opacity .22s ease,margin-top .22s ease;margin-top:var(--space-4);opacity:1}.patchnote__full-inner{min-height:0}.patchnote--collapsed .patchnote__full{grid-template-rows:0fr;opacity:0;margin-top:0;pointer-events:none}.patchnote--collapsed .patchnote__snippet{display:block}.patchnote--expanded .patchnote__snippet{display:none}.patchnote__full-inner>:is(p,ul,ol,h3,h4,h5,blockquote,img,hr,pre,figure,details,.bbc-yt):first-child{margin-top:0}.patchnote__full p{margin:0 0 var(--space-4);line-height:var(--leading-loose);color:var(--text-secondary)}.patchnote__full strong{color:var(--text-primary);font-weight:700}.patchnote__full a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--border-accent);text-underline-offset:3px;transition:color var(--duration-fast) ease}.patchnote__full a:hover{color:var(--accent-bright)}.patchnote__full .bbc-h{font-family:var(--font-display);letter-spacing:var(--tracking-wide);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3)}html[lang=th] .patchnote__full .bbc-h{font-family:var(--font-thai);letter-spacing:0}.patchnote__full .bbc-h--1{font-size:var(--text-xl);color:var(--accent)}.patchnote__full .bbc-h--2{font-size:var(--text-lg)}.patchnote__full .bbc-h--3{font-size:var(--text-base);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-sm);color:var(--text-tertiary)}.patchnote__full .bbc-ul,.patchnote__full .bbc-ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.patchnote__full .bbc-ul{list-style:none}.patchnote__full .bbc-ul>li{position:relative;margin-bottom:var(--space-2);line-height:var(--leading-loose);color:var(--text-secondary)}.patchnote__full .bbc-ul>li:before{content:"";position:absolute;left:calc(-1 * var(--space-4));top:.75em;width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}.patchnote__full .bbc-ol>li{margin-bottom:var(--space-2);color:var(--text-secondary)}.patchnote__full .bbc-ol>li::marker{color:var(--accent);font-family:var(--font-display);font-weight:600}.patchnote__full .bbc-quote{position:relative;margin:var(--space-4) 0;padding:var(--space-3) var(--space-5);background:#f6e5d599;border:1px solid var(--border-hairline);border-left:3px solid var(--accent);border-radius:var(--radius-md);font-style:italic;color:var(--text-primary)}.patchnote__full .bbc-code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-card);border:1px solid var(--border-hairline);padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto}.patchnote__full hr{margin:var(--space-5) 0;border:0;height:1px;background:linear-gradient(to right,transparent,var(--border-strong),transparent)}.patchnote__full img{display:block;max-width:100%;height:auto;margin:var(--space-4) auto;border-radius:var(--radius-md);border:1px solid var(--border-hairline);box-shadow:var(--shadow-md);background:#0b1628}.patchnote__full .bbc-yt{position:relative;display:block;margin:var(--space-4) auto;max-width:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-hairline);background:#000;text-decoration:none}.patchnote__full .bbc-yt img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;transition:transform var(--duration-default) var(--ease-out)}.patchnote__full .bbc-yt:hover img{transform:scale(1.02)}.patchnote__full .bbc-yt__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;background:#bb0a10eb;color:#fff;font-size:28px;border-radius:50%;box-shadow:0 6px 20px #00000073;transition:transform var(--duration-default) var(--ease-spring),background var(--duration-default) ease}.patchnote__full .bbc-yt:hover .bbc-yt__play{transform:translate(-50%,-50%) scale(1.08);background:#d40e14}.patchnote__full .bbc-yt__label{position:absolute;bottom:var(--space-3);left:var(--space-3);padding:4px 10px;background:#0009;color:#fff;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-pill);backdrop-filter:blur(6px)}.patchnote__full .bbc-spoiler{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card)}.patchnote__full .bbc-spoiler summary{cursor:pointer;color:var(--accent);font-weight:600}.patchnote__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-faint)}.patchnote__toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}html[lang=th] .patchnote__toggle{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.patchnote__toggle:hover{background:#eac6a566;color:var(--accent-bright);border-color:var(--accent)}.patchnote__chev{transition:transform var(--duration-default) var(--ease-out)}.patchnote--expanded .patchnote__chev{transform:rotate(180deg)}.patchnote--expanded{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--shadow-accent)}@media(prefers-reduced-motion:reduce){.patchnotes,.patchnote{animation:none;transition:none}.patchnote:hover{transform:none}.patchnote__full{transition:none}.patchnote__latest:after{animation:none}}