.pn-wrap{position:relative;display:flex;flex-direction:column;max-width:var(--frame);margin:0 auto;padding:calc(var(--chrome-header-h) + var(--band-clear)) 24px 48px;--pn-parchment-rgb:246,234,210;--pn-sheen-rgb:255,205,130;--pn-parchment:#f6ead2;--pn-selected-head:#292117;--pn-selected-foot:#1e1813;--pn-catmap-text:#e3d5bc;--pn-focus-outline:3px solid rgba(var(--pn-parchment-rgb),0.95);--pn-focus-offset:3px;--pn-line:36em} body{overflow-x:clip} .pn-wrap::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:calc(-1 * var(--chrome-header-h));height:var(--band-h);background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a30) 45%,var(--black-a80) 100%),url(/assets/art/patchnotes-forge-v1-1024.webp);background-position:center top;background-repeat:no-repeat;background-size:auto,cover;mask-image:radial-gradient(ellipse 68% 100% at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 100% at 50% 0%,#000 45%,transparent 100%)} @supports (background-image:image-set(url("i.webp") 1x)){.pn-wrap::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a30) 45%,var(--black-a80) 100%),image-set(url('/assets/art/patchnotes-forge-v1-1024.webp') 1x,url('/assets/art/patchnotes-forge-v1-2048.webp') 2x)} @media (min-width:721px){.pn-wrap::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a30) 45%,var(--black-a80) 100%),image-set(url('/assets/art/patchnotes-forge-v1-1440.webp') 1x,url('/assets/art/patchnotes-forge-v1-2048.webp') 2x)}} @media (min-width:1500px){.pn-wrap::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a30) 45%,var(--black-a80) 100%),image-set(url('/assets/art/patchnotes-forge-v1-2048.webp') 1x)}} @media (min-width:2100px){.pn-wrap::before{background-size:auto,auto;mask-image:radial-gradient(ellipse 1024px 100% at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 1024px 100% at 50% 0%,#000 45%,transparent 100%)}} @media (min-width:721px) and (min-resolution:1.5dppx){.pn-wrap::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a30) 45%,var(--black-a80) 100%),image-set(url('/assets/art/patchnotes-forge-v1-2048.webp') 2x);background-size:auto,auto;mask-image:radial-gradient(ellipse 512px 328px at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 512px 328px at 50% 0%,#000 45%,transparent 100%)}}} @media (max-width:720px){.pn-wrap::before{background-image:linear-gradient(180deg,var(--black-a40) 0%,var(--black-a60) 45%,var(--black-a92) 100%),url(/assets/art/patchnotes-forge-v1-m864.webp);background-size:auto,cover;mask-image:var(--band-mask-phone);-webkit-mask-image:var(--band-mask-phone)} @supports (background-image:image-set(url("i.webp") 1x)){.pn-wrap::before{background-image:linear-gradient(180deg,var(--black-a40) 0%,var(--black-a60) 45%,var(--black-a92) 100%),image-set(url('/assets/art/patchnotes-forge-v1-m432.webp') 1x,url('/assets/art/patchnotes-forge-v1-m864.webp') 2x)}}} .pn-hero{position:relative;overflow:hidden;margin:0;padding:var(--sp-4) var(--sp-6);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-2);background:transparent;box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.09),0 8px 20px rgba(0,0,0,0.34)} .pn-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-mid-a55),color-mix(in srgb,var(--gold-mid) 8%,transparent))} .pn-kicker{margin:0 0 var(--sp-2);font-size:var(--fs-caption);letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-2)} .pn-hero h1{margin:0;font-size:var(--fs-h3);line-height:var(--lh-display);color:var(--text-bright)} .pn-sub{max-width:var(--measure);margin:var(--sp-2) 0 0;line-height:var(--lh-body);color:var(--text-bright)} .pn-defn{max-width:36em;margin:var(--sp-2) 0 0;font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ash);text-wrap:pretty} .pn-defn strong{color:var(--text-bright);font-weight:700} [hidden]{display:none} .pn-nowrap{white-space:nowrap} .pn-open[hidden]:target{display:block} .pn-grid{display:grid;grid-template-columns:minmax(0,1fr);justify-content:start;row-gap:var(--sp-5);align-items:stretch} .pn-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)} .pn-list a{position:relative;display:block;padding:var(--sp-3) var(--sp-4);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2);text-decoration:none;color:var(--text-bright);background:repeating-linear-gradient(115deg,rgba(var(--pn-sheen-rgb),0.02) 0 3px,rgba(var(--pn-sheen-rgb),0) 3px 11px),var(--bg-4);box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.06);transition:color var(--dur-settled) var(--ease-out),border-color var(--dur-settled) var(--ease-out),box-shadow var(--dur-settled) var(--ease-out)} .pn-list a::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-mid-a55),color-mix(in srgb,var(--gold-mid) 8%,transparent))} .pn-list a:hover{border-color:color-mix(in srgb,var(--gold-mid) 90%,transparent);background:var(--pn-selected-foot);text-decoration:none} .pn-list a:hover .pn-ver{text-decoration:underline} .pn-list a:focus-visible{outline:var(--pn-focus-outline);outline-offset:var(--pn-focus-offset);text-decoration:none} .pn-list a:focus-visible .pn-ver{text-decoration:underline} .pn-list a[aria-current="true"]{color:var(--pn-parchment);background:repeating-linear-gradient(115deg,rgba(var(--pn-sheen-rgb),0.03) 0 3px,rgba(var(--pn-sheen-rgb),0) 3px 11px),linear-gradient(180deg,var(--pn-selected-head) 0%,var(--pn-selected-foot) 100%);box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.12),0 8px 20px rgba(0,0,0,0.32)} .pn-list a[aria-current="true"]::before{height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold-mid) 95%,transparent),color-mix(in srgb,var(--gold-mid) 30%,transparent))} .pn-list a:has(.pn-latest){border-color:color-mix(in srgb,var(--gold-mid) 45%,var(--border));box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.12)} .pn-list a[aria-current="true"]{box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.12),0 0 0 1px color-mix(in srgb,var(--gold-mid) 85%,transparent)} .pn-list a:active{transform:translateY(1px)} .pn-ver{font-weight:700;letter-spacing:var(--tr-heading)} .pn-lines{display:block;margin-top:var(--sp-1);font-size:var(--fs-small);line-height:var(--lh-tight);color:var(--text-bright)} .pn-lines-none{color:var(--ash)} .pn-meta{display:block;margin-top:var(--sp-1);font-size:var(--fs-caption);line-height:var(--lh-tight);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash);opacity:1} .pn-strip{max-width:420px;font-size:var(--fs-caption);color:var(--text-bright);text-wrap:pretty;border-left:3px solid var(--gold-mid-a55);padding:var(--sp-1) 0 var(--sp-1) var(--sp-2)} #pn-seam{margin:var(--sp-1) 0 0} .pn-loadnote,.pn-failnote{color:var(--text-body);border-left:3px solid var(--gold-mid-a55);padding:var(--sp-1) 0 var(--sp-1) var(--sp-2)} .pn-copylink{display:inline-flex;align-items:center;min-height:44px;margin:var(--sp-3) 0 0;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-small);border:1px solid var(--border-bright);border-left-width:1px;border-radius:var(--radius-1);color:var(--text-bright);background:var(--bg-3)} .pn-loadnote{margin:var(--sp-1) 0 0;min-height:var(--sp-7);font-size:var(--fs-caption)} .pn-failnote{margin:var(--sp-1) 0 0;max-width:580px;font-size:var(--fs-caption)} .pn-measured{margin:0 0 var(--sp-3)} .pn-latest{margin-left:var(--sp-1);color:var(--gold-mid);text-transform:uppercase;letter-spacing:.08em;font-weight:700} .pn-open{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--sp-4) var(--sp-5) var(--sp-5);color:var(--text-bright);scroll-margin-top:calc(var(--chrome-header-h) + var(--sp-4));background:repeating-linear-gradient(115deg,rgba(var(--pn-sheen-rgb),0.022) 0 3px,rgba(var(--pn-sheen-rgb),0) 3px 11px),var(--bg-4);box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.07),0 8px 24px rgba(0,0,0,0.30)} .pn-open > *{position:relative} .pn-open h2{margin:0 0 var(--sp-1);font-size:var(--fs-h3);line-height:var(--lh-heading);font-weight:var(--fw-display);font-synthesis:none;color:var(--text-bright)} .pn-open .pn-date{margin:0;font-size:var(--fs-small);color:var(--ash);opacity:1} .pn-note{margin:0} .pn-note dt{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:0.08em;margin-top:var(--sp-4);color:var(--pn-catmap-text);opacity:1} .pn-note dt:first-child{margin-top:0} .pn-note dd{margin:var(--sp-1) 0 0} .pn-body{margin:var(--sp-4) 0 var(--sp-5)} .pn-body-h{margin:0 0 var(--sp-2);padding-bottom:var(--sp-1);font-size:var(--fs-small);font-weight:var(--fw-display);font-synthesis:none;text-transform:uppercase;letter-spacing:var(--tr-label);color:var(--text-bright);border-bottom:1px solid var(--border-bright)} .pn-body-list{list-style:none;margin:0;padding:0} .pn-body-list li{position:relative;max-width:var(--pn-line);padding:0 0 0 var(--sp-4);margin:0 0 var(--sp-4);line-height:var(--lh-body);text-wrap:pretty} .pn-body-list li:last-child{margin-bottom:0} .pn-body-list li::before{content:"";position:absolute;left:0;top:calc(var(--lh-body) * 0.5em - 2px);width:5px;height:5px;background:var(--gold-dim);transform:rotate(45deg)} .pn-empty{margin:var(--sp-4) 0 var(--sp-5);max-width:var(--pn-line);color:var(--pn-catmap-text);text-wrap:pretty} .pn-cats{order:1;max-width:680px;margin:var(--sp-5) 0;padding-inline:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-2);background:repeating-linear-gradient(115deg,rgba(var(--pn-sheen-rgb),0.02) 0 3px,rgba(var(--pn-sheen-rgb),0) 3px 11px),var(--pn-selected-foot);box-shadow:inset 0 1px 0 rgba(var(--pn-sheen-rgb),0.06)} .pn-cats h2{margin:0 0 var(--sp-1);color:var(--text-bright)} .pn-cat-map{margin:0 0 var(--sp-3);max-width:580px;color:var(--pn-catmap-text)} .pn-cat-empty{margin:0;max-width:580px} .pn-cat-list{list-style:none;margin:0 0 var(--sp-4);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)} .pn-cat-list li{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-1);color:var(--text-bright);background:var(--bg-4)} .pn-cat-list img{flex:0 0 auto;width:32px;height:32px;object-fit:contain} .pn-cat-n{flex:0 1 auto} .pn-note dd{max-width:var(--pn-line)} .pn-wrap > section{padding-block:var(--sp-5);margin-block:0} @media (min-width:768px){.pn-wrap > section{padding-block:var(--sp-7)}} @media (min-width:1040px){.pn-grid{grid-template-columns:minmax(280px,340px) minmax(0,684px);column-gap:var(--sp-7)}} @media (max-width:560px){.pn-wrap{padding-left:var(--sp-4);padding-right:var(--sp-4)}.pn-hero{padding-inline:var(--sp-4)}.pn-open{padding:var(--sp-4)}.pn-cats{padding-inline:var(--sp-4)}.pn-cat-list{grid-template-columns:minmax(0,1fr)}} @media print{.pn-wrap{max-width:none;padding:0;color:#000} .pn-hero,.pn-open,.pn-cats,.pn-list a{background:none;border-color:#999;box-shadow:none} .pn-hero::before,.pn-list a::before,.pn-wrap::before{display:none} .pn-hero h1,.pn-open h2,.pn-body-h,.pn-cats h2{color:#000} .pn-sub,.pn-meta,.pn-date,.pn-note dt,.pn-cat-map,.pn-empty{color:#333} .pn-open{page-break-inside:auto} .pn-open h2,.pn-body-h{break-after:avoid-page} .pn-body-list li,.pn-cat-list li{break-inside:avoid} .pn-body-list li::before{background:#000} .pn-copylink,.pn-loadnote,#pn-seam{display:none} .pn-open[hidden]{display:block}}