.patch-notes{--patch-space:clamp(1rem, .65rem + 1.5cqi, 2rem);--patch-ink:oklch(28% .035 64);max-inline-size:76rem;margin-inline:auto}.patch-notes-heading,.patch-news-heading{margin-block:1rem var(--patch-space,1.5rem);flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.patch-notes-heading>img{object-fit:contain;flex:none;block-size:3rem;inline-size:3rem}.patch-notes-heading>h1,.patch-news-heading>h1{text-wrap:balance;flex:18rem}.patch-notes-heading>a,.patch-news-heading>a{font:1rem/1.4 var(--font-ui);padding-block:.65rem;padding-inline:0}.patch-archive{gap:var(--patch-space);display:grid}.patch-entry{align-items:start;gap:var(--patch-space);padding:var(--patch-space);border:1px solid var(--ff-edge);background:linear-gradient(oklch(22% .018 248/.93),oklch(16% .012 248/.97)),url(/ui/ui-tooltip-background.webp);border-radius:3px;flex-wrap:wrap;display:flex;position:relative;box-shadow:inset 0 0 0 2px oklch(10% .008 248),0 5px 18px oklch(0% 0 none/.18)}.patch-entry-image{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ff-edge);flex:17rem;block-size:auto;inline-size:100%;min-inline-size:0;max-inline-size:24rem}.patch-entry-copy{flex:999 1 0;align-self:center;min-inline-size:min(100%,20rem)}.patch-entry-meta{color:var(--text-lo);font:.875rem/1.5 var(--font-ui);flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;display:flex}.patch-entry-meta>time{color:var(--gold);font-variant-numeric:tabular-nums}.patch-entry-copy>h2{font:clamp(1.25rem, 1.04rem + .8cqi, 1.625rem)/1.3 var(--font-display);text-wrap:balance;margin-block:.6rem .85rem}.patch-entry-copy>p{color:var(--text);font:1rem/1.65 var(--font-ui);margin:0}.patch-entry-link:after{content:"";position:absolute;inset:0}.patch-entry-link:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}.patch-entry:has(.patch-entry-link:focus-visible){outline:2px solid var(--gold-bright);outline-offset:4px}@supports selector(:has(*)){.patch-entry-link:focus-visible{outline-color:#0000}}.patch-entry:active{border-color:var(--gold-bright);background-color:color-mix(in oklch, var(--gold) 12%, var(--ff-panel))}.patch-notes-heading>a:focus-visible,.patch-news-heading>a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.patch-notes-heading>a:active,.patch-news-heading>a:active{color:var(--text-hi)}.news-article.patch-article{--patch-header-clearance:6.75rem;max-inline-size:76rem}.patch-article .news-article-intro{flex-wrap:wrap;align-items:center;gap:clamp(1.25rem,1rem + 1cqi,2rem);padding-block-end:1.75rem;display:flex}.patch-article .news-article-heading{flex:25rem;padding-block:.5rem}.patch-article .news-article-heading h1{text-wrap:balance;max-inline-size:28ch}.patch-article .news-article-image{object-fit:cover;flex:22rem;inline-size:100%;min-inline-size:0;max-inline-size:36rem}.patch-date{color:var(--gold);font:1rem/1.5 var(--font-ui);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-block-end:.75rem;display:flex}.patch-date time{font-variant-numeric:tabular-nums}.patch-article .news-reading-layout{flex-flow:row-reverse wrap;align-items:start;gap:clamp(1.5rem,1rem + 2cqi,3rem);display:flex}.patch-article .news-reading-layout>div{flex:999 1 0;min-inline-size:min(100%,38rem)}.patch-article .news-reading-nav{max-block-size:calc(100dvh - var(--patch-header-clearance) - 1rem);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg);flex:14rem;align-self:start;inset-block-start:var(--patch-header-clearance);overflow-y:auto}.patch-article .news-reading-nav::-webkit-scrollbar{inline-size:.45rem}.patch-article .news-reading-nav::-webkit-scrollbar-track{background:var(--bg)}.patch-article .news-reading-nav::-webkit-scrollbar-thumb{background:var(--gold);border:1px solid var(--bg)}.patch-article .news-prose{max-inline-size:76ch}.patch-article .news-prose :is(h2,h3){text-wrap:balance;scroll-margin-block-start:var(--patch-header-clearance)}.patch-article .news-prose h2{border-block-end:1px solid var(--line);padding-block-end:.6rem}.patch-article .news-prose h3{font:1.125rem/1.4 var(--font-display);margin-block:1.5rem .7rem}.patch-article .news-prose :is(ul,ol){color:var(--text);font:1rem/1.75 var(--font-ui);margin-block:0 1.5rem;padding-inline-start:1.4rem}.patch-article .news-prose li+li{margin-block-start:.65rem}.patch-article .news-prose li>:last-child{margin-block-end:0}.patch-article .news-table{overscroll-behavior-inline:contain;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg);border-radius:3px;inline-size:100%;margin-block:1rem 1.75rem;overflow-x:auto}.patch-article .news-table:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.patch-article .news-table table{border-collapse:collapse;text-align:start;inline-size:100%;color:var(--text);font:1rem/1.6 var(--font-ui)}.patch-article .news-table :is(th,td){text-align:start;vertical-align:top;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;padding-block:.7rem;padding-inline:.85rem}.patch-article .news-table th{color:var(--gold-bright);background:color-mix(in oklch, var(--gold) 10%, var(--bg));border-block-end:1px solid var(--ff-edge,var(--line));font-weight:600}.patch-article .news-table td{border-block-end:1px solid var(--line)}.patch-article .news-table tr:last-child td{border-block-end:0}.patch-article .news-table tbody tr:nth-child(2n){background:color-mix(in oklch, var(--gold) 3%, transparent)}.patch-article .news-table::-webkit-scrollbar{block-size:.45rem}.patch-article .news-table::-webkit-scrollbar-track{background:var(--bg)}.patch-article .news-table::-webkit-scrollbar-thumb{background:var(--gold);border:1px solid var(--bg)}.patch-article .news-prose blockquote{--patch-ink:oklch(28% .035 64);color:var(--patch-ink);background:linear-gradient(oklch(81% .07 78/.6),oklch(81% .07 78/.6)),url(/ui/quest-paper-grain.webp);border:1px solid oklch(59% .075 74);border-radius:3px;margin-block:1.5rem 2rem;margin-inline:0;padding:clamp(1.25rem,.9rem + 1.2cqi,2rem);box-shadow:inset 0 0 0 2px oklch(94% .055 83/.35),0 5px 14px oklch(0% 0 none/.18)}.patch-article .news-prose blockquote :is(p,ul,ol){color:var(--patch-ink)}.patch-article .news-prose blockquote>:first-child{margin-block-start:0}.patch-article .news-prose blockquote>:last-child{margin-block-end:0}.patch-article .news-prose blockquote strong{color:oklch(25% .045 63)}.patch-article .news-prose blockquote a{color:oklch(34% .085 39)}.patch-article .news-prose blockquote a:focus-visible{outline-offset:3px;outline:2px solid}.patch-article .news-prose blockquote a:active{color:oklch(20% .05 39)}.patch-article .news-contents{gap:.15rem}.patch-article .news-contents a{border-radius:2px;padding-block:.5rem;padding-inline:.6rem;display:block}.patch-article .news-contents a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;background:color-mix(in oklch, var(--gold) 8%, transparent)}.patch-article .news-contents a:active{background:color-mix(in oklch, var(--gold) 14%, transparent)}.patch-related-link{font:.875rem/1.5 var(--font-ui);align-items:start;gap:.7rem;display:flex}.patch-related-link img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);flex:none;block-size:auto;inline-size:4.5rem}.patch-related-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.patch-related-link:active{color:var(--text-hi)}@media (hover:hover) and (pointer:fine){.patch-entry:hover{border-color:var(--gold);box-shadow:inset 0 0 0 2px oklch(10% .008 248), 0 5px 18px oklch(0% 0 none/.18), 0 0 15px color-mix(in oklch, var(--gold) 12%, transparent)}.patch-entry:hover .patch-entry-link,.patch-notes-heading>a:hover,.patch-news-heading>a:hover{color:var(--gold-bright)}.patch-article .news-contents a:hover{color:var(--gold-bright);background:color-mix(in oklch, var(--gold) 8%, transparent)}.patch-article .news-prose blockquote a:hover{color:oklch(23% .06 39);text-shadow:0 0 8px oklch(95% .045 85/.5)}}
