:root{--ink:#06111c;--panel:#0a1825;--gold:#ebbe72;--gold-muted:#a9834b;--cyan:#74dbef;--text:#f5f0e7;--muted:#b0bac5;--line:#d8ae6947}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--ink);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,summary{cursor:pointer}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.12}h1,h2{letter-spacing:-.035em}h2{font-size:clamp(2rem,3.4vw,3.3rem)}h3{font-size:1.5rem}em{color:var(--gold);font-style:normal}.container{width:min(1280px,100% - 96px);margin-inline:auto}.section{padding-block:76px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--gold);color:var(--ink);padding:12px 20px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:20;border-bottom:1px solid var(--line);background:#06111cf5;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:12px max(48px,50vw - 640px);display:flex;position:relative}.brand{color:var(--gold);letter-spacing:.035em;flex-shrink:0;align-items:center;gap:12px;font-family:Georgia,serif;font-size:1.12rem;line-height:1.04;display:inline-flex}.brand img{object-fit:contain}.site-header nav,footer nav{align-items:center;gap:32px;font-size:.85rem;display:flex}.site-header nav a{padding:10px 0}.site-header nav a:hover,footer nav a:hover{color:var(--gold)}.nav-download,.primary-button{color:#19130b;background:linear-gradient(135deg,#f6d18c,#d49e50);border:1px solid #f7d69c;justify-content:center;align-items:center;gap:20px;font-family:Georgia,serif;font-weight:700;line-height:1.2;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 3px 20px #0003,inset 0 1px #fff6}.nav-download{white-space:nowrap;padding:12px 22px;font-size:.9rem}.primary-button{min-height:58px;padding:16px 26px;font-size:1.12rem}.nav-download:hover,.primary-button:hover{background:linear-gradient(135deg,#ffe3ae,#e9b667);transform:translateY(-2px)}.secondary-button{border:1px solid var(--gold-muted);min-height:58px;color:var(--text);background:#06111c80;justify-content:center;align-items:center;gap:24px;padding:14px 26px;font-family:Georgia,serif;font-size:1.05rem;transition:background .2s;display:inline-flex}.secondary-button:hover{background:#1a2938}.menu-toggle{display:none}.hero{isolation:isolate;border-bottom:1px solid var(--line);align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-media,.hero-shade{z-index:-2;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#06111c99,#0000 64%),linear-gradient(#0000 80%,#06111c)}.hero-content{padding-block:82px 72px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.23em;margin-bottom:20px;font-size:.66rem;font-weight:600}h1{text-shadow:0 3px 30px #0008;max-width:760px;font-size:clamp(3.5rem,5.6vw,5.6rem);line-height:1.03}.hero-copy{color:#e2e5e8;max-width:530px;margin-top:22px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.hero-meta{gap:0;width:470px;max-width:100%;margin:36px 0 0;padding:0;list-style:none;display:flex}.hero-meta li{border-right:1px solid var(--line);white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:8px;padding:0 20px;font-family:Georgia,serif;font-size:.9rem;display:flex}.hero-meta li:first-child{padding-left:0}.hero-meta li:last-child{border:0}.hero-meta svg{width:28px;height:28px;color:var(--gold)}.art-credit{color:#c9d2dc;letter-spacing:.13em;text-transform:uppercase;font-size:.56rem;position:absolute;bottom:14px;right:20px}.game-section{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0b1c29,#06111c)}.feature-strip{grid-template-columns:repeat(3,1fr);padding-block:28px;display:grid}.feature-strip article{border-right:1px solid var(--line);align-items:center;gap:18px;padding:0 24px;display:flex}.feature-strip article:first-child{padding-left:0}.feature-strip article:last-child{border:0;padding-right:0}.feature-strip svg{color:var(--gold);flex-shrink:0;width:46px;height:46px}.feature-strip h2{color:#f3d8a5;letter-spacing:0;font-size:1.2rem}.feature-strip p{color:var(--muted);margin-top:6px;font-size:.76rem}.section-heading{margin-bottom:34px}.centered{text-align:center}.centered .eyebrow{margin-bottom:12px}.ornament{max-width:600px;color:var(--gold);justify-content:center;align-items:center;gap:20px;margin:24px auto 0;font-size:1.15rem;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-muted));flex:1;height:1px}.ornament:after{transform:rotate(180deg)}.arena-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.arena-card{border:1px solid var(--line);background:linear-gradient(#142434,#091622);min-width:0;transition:border-color .2s,transform .2s}.arena-card:hover{border-color:var(--gold-muted);transform:translateY(-3px)}.arena-image{aspect-ratio:16/9;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.arena-image img{object-fit:cover;width:100%;height:100%}.arena-number,.capture-label{letter-spacing:.13em;background:#06111ccc;padding:4px 8px;font-size:.55rem;position:absolute}.arena-number{color:var(--gold);top:12px;left:12px}.capture-label{color:#e3e7ed;text-transform:uppercase;bottom:10px;right:10px}.arena-body{text-align:center;padding:24px}.arena-body h3{color:var(--gold)}.arena-body p{color:var(--muted);margin-top:14px;font-size:.8rem}.arena-body .arena-subtitle{color:var(--text);margin-top:8px;font-family:Georgia,serif;font-size:.9rem}.mode-note{border-top:1px solid var(--line);align-items:center;gap:30px;margin-top:28px;padding-top:22px;font-size:.8rem;display:flex}.mode-note>span{white-space:nowrap;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.mode-note p{color:var(--muted)}.mode-note b{color:var(--text);font-weight:500}.showcase-section{border-block:1px solid var(--line);background:radial-gradient(at 80%,#10304880,#0000 65%),#081522;padding-block:42px}.spell-showcase{grid-template-columns:1fr 2fr;align-items:center;gap:40px;display:grid}.spell-showcase .eyebrow{margin-bottom:12px}.spell-showcase>div>p:not(.eyebrow){color:var(--muted);max-width:290px;margin-top:16px;font-size:.9rem}.text-link{color:var(--gold);border-bottom:1px solid var(--gold-muted);gap:20px;margin-top:20px;padding-bottom:4px;font-family:Georgia,serif;font-size:1rem;display:inline-flex}.text-link:hover{color:#ffe0a7}.showcase-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.showcase-card{border:1px solid var(--line);text-align:center;background:radial-gradient(circle at 50% 30%,#193d55,#06111c 72%);min-width:0;transition:border-color .2s,transform .2s}.showcase-card:hover{border-color:var(--gold);transform:translateY(-4px)}.showcase-card img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;padding:16px}.showcase-card>div{border-top:1px solid var(--line);padding:12px 6px}.showcase-card h3{color:var(--text);font-size:.95rem}.showcase-card span{text-transform:uppercase;letter-spacing:.13em;font-size:.55rem}.role-attack{color:#ffb285}.role-defense{color:#8ddaff}.role-mobility{color:#8fe1d1}.role-control{color:#c4adff}.role-utility{color:var(--gold)}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.tutorial-grid article{border-right:1px solid var(--line);padding:0 30px 0 0;position:relative}.tutorial-grid article:last-child{border:0;padding-right:0}.step-number{color:var(--gold);margin-bottom:18px;font-family:Georgia,serif;font-size:1.3rem;display:block}.tutorial-grid svg{width:34px;height:34px;color:var(--gold);float:left;margin:2px 14px 14px 0}.tutorial-grid h3{font-size:1.4rem}.tutorial-grid article>p{color:var(--muted);min-height:60px;margin-top:12px;font-size:.86rem}details{font-size:.8rem}summary{color:var(--gold);justify-content:space-between;gap:16px;padding:14px 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details[open] summary>span{transform:rotate(45deg)}summary>span{font-size:1.2rem;line-height:1.2}details ol{color:var(--muted);margin:4px 0 0;padding-left:20px}details li{margin-bottom:12px;padding-left:4px}details b{color:var(--text);font-weight:500}.tip-bar{background:#0a1c2b;border:1px solid #74dbef33;align-items:center;gap:16px;margin-top:36px;padding:18px 22px;display:flex}.tip-bar svg{width:28px;height:28px;color:var(--cyan);flex-shrink:0}.tip-bar p{color:var(--muted);font-size:.82rem}.tip-bar b{color:var(--cyan);margin-right:14px;font-weight:500}.spell-section{border-top:1px solid var(--line);background:linear-gradient(#0a1a28,#06111c)}.wiki-heading{grid-template-columns:1fr 1fr;align-items:end;gap:60px;display:grid}.wiki-heading>p{color:var(--muted);max-width:490px;font-size:.9rem}.wiki-heading .eyebrow{margin-bottom:12px}.wiki-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px;display:flex}.filters{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.filters button{color:var(--muted);background:0 0;border:1px solid #0000;padding:9px 13px;font-size:.75rem}.filters button:hover{color:var(--gold)}.filters button.active{border-color:var(--gold-muted);color:var(--gold);background:#b4813020}.search{width:260px;min-height:44px;color:var(--gold);border:1px solid #aabbd233;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;display:flex}.search>span{font-size:1.5rem}.search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;font-size:.8rem}.search input::placeholder{color:#a3b2c1}.search:focus-within{border-color:var(--cyan)}.result-count{color:var(--muted);margin:14px 0 24px;font-size:.72rem}.spell-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.spell-card{border:1px solid var(--line);background:#0b1a28;min-width:0}.spell-top{border-bottom:1px solid var(--line);background:radial-gradient(circle,#17374e,#071420 70%);place-items:center;height:170px;display:grid;position:relative}.spell-top img{object-fit:contain;width:136px;height:136px}.spell-number{color:var(--gold-muted);font-size:.65rem;position:absolute;top:12px;left:16px}.primary-tag{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;border:1px solid #74dbef66;padding:2px 7px;font-size:.52rem;position:absolute;top:12px;right:14px}.spell-body{padding:24px}.role{letter-spacing:.14em;text-transform:uppercase;font-size:.55rem}.spell-body h3{margin-top:6px;font-size:1.4rem}.spell-body>p{color:var(--muted);min-height:82px;margin-top:12px;font-size:.82rem}.spell-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 0;padding-top:16px;display:grid}.spell-stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.spell-stats dd{color:var(--text);margin:4px 0 0;font-size:.85rem}.empty-spells{text-align:center;color:var(--muted);padding:32px 0}.empty-spells button{margin-top:20px}.download-section{border-block:1px solid var(--line);background:linear-gradient(90deg,#06111ce8,#06111cbd,#06111ce8),url(/images/hero-mage.webp) 50% 65%/cover;position:relative}.download-content{justify-content:center;align-items:center;gap:64px;display:flex}.download-content>img{filter:drop-shadow(0 0 30px #52bcff33);flex-shrink:0}.download-copy>p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:.9rem}.download-copy .primary-button{margin-top:26px}.download-copy .download-meta{font-size:.72rem!important}.download-meta span{color:var(--gold);margin-inline:8px}.download-copy h2{font-size:clamp(2.4rem,3.5vw,3.6rem)}.install-section{border-bottom:1px solid var(--line);padding-block:14px}.install-section summary{color:var(--muted)}.install-details{color:var(--muted);max-width:800px;padding:0 0 16px}.install-details dl{font-size:.72rem}.install-details dl>div{grid-template-columns:100px 1fr;gap:16px;margin-top:8px;display:grid}.install-details dd{overflow-wrap:anywhere;margin:0}footer{justify-content:space-between;align-items:center;gap:24px;padding-block:32px;display:flex}footer .brand{font-size:.75rem}footer nav{gap:22px;font-size:.74rem}footer small{color:var(--muted);font-size:.65rem}@media (min-width:1600px){.hero{min-height:740px}}@media (max-width:1100px){.site-header{padding-inline:32px}.site-header nav{gap:22px}.container{width:calc(100% - 64px)}.hero{min-height:600px}.hero h1{font-size:clamp(3.4rem,6.7vw,4.8rem)}.hero-copy{max-width:440px}.feature-strip article{gap:12px;padding-inline:16px}.feature-strip svg{width:34px}.feature-strip h2{font-size:1.05rem}.spell-showcase{grid-template-columns:1fr 1.65fr;gap:24px}.showcase-grid{gap:8px}.arena-body{padding:20px 16px}.tutorial-grid{gap:22px}.tutorial-grid article{padding-right:20px}.wiki-tools{flex-wrap:wrap}.search{width:100%;max-width:340px}.hero-shade{background:linear-gradient(90deg,#06111cd9,#0000 85%),linear-gradient(#0000 70%,#06111c)}}@media (max-width:800px){.section{padding-block:56px}.site-header{flex-wrap:wrap;gap:16px}.site-header .brand{margin-right:auto}.brand{font-size:.95rem}.brand img{width:44px;height:44px}.menu-toggle{color:var(--gold);border:1px solid var(--line);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:flex}.site-header nav{border-top:1px solid var(--line);order:4;width:100%;padding-top:12px;display:none}.site-header nav.is-open{flex-wrap:wrap;gap:8px 24px;display:flex}.nav-download{gap:10px;padding:12px 16px;font-size:.8rem}.feature-strip article{display:block}.feature-strip svg{margin-bottom:8px}.feature-strip h2{line-height:1.3}.feature-strip p{font-size:.7rem}.arena-grid{gap:14px}.arena-body h3{font-size:1.25rem}.arena-body .arena-subtitle{font-size:.8rem}.arena-body p{font-size:.76rem}.spell-showcase{grid-template-columns:1fr;gap:28px}.spell-showcase>div>p:not(.eyebrow){max-width:480px}.showcase-grid{gap:16px}.showcase-card img{padding:12px}.showcase-card h3{font-size:1rem}.tutorial-grid{grid-template-columns:1fr;gap:24px}.tutorial-grid article{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.tutorial-grid article>p{min-height:0}.step-number{float:right;margin:0}.tutorial-grid details{clear:both}.wiki-heading{grid-template-columns:1fr;gap:20px}.spell-grid{grid-template-columns:repeat(2,1fr);gap:16px}.mode-note{display:block}.mode-note p{margin-top:8px}.download-content{gap:30px}.download-content>img{width:120px;height:120px}footer{flex-wrap:wrap}}@media (max-width:640px){.container{width:calc(100% - 40px)}.site-header{gap:10px;min-height:76px;padding:12px 20px}.site-header .brand{gap:6px;font-size:.79rem}.site-header .brand img{width:36px;height:36px}.menu-toggle{padding:8px;font-size:.72rem}.nav-download{padding:10px 12px;font-size:.72rem}.nav-download span{display:none}.hero{align-items:flex-end;min-height:720px}.hero-shade{background:linear-gradient(#06111c00 10%,#06111c55 34%,#06111cef 64%,#06111c 98%)}.hero-content{padding-block:320px 54px}.hero .eyebrow{margin-bottom:14px;font-size:.57rem}h1,.hero h1{letter-spacing:-.04em;font-size:clamp(2.6rem,9.3vw,3.8rem)}.hero-copy{max-width:320px;margin-top:18px;font-size:.95rem}.desktop-break{display:none}.hero-actions{gap:12px;margin-top:24px}.primary-button{gap:12px;min-height:52px;padding:14px 18px;font-size:1rem}.secondary-button{gap:12px;min-height:52px;padding:14px 16px;font-size:.95rem}.hero-meta{width:100%;margin-top:26px}.hero-meta li{padding:0 10px;font-size:.72rem}.hero-meta svg{width:25px;height:25px}.art-credit{font-size:.48rem;bottom:10px}.feature-strip{grid-template-columns:1fr;padding-block:4px}.feature-strip article,.feature-strip article:first-child,.feature-strip article:last-child{border-right:0;border-bottom:1px solid var(--line);gap:18px;padding:20px 0;display:flex}.feature-strip article:last-child{border-bottom:0}.feature-strip svg{width:40px;height:40px;margin:0}.feature-strip h2{font-size:1.18rem}.feature-strip p{font-size:.76rem}.arena-grid{grid-template-columns:1fr;gap:22px}.arena-body{padding:22px}.arena-body h3{font-size:1.5rem}.arena-body .arena-subtitle{font-size:.95rem}.arena-body p{font-size:.85rem}.section-heading{margin-bottom:28px}.section-heading h2{font-size:2.25rem}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:14px}.spell-showcase h2{font-size:2.3rem}.showcase-card img{max-height:180px}.tip-bar{align-items:flex-start;padding:16px}.tip-bar b{margin-bottom:4px;display:block}.wiki-tools{gap:16px}.filters{gap:4px}.filters button{padding:8px 11px}.search{max-width:none}.spell-grid{grid-template-columns:1fr}.spell-body>p{min-height:0}.spell-top{height:180px}.download-content{text-align:center;flex-direction:column;gap:24px}.download-content>img{width:100px;height:100px}.download-copy h2{font-size:2.6rem}.download-copy .eyebrow{font-size:.6rem}.install-details dl>div{grid-template-columns:1fr;gap:2px}footer{text-align:center;justify-content:center;gap:20px}footer nav{gap:18px}footer small{width:100%}.hero-media img{object-position:86% top}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}