@font-face{font-family:PatchSpectral;src:url('../fonts/Spectral-Bold-latin-ext.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF}
@font-face{font-family:PatchSpectral;src:url('../fonts/Spectral-Bold-latin.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#10091a;--surface:#2E1338;--ink:#FDFDFF;--muted:#d9cde2;--orange:#F97425;--purple:#DA67FD;--line:#ffffff16;--serif:PatchSpectral,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'Segoe UI',sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}p{color:var(--muted)}h1,h2{font-family:var(--serif);font-weight:700;line-height:1.07;letter-spacing:-.04em}h2{font-size:clamp(36px,4.9vw,64px)}h3{font-size:23px;line-height:1.25}em{font-style:normal;color:var(--orange)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:84px;border-bottom:1px solid var(--line)}.section-heading{max-width:820px;margin-bottom:38px}.section-heading p{margin-top:22px;max-width:690px}.chapter,.label{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}.chapter{margin-bottom:18px}.label{letter-spacing:.12em}.small-note{font-size:13px;margin-top:20px}.text-link{font-size:14px;font-weight:600;display:inline-block;color:var(--orange)}.section>.text-link{margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--orange);color:#10091a;padding:14px 22px;border:1px solid transparent;border-radius:6px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#FDFDFF;transform:translateY(-2px)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--orange);color:#10091a;padding:12px}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--orange),var(--purple))}.patch-nav{position:sticky;top:0;z-index:50;height:74px;padding-inline:36px;background:#10091aee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.13em}.brand img{width:32px;height:32px;object-fit:contain}.brand>span{color:var(--orange)}.nav-links{display:flex;gap:25px;margin:auto;font-size:12px;color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current]{color:var(--orange)}.version-pill{font-size:12px;border:1px solid #F9742540;color:var(--orange);padding:5px 12px;border-radius:5px;letter-spacing:.12em;font-weight:700}
.patch-hero{position:relative;isolation:isolate;overflow:hidden;min-height:850px;background:#10091a}.hero-background{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:70% 40%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10091af2 0%,#10091ad6 26%,#10091a70 52%,#10091a15 80%),linear-gradient(0deg,#10091a 0%,transparent 50%)}.hero-content{padding-top:90px;padding-bottom:66px}.edition{font-size:10px;font-weight:700;letter-spacing:.18em;display:flex;gap:13px;align-items:center;color:#FDFDFF}.edition>span:last-child{border-left:1px solid #F9742560;padding-left:13px}.edition-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 14px var(--orange)}.hero-pretitle{margin-top:45px;font:700 21px var(--serif);color:#d9cde2}.patch-hero h1{font-size:clamp(76px,8.4vw,124px);margin-top:17px}.hero-lead{max-width:510px;font-size:17px;line-height:1.8;margin-top:28px;color:#d9cde2}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.release-line{margin-top:35px;font-size:11px;display:flex;gap:20px;flex-wrap:wrap}.release-line>span{color:#FDFDFF;letter-spacing:.06em}.hero-side-note{position:absolute;right:26px;top:42%;writing-mode:vertical-rl;letter-spacing:.25em;font-size:10px;color:#d9cde29e}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px;border-top:1px solid #ffffff24;gap:20px}.hero-stats>div{border-right:1px solid var(--line);padding-left:24px}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border:0}.hero-stats strong{font:700 38px var(--serif)}.hero-stats strong>span{font-size:22px;color:var(--orange)}.hero-stats small{display:block;color:var(--muted);font-size:12px}
.event-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.event-feature{position:relative;min-height:590px;isolation:isolate;border:1px solid #F9742520;border-radius:12px;overflow:hidden}.event-art{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.event-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10091af7 5%,#10091abf 45%,#10091a20)}.event-feature-copy{position:absolute;bottom:36px;padding-inline:32px}.event-feature-copy h3{font:700 48px/1.1 var(--serif);margin-top:12px}.event-feature-copy p{margin-block:18px 24px;font-size:14px;color:#d9cde2}.event-details{display:grid;gap:16px}.note-card{display:flex;gap:20px;align-items:center;padding:24px;background:linear-gradient(120deg,#2E1338,#10091a);border:1px solid var(--line);border-radius:12px}.note-card>img{width:90px;height:100px;object-fit:contain;filter:drop-shadow(0 0 22px #F9742530)}.note-card h3{font-size:21px;margin-block:7px 10px}.note-card p{font-size:14px}.reward-summary{padding:26px;background:#2E1338;border:1px solid #DA67FD26;border-radius:12px}.reward-summary h3{font:700 30px/1.15 var(--serif);margin-block:12px}.reward-summary p{font-size:14px}.milestone-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.milestone-strip span{font-size:11px;color:var(--muted);padding-top:10px;border-top:2px solid #F9742560}.milestone-strip b{display:block;font-size:22px;color:var(--orange)}
.story-section{display:grid;grid-template-columns:1.18fr 1fr;gap:64px;align-items:center}.story-art{position:relative}.story-art>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:30%;border-radius:100px 12px 12px 12px;border:1px solid #DA67FD40}.story-stamp{position:absolute;bottom:26px;right:-18px;padding:21px 27px;color:#FDFDFF;background:#2E1338;box-shadow:0 10px 30px #0006;border:1px solid #DA67FD66;transform:rotate(-6deg);font-size:13px;letter-spacing:.14em;line-height:1.5}.story-stamp b{font-size:22px}.story-copy>.intro{font-size:17px;color:var(--orange);margin-block:20px}.story-copy>p:not(.intro){font-size:15px}.chapter-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:8px;font-size:14px}.chapter-list li{padding:9px 0;border-bottom:1px solid var(--line)}.chapter-list span{color:var(--purple);font-size:11px;margin-right:16px}
.collection-tools{display:flex;justify-content:space-between;gap:20px;align-items:center}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter-group button,.dragon-controls button{border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#2E1338;padding:10px 15px;font-size:13px}.filter-group button span{font-size:10px;opacity:.7;margin-left:7px}.filter-group button[aria-pressed=true],.dragon-controls button[aria-pressed=true]{border-color:#F9742580;background:#F9742518;color:var(--orange)}.search-field{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 14px;gap:10px}.search-field>span{font-size:24px;line-height:1;color:var(--purple)}.search-field input{width:240px;background:none;border:none;color:var(--ink);font-size:13px;outline-offset:8px}.search-field input::placeholder{color:#ad9db9}.collection-count{font-size:12px;margin-block:18px;color:#d9cde2}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.skin-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#10091a;transition:transform .25s,border-color .25s}.skin-card:hover{transform:translateY(-4px);border-color:var(--tier-color)}.art-button{position:relative;width:100%;padding:0;display:block;border:0;background:#2E1338;color:var(--ink);overflow:hidden}.art-button img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.art-button:hover img{transform:scale(1.045)}.art-zoom{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff50;border-radius:50%;background:#10091ab0;font-size:18px}.skin-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;gap:10px}.skin-family{color:#d9cde2;font-size:9px;letter-spacing:.12em}.skin-caption h3{font-size:21px;margin-top:4px}.tier{color:var(--tier-color);font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--tier-color);padding-bottom:4px}.skin-card[hidden],[hidden]{display:none!important}.upgrade-section{position:relative}.upgrade-section em{color:#22E5BB}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.upgrade-card{border:1px solid #22E5BB24;border-radius:9px;overflow:hidden;background:#2E1338}.upgrade-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px}.upgrade-card h3{font-size:20px}.compare-button{padding:7px 0;background:none;border:0;border-bottom:1px solid #22E5BB50;color:#22E5BB;font-size:11px}.vip-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vip-feature{border:1px solid #FDFDFF50;background:linear-gradient(120deg,#2E1338,#2E1338);border-radius:12px;overflow:hidden}.vip-feature .art-button img{aspect-ratio:3/2}.vip-caption{padding:26px 28px}.vip-caption .label{color:#FDFDFF}.vip-caption h3{font:700 40px var(--serif);color:#FDFDFF;margin-block:6px}.vip-caption p{font-size:14px}.loot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.loot-card{min-width:0;padding:22px 16px;background:radial-gradient(ellipse at 50% 12%,#6B188560,transparent 60%),#10091a;border:1px solid var(--line);border-radius:9px}.loot-art{height:165px;display:grid;place-items:center;margin-bottom:18px}.loot-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px #0005);transition:transform .3s}.loot-card:hover img{transform:translateY(-5px)}.loot-card .label{font-size:9px}.loot-card h3{font-size:22px;margin-block:8px 12px}.loot-card p{font-size:12px;line-height:1.7}
.arena-showcase{display:grid;grid-template-columns:1fr 290px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#2E1338}.arena-preview{position:relative;min-height:490px;isolation:isolate}.arena-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.arena-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10091aed,transparent 75%);z-index:-1}.arena-caption{position:absolute;bottom:30px;left:30px;right:30px}.arena-caption h3{font:700 42px var(--serif);margin-block:5px}.arena-caption p{color:#d9cde2;font-size:14px}.arena-choices{padding:14px;display:grid;gap:8px}.arena-choices button{display:flex;align-items:center;gap:12px;width:100%;padding:8px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:5px;font-size:12px;text-align:left}.arena-choices button img{width:64px;height:42px;object-fit:cover;border-radius:3px}.arena-choices button>span:last-child{margin-left:auto}.arena-choices button[aria-pressed=true]{background:#F9742512;border-color:#F9742550;color:var(--orange)}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;background:#10091a}.mode-card>img{width:100%;height:290px;object-fit:cover;object-position:50% 36%;mask-image:linear-gradient(#000 65%,transparent)}.mode-card>div{padding:0 32px 32px;position:relative;margin-top:-25px}.mode-card h3{font:700 48px var(--serif);margin-block:4px 18px}.mode-card p{font-size:14px}.mode-card ul{padding-left:17px;font-size:13px;color:#d9cde2;margin-block:20px 26px}.tutorial .label{color:#DA67FD}.sandbox .label{color:#FDFDFF}.sandbox{background:#10091a}.hotkeys-section{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.hotkeys-section h2{margin-bottom:24px}.keyboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.keyboard-grid>div{padding:26px 18px;background:linear-gradient(140deg,#2E1338,#10091a);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:15px}.keyboard-grid kbd{font:700 36px/1 'Segoe UI',sans-serif;padding:20px 25px;border:1px solid #ad9db9;border-bottom:5px solid #6B1885;border-radius:12px;box-shadow:0 6px 16px #0003;background:linear-gradient(145deg,#6B1885,#2E1338);color:#FDFDFF}.keyboard-grid span{font-size:12px;color:var(--muted)}
.dragon-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.dragon-copy em{color:#22E5BB}.dragon-copy p{margin-top:22px;font-size:15px}.dragon-controls{display:flex;gap:8px;margin-top:28px}.dragon-controls button{font-size:12px}.text-button{display:inline-block;background:none;border:0;color:var(--muted);font-size:12px;padding:12px 0}.dragon-stage{position:relative;min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;border:1px solid #22E5BB22;border-radius:20px;background:radial-gradient(ellipse,#093D3260,transparent 67%),#10091a;overflow:hidden}.dragon-orbit{position:absolute;width:400px;height:400px;border:1px solid #22E5BB22;border-radius:50%;z-index:-1;box-shadow:0 0 0 35px #22E5BB07,0 0 0 70px #22E5BB03}.dragon-preview-card{position:relative;width:200px;height:290px;margin:45px 0 40px}.dragon-preview-card>img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 15px 50px #0008}.dragon-preview-card>.koye-dragon-guard{z-index:2;inset:-22px}.dragon-stage-label{font-size:10px;letter-spacing:.16em;color:#22E5BB}.dragon-status{font-size:11px;margin:12px 20px;text-align:center;color:#d9cde2}.dragon-stage.is-paused *{animation-play-state:paused!important}.video-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px}.video-visual{position:relative;display:grid;place-items:center;height:340px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#2E1338}.video-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.play-symbol{position:relative;display:grid;place-items:center;padding-left:4px;width:78px;height:78px;border:1px solid #fff6;background:#F97425d0;border-radius:50%;color:#2E1338;font-size:27px;box-shadow:0 0 0 16px #F9742520}.video-section p{margin-block:20px;font-size:15px}.video-placeholder{display:flex;align-items:center;gap:15px;background:#2E1338;border:1px dashed #F974253b;padding:16px;border-radius:6px;font-size:12px;color:var(--muted)}.youtube-label{background:#F97425;border-radius:4px;color:white;font-size:11px;padding:3px 8px;font-weight:700}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.roadmap-card{position:relative;padding:28px;min-height:225px;background:linear-gradient(130deg,#2E1338,#10091a);border:1px solid var(--line);border-radius:9px;overflow:hidden}.roadmap-number{font-size:9px;letter-spacing:.12em;color:#ad9db9}.roadmap-icon{position:absolute;right:20px;top:20px;font-size:43px;color:#DA67FD55;line-height:1}.roadmap-card h3{margin-top:48px;font-size:21px}.roadmap-card p{font-size:13px;margin-top:12px}.mystery{border-color:#F9742550;background:radial-gradient(ellipse at 90% 0,#6B1885,transparent),#10091a}.tea-hint{display:block;font-size:30px;letter-spacing:8px;line-height:1.3;margin-top:16px}.mystery h3{margin-top:14px}.closing{text-align:center;padding:100px 0 90px}.closing>p{font:700 clamp(32px,4.5vw,55px)/1.2 var(--serif);color:var(--ink);margin-block:20px 30px}.patch-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:11px}.patch-footer>span{font-size:9px;letter-spacing:.12em}.legal-site-footer{background:#10091a!important}
.art-dialog{margin:auto;border:1px solid #DA67FD50;background:#10091a;color:var(--ink);padding:18px;border-radius:12px;width:min(1200px,94vw);max-height:92dvh;overflow:auto}.art-dialog::backdrop{background:#10091ade;backdrop-filter:blur(9px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-toolbar h2{font:600 18px/1.4 'Segoe UI',sans-serif;letter-spacing:0}.dialog-toolbar button{color:var(--ink);background:#2E1338;border:1px solid #ffffff25;border-radius:5px;padding:6px 12px;font-size:12px}.art-dialog>img{width:100%;max-height:calc(92dvh - 100px);object-fit:contain;border-radius:6px}
@media(min-width:1600px){.patch-hero{min-height:920px}.hero-content{padding-top:115px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.patch-nav{padding-inline:24px;gap:18px}.nav-links{gap:16px}.brand{font-size:10px}.loot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loot-art{height:190px}.story-section{gap:35px}.event-feature-copy{padding-inline:25px}.event-layout{grid-template-columns:1fr 1fr}.note-card{padding:18px;gap:12px}.note-card>img{width:65px}.arena-showcase{grid-template-columns:1fr 260px}.hotkeys-section{gap:35px}.collection-tools{align-items:flex-start;flex-direction:column}.search-field{width:100%}.search-field input{width:100%}.dragon-section{gap:30px}}
@media(max-width:760px){html{scroll-padding-top:105px}.wrap{width:calc(100% - 36px)}.section{padding-block:52px}.patch-nav{height:auto;min-height:90px;display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 18px}.brand{grid-column:1;grid-row:1}.version-pill{grid-column:2;grid-row:1;justify-self:end}.nav-links{grid-column:1/-1;grid-row:2;max-width:100%;overflow-x:auto;width:100%;margin:0;gap:24px;white-space:nowrap;padding-bottom:4px}.nav-links a{font-size:11px}.hero-background{object-position:67% 40%}.hero-shade{background:linear-gradient(90deg,#10091adf,#10091aa0 62%,#10091a40),linear-gradient(0deg,#10091a,transparent 70%)}.patch-hero{min-height:0}.hero-content{padding-top:48px;padding-bottom:40px}.hero-pretitle{margin-top:32px;font-size:18px}.patch-hero h1{font-size:clamp(64px,15vw,98px)}.hero-lead{font-size:15px;max-width:470px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px}.edition{font-size:9px;gap:9px}.hero-side-note{display:none}.release-line{font-size:10px;gap:8px;margin-top:25px}.hero-stats{grid-template-columns:1fr 1fr;gap:22px;padding-block:24px 36px}.hero-stats>div{padding-left:0;border:0}.hero-stats strong{font-size:30px}.hero-stats small{font-size:11px}.event-layout,.story-section,.mode-grid,.hotkeys-section,.dragon-section,.video-section{grid-template-columns:1fr;gap:28px}.event-feature{min-height:460px}.event-feature-copy{bottom:28px}.event-feature-copy h3{font-size:42px}.event-details{gap:14px}.note-card{padding:22px;gap:18px}.note-card>img{width:80px}.story-art>img{aspect-ratio:4/3;border-radius:60px 12px 12px 12px}.story-stamp{right:14px;bottom:15px;padding:14px 20px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-caption{padding:12px;align-items:flex-start;flex-direction:column;gap:7px}.skin-caption h3{font-size:19px}.skin-family{font-size:8px}.tier{font-size:9px}.filter-group{gap:6px}.filter-group button{padding:9px 11px;font-size:11px}.filter-group button span{margin-left:4px}.upgrade-grid{grid-template-columns:1fr 1fr;gap:12px}.upgrade-card>div{align-items:flex-start;flex-direction:column;padding:14px;gap:4px}.vip-grid{grid-template-columns:1fr;gap:20px}.vip-caption{padding:22px}.loot-grid{grid-template-columns:1fr 1fr;gap:12px}.loot-card{padding:17px}.loot-art{height:150px}.loot-card h3{font-size:20px}.arena-showcase{grid-template-columns:1fr}.arena-preview{min-height:390px}.arena-choices{grid-template-columns:1fr 1fr;gap:6px;padding:12px}.arena-choices button{gap:8px;font-size:11px;padding:6px}.arena-choices button img{width:42px;height:35px}.arena-choices button>span:last-child{display:none}.arena-caption{left:22px;bottom:22px}.arena-caption h3{font-size:35px}.mode-card>img{height:270px}.mode-card>div{padding:0 24px 28px}.keyboard-grid{gap:12px}.keyboard-grid>div{padding:20px 15px}.dragon-stage{min-height:450px}.video-visual{height:270px}.video-section{gap:32px}.roadmap-grid{grid-template-columns:1fr 1fr;gap:12px}.roadmap-card{padding:20px;min-height:220px}.roadmap-card h3{font-size:18px;margin-top:40px}.roadmap-card p{font-size:12px}.mystery h3{margin-top:18px}.tea-hint{font-size:23px;letter-spacing:0;margin-top:25px}.closing{padding:65px 0}.patch-footer{flex-wrap:wrap;justify-content:center;text-align:center}.patch-footer>span{width:100%;order:3}.video-placeholder{flex-wrap:wrap}.art-dialog{padding:12px}.dialog-toolbar h2{font-size:15px}}
@media(max-width:380px){.skin-grid,.upgrade-grid{grid-template-columns:1fr}.skin-caption{flex-direction:row;align-items:center}.roadmap-grid{grid-template-columns:1fr}.loot-art{height:120px}.edition{letter-spacing:.09em}.button{gap:12px;padding:12px 16px}.arena-choices{grid-template-columns:1fr}.roadmap-card{min-height:185px}}
/* Halloween collector's edition: typography, composition and material. */
@font-face{font-family:PatchCinzel;src:url('../fonts/Cinzel-Regular-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PatchCinzel;src:url('../fonts/Cinzel-Regular-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF}
:root{--bg:#10091a;--surface:#10091a;--ink:#FDFDFF;--muted:#d9cde2;--orange:#F97425;--purple:#d9cde2;--line:#F9742526;--display:PatchCinzel,Georgia,serif}
body{background:radial-gradient(ellipse at 0 13%,#6B188517,transparent 23%),radial-gradient(ellipse at 100% 46%,#6B18851a,transparent 20%),var(--bg);font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:15px}
body::before{content:'';position:fixed;inset:0;z-index:55;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.wrap{width:calc(100% - clamp(64px,4.375vw,112px))}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:1.12}
h2{font-size:clamp(35px,4vw,59px)}
h2 em{font-family:var(--serif);font-style:italic;letter-spacing:-.035em;font-weight:700;text-transform:none}
h3{font-family:var(--display);font-weight:400;letter-spacing:-.025em}
.chapter,.label,.edition,.brand,.hero-side-note,.release-line,.roadmap-number,.skin-family{font-family:'Trebuchet MS',sans-serif}
.chapter{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.22em;margin-bottom:24px}
.chapter::before{content:'✦';font-size:17px;line-height:1;color:var(--orange)}
.button{border-radius:0;padding:16px 23px;background:linear-gradient(115deg,#FDFDFF,#F97425);border:1px solid #FDFDFF;box-shadow:inset 0 0 0 4px #2E133824,0 6px 30px #0003;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#2E1338;min-height:50px}
.button:hover{background:#FDFDFF;box-shadow:inset 0 0 0 4px #2E133824,0 8px 30px #F9742520}
.text-link{font-size:12px;padding-bottom:5px;border-bottom:1px solid #F9742555}
.patch-nav{height:78px;background:#10091aed;border-bottom:1px solid #F9742540;padding-inline:40px;gap:20px}
.brand{letter-spacing:.18em;font-size:10px}.brand img{width:38px;height:38px}.brand>span{font-size:20px}
.nav-links{font-size:11px;gap:28px;letter-spacing:.04em}.nav-links a{position:relative;padding-block:28px}.nav-links a[aria-current]::after{content:'';position:absolute;bottom:15px;left:0;right:0;height:1px;background:var(--orange)}
.version-pill{border-radius:0;border-color:#F9742555;padding:5px 13px;font:400 15px var(--display)}
.reading-progress{height:2px}.reading-progress span{background:linear-gradient(90deg,#F97425,#FDFDFF)}
.patch-hero{min-height:850px;background:radial-gradient(ellipse at 62% 45%,#2E13384d,transparent 60%),#10091a;display:flex;flex-direction:column}
.hero-background{inset:38px 4.5% 138px auto;width:49%;height:calc(100% - 176px);object-position:61% 50%;border-radius:46% 46% 0 0;border:1px solid #F9742566;filter:saturate(.8);z-index:-2}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#10091a 0%,#10091ae6 30%,#10091a22 62%,transparent 82%),linear-gradient(0deg,#10091a 8%,transparent 39%)}
.hero-content{padding-top:66px;padding-bottom:40px;position:relative;flex:1}
.edition{font-size:9px;letter-spacing:.23em;color:#FDFDFF;gap:12px}
.edition-dot{width:5px;height:5px;background:#F97425;box-shadow:0 0 15px #F97425}
.hero-pretitle{font:italic 700 20px var(--serif);color:#d9cde2;margin-top:43px}
.patch-hero h1{font-size:clamp(82px,8.7vw,138px);line-height:.93;margin-top:22px;letter-spacing:-.055em;width:max-content;max-width:100%;text-transform:uppercase;text-shadow:0 3px 35px #0004}
.patch-hero h1>span:first-child,.patch-hero h1>em{display:block}
.patch-hero h1>em{font:inherit;color:#F97425;margin-left:75px;background:linear-gradient(135deg,#FDFDFF,#F97425);background-clip:text;-webkit-text-fill-color:transparent}
.patch-hero .title-connector{font:italic 700 31px/1.1 var(--serif);letter-spacing:-.04em;text-transform:lowercase;display:flex;align-items:center;gap:15px;margin:11px 0 8px 27px;color:#d9cde2}
.title-connector::before,.title-connector::after{content:'';height:1px;width:49px;background:#F9742566}
.hero-lead{max-width:425px;font-size:14px;line-height:1.85;margin-top:26px;color:#d9cde2}
.hero-actions{gap:25px;margin-top:26px}.hero-actions .text-link{font-size:11px}.release-line{margin-top:25px;letter-spacing:.09em;font-size:10px;color:#ad9db9}
.hero-side-note{right:21px;top:28%;font-size:9px;color:#F97425;letter-spacing:.2em}
.hero-ornament{position:absolute;z-index:-1;right:3.5%;top:23px;width:51%;height:calc(100% - 162px);border:1px solid #F9742536;border-radius:48% 48% 0 0;pointer-events:none}
.hero-ornament::before{content:'';position:absolute;inset:13px;border:1px solid #FDFDFF24;border-radius:inherit}
.hero-ornament span{position:absolute;left:50%;top:-18px;font-size:29px;color:#F97425;text-shadow:0 0 20px #F9742588}
.castle-invitation{position:absolute;right:9%;bottom:162px;display:flex;align-items:center;gap:18px;width:338px;padding:20px 23px;background:#10091ae8;backdrop-filter:blur(16px);border:1px solid #F9742566;transform:rotate(-4deg);box-shadow:0 15px 40px #0006;transition:transform .3s,border-color .3s}
.castle-invitation:hover{transform:rotate(0);border-color:#F97425}
.invitation-symbol{font-size:53px;color:#F97425;line-height:1}.castle-invitation small{font-size:8px;letter-spacing:.18em;color:#F97425;display:block}.castle-invitation strong{display:block;font:400 26px/1.5 var(--display);color:#d9cde2}.castle-invitation span>span{font:italic 12px Georgia,serif;color:#d9cde2}.castle-invitation>b{margin-left:auto;color:#F97425;font-weight:400;font-size:22px}
.hero-stats{position:relative;grid-template-columns:1.2fr 1fr 1fr 1fr;padding-block:22px 30px;gap:30px;border-top:1px solid #F9742542}
.hero-stats>div{padding-left:30px}.hero-stats strong{font:400 41px/1.3 var(--display);color:#FDFDFF}.hero-stats strong>span{font-size:21px;color:#F97425}.hero-stats small{font-size:10px;color:#ad9db9;letter-spacing:.04em;margin-top:6px}
.edition-ribbon{display:flex;justify-content:center;align-items:center;gap:40px;padding:18px 30px;border-block:1px solid #F9742533;background:#10091a;color:#ad9db9;font-size:9px;letter-spacing:.23em;overflow:hidden;white-space:nowrap}.edition-ribbon i{color:#F97425;font-style:normal;font-size:17px}
.section{padding-block:100px;border-color:#F9742529;position:relative}
.section-heading{max-width:none;display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;margin-bottom:44px;align-items:end}
.section-heading>.chapter{grid-column:1/-1}.section-heading p{margin:0 0 4px;max-width:440px;font-size:14px;line-height:1.85}
.event-layout{grid-template-columns:1.12fr 1fr;gap:38px}.event-feature{min-height:610px;border-radius:180px 180px 2px 2px;border:1px solid #F9742555}.event-art{object-position:50%;transition:transform 1s}.event-feature:hover .event-art{transform:scale(1.03)}
.event-feature::before{content:'';position:absolute;inset:10px;border:1px solid #F974253a;border-radius:inherit;pointer-events:none}.event-feature:after{background:linear-gradient(0deg,#10091a 4%,#10091ac9 41%,#10091a00 78%)}
.event-feature-copy{padding-inline:40px;bottom:36px}.event-feature-copy h3{font:400 44px/1.18 var(--display);margin-top:15px}.event-feature-copy p{color:#d9cde2;font-size:13px}
.event-details{gap:0;align-content:stretch;border-top:1px solid #F9742555}
.note-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:27px 0;gap:25px}.note-card>img{width:92px;height:102px}.note-card h3{font:400 23px/1.3 var(--display);margin-top:11px}.note-card p{font-size:13px}.note-card .label{font-size:9px}
.reward-summary{margin-top:25px;border-radius:0;padding:27px;background:radial-gradient(ellipse at 100% 100%,#6B188535,transparent),#10091a;border:1px solid #F974253d;position:relative}.reward-summary::after{content:'✧';position:absolute;right:22px;top:10px;font-size:56px;color:#F9742544}.reward-summary h3{font:400 27px/1.25 var(--display);max-width:85%}.reward-summary p{font-size:13px}.milestone-strip span{border-color:#F9742560}.milestone-strip b{font:400 28px var(--display)}
.story-section{gap:80px;padding-block:110px}.story-art{padding:14px;border:1px solid #F9742542}.story-art::before,.story-art::after{content:'✦';position:absolute;color:#FDFDFF;font-size:22px;line-height:1;background:var(--bg);padding:5px}.story-art::before{left:-14px;top:-14px}.story-art::after{right:-14px;bottom:-14px}.story-art>img{border-radius:0;border:0;aspect-ratio:4/5;filter:saturate(.8)}
.story-stamp{bottom:34px;right:-26px;border:1px solid #F97425;background:#d9cde2;color:#2E1338;border-radius:50%;width:132px;height:132px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:15px;font-size:10px;outline:1px dashed #6B188555;outline-offset:-8px;transform:rotate(-12deg)}.story-stamp b{font:400 21px var(--display)}
.story-copy h2{font-size:clamp(46px,5vw,74px)}.story-copy>.intro{font:italic 700 19px var(--serif);color:#F97425}.story-copy>p:not(.intro){font-size:14px}.chapter-list{margin:30px 0;gap:0}.chapter-list li{padding:15px 0;font-size:13px}.chapter-list span{color:#F97425;font-family:var(--display);font-size:15px;margin-right:22px}
.collection-tools{border-block:1px solid var(--line);padding-block:18px}.filter-group{gap:8px}.filter-group button,.dragon-controls button{border-radius:0;background:transparent;font-size:11px;letter-spacing:.04em;min-height:44px;padding-inline:18px}.filter-group button[aria-pressed=true],.dragon-controls button[aria-pressed=true]{color:#10091a;background:#F97425;border-color:#F97425}.search-field{border-radius:0;background:none;border-color:#F9742533}.search-field input{font-size:12px}.collection-count{font-size:10px;letter-spacing:.08em;margin-block:21px}
.skin-grid{gap:28px 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.skin-card{border-radius:0;border-color:#F9742533;background:#10091a;position:relative}.skin-card:hover{border-color:#F97425;transform:translateY(-5px);box-shadow:0 15px 40px #0004}.skin-card .art-button img{aspect-ratio:1.3;filter:saturate(.86);transition:filter .4s,transform .6s}.skin-card:hover img{filter:saturate(1.1)}
.skin-caption{padding:19px 20px 21px;border-top:1px solid #F9742533;position:relative}.skin-caption h3{font:400 25px var(--display)}.skin-family{font-size:8px;color:#ad9db9;letter-spacing:.18em}.tier{font-size:8px;border:0;padding:5px 0;letter-spacing:.12em}.tier::before{content:'◆';margin-right:6px;font-size:6px;vertical-align:2px}.art-zoom{border-radius:0;border-color:#FDFDFF80;background:#10091ac9;color:#FDFDFF;width:33px;height:33px;top:13px;right:13px}
.upgrade-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.upgrade-card{grid-column:span 2;border-radius:0;background:#10091a;border-color:#22E5BB30}.upgrade-card:nth-child(-n+2){grid-column:span 3}.upgrade-card>div{padding:20px;flex-wrap:wrap}.upgrade-card h3{font-size:24px}.compare-button{min-height:35px}.upgrade-section em{color:#d9cde2}
.vip-grid{gap:32px}.vip-feature{border-radius:0;position:relative;background:#10091a;border-color:#F9742566}.vip-feature::after{content:'';position:absolute;inset:9px;border:1px solid #F9742555;pointer-events:none}.vip-feature .art-button img{aspect-ratio:4/4.3;object-position:50%;mask-image:linear-gradient(#000 65%,transparent)}.vip-caption{position:absolute;bottom:0;left:0;padding:30px 35px;pointer-events:none}.vip-caption h3{font:400 56px var(--display);margin-block:5px}.vip-caption .label{font-size:9px;letter-spacing:.18em}.vip-caption p{font:italic 700 19px var(--serif);color:#d9cde2}
.loot-grid{gap:0;border-block:1px solid var(--line)}.loot-card{border-radius:0;border:0;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 30%,#6B188529,transparent 68%);padding:30px 22px}.loot-card:last-child{border-right:0}.loot-art{height:180px}.loot-card h3{font-size:22px}.loot-card .label{font-size:8px;letter-spacing:.12em}
.arena-showcase{grid-template-columns:1fr;border-radius:0;border-color:#F9742555;background:#10091a;padding:10px}.arena-preview{min-height:560px}.arena-preview:after{background:linear-gradient(0deg,#10091aef,transparent 75%)}.arena-caption{left:35px;bottom:32px}.arena-caption h3{font:400 54px var(--display)}.arena-choices{grid-template-columns:repeat(4,1fr);gap:5px;padding:12px 0 0}.arena-choices button{border-radius:0;padding:10px;min-height:61px}.arena-choices button img{border-radius:0;width:64px;height:42px}.arena-choices button[aria-pressed=true]{background:#F9742515;border-color:#F9742566}
.mode-grid{gap:32px}.mode-card{border-radius:0;background:#10091a;border-color:#d9cde233}.sandbox{background:#10091a}.mode-card>img{height:370px;mask-image:linear-gradient(#000 45%,transparent)}.mode-card>div{margin-top:-65px;padding:0 36px 36px}.mode-card h3{font:400 51px var(--display)}.mode-card .label{font-size:9px;letter-spacing:.2em}.mode-card ul{list-style:none;padding:0}.mode-card li{padding-block:10px;border-bottom:1px solid #ffffff12}.mode-card li::before{content:'✧';margin-right:10px;color:#F97425}.mode-card .button{margin-top:5px}
.hotkeys-section{gap:80px}.keyboard-grid{gap:12px;transform:rotate(-4deg);padding:25px}.keyboard-grid>div{border-radius:0;background:linear-gradient(130deg,#093D32,#10091a);border-color:#F9742530;padding:25px 15px}.keyboard-grid kbd{font:400 44px var(--display);background:linear-gradient(130deg,#6B1885,#093D32);border-color:#ad9db9;border-bottom-color:#6B1885;border-radius:6px;color:#FDFDFF;min-width:95px;text-align:center;padding:12px 22px}.keyboard-grid span{font-size:11px}
.dragon-stage{border-radius:220px 220px 2px 2px;border-color:#d9cde244;background:radial-gradient(ellipse at 50% 40%,#2B5B586b,transparent 65%),#10091a;min-height:570px}.dragon-stage::after{content:'';position:absolute;inset:10px;border:1px solid #22E5BB1a;border-radius:inherit;pointer-events:none}.dragon-copy em{color:#d9cde2}.dragon-copy p{font-size:14px}.dragon-stage-label{font-family:var(--display);font-size:11px;color:#d9cde2}
.video-visual{border-radius:0;border-color:#F9742544}.play-symbol{background:#10091ac9;color:#FDFDFF;border-color:#FDFDFF99;box-shadow:0 0 0 12px #F9742515}.video-placeholder{border-radius:0;background:#10091a;border-color:#F9742555}
.roadmap-grid{gap:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-card{border-radius:0;border:0;border-bottom:1px solid var(--line);background:none;padding:34px;min-height:240px}.roadmap-card:not(:nth-child(3n)){border-right:1px solid var(--line)}.roadmap-number{color:#ad9db9}.roadmap-icon{font-size:60px;color:#F9742544;right:30px;top:35px}.roadmap-card h3{font-size:24px;max-width:240px}.mystery{background:radial-gradient(ellipse at 100% 100%,#6B188540,transparent 75%)}.tea-hint{font-size:24px;margin-top:19px}.mystery h3{margin-top:17px}
.closing{position:relative;padding:115px 20px 105px;background:radial-gradient(ellipse at 50% 80%,#6B188524,transparent 65%)}.closing::before{content:'✦';display:block;color:#F97425;font-size:36px;margin-bottom:25px}.closing>p{font:400 clamp(36px,4.7vw,65px)/1.16 var(--display);margin-block:24px 35px}.closing>p em{font:italic 700 1em var(--serif)}.closing .label{font-size:9px;letter-spacing:.2em}.patch-footer{border-color:#F9742544}.legal-site-footer{background:#10091a!important}
.art-dialog{border-radius:0;border-color:#F9742566;background:#10091a}.dialog-toolbar h2{font-family:var(--display)}.dialog-toolbar button{border-radius:0;background:#093D32;border-color:#F9742566;min-height:44px}.art-dialog>img{border-radius:0}
@media(min-width:1600px){.patch-hero{min-height:930px}.hero-content{padding-top:90px}.hero-background{width:49%;right:5%}.hero-ornament{right:4%}.hero-lead{max-width:460px;font-size:15px}.castle-invitation{right:13%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.patch-nav{padding-inline:24px}.nav-links{gap:18px}.patch-hero{min-height:820px}.patch-hero h1{font-size:96px}.hero-background{width:56%;right:3%;opacity:.85}.hero-ornament{right:2%;width:58%}.hero-shade{background:linear-gradient(90deg,#10091a 0%,#10091abf 35%,transparent 90%),linear-gradient(0deg,#10091a 8%,transparent 65%)}.castle-invitation{right:5%;width:290px;padding:16px;bottom:155px}.hero-lead{max-width:365px}.hero-stats{gap:15px}.hero-stats>div{padding-left:15px}.section-heading{column-gap:35px}.section{padding-block:75px}.event-layout{gap:25px}.event-feature{min-height:625px}.event-feature-copy{padding-inline:27px}.event-feature-copy h3{font-size:36px}.note-card{gap:16px}.note-card>img{width:70px}.note-card h3{font-size:20px}.reward-summary{padding:22px}.reward-summary h3{font-size:24px}.story-section{gap:48px}.story-stamp{right:-17px}.skin-caption{flex-wrap:wrap;gap:6px}.skin-caption h3{font-size:23px}.loot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loot-card{border-bottom:1px solid var(--line)}.loot-card:nth-child(3){border-right:0}.loot-card:last-child{grid-column:span 2}.loot-art{height:175px}.arena-preview{min-height:450px}.mode-card h3{font-size:42px}.mode-card>div{padding-inline:26px}.hotkeys-section{gap:30px}.keyboard-grid{padding:12px}.roadmap-card{padding:25px}.roadmap-card h3{font-size:21px}.roadmap-icon{right:22px}}
@media(max-width:760px){html{scroll-padding-top:115px}.wrap{width:calc(100% - 40px)}.patch-nav{height:auto;min-height:94px;padding:12px 20px;gap:7px}.brand{font-size:9px}.brand img{width:30px;height:30px}.nav-links{gap:25px;padding-block:2px 0}.nav-links a{padding-block:5px}.nav-links a[aria-current]::after{bottom:0}.version-pill{font-size:13px;padding:5px 10px}.patch-hero{min-height:0}.hero-content{padding-top:39px;padding-bottom:30px}.edition{font-size:8px;letter-spacing:.12em;gap:10px}.hero-background{top:135px;right:-13%;width:84%;height:500px;opacity:.68;object-position:65%}.hero-ornament{top:125px;right:-16%;width:90%;height:520px}.hero-shade{background:linear-gradient(90deg,#10091aed,#10091a9c 46%,#10091a0a),linear-gradient(0deg,#10091a 15%,transparent 65%)}.hero-pretitle{margin-top:34px;font-size:18px}.patch-hero h1{font-size:clamp(69px,15vw,108px);margin-top:23px}.patch-hero h1>em{margin-left:38px}.patch-hero .title-connector{font-size:26px;margin-left:12px;margin-block:10px}.title-connector::before,.title-connector::after{width:30px}.hero-lead{margin-top:26px;max-width:355px;font-size:13px;line-height:1.9;color:#d9cde2}.hero-actions{gap:18px;margin-top:25px}.hero-actions .button{font-size:10px;padding:14px 17px}.hero-actions .text-link{font-size:10px}.release-line{margin-top:22px;font-size:9px}.castle-invitation{position:relative;bottom:auto;right:auto;margin:2px 25px 30px auto;width:280px;padding:13px 18px;gap:16px;transform:rotate(-3deg)}.castle-invitation strong{font-size:24px}.invitation-symbol{font-size:42px}.hero-stats{grid-template-columns:1fr 1fr;gap:23px 12px;padding-block:24px 30px}.hero-stats>div{padding-left:15px;border-left:1px solid var(--line);border-right:0}.hero-stats>div:first-child{padding-left:15px}.hero-stats>div:last-child{border-left:1px solid var(--line)}.hero-stats strong{font-size:32px}.hero-stats strong>span{font-size:17px}.hero-stats small{font-size:9px;max-width:150px;line-height:1.6}.edition-ribbon{justify-content:flex-start;gap:25px;padding:14px 20px;font-size:8px;letter-spacing:.18em}.section{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:30px}.section-heading p{font-size:13px;margin-top:22px}.chapter{font-size:9px;letter-spacing:.16em;margin-bottom:19px}h2{font-size:clamp(33px,7.9vw,48px);line-height:1.17}.event-layout{grid-template-columns:1fr;gap:28px}.event-feature{min-height:530px;border-radius:150px 150px 0 0}.event-feature-copy{padding-inline:28px;bottom:30px}.event-feature-copy h3{font-size:37px}.event-details{border-top:0}.note-card{padding-block:24px;gap:20px}.note-card>img{width:75px}.note-card h3{font-size:21px}.reward-summary{margin-top:24px;padding:25px}.reward-summary h3{font-size:27px}.story-section{grid-template-columns:1fr;gap:37px}.story-art{margin-right:10px;padding:10px}.story-art>img{aspect-ratio:4/4.3}.story-stamp{width:110px;height:110px;right:-17px;bottom:23px;font-size:9px}.story-stamp b{font-size:18px}.story-copy h2{font-size:48px}.story-copy>p:not(.intro){font-size:13px}.collection-tools{gap:16px;align-items:stretch}.filter-group{gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}.filter-group button{padding:9px 8px;font-size:10px;white-space:nowrap}.filter-group button span{margin-left:3px;font-size:9px}.search-field{width:100%;padding:10px 12px}.collection-count{margin-block:17px;font-size:9px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.skin-card .art-button img{aspect-ratio:4/5}.skin-caption{padding:13px 12px;gap:7px;align-items:flex-start;flex-direction:column}.skin-caption h3{font-size:20px;overflow-wrap:anywhere}.skin-family{font-size:7px;letter-spacing:.1em}.tier{font-size:7px}.art-zoom{width:27px;height:27px;top:8px;right:8px;font-size:16px}.upgrade-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.upgrade-card,.upgrade-card:nth-child(-n+2){grid-column:auto}.upgrade-card:first-child{grid-column:1/-1}.upgrade-card>div{padding:13px;align-items:flex-start;gap:2px}.upgrade-card h3{font-size:21px}.compare-button{font-size:10px}.vip-grid{grid-template-columns:1fr;gap:25px}.vip-feature .art-button img{aspect-ratio:4/4.5}.vip-caption{padding:27px}.vip-caption h3{font-size:47px}.vip-caption p{font-size:17px}.loot-grid{grid-template-columns:1fr 1fr}.loot-card{padding:23px 16px}.loot-card:nth-child(3){border-right:1px solid var(--line)}.loot-card:nth-child(2n){border-right:0}.loot-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:center}.loot-card:last-child .loot-art{grid-row:span 3;margin:0}.loot-art{height:145px}.loot-card h3{font-size:22px}.loot-card p{font-size:12px}.arena-showcase{padding:7px}.arena-preview{min-height:365px}.arena-caption{left:19px;bottom:23px;right:18px}.arena-caption h3{font-size:37px}.arena-caption p{font-size:12px}.arena-choices{grid-template-columns:1fr 1fr;gap:5px;padding-top:8px}.arena-choices button{padding:7px;gap:8px;font-size:10px;min-height:55px}.arena-choices button img{width:40px;height:36px}.mode-grid{grid-template-columns:1fr;gap:25px}.mode-card>img{height:330px}.mode-card>div{padding:0 25px 30px;margin-top:-52px}.mode-card h3{font-size:43px}.mode-card p{font-size:13px}.hotkeys-section{grid-template-columns:1fr;gap:30px}.keyboard-grid{transform:rotate(-3deg);padding:10px;margin:8px}.keyboard-grid>div{padding:20px 12px}.dragon-section{grid-template-columns:1fr;gap:35px}.dragon-stage{min-height:500px}.dragon-copy p{font-size:13px}.video-section{grid-template-columns:1fr;gap:30px}.video-visual{height:280px}.roadmap-grid{grid-template-columns:1fr 1fr}.roadmap-card{padding:24px 18px;min-height:230px}.roadmap-card:not(:nth-child(3n)){border-right:0}.roadmap-card:nth-child(odd){border-right:1px solid var(--line)}.roadmap-card h3{font-size:20px;margin-top:55px}.roadmap-card p{font-size:12px}.roadmap-icon{font-size:42px;top:45px;right:20px}.roadmap-number{font-size:8px}.mystery h3{margin-top:19px}.tea-hint{font-size:21px;margin-top:24px}.closing{padding:65px 0}.closing>p{font-size:36px}.closing .label{font-size:8px}.patch-footer{font-size:10px}.art-dialog{padding:12px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.patch-nav{padding-inline:16px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:12px}.hero-actions .text-link{font-size:9px}.filter-group button{padding-inline:5px;font-size:9px}.filter-group button span{font-size:8px}.skin-caption h3{font-size:18px}.skin-caption{padding-inline:10px}.tier{letter-spacing:.04em}.roadmap-card{padding-inline:14px}.roadmap-card h3{font-size:18px}.event-feature-copy{padding-inline:23px}.event-feature-copy h3{font-size:33px}.loot-art{height:120px}.edition{font-size:7px}.castle-invitation{width:265px;margin-right:20px}}
@media(max-width:760px){.roadmap-grid{grid-template-columns:1fr}.roadmap-card,.roadmap-card:nth-child(odd){border-right:0;min-height:180px;padding:26px 22px}.roadmap-card h3{max-width:none;font-size:23px;margin-top:30px;padding-right:25px;overflow-wrap:anywhere}.roadmap-card p{max-width:280px}.roadmap-icon{top:25px;right:23px}.mystery h3{margin-top:15px}.tea-hint{position:absolute;right:19px;top:40px;font-size:20px}.mystery{padding-top:26px}.mystery h3{margin-top:42px}}
/* The two skin families deliberately have distinct palettes. */
:root{--color-1:#F97425;--color-2:#6B1885;--color-3:#093D32;--color-4:#22E5BB;--color-5:#2E1338;--upgrade-1:#2B5B58;--upgrade-2:#DA67FD;--upgrade-3:#7F29EA;--upgrade-4:#FDFDFF;--upgrade-5:#4CDC82;--bg:#10091a;--surface:var(--color-5);--ink:#FDFDFF;--muted:#bdaecb;--orange:var(--color-1);--purple:var(--color-2);--line:#DA67FD2b}
body{background:radial-gradient(ellipse at 0 10%,#6B188529,transparent 28%),radial-gradient(ellipse at 100% 45%,#093D323d,transparent 25%),var(--bg)}
body::before{opacity:.022}.nav-links{gap:21px}.patch-nav{background:#10091af2;border-color:#6B188585}.version-pill{color:var(--color-4);border-color:#22E5BB55}.reading-progress span{background:linear-gradient(90deg,var(--color-1),var(--color-2),var(--color-4))}
.patch-hero{background:radial-gradient(ellipse at 50% 40%,#6B188533,transparent 60%),#10091a}.hero-background{filter:none;border-color:#F9742580}.hero-ornament{border-color:#22E5BB44}.hero-ornament::before{border-color:#6B188585}.hero-ornament span{color:var(--color-4);text-shadow:0 0 24px #22E5BBaa}.hero-shade{background:linear-gradient(90deg,#10091a 0%,#10091ae6 30%,#10091a22 62%,transparent 82%),linear-gradient(0deg,#10091a 8%,transparent 39%)}
.patch-hero h1>em{background:linear-gradient(120deg,#F97425 15%,#ffab71);background-clip:text}.hero-pretitle{color:#DA67FD}.hero-lead{color:#d4c8de}.hero-stats strong{color:var(--color-4)}.hero-stats strong>span{color:#DA67FD}.hero-stats small{color:#bdaecb}.edition{color:var(--color-1)}.edition-dot{background:var(--color-4);box-shadow:0 0 15px #22E5BB}.hero-side-note{color:var(--color-4)}
.button{background:linear-gradient(110deg,#F97425,#ff964f);color:#210d29;border-color:#F97425;box-shadow:inset 0 0 0 4px #2E133824,0 8px 32px #F974251a}.button:hover{background:#ffab71;box-shadow:0 8px 32px #F9742540}.text-link{color:var(--color-4);border-color:#22E5BB55}.castle-invitation{background:linear-gradient(125deg,#2E1338f5,#093D32e8);border-color:#22E5BB99;box-shadow:0 15px 40px #0006,0 0 25px #22E5BB12}.castle-invitation:hover{border-color:var(--color-4)}.castle-invitation small{color:var(--color-1)}.castle-invitation strong{color:#FDFDFF}.castle-invitation span>span{color:#c4dcd7}.castle-invitation>b,.invitation-symbol{color:var(--color-4)}
.edition-ribbon{background:linear-gradient(90deg,#2E1338,#093D32);border-color:#6B1885;color:#FDFDFF}.edition-ribbon i{color:var(--color-1)}.story-stamp{background:#6B1885;color:#FDFDFF;border-color:#DA67FD;outline-color:#DA67FD99}.story-stamp b{color:#22E5BB}.story-copy>.intro{color:#DA67FD}.event-feature,.story-art{border-color:#F9742570}.event-feature-copy p{color:#d9cde2}.reward-summary{background:radial-gradient(ellipse at 100% 100%,#6B18854d,transparent),#2E1338;border-color:#DA67FD44}.reward-summary::after{color:#22E5BB66}.reward-summary .label{color:#DA67FD}.milestone-strip b{color:#22E5BB}
.filter-group button[aria-pressed=true]{color:#FDFDFF;background:#6B1885;border-color:#DA67FD}.filter-group button:hover{border-color:#DA67FD}.search-field{background:#2E133840;border-color:#6B188580}.search-field input::placeholder{color:#bdaecb}.collection-count{color:#c7b9d5}.art-zoom{color:#22E5BB;border-color:#22E5BB88;background:#10091ac9}.skin-card .art-button img,.story-art>img{filter:none}.arena-choices button[aria-pressed=true]{background:#093D32;border-color:#22E5BB;color:#22E5BB}.dragon-copy em{color:#22E5BB}.dragon-stage{background:radial-gradient(ellipse at 50% 40%,#093D32,transparent 75%),#10091a;border-color:#22E5BB66}.dragon-controls button[aria-pressed=true]{background:#093D32;border-color:#22E5BB;color:#22E5BB}.keyboard-grid kbd{background:linear-gradient(130deg,#6B1885,#2E1338);border-color:#DA67FD;border-bottom-color:#6B1885;color:#22E5BB}.roadmap-icon{color:#DA67FD66}.closing::before{color:#22E5BB}

/* An immersive stage and a compact, selectable portrait roster. */
.skin-showcase{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border:1px solid #6B1885;background:#170b25;position:relative;isolation:isolate;box-shadow:0 20px 65px #0005;scroll-margin-top:110px;margin-bottom:32px;--stage-accent:var(--color-4)}
.skin-showcase[data-showcase-group=upgrade]{--stage-accent:var(--upgrade-2)}.skin-showcase[data-showcase-group=vip]{--stage-accent:var(--upgrade-5)}
.skin-showcase::before{content:'';position:absolute;inset:-1px;z-index:-1;background:linear-gradient(125deg,#F97425,#6B1885 48%,var(--stage-accent));opacity:.7}.showcase-visual{position:relative;min-height:560px;background:#140a20;overflow:hidden}.showcase-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50%}.showcase-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#10091af0,transparent 25%),linear-gradient(90deg,transparent 70%,#170b2540)}
.showcase-art-label{position:absolute;inset:23px 24px auto;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;text-shadow:0 2px 10px #000;z-index:1}.showcase-art-label>span{font-size:9px;letter-spacing:.18em;background:#10091ac9;padding:8px 12px;border-left:2px solid var(--color-1)}.showcase-art-label b{font:400 20px var(--display)}
.showcase-expand{position:absolute;bottom:24px;left:25px;z-index:1;display:flex;gap:38px;align-items:center;padding:12px 16px;color:#FDFDFF;background:#10091aad;border:1px solid #ffffff50;font-size:11px;letter-spacing:.08em}.showcase-expand span{font-size:20px;color:var(--stage-accent)}.showcase-expand:hover{border-color:var(--stage-accent)}
.showcase-info{padding:35px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;background:radial-gradient(ellipse at 110% 0,#6B188570,transparent 65%),linear-gradient(150deg,#2E1338,#10091a 75%)}.showcase-info::before{content:'✧';position:absolute;right:15px;top:5px;color:#DA67FD20;font-size:130px;line-height:1;pointer-events:none}.showcase-info .label{color:var(--stage-accent);font-size:9px;letter-spacing:.17em}.showcase-info h3{font:400 clamp(35px,4vw,65px)/1.1 var(--display);margin:16px 0 9px;overflow-wrap:anywhere}.showcase-tier{text-transform:uppercase;color:var(--color-1);font-size:10px;letter-spacing:.24em}.showcase-info>p{font-size:13px;line-height:1.8;margin-top:20px;max-width:320px}.showcase-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:27px}.showcase-assets button{padding:0;border:1px solid #DA67FD40;background:#10091a;position:relative;overflow:hidden;min-width:0;color:#FDFDFF}.showcase-assets img{width:100%;height:127px;object-fit:cover;object-position:top}.showcase-assets button:first-child img{object-position:center}.showcase-assets span{display:block;position:absolute;inset:auto 0 0;padding:18px 3px 7px;background:linear-gradient(transparent,#10091a);font-size:8px;text-align:center}.showcase-assets button:hover{border-color:var(--stage-accent)}.showcase-paging{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px;border-top:1px solid #DA67FD30;padding-top:17px}.showcase-paging button{width:39px;height:39px;border:1px solid #6B1885;background:#2E1338;color:var(--stage-accent);font-size:20px}.showcase-paging span{font-size:10px;color:#d9cde2;text-align:center}.showcase-paging button:hover{border-color:var(--stage-accent)}
.skin-grid.skin-roster{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}.skin-roster .skin-card{border-color:#6B188550;background:#180d25;overflow:visible}.skin-roster .skin-card:hover{transform:translateY(-4px);box-shadow:0 0 25px #6B188555}.skin-roster .skin-card.is-selected{border-color:#22E5BB;box-shadow:0 0 22px #22E5BB22}.skin-roster .art-button img{aspect-ratio:1/1.15;object-fit:cover;filter:saturate(.82);transition:filter .2s,transform .3s}.skin-roster .is-selected img,.skin-roster .skin-card:hover img{filter:none}.skin-roster .art-button::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#10091aee)}.skin-roster .art-zoom{display:none}.skin-roster .is-selected .art-zoom{display:grid;z-index:2;font-size:12px;width:22px;height:22px;right:5px;top:5px}.skin-roster .skin-caption{pointer-events:none;border:0;position:absolute;inset:auto 0 0;padding:9px;display:block;background:linear-gradient(transparent,#10091ae6)}.skin-roster .skin-family{display:none}.skin-roster .skin-caption h3{font:700 12px/1.3 'Trebuchet MS',sans-serif;margin:0;color:#FDFDFF;overflow-wrap:anywhere}.skin-roster .tier{display:block;font-size:7px;letter-spacing:.04em;padding:4px 0 0}.skin-roster .tier::before{display:none}.skin-roster .art-button{height:100%;min-height:137px}.skin-roster [data-skin-group=upgrade]{border-bottom-color:#DA67FD}.skin-roster [data-skin-group=vip]{border-bottom-color:#4CDC82}

/* Upgrade: two identically sized images, one real clipping boundary. */
.upgrade-section{--color-1:var(--upgrade-2);--color-2:var(--upgrade-3);--color-3:var(--upgrade-1);--color-4:var(--upgrade-5);isolation:isolate}.upgrade-section::before{content:'';position:absolute;inset:0 calc((min(1360px,100vw - 112px) - 100vw)/2);z-index:-1;background:radial-gradient(ellipse at 15% 45%,#7F29EA20,transparent 60%),radial-gradient(ellipse at 85% 60%,#2B5B583d,transparent 60%),#100b20;border-block:1px solid #7F29EA35;pointer-events:none}.upgrade-section .chapter{color:#DA67FD}.upgrade-section h2 em{background:linear-gradient(100deg,#DA67FD,#7F29EA 55%,#4CDC82);background-clip:text;color:transparent}.evolution-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px}.evolution-view{min-width:0}.skin-comparison{position:relative;aspect-ratio:1.35;overflow:hidden;background:#2E1338;border:1px solid #DA67FD88;touch-action:pan-y}.skin-comparison>img,.comparison-upgrade,.comparison-upgrade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.comparison-upgrade{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.comparison-labels{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.comparison-labels span{padding:8px 11px;border:1px solid #FDFDFF55;background:#10091ad9;font-size:9px;letter-spacing:.13em;color:#FDFDFF}.comparison-labels span:first-child{color:#4CDC82;border-color:#4CDC8280}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;transform:translateX(-1px);background:#FDFDFF;box-shadow:0 0 20px #DA67FD;pointer-events:none}.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid #FDFDFF;border-radius:50%;color:#FDFDFF;background:linear-gradient(135deg,#7F29EA,#DA67FD);box-shadow:0 0 30px #DA67FD99;font-size:23px}.skin-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;appearance:none;touch-action:pan-y}.skin-comparison input::-webkit-slider-thumb{appearance:none;width:1px;height:100%}.skin-comparison input::-moz-range-thumb{width:1px;height:100%;border:0}.skin-comparison:focus-within{outline:2px solid #4CDC82;outline-offset:5px}.comparison-caption{position:absolute;bottom:18px;left:20px;padding:8px 10px;background:#10091ac9;font-size:8px;letter-spacing:.14em;color:#FDFDFF;pointer-events:none}.comparison-presets{display:grid;grid-template-columns:1fr 1.5fr 1fr;border:1px solid #DA67FD40;border-top:0}.comparison-presets button{min-height:46px;border:0;background:#170d26;color:#cbbbd3;font-size:11px;padding:10px}.comparison-presets button[aria-pressed=true]{background:#7F29EA33;color:#4CDC82}.comparison-presets button:hover{background:#7F29EA4d}
.evolution-copy{display:flex;flex-direction:column;justify-content:center;position:relative;border:1px solid #DA67FD66;background:linear-gradient(155deg,#2E1338,#101d1d);padding:35px;overflow:hidden}.evolution-seal{position:absolute;right:13px;top:8px;font-size:95px;line-height:1;color:#DA67FD22}.evolution-copy .label{font-size:9px;letter-spacing:.16em;color:#4CDC82}.evolution-copy h3{font:400 51px/1.15 var(--display);margin:14px 0 12px;color:#FDFDFF}.evolution-copy>p:not(.evolution-note){font:italic 700 19px var(--serif);color:#DA67FD}.evolution-portraits{display:flex;align-items:center;gap:17px;margin-block:24px}.evolution-portraits figure{margin:0;flex:1;max-width:90px}.evolution-portraits img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #DA67FD66}.evolution-portraits figure:last-child img{border-color:#4CDC82;box-shadow:0 0 20px #4CDC8222}.evolution-portraits figcaption{font-size:8px;letter-spacing:.17em;text-align:center;color:#d9cde2;margin-top:7px}.evolution-portraits>span{font-size:28px;color:#4CDC82}.evolution-note{font-size:12px;line-height:1.8;color:#cbbbd3}.evolution-full-art{display:flex;gap:22px;margin:18px 0 24px}.evolution-full-art button{background:none;border:0;border-bottom:1px solid #DA67FD66;padding:6px 0;font-size:10px;color:#DA67FD;min-height:36px}.evolution-copy .button{background:linear-gradient(110deg,#7F29EA,#6B1885);border-color:#DA67FD;color:#FDFDFF;font-size:10px;box-shadow:0 6px 25px #7F29EA30;padding:14px 18px;justify-content:space-between}.evolution-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:23px}.evolution-roster button{position:relative;min-width:0;height:245px;overflow:hidden;border:1px solid #7F29EA55;background:#10091a;padding:0;color:#FDFDFF;text-align:left;transition:transform .25s,border-color .25s}.evolution-roster img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .4s}.evolution-roster button::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#10091af5)}.evolution-roster button>span{position:absolute;z-index:1;inset:auto 18px 17px}.evolution-roster small{font-size:8px;letter-spacing:.14em;color:#DA67FD;display:block;margin-bottom:7px}.evolution-roster b{font:400 24px var(--display)}.evolution-roster button[aria-pressed=true]{border-color:#4CDC82;box-shadow:0 0 23px #4CDC8220}.evolution-roster button[aria-pressed=true] small{color:#4CDC82}.evolution-roster button:hover{transform:translateY(-4px);border-color:#DA67FD}.evolution-roster button:hover img{transform:scale(1.04)}

/* VIP is its own ceremonial room, with the original framed artwork. */
.vip-section{isolation:isolate}.vip-section::before{content:'';position:absolute;inset:0 calc((min(1360px,100vw - 112px) - 100vw)/2);z-index:-1;background:radial-gradient(ellipse at 50% 15%,#6B188555,transparent 37%),radial-gradient(ellipse at 15% 55%,#093D3277,transparent 40%),#0c0814;pointer-events:none}.vip-heading{text-align:center;position:relative;padding:15px 0 50px}.vip-heading .chapter{justify-content:center;color:#22E5BB}.vip-monogram{display:block;font:400 110px/.95 var(--display);letter-spacing:.15em;margin:30px 0 23px;padding-left:.15em;color:transparent;-webkit-text-stroke:1px #DA67FD;filter:drop-shadow(0 0 23px #6B1885)}.vip-heading h2{font-size:clamp(42px,5vw,70px)}.vip-heading h2 em{color:#22E5BB}.vip-heading p{margin:24px auto 0;max-width:590px;font-size:14px;line-height:1.9}.vip-heading-line{display:flex;align-items:center;justify-content:center;gap:25px;color:#DA67FD;font-size:26px;margin-top:30px}.vip-heading-line::before,.vip-heading-line::after{content:'';width:135px;height:1px;background:linear-gradient(90deg,transparent,#DA67FD)}.vip-heading-line::after{transform:rotate(180deg)}
.vip-throne{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:690px;padding:40px 65px;border-block:1px solid #22E5BB40;margin-top:25px;overflow:hidden;background:#100d19}.vip-throne::before{content:'';position:absolute;inset:12px;z-index:-1;border:1px solid #DA67FD20;pointer-events:none}.vip-throne-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:blur(5px);z-index:-3}.vip-throne::after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#093D3270,#10091aec 58%),linear-gradient(0deg,#10091a,transparent 35%)}.vip-portrait{position:relative;min-width:0;isolation:isolate}.vip-halo{position:absolute;width:110%;aspect-ratio:1;left:-5%;top:13%;border-radius:50%;border:1px solid #22E5BB66;box-shadow:0 0 0 15px #22E5BB08,0 0 0 35px #6B188515,0 0 90px #22E5BB12;z-index:-1}.vip-halo::before{content:'✦';position:absolute;left:50%;top:-23px;color:#22E5BB;font-size:32px;background:#0c1820;padding-inline:12px}.vip-halo::after{content:'';position:absolute;inset:27px;border:1px dashed #DA67FD55;border-radius:inherit}.vip-framed-art{display:block;width:100%;max-width:390px;margin:auto;padding:0;background:none;border:0;transition:transform .5s;filter:drop-shadow(0 16px 25px #0008)}.vip-framed-art:hover{transform:translateY(-8px)}.vip-framed-art img{width:100%;height:auto}.vip-edition{display:block;text-align:center;color:#22E5BB;font-size:9px;letter-spacing:.24em;margin-top:20px}.vip-throne-copy{position:relative;min-width:0}.vip-throne-copy .label{font-size:10px;letter-spacing:.19em;color:#22E5BB}.vip-throne-copy h3{font:400 clamp(58px,6vw,87px)/1.15 var(--display);color:#FDFDFF;margin:15px 0 12px}.vip-tagline{font:italic 700 23px/1.4 var(--serif);color:#DA67FD;margin-bottom:18px}.vip-throne-copy>p:not(.vip-tagline){font-size:13px;max-width:340px}.vip-asset-vault{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin-block:29px}.vip-asset-vault button{padding:0;border:1px solid #DA67FD55;position:relative;background:#10091a;color:#FDFDFF;overflow:hidden}.vip-asset-vault img{height:127px;width:100%;object-fit:cover;object-position:top}.vip-asset-vault span{display:block;position:absolute;inset:auto 0 0;padding:20px 4px 9px;background:linear-gradient(transparent,#10091a);font-size:7px;letter-spacing:.1em;text-align:center}.vip-asset-vault button:hover{border-color:#22E5BB;box-shadow:0 0 20px #22E5BB22}.vip-throne-copy .button{background:linear-gradient(110deg,#093D32,#125747);border-color:#22E5BB;color:#FDFDFF;box-shadow:0 0 30px #22E5BB12}.vip-throne-42 .vip-portrait{order:2}.vip-throne-42::after{background:linear-gradient(270deg,#6B188555,#10091aed 60%),linear-gradient(0deg,#10091a,transparent 40%)}.vip-throne-42 .vip-halo{border-color:#DA67FD;box-shadow:0 0 0 15px #DA67FD08,0 0 0 35px #6B188520,0 0 90px #6B188540}.vip-throne-42 .vip-halo::before{color:#DA67FD;background:#231030}.vip-throne-42 .vip-throne-copy .label,.vip-throne-42 .vip-edition{color:#DA67FD}.vip-throne-42 .vip-throne-copy .button{background:linear-gradient(110deg,#6B1885,#2E1338);border-color:#DA67FD}
@media(max-width:1100px){.nav-links{gap:14px;font-size:10px}.brand{letter-spacing:.09em}.skin-showcase{grid-template-columns:1.3fr 1fr}.showcase-visual{min-height:500px}.showcase-info{padding:27px 22px}.showcase-info h3{font-size:40px}.showcase-assets{gap:6px}.showcase-assets img{height:106px}.skin-grid.skin-roster{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.evolution-layout{grid-template-columns:1.5fr 1fr;gap:16px}.skin-comparison{aspect-ratio:auto;min-height:500px;height:calc(100% - 47px)}.evolution-copy{padding:26px}.evolution-copy h3{font-size:40px}.evolution-roster button{height:205px}.evolution-roster button>span{inset:auto 12px 13px}.vip-throne{padding:35px;gap:35px;min-height:600px}.vip-asset-vault{gap:8px}.vip-asset-vault img{height:105px}.vip-tagline{font-size:20px}.upgrade-section::before,.vip-section::before{inset-inline:-32px}}
@media(max-width:900px) and (min-width:761px){.patch-nav{padding-inline:18px;gap:12px}.brand{font-size:8px;gap:7px}.brand img{width:30px;height:30px}.nav-links{gap:10px;font-size:9px}.version-pill{font-size:12px;padding:5px 8px}}
@media(max-width:760px){.hero-shade{background:linear-gradient(90deg,#10091aed,#10091a9c 46%,#10091a0a),linear-gradient(0deg,#10091a 15%,transparent 65%)}.nav-links{gap:24px}.nav-links a{font-size:11px}.skin-showcase{grid-template-columns:1fr;margin-bottom:24px;scroll-margin-top:115px}.showcase-visual{min-height:0;height:auto;aspect-ratio:1.2}.showcase-art-label{inset:16px 16px auto}.showcase-art-label>span{font-size:7px;padding:7px 9px}.showcase-art-label b{font-size:16px}.showcase-expand{left:16px;bottom:16px;font-size:9px;padding:9px 12px;gap:30px}.showcase-info{padding:24px}.showcase-info h3{font-size:43px;margin-top:12px}.showcase-info>p{font-size:12px;margin-top:14px;max-width:none}.showcase-tier{font-size:9px}.showcase-assets{gap:10px;margin-top:20px}.showcase-assets img{height:120px}.showcase-assets span{font-size:9px}.showcase-paging{margin-top:20px}.skin-grid.skin-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.skin-roster .art-button{min-height:105px}.skin-roster .art-button img{aspect-ratio:1/1.45}.skin-roster .skin-caption{padding:7px}.skin-roster .skin-caption h3{font-size:10px}.skin-roster .tier{font-size:6px;letter-spacing:0}.collection-tools{padding-block:17px}.evolution-layout{grid-template-columns:1fr;gap:20px}.skin-comparison{height:auto;min-height:0;aspect-ratio:1/1.06}.comparison-labels{inset:12px 10px auto}.comparison-labels span{font-size:7px;padding:7px 9px}.comparison-caption{font-size:6px;left:11px;bottom:12px;letter-spacing:.1em}.comparison-divider span{width:42px;height:42px;font-size:22px}.comparison-presets button{font-size:9px;min-height:44px;padding-inline:4px}.evolution-copy{padding:28px}.evolution-copy h3{font-size:43px}.evolution-copy .button{align-self:flex-start;gap:25px}.evolution-portraits{margin-block:20px}.evolution-note{max-width:460px}.evolution-roster{gap:9px;margin-top:20px;grid-template-columns:repeat(5,minmax(0,1fr))}.evolution-roster button{height:142px}.evolution-roster button>span{inset:auto 5px 9px}.evolution-roster small{font-size:6px;letter-spacing:0;margin-bottom:3px}.evolution-roster b{font:700 9px 'Trebuchet MS',sans-serif}.evolution-roster img{object-position:50% 25%}.upgrade-section::before,.vip-section::before{inset-inline:-20px}.vip-heading{padding:0 0 30px}.vip-monogram{font-size:86px;margin-block:24px 20px}.vip-heading h2{font-size:42px}.vip-heading p{font-size:12px;margin-top:22px}.vip-heading .chapter{font-size:8px;letter-spacing:.08em;gap:8px}.vip-throne{grid-template-columns:1fr;gap:30px;padding:32px 22px;min-height:0}.vip-portrait{width:85%;max-width:340px;margin:auto}.vip-edition{font-size:7px;letter-spacing:.17em}.vip-throne-copy h3{font-size:60px;margin-top:14px}.vip-throne-copy .label{font-size:8px}.vip-tagline{font-size:20px}.vip-throne-copy>p:not(.vip-tagline){font-size:12px}.vip-asset-vault{gap:8px;margin-block:25px}.vip-asset-vault img{height:106px}.vip-asset-vault span{font-size:6px;letter-spacing:.04em}.vip-throne-copy .button{font-size:9px;padding-inline:15px;gap:20px}.vip-throne-42 .vip-portrait{order:0}.vip-halo::before{font-size:26px;top:-19px}.vip-heading-line{margin-top:25px}.vip-heading-line::before,.vip-heading-line::after{width:90px}}
@media(max-width:380px){.skin-grid.skin-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-info{padding:20px}.showcase-assets img{height:105px}.evolution-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.evolution-roster button{height:154px}.evolution-roster b{font-size:11px}.evolution-roster small{font-size:7px}.vip-throne{padding-inline:20px}.vip-heading h2{font-size:36px}.vip-asset-vault img{height:90px}.upgrade-section::before,.vip-section::before{inset-inline:-16px}.evolution-copy{padding:23px}}
.video-visual{height:auto;aspect-ratio:16/9;background:#10091a;display:block}.video-visual iframe{display:block;width:100%;height:100%;border:0}.video-placeholder{width:fit-content;min-height:50px;text-decoration:none;transition:border-color .2s,color .2s}.video-placeholder:hover,.video-placeholder:focus-visible{border-color:#22E5BB;color:#FDFDFF}
@media(max-width:760px){.video-visual{height:auto;aspect-ratio:16/9}}
.loot-art{display:flex;align-items:center;justify-content:center}.loot-art img{max-height:100%;min-height:0}
@media(min-width:1101px){.upgrade-section::before,.vip-section::before{inset-inline:calc(clamp(64px,4.375vw,112px) / -2)}.loot-art{height:clamp(180px,13vw,300px)}.section-heading p{max-width:620px}}
/* Keep the complete illustrations visible in the gallery, comparison and game mode cards. */
.showcase-visual{min-height:0;aspect-ratio:3/2}.showcase-visual>img{object-fit:contain}
.skin-comparison{aspect-ratio:3/2}.skin-comparison>img,.comparison-upgrade img{object-fit:contain}
.mode-card>img{height:auto;aspect-ratio:1;object-fit:contain;mask-image:none}.mode-card>div{margin-top:0}
@media(min-width:1200px){.mode-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.mode-card>div{padding:25px}}
/* The upcoming chapter shares one illustration behind its heading and all six items. */
.roadmap-section{position:relative;isolation:isolate}
.roadmap-backdrop{position:absolute;inset:0 0 auto auto;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right center;opacity:.8;pointer-events:none;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 16%,#000 85%,transparent);mask-composite:intersect}
.roadmap-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#10091a 5%,#10091aeb 30%,#10091a65 68%,#10091a30),linear-gradient(0deg,#10091a,transparent 22%,transparent 85%,#10091a)}
.roadmap-section .section-heading p{text-shadow:0 2px 12px #10091a}
.roadmap-section .roadmap-grid{background:#10091a8c;border-color:#DA67FD40}
.roadmap-section .roadmap-card{border-color:#DA67FD40}
.roadmap-section .roadmap-card h3{max-width:none;padding-right:40px}
.roadmap-section .roadmap-icon{color:#DA67FD88}
@media(max-width:760px){
  .roadmap-backdrop{object-position:center top;width:100%;height:auto;opacity:.65;mask-image:linear-gradient(0deg,transparent,#000 28%,#000 85%,transparent)}
  .roadmap-section::before{background:linear-gradient(0deg,#10091a 30%,#10091a80 75%,#10091a55)}
  .roadmap-section .roadmap-grid{background:#10091ab3}
}
/* Artwork and battle assets share a readable scale across all three galleries. */
.skin-showcase,.evolution-layout,.vip-showcase{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.showcase-info,.evolution-copy,.vip-copy{padding:clamp(24px,2vw,52px);min-width:0}
.showcase-info h3,.evolution-copy h3,.vip-copy h3{font:400 clamp(44px,3.6vw,92px)/1.08 var(--display);margin:18px 0 14px;overflow-wrap:anywhere}
.showcase-info .label,.evolution-copy .label,.vip-copy .label,.showcase-tier{font-size:clamp(11px,.55vw,15px);letter-spacing:.14em}
.showcase-info>p,.evolution-copy .evolution-note,.vip-copy>p{font-size:clamp(16px,.86vw,22px);line-height:1.65;max-width:48ch}
.evolution-copy>p:not(.evolution-note),.vip-copy>.vip-tagline{font:italic 700 clamp(23px,1.2vw,32px)/1.4 var(--serif);color:#DA67FD;margin:0 0 14px}
.asset-heading{font:400 clamp(18px,1vw,26px)/1.4 var(--display);margin:28px 0 0;color:#FDFDFF}
.showcase-assets{gap:clamp(10px,.65vw,18px);margin:24px 0 0;width:100%;max-width:none}
.showcase-assets[hidden]{display:none}
.showcase-assets[data-count="1"]{grid-template-columns:minmax(0,1fr)}
.showcase-assets[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
.showcase-assets button{display:flex;flex-direction:column;justify-content:space-between;cursor:zoom-in}
.showcase-assets img{display:block;height:clamp(220px,13vw,360px);object-fit:contain;object-position:center;padding:18px;background:radial-gradient(ellipse at 50% 45%,#6B188550,transparent 76%),#10091a}
.showcase-assets[data-count="1"] img{height:clamp(270px,16vw,430px)}
.showcase-assets span{position:static;inset:auto;display:block;padding:14px 10px;background:#10091a;color:#ded3e7;font-size:clamp(14px,.7vw,18px);line-height:1.45;text-align:center}
.showcase-assets small{display:block;color:#DA67FD;font-size:clamp(11px,.55vw,14px);letter-spacing:.12em;margin-bottom:6px}
.evolution-assets button:last-child{border-color:#4CDC8270}
.evolution-assets button:last-child small{color:#4CDC82}
.showcase-paging{margin-top:28px;padding-top:22px}
.showcase-paging button{width:52px;height:52px;font-size:26px}
.showcase-paging span{font-size:clamp(14px,.7vw,18px)}
.showcase-expand,.showcase-art-label>span{font-size:clamp(11px,.6vw,15px)}
.showcase-visual,.skin-comparison{min-height:0;height:auto;aspect-ratio:3/2}
.skin-comparison>img,.comparison-upgrade img{object-fit:contain}
.evolution-view{align-self:center}
.evolution-full-art button,.evolution-copy .button,.comparison-presets button{font-size:clamp(14px,.7vw,18px)}
.evolution-copy .button{min-height:52px;align-self:stretch}
.evolution-note{margin-top:24px}
.comparison-presets button{min-height:52px}
.comparison-labels span,.comparison-caption{font-size:clamp(10px,.55vw,14px)}
.vip-showcase{display:grid;--stage-accent:#22E5BB;border:1px solid #22E5BB55;background:radial-gradient(ellipse at 100% 0,#6B188550,transparent 65%),#10091a;margin-top:32px;overflow:hidden}
.vip-banner{position:relative;display:block;align-self:center;width:100%;padding:0;border:0;background:#10091a;color:#FDFDFF;cursor:zoom-in}
.vip-banner>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.vip-banner>span{position:absolute;left:24px;bottom:24px;padding:14px 18px;border:1px solid #ffffff55;background:#10091ad9;font-size:clamp(12px,.7vw,18px)}
.vip-copy{display:flex;flex-direction:column;justify-content:center}
.vip-copy .label{color:#22E5BB}
.vip-copy>p:not(.vip-tagline){margin:0}
.vip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.vip-actions .button{font-size:clamp(13px,.7vw,18px);min-height:52px}
.vip-actions .text-link{background:none;border:0;border-bottom:1px solid #22E5BB66;color:#22E5BB;padding:10px 0;margin:0;font-size:clamp(13px,.7vw,18px)}
@media(min-width:1600px){
  .section-heading h2,.vip-heading h2{font-size:clamp(64px,3.8vw,98px)}
  .section-heading p,.vip-heading p,.story-copy p,.note-card p,.loot-card p,.mode-card p,.mode-card li,.roadmap-card p,.arena-caption p,.evolution-note{font-size:clamp(17px,.86vw,22px)}
  .chapter,.vip-heading .chapter,.section .label{font-size:clamp(12px,.55vw,15px)}
  .nav-links a,.brand,.filters button,.skin-search input,.collection-count,.text-link,.small-note{font-size:clamp(14px,.7vw,18px)}
  .skin-roster .skin-caption h3{font-size:clamp(18px,1vw,26px)}
  .skin-roster .tier{font-size:12px}
  .evolution-roster b{font-size:clamp(26px,1.35vw,36px)}
  .evolution-roster small{font-size:12px}
  .roadmap-card h3,.loot-card h3,.note-card h3{font-size:clamp(28px,1.4vw,38px)}
}
@media(max-width:1200px){
  .skin-showcase,.evolution-layout,.vip-showcase{grid-template-columns:minmax(0,1fr)}
  .showcase-assets img{height:250px}
  .showcase-assets[data-count="1"] img{height:310px}
}
@media(max-width:760px){
  .showcase-info,.evolution-copy,.vip-copy{padding:24px 20px}
  .showcase-info h3,.evolution-copy h3,.vip-copy h3{font-size:46px}
  .showcase-info>p,.evolution-copy .evolution-note,.vip-copy>p,.vip-heading p{font-size:16px}
  .showcase-assets{gap:10px;margin-top:20px}
  .showcase-assets img{height:160px;padding:10px}
  .showcase-assets[data-count="1"] img{height:270px}
  .showcase-assets[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-assets[data-count="3"] button:last-child{grid-column:1/-1}
  .showcase-assets span{font-size:13px;padding:12px 7px}
  .showcase-assets small{font-size:10px}
  .asset-heading{font-size:20px;margin-top:22px}
  .comparison-presets button{font-size:12px}
  .comparison-labels span,.comparison-caption{font-size:8px}
  .evolution-roster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .evolution-roster b{font-size:14px}
  .evolution-roster small{font-size:8px}
  .vip-banner>span{left:14px;bottom:14px;padding:10px 12px}
  .vip-actions{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}