@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root { color-scheme:dark; --ink:#070d14; --gold:#edce91; --muted:#9aaeb9; --mint:#74e4be; --rose:#f397ab; --line:#edce9126; }
* { box-sizing:border-box; }html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; color:#e9edf0; background:radial-gradient(ellipse at 0% 32%,#19393632,transparent 36%),radial-gradient(ellipse at 100% 60%,#34314c30,transparent 35%),var(--ink); font:400 16px/1.65 'Outfit',sans-serif; }
a { color:inherit; text-decoration:none; }button,input,select { font:inherit; -webkit-tap-highlight-color:transparent; }button { cursor:pointer; }img { display:block; max-width:100%; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:8px; left:16px; padding:12px 22px; background:var(--gold); color:var(--ink); transform:translateY(-150%); }.skip-link:focus { transform:none; }
.patch-wrap { width:min(1220px,calc(100% - 88px)); margin-inline:auto; }
.patch-nav { position:sticky; top:0; z-index:30; min-height:74px; padding:14px max(32px,calc((100vw - 1220px)/2)); display:flex; gap:36px; align-items:center; background:#070d14e8; backdrop-filter:blur(18px); border-bottom:1px solid var(--line); font-size:13px; font-weight:500; }
.patch-nav a { color:#bbc7ce; transition:color .2s; }.patch-nav a:hover,.patch-nav a.is-active { color:var(--gold); }.patch-nav .patch-back { margin-right:auto; color:var(--gold); }
.nav-version { display:flex; gap:5px; align-items:baseline; color:var(--gold); font-size:10px; letter-spacing:.16em; border-left:1px solid var(--line); padding-left:28px; }.nav-version span { font:italic 28px Georgia,serif; letter-spacing:0; }
.patch-hero { position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--line); }
.patch-hero-art { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,#070d14f2 12%,#070d14a6 65%,#070d14c0),linear-gradient(0deg,var(--ink),transparent 70%),url('../image/patchnotes_v2.2_fejlec.webp') center 38%/cover; opacity:.72; }
.patch-hero::after { content:'2.2'; position:absolute; z-index:-1; right:0; top:-60px; font:italic 480px/.95 Georgia,serif; color:#e6cc9610; pointer-events:none; }
.patch-hero-layout { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:36px; padding-block:80px 66px; }
.eyebrow { color:var(--gold); font-size:11px; letter-spacing:.18em; font-weight:600; margin:0 0 18px; }.eyebrow span { display:inline-block; margin-left:16px; border-left:1px solid #edce9160; padding-left:16px; }
.patch-hero time { display:block; color:var(--muted); font-size:12px; letter-spacing:.04em; }h1,h2,h3,h4,p { margin-top:0; }
h1,h2,:is(.nitocris-copy,.bunny-copy) h3,.generic-copy h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.045em; line-height:1.06; }em { color:var(--gold); font-family:Georgia,'Times New Roman',serif; font-weight:400; }
h1 { font-size:clamp(70px,7.8vw,112px); margin:24px 0; }.patch-lead { max-width:490px; color:#becbd2; font-size:17px; line-height:1.8; margin-bottom:32px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; }
.patch-cta { display:inline-flex; align-items:center; gap:24px; padding:15px 20px; color:#182022; background:linear-gradient(120deg,#f5deb0,#c7a565); font-weight:600; font-size:13px; box-shadow:0 6px 28px #e1b36313; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); transition:filter .2s,transform .2s; }.patch-cta:hover { filter:brightness(1.15); transform:translateY(-2px); }.patch-cta span { font-size:21px; line-height:1; }
.text-link { color:var(--gold); font-size:12px; font-weight:500; border-bottom:1px solid #edce9150; padding-bottom:4px; }.text-link:hover { border-color:var(--gold); }
.hero-gallery { position:relative; height:450px; max-width:500px; width:100%; margin-inline:auto; }
.gallery-orbit { position:absolute; border:1px solid #edce9140; border-radius:50%; pointer-events:none; }.orbit-outer { inset:16px 0 10px; transform:rotate(-22deg) scaleY(.88); }.orbit-inner { inset:55px 45px; border-style:dashed; border-color:#edce9126; transform:rotate(15deg); }
.hero-gallery::before { content:''; position:absolute; inset:15%; background:radial-gradient(ellipse,#e5b55629,transparent 65%); filter:blur(12px); }
.release-art { position:absolute; inset:10% 4%; display:flex; align-items:center; rotate:2deg; }
.release-art img { width:100%; height:auto; border:1px solid #dcb77b85; padding:6px; background:#1a1c20; box-shadow:0 22px 80px #000a,0 0 45px #dca04418; }
.floating-art { position:absolute; width:112px; padding:5px; background:#0d1924; border:1px solid #ebd29b78; box-shadow:0 18px 42px #0009,0 0 32px #e4c7820c; border-radius:9px; animation:artFloat 7s ease-in-out infinite; }
.art-heralda { left:0; top:8%; rotate:-14deg; animation-delay:-2s; width:76px; }.art-nola { right:0; top:5%; rotate:12deg; animation-delay:-4s; width:76px; }.art-medusa { right:0; bottom:8%; rotate:9deg; width:76px; animation-delay:-1s; }
.gallery-star { position:absolute; color:var(--gold); font-size:35px; }.star-one { left:44%; top:9%; }.star-two { right:23%; bottom:5%; font-size:27px; }
.patch-stats { position:relative; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); padding-block:30px; }.patch-stats>div { display:flex; align-items:center; gap:15px; border-right:1px solid var(--line); padding-left:28px; }.patch-stats>div:first-child { padding-left:0; }.patch-stats>div:last-child { border:0; }.patch-stats strong { font:46px/1 Georgia,serif; color:var(--gold); }.patch-stats span { max-width:135px; font-size:12px; line-height:1.5; color:var(--muted); }
.patch-section { padding:96px 0; border-bottom:1px solid var(--line); scroll-margin-top:12px; }.section-heading { display:flex; align-items:flex-start; gap:34px; margin-bottom:44px; }
.chapter-number { display:block; font:italic 74px/1 Georgia,serif; color:#e6cb9536; border-top:1px solid var(--gold); padding-top:16px; min-width:90px; }.section-heading>div { flex:1; }.section-heading .eyebrow { margin-bottom:12px; }h2 { font-size:clamp(46px,5vw,66px); margin:0 0 20px; }.section-heading p:not(.eyebrow) { max-width:645px; color:var(--muted); margin-bottom:0; }
.icon-story { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-bottom:48px; }.icon-story article { position:relative; border-top:1px solid var(--line); padding-top:24px; }.story-index { position:absolute; right:3px; top:10px; font:italic 46px Georgia,serif; color:#edce911c; }.icon-story h3 { font-size:17px; font-weight:500; margin-bottom:12px; padding-right:40px; }.icon-story p { color:var(--muted); font-size:14px; line-height:1.75; margin-bottom:0; }
.generic-showcase { display:grid; grid-template-columns:280px 1fr; gap:42px; border:1px solid var(--line); background:radial-gradient(ellipse at 0 0,#38736a24,transparent 60%),#0d1721; padding:36px; position:relative; margin-bottom:60px; }.generic-showcase::before { content:'✦'; position:absolute; top:-13px; left:26px; padding-inline:8px; color:var(--gold); background:var(--ink); }
.generic-copy .eyebrow { font-size:9px; }.generic-copy h3 { font-size:38px; margin-bottom:15px; }.generic-copy p:not(.eyebrow) { font-size:13px; color:var(--muted); }
.generic-icons { display:grid; grid-template-columns:repeat(5,1fr); gap:20px 14px; align-content:center; }.generic-icon { display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px; margin:0; }.generic-icon img { width:64px; height:64px; border:1px solid #e4c99a40; border-radius:6px; box-shadow:0 5px 14px #0006; }.generic-icon figcaption { color:#b8c8d0; font-size:11px; line-height:1.3; }
.gallery-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }.gallery-heading .eyebrow { margin-bottom:7px; font-size:10px; }.gallery-heading h3 { font-size:24px; font-weight:500; margin:0; letter-spacing:-.025em; }
.status-pill { display:inline-block; border:1px solid #e9ce943b; padding:6px 10px; color:var(--gold); font-size:9px; font-weight:600; letter-spacing:.12em; white-space:nowrap; }
.gallery-tools { display:flex; gap:12px; }.search-field { display:flex; gap:12px; align-items:center; flex:1; padding:0 16px; background:#0c151f; border:1px solid #afcad32c; }.search-field>span:first-child { color:var(--gold); font-size:25px; }.search-field input { padding:14px 0; min-width:0; width:100%; color:#dce9ee; background:none; border:0; font-size:13px; }.search-field input::placeholder { color:var(--muted); }
.hero-select { width:230px; }.hero-select select { width:100%; height:100%; padding:12px 14px; background:#0c151f; color:#dce9ee; border:1px solid #afcad32c; font-size:13px; cursor:pointer; }.gallery-result { min-height:24px; margin:12px 0 18px; color:var(--muted); font-size:11px; }
.effect-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:start; }.effect-hero-card { border:1px solid #abbec523; background:linear-gradient(135deg,#152330d6,#0b131dea); overflow:hidden; }
.effect-hero-heading { display:flex; align-items:center; gap:12px; padding:18px; border-bottom:1px solid #abbec51a; background:linear-gradient(100deg,#edce9108,transparent); }.effect-hero-heading>img { width:42px; height:42px; border:1px solid #d9bd8750; border-radius:50%; object-fit:cover; }.effect-hero-heading h4 { font-size:18px; font-weight:500; margin:0; line-height:1.2; }.effect-hero-heading a:hover { color:var(--gold); }.effect-hero-heading span { color:var(--muted); font-size:10px; }.effect-hero-heading .hero-arrow { margin-left:auto; color:var(--gold); font-size:20px; }
.effect-list { padding:14px 18px 18px; margin:0; list-style:none; display:grid; gap:10px; }.effect-list li { display:flex; align-items:center; gap:12px; font-size:12px; line-height:1.45; }.effect-list img { flex-shrink:0; width:48px; height:48px; object-fit:cover; border-radius:4px; border:1px solid #b6c9cc28; box-shadow:0 4px 14px #0005; transition:scale .2s,border-color .2s; }.effect-list li:hover img { scale:1.08; border-color:var(--gold); }
.gallery-more { display:block; margin:26px auto 0; background:transparent; border:1px solid #edce9160; padding:13px 28px; color:var(--gold); font-size:12px; }.gallery-more span { padding-left:20px; }.gallery-more:hover { background:#edce910c; }
.tier-summary { display:flex; gap:24px; font-size:11px; margin-top:22px; text-transform:uppercase; letter-spacing:.08em; }.mint { color:var(--mint); }.rose { color:var(--rose); }
.tier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.tier-card { position:relative; display:flex; min-height:192px; background:linear-gradient(120deg,#152530,#0d1721); border:1px solid #819fab26; overflow:hidden; --change:var(--mint); }.tier-down { --change:var(--rose); background:linear-gradient(120deg,#242331,#111621); }
.hero-avatar { width:115px; flex-shrink:0; object-fit:cover; object-position:center; opacity:.85; mask:linear-gradient(90deg,#000 80%,transparent); }.tier-card-content { flex:1; min-width:0; padding:22px 22px 18px 12px; }
.tier-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }.tier-card-heading h3 { font-size:22px; line-height:1.2; margin:0; font-weight:500; }.tier-card-heading a:hover { color:var(--gold); }.change-direction { color:var(--change); font-size:9px; letter-spacing:.08em; white-space:nowrap; }
.tier-transition { display:flex; gap:12px; align-items:center; margin-bottom:15px; }.tier-badge { display:inline-flex; align-items:center; justify-content:center; min-width:46px; height:34px; border:1px solid #829aa740; font:20px Georgia,serif; }.tier-old { color:#8899a3; background:#03070c30; }.tier-new { color:var(--change); border-color:color-mix(in srgb,var(--change) 38%,transparent); background:color-mix(in srgb,var(--change) 8%,transparent); box-shadow:0 0 20px color-mix(in srgb,var(--change) 5%,transparent); }.tier-arrow { color:var(--change); }.tier-card p { font-size:12px; color:#aebdc5; line-height:1.7; margin-bottom:0; }
.patch-note { display:flex; gap:18px; border-left:2px solid #edce9180; background:#edce9106; padding:20px 24px; margin-top:28px; font-size:13px; color:var(--muted); }.patch-note>span { color:var(--gold); font-size:23px; }.patch-note p { margin:0; }
:is(.nitocris-feature,.bunny-feature) { display:grid; grid-template-columns:1.05fr 1fr; background:radial-gradient(ellipse at 0 0,#35427666,transparent 65%),#0e1725; border:1px solid #a997dc42; overflow:hidden; }
:is(.nitocris-art,.bunny-art) { position:relative; min-height:510px; overflow:hidden; background:#0f1e30; isolation:isolate; }.nitocris-portrait { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.65; mask:linear-gradient(#000 60%,#0004); }:is(.nitocris-art,.bunny-art)::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#0d182e 1%,transparent 55%),radial-gradient(ellipse at center,transparent 30%,#07122388); pointer-events:none; z-index:1; }
.nitocris-halo { position:absolute; width:74%; aspect-ratio:1; left:13%; top:11%; border-radius:50%; border:1px solid #dac49855; box-shadow:0 0 70px #7a92dc22,inset 0 0 60px #7a92dc22; }.nitocris-halo::after { content:''; position:absolute; inset:12px; border:1px dashed #dac49830; border-radius:50%; }
.nitocris-fan { position:absolute; width:44%; left:28%; top:43%; filter:drop-shadow(0 0 28px #96a5fa6b); z-index:2; opacity:.8; }#nitocris-vfx { position:absolute; inset:0; z-index:3; pointer-events:none; }
.vfx-caption { position:absolute; z-index:4; left:24px; right:24px; bottom:24px; display:flex; justify-content:space-between; gap:12px; align-items:center; }.vfx-caption>span { font-size:10px; color:#c2c8f3; letter-spacing:.15em; }.vfx-caption button { background:#0b1526b3; border:1px solid #b4bfee40; padding:8px 12px; color:#d3dafa; font-size:10px; }
:is(.nitocris-copy,.bunny-copy) { padding:48px; align-self:center; }:is(.nitocris-copy,.bunny-copy) .status-pill { font-size:8px; color:#c2c8f3; border-color:#b4bfee40; margin-bottom:24px; }:is(.nitocris-copy,.bunny-copy) h3 { font-size:50px; margin-bottom:24px; }:is(.nitocris-copy,.bunny-copy) p { font-size:14px; color:#aab9c9; line-height:1.85; }:is(.nitocris-copy,.bunny-copy) a { display:inline-block; color:var(--gold); font-size:12px; margin-top:8px; border-bottom:1px solid var(--line); padding-bottom:5px; }
.animation-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:24px; }.animation-list article { padding:24px; border:1px solid #a997dc26; background:linear-gradient(145deg,#28263c35,#101926); }.animation-list img { width:48px; height:48px; border:1px solid #a997dc55; border-radius:5px; margin-bottom:16px; box-shadow:0 0 22px #9a91da13; }.animation-list h4 { font-size:17px; font-weight:500; margin-bottom:10px; }.animation-list p { font-size:12px; color:var(--muted); margin:0; }.animation-list article:last-child { grid-column:span 2; background:radial-gradient(ellipse at 100% 20%,#593d7133,transparent 70%),#101926; }
.patch-footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-block:36px; font-size:11px; }.patch-footer a { color:var(--gold); }.patch-footer>span { color:#71838e; font-size:9px; letter-spacing:.1em; }
@keyframes artFloat { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@media(min-width:1500px) { .patch-hero-layout { padding-block:100px 85px; } }
@media(max-width:1050px) { .patch-wrap { width:calc(100% - 56px); }.patch-hero-layout { gap:14px; }.hero-gallery { height:390px; }.floating-art { width:95px; }.patch-stats>div { gap:10px; padding-left:15px; }.patch-stats strong { font-size:38px; }.patch-stats span { font-size:11px; }.generic-showcase { grid-template-columns:210px 1fr; padding:28px; gap:24px; }.generic-icons { gap:20px 8px; }.generic-icon img { width:52px; height:52px; }.effect-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }.hero-avatar { width:90px; }.tier-card-heading { flex-wrap:wrap; gap:5px; }.tier-card-content { padding-right:16px; }:is(.nitocris-copy,.bunny-copy) { padding:32px; }:is(.nitocris-copy,.bunny-copy) h3 { font-size:44px; } }
@media(max-width:760px) { .patch-nav { padding:12px 22px; gap:22px; font-size:11px; min-height:62px; }.nav-version { display:none; }.patch-hero-layout { grid-template-columns:1fr; padding-top:50px; padding-bottom:20px; }.patch-hero-copy { max-width:560px; }.patch-hero-art { background-position:60% center; }.hero-gallery { height:350px; max-width:390px; margin-top:12px; }.floating-art { width:87px; }.art-medusa { width:80px; }.patch-stats { grid-template-columns:repeat(2,1fr); gap:22px 0; padding-block:25px; }.patch-stats>div:nth-child(3) { padding-left:0; }.patch-stats>div:nth-child(2) { border:0; }.patch-stats span { max-width:none; }.patch-section { padding-block:64px; }.chapter-number { min-width:56px; font-size:49px; padding-top:12px; }.section-heading { gap:22px; margin-bottom:34px; }h2 { font-size:46px; }.icon-story { grid-template-columns:1fr; gap:22px; }.icon-story article { padding-top:18px; }.icon-story h3 { margin-bottom:8px; }.generic-showcase { grid-template-columns:1fr; gap:30px; padding:28px; margin-bottom:42px; }.generic-copy h3 br { display:none; }.generic-copy h3 { font-size:32px; }.generic-icons { gap:22px 10px; }.generic-icon img { width:60px; height:60px; }.gallery-heading { flex-wrap:wrap; gap:10px; }.gallery-heading h3 { font-size:21px; }.tier-grid { grid-template-columns:1fr; }.hero-avatar { width:108px; }.tier-card-heading { flex-wrap:nowrap; }.tier-card-content { padding:20px 20px 18px 12px; }:is(.nitocris-feature,.bunny-feature) { grid-template-columns:1fr; }:is(.nitocris-art,.bunny-art) { min-height:430px; }.nitocris-portrait { object-position:center 30%; }.nitocris-fan { width:36%; left:32%; }.nitocris-halo { width:60%; left:20%; top:6%; }.animation-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.animation-list article:last-child { grid-column:span 2; }.patch-footer { flex-wrap:wrap; }.patch-footer>span { width:100%; order:3; } }
@media(max-width:480px) { .patch-wrap { width:calc(100% - 36px); }.patch-nav { padding-inline:18px; gap:14px; font-size:10px; }.patch-nav .patch-back { font-size:11px; }.patch-hero-layout { padding-top:38px; }.eyebrow { font-size:9px; letter-spacing:.13em; }.eyebrow span { padding-left:10px; margin-left:10px; }h1 { font-size:72px; }.patch-lead { font-size:14px; }.hero-actions { gap:16px; }.patch-cta { font-size:12px; padding:13px 16px; }.text-link { font-size:11px; }.hero-gallery { height:320px; }.art-heralda { left:2%; }.art-nola { right:2%; }.patch-stats strong { font-size:35px; }.patch-stats span { font-size:10px; max-width:104px; }.section-heading { gap:16px; }.chapter-number { min-width:40px; font-size:40px; }h2 { font-size:38px; }.section-heading p:not(.eyebrow) { font-size:14px; }.generic-showcase { padding:24px 16px; }.generic-icons { grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px 7px; }.generic-icon img { width:45px; height:45px; }.generic-icon figcaption { font-size:9px; overflow-wrap:anywhere; }.gallery-tools { flex-direction:column; }.hero-select { width:100%; }.effect-gallery { grid-template-columns:1fr; }.effect-list img { width:52px; height:52px; }.effect-list li { font-size:13px; }.hero-avatar { width:83px; }.tier-card-heading { flex-wrap:wrap; }.tier-card-heading h3 { font-size:21px; }.tier-card p { font-size:12px; }.tier-card-content { padding:18px 16px 18px 10px; }.patch-note { padding:18px 16px; font-size:12px; gap:12px; }:is(.nitocris-art,.bunny-art) { min-height:360px; }.nitocris-halo { width:80%; left:10%; top:7%; }.nitocris-fan { width:42%; left:29%; }.vfx-caption { left:16px; right:16px; bottom:18px; }.vfx-caption>span { font-size:8px; }.vfx-caption button { font-size:9px; padding:7px 8px; }:is(.nitocris-copy,.bunny-copy) { padding:30px 24px; }:is(.nitocris-copy,.bunny-copy) h3 { font-size:42px; }.animation-list { gap:12px; }.animation-list article { padding:18px 16px; }.animation-list h4 { font-size:15px; }.animation-list p { font-size:11px; }.patch-footer { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none !important; transition:none !important; } }
body.is-page-inactive .floating-art { animation-play-state:paused; }
/* Bunny's animation rework follows Nitocris in the combat chapter. */
.bunny-feature { margin-top:64px; border-color:#e6a44d55; background:radial-gradient(ellipse at 0 0,#75401455,transparent 65%),#151911; }
.bunny-art { background:#241b0b; }
.bunny-art .nitocris-portrait { opacity:.85; object-position:58% center; }
.bunny-art::after { background:linear-gradient(0deg,#191508 1%,transparent 65%),radial-gradient(ellipse at center,transparent 35%,#26160355); }
.bunny-firelight { position:absolute; inset:15% -15% -15%; background:radial-gradient(ellipse at 50% 75%,#ffce6655,#fa75162b 35%,transparent 65%); pointer-events:none; }
.bunny-patch-sword { position:absolute; z-index:2; width:72%; left:12%; top:24%; filter:drop-shadow(0 0 24px #ed941a88); transform:rotate(-9deg); }
.bunny-art .vfx-caption>span { color:#f5d5a0; }
.bunny-copy .status-pill { color:#f5d5a0; border-color:#f5b66050; }
.bunny-skin-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:28px 0 20px; }
.bunny-skin-gallery figure { margin:0; min-width:0; text-align:center; }
.bunny-skin-gallery img { width:100%; aspect-ratio:1; object-fit:contain; padding:7px; border:1px solid #eac38733; background:linear-gradient(145deg,#e8b76412,#060b10); }
.bunny-skin-gallery figcaption { margin-top:8px; font-size:11px; color:#f1d3a3; }
.bunny-skin-gallery figcaption span { display:block; margin-top:3px; font-size:9px; color:var(--muted); line-height:1.5; }
.bunny-animation-list article { border-color:#e4b56b2b; background:linear-gradient(145deg,#65412525,#101926); }
.bunny-animation-list article:last-child { background:radial-gradient(ellipse at 100% 20%,#73893624,transparent 70%),#101926; }
.bunny-animation-list img { object-fit:contain; border-color:#e4b56b55; }
@media(max-width:760px) { .bunny-feature { margin-top:48px; }.bunny-art { min-height:440px; }.bunny-patch-sword { width:55%; left:22%; top:9%; } }
@media(max-width:480px) { .bunny-art { min-height:340px; }.bunny-patch-sword { width:72%; left:12%; top:12%; }.bunny-skin-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.bunny-skin-gallery img { max-height:105px; }.bunny-skin-gallery figcaption { font-size:12px; } }

/* Mr. Pump's five scythes get a full-width showcase after Bunny. */
.mrpump-feature { margin-top:64px; border-color:#ef994655; background:radial-gradient(ellipse at 0 0,#783f2455,transparent 65%),#19121b; }
.mrpump-art { background:#23130d; }
.mrpump-art .nitocris-portrait { opacity:.72; object-position:center; }
.mrpump-art::after { background:linear-gradient(0deg,#19121b,transparent 65%); }
.mrpump-patch-scythe { position:absolute; z-index:2; width:88%; height:82%; object-fit:contain; left:6%; top:8%; filter:drop-shadow(0 0 24px #ff7c3080); transform:rotate(-8deg); }
.mrpump-copy .status-pill,.mrpump-art .vfx-caption>span { color:#ffc08b; border-color:#ef994655; }
.mrpump-arsenal { padding:30px; border:1px solid #ef994633; border-top:0; background:linear-gradient(160deg,#241620,#0d121c); }
.mrpump-arsenal-heading { margin-bottom:24px; }
.mrpump-arsenal-heading .eyebrow { color:#dea875; margin-bottom:10px; }
.mrpump-arsenal-heading h3 { font-size:28px; margin:0; }
.mrpump-scythe-gallery { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.mrpump-scythe-gallery figure { --scythe-color:#ff9b50; margin:0; min-width:0; padding:12px 8px 20px; text-align:center; border:1px solid color-mix(in srgb,var(--scythe-color) 30%,transparent); background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--scythe-color) 16%,transparent),transparent 70%),#0a0d15; }
.mrpump-scythe-gallery .mrpump-skin-story { --scythe-color:#f39fdc; }
.mrpump-scythe-gallery .mrpump-skin-vip { --scythe-color:#edca71; }
.mrpump-scythe-gallery .mrpump-skin-cyber { --scythe-color:#76e5ee; }
.mrpump-scythe-gallery .mrpump-skin-adventure { --scythe-color:#b9d28b; }
.mrpump-scythe-gallery img { display:block; width:100%; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 0 10px color-mix(in srgb,var(--scythe-color) 24%,transparent)); }
.mrpump-scythe-gallery figcaption { margin-top:16px; color:var(--scythe-color); font-size:15px; }
.mrpump-scythe-gallery figcaption span { display:block; margin-top:8px; color:var(--muted); font-size:11px; line-height:1.6; }
.mrpump-animation-list article { border-color:#ef99462b; background:linear-gradient(145deg,#68312c25,#101926); }
.mrpump-animation-list article:last-child { grid-column:auto; }
.mrpump-animation-list img { object-fit:contain; border-color:#ef994655; }
@media(max-width:1050px) { .mrpump-arsenal { padding:24px 18px; }.mrpump-scythe-gallery { gap:8px; }.mrpump-scythe-gallery figcaption { font-size:13px; } }
@media(max-width:760px) { .mrpump-feature { margin-top:48px; }.mrpump-scythe-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.mrpump-patch-scythe { width:70%; left:15%; } }
@media(max-width:480px) { .mrpump-arsenal { padding:24px 16px; }.mrpump-arsenal-heading h3 { font-size:24px; }.mrpump-scythe-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }.mrpump-scythe-gallery figure:last-child { grid-column:1 / -1; width:calc(50% - 6px); justify-self:center; }.mrpump-animation-list { grid-template-columns:1fr; } }

/* A quiet Halloween preview at the end of the patch, behind drifting dark mist. */
.wicked-preview { position:relative; isolation:isolate; min-height:460px; display:flex; align-items:center; overflow:hidden; margin:64px 0 28px; border:1px solid #89739536; background:#07080d; }
.wicked-preview-art { position:absolute; z-index:0; inset:0 0 0 auto; width:82%; height:100%; object-fit:cover; object-position:50% 35%; opacity:.7; filter:saturate(.72) brightness(.74); }
.wicked-preview-veil { position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#07080d 4%,#07080df0 25%,#07080d80 46%,#07080d05 70%),linear-gradient(0deg,#07080de8,transparent 35% 75%,#07080d80); }
.wicked-preview-copy { position:relative; z-index:3; padding:48px; max-width:650px; }
.wicked-preview-whisper { margin:0 0 22px; color:#b5a4c1; font-size:10px; letter-spacing:.23em; text-transform:uppercase; }
.wicked-preview h2 { margin:0; color:#e9e3ed; font:clamp(38px,4.8vw,66px)/1.05 Georgia,serif; letter-spacing:-.035em; text-shadow:0 4px 28px #000; }
.wicked-preview h2 em { color:#d2a262; font-weight:400; text-shadow:0 0 28px #dd7b3130; }
.wicked-preview-line { margin:20px 0 28px; color:#aea4b8; font-size:13px; line-height:1.6; }
.wicked-preview-tag { display:inline-flex; align-items:center; gap:12px; border:1px solid #bb875742; padding:9px 12px; background:#0b0912a8; color:#d0a876; font-size:9px; letter-spacing:.16em; }
.wicked-preview-tag span { color:#9770b9; }
.wicked-preview-soon { margin:14px 0 0; color:#a49aaf; font:italic 15px Georgia,serif; }
.wicked-preview-caption { position:absolute; z-index:3; right:26px; bottom:22px; margin:0; color:#c5b3d2; font-size:9px; letter-spacing:.18em; text-align:right; text-shadow:0 2px 10px #000; }
.wicked-preview-caption span { display:block; margin-top:6px; color:#908698; font-size:9px; letter-spacing:.05em; }
.wicked-preview-fog { position:absolute; z-index:2; width:150%; height:85%; left:-25%; bottom:-32%; pointer-events:none; opacity:.85; background:radial-gradient(ellipse at 20% 60%,#15111fd9,transparent 42%),radial-gradient(ellipse at 55% 65%,#332b3d99,transparent 38%),radial-gradient(ellipse at 80% 55%,#090b12e8,transparent 43%); filter:blur(26px); animation:wickedFogDrift 22s ease-in-out infinite alternate; }
.wicked-preview-fog--far { bottom:20%; height:60%; opacity:.45; background:radial-gradient(ellipse at 45% 40%,#171021d9,transparent 48%),radial-gradient(ellipse at 80% 60%,#1c1828b3,transparent 40%); animation-duration:29s; animation-delay:-11s; animation-direction:alternate-reverse; }
@keyframes wickedFogDrift { from { transform:translate3d(-5%,3%,0) scale(1); } to { transform:translate3d(7%,-5%,0) scale(1.08); } }
body.is-page-inactive .wicked-preview-fog { animation-play-state:paused; }
@media(max-width:760px) { .wicked-preview { min-height:510px; margin-top:44px; align-items:flex-end; }.wicked-preview-art { width:100%; object-position:58% 20%; }.wicked-preview-veil { background:linear-gradient(0deg,#07080d 0%,#07080de8 18%,#07080d90 45%,#07080d18 80%),linear-gradient(90deg,#07080d65,transparent 75%); }.wicked-preview-copy { padding:30px 26px 64px; }.wicked-preview-whisper { margin-bottom:14px; }.wicked-preview-line { margin:16px 0 20px; }.wicked-preview-caption { right:20px; bottom:18px; }.wicked-preview-fog--near { bottom:-20%; } }
@media(prefers-reduced-motion:reduce) { .wicked-preview-fog { animation:none; } }