:root{--ink:#151a24;--ink-2:#222a38;--paper:#f4f1e8;--card:#fffdf7;--yellow:#ffd84d;--orange:#ff6b35;--green:#67d391;--muted:#687080;--line:#d9d5c9;--shadow:0 18px 50px rgba(21,26,36,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit}h1,h2,h3{margin:0 0 .7rem;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;line-height:.98;text-transform:uppercase;letter-spacing:.015em}h1{font-size:clamp(3rem,8vw,6.4rem)}h2{font-size:clamp(2.1rem,4vw,3.4rem)}h3{font-size:1.65rem}p{margin:0 0 1rem}.shell{width:min(1160px,calc(100% - 2rem));margin-inline:auto}.narrow{max-width:780px}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:20;background:var(--yellow);padding:.8rem 1rem;font-weight:700}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:10;color:#fff;background:#151a24f5;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;gap:.7rem;align-items:center;color:#fff;text-decoration:none;line-height:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 46% 54%;background:var(--yellow);color:var(--ink);font-family:Arial Narrow,Impact,sans-serif;font-weight:800;transform:rotate(-4deg)}.brand strong,.brand small{display:block}.brand small{margin-top:.25rem;color:#aeb5c2;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}nav ul{display:flex;gap:.25rem;list-style:none;padding:0;margin:0}nav a{display:block;padding:.65rem .75rem;color:#ccd1da;text-decoration:none;font-size:.86rem;font-weight:600;border-radius:5px}nav a:hover,nav a.active{color:var(--yellow);background:#ffffff0f}.hero{overflow:hidden;color:#fff;background:var(--ink);position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.11;background-image:linear-gradient(30deg,transparent 49%,#fff 50%,transparent 51%),linear-gradient(150deg,transparent 49%,#fff 50%,transparent 51%);background-size:70px 120px}.hero-grid{position:relative;min-height:650px;padding-block:6rem;display:grid;grid-template-columns:1.4fr .75fr;gap:5rem;align-items:center}.hero h1 span{color:var(--yellow)}.hero .lead{max-width:630px;color:#cbd0d9;font-size:1.13rem}.eyebrow{margin-bottom:.9rem;color:var(--orange);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-block;padding:.9rem 1.25rem;border:2px solid;border-radius:4px;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.button.primary{border-color:var(--yellow);background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--orange)}.button.secondary{border-color:currentColor}.hero .button.secondary{color:#fff}.survival-card{padding:2.2rem;border:1px solid rgba(255,255,255,.15);background:#222a38db;box-shadow:var(--shadow);transform:rotate(1.5deg)}.radar{width:150px;aspect-ratio:1;margin:0 auto 1.5rem;display:grid;place-items:center;border:1px solid #506174;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 22px,#435163 23px 24px),conic-gradient(from 10deg,transparent 70%,rgba(103,211,145,.45))}.radar span{display:grid;place-items:center;width:54px;aspect-ratio:1;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900}.signal{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.14em}.survival-card strong{display:block;font-family:Arial Narrow,Impact,sans-serif;font-size:1.75rem;line-height:1.1;text-transform:uppercase}.meter{height:5px;margin:1.5rem 0 .6rem;background:#3b4554}.meter span{display:block;width:68%;height:100%;background:var(--green)}.survival-card small{color:#aeb5c2}.section{padding-block:5.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading>a,.text-link{color:#b44120;font-weight:700;text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-card{min-height:260px;padding:1.6rem;background:var(--card);border:1px solid var(--line);color:inherit;text-decoration:none;box-shadow:0 7px 0 transparent;transition:.2s}.guide-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 7px 0 var(--orange)}.guide-card>span{display:inline-block;margin-bottom:2.5rem;color:var(--orange);font-family:Arial Narrow,Impact,sans-serif;font-weight:800}.guide-card p{color:var(--muted)}.guide-card b{display:block;margin-top:1.5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.compact .guide-card{min-height:210px}.compact h2{font-size:1.75rem}.panel-section{background:#e7e2d4;border-block:1px solid var(--line)}.two-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:center}.two-columns>div:first-child>p:last-child{color:var(--muted);max-width:520px}.codes-list{padding:1rem;background:var(--ink);color:#fff}.code-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem;border-bottom:1px solid #38404e}.code-row code{display:block;color:var(--yellow);font-size:1.05rem;font-weight:800}.code-row small{display:block;color:#adb4c0}.codes-list .text-link{display:block;padding:1rem;color:var(--yellow)}.codes-list.full{margin:1.5rem 0 3rem}.status{flex:none;padding:.35rem .55rem;border-radius:3px;font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.status-active{color:#0b3920;background:var(--green)}.status-expired{color:#fff;background:#8c3c38}.status-unverified{color:var(--ink);background:#b8c0cc}.code-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin:2rem 0 1rem}.code-filters button{padding:.65rem .85rem;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;text-transform:uppercase}.code-filters button span{display:inline-grid;place-items:center;min-width:1.5rem;margin-left:.35rem;padding:.1rem .3rem;border-radius:10px;background:#e3ded1}.code-filters button[aria-pressed=true]{border-color:var(--yellow);background:var(--yellow)}.code-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.code-name>span{padding:.15rem .35rem;border-radius:3px;background:var(--orange);color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.code-date{margin-top:.25rem;color:#d6dae1!important}.code-row[hidden]{display:none}.codes-empty{margin:0;padding:2rem 1rem;text-align:center;color:#adb4c0}.redeem-steps{margin-top:3.5rem}.redeem-steps ol{padding-left:1.25rem}.redeem-steps li{padding:.55rem 0;border-bottom:1px solid var(--line)}.mission{text-align:center;max-width:800px}.mission h2{font-size:clamp(2.5rem,6vw,4.7rem)}.mission>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.mission .button{margin-top:1rem}.page-hero{padding:5rem 0 4rem;background:var(--ink);color:#fff}.page-hero h1{font-size:clamp(3.2rem,7vw,5.5rem)}.page-hero .lead{color:#cbd0d9;font-size:1.1rem}.article{padding-block:4rem 6rem}.article h2{margin-top:2.5rem;font-size:2rem}.notice{padding:1.2rem 1.4rem;border-left:5px solid var(--orange);background:#fff4d0}.notice p{margin:0;color:#5f5b52}.check-list{padding:0;list-style:none}.check-list li{padding:.7rem 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"+";margin-right:.8rem;color:var(--orange);font-weight:900}.article-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin-bottom:2.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.editorial-status{padding:.3rem .5rem;border-radius:3px}.editorial-verified{color:#0b3920;background:var(--green)}.editorial-review{color:#5b4300;background:var(--yellow)}.editorial-draft{color:#fff;background:var(--muted)}.prose h2{scroll-margin-top:7rem}.prose h3{margin-top:2rem;font-size:1.45rem}.prose blockquote{margin:2rem 0;padding:1rem 1.2rem;border-left:5px solid var(--yellow);background:var(--card)}.prose blockquote p{margin:0}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem}.prose th,.prose td{padding:.75rem;border:1px solid var(--line);text-align:left}.prose th{background:#e7e2d4}.prose code{padding:.15rem .35rem;background:#e7e2d4;border-radius:3px}.sources{margin-top:4rem;padding-top:1.5rem;border-top:2px solid var(--ink)}.sources h2{margin-top:0}.sources a{color:#a13c20;font-weight:700}.guide-volume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-volume{min-height:380px;display:flex;flex-direction:column;padding:1.7rem;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--card);color:inherit;text-decoration:none;transition:.2s}.guide-volume:after{content:"";position:absolute;right:-55px;bottom:-70px;width:190px;aspect-ratio:1;border-radius:50%;background:var(--volume-color);opacity:.13}.guide-volume:hover{transform:translateY(-5px);border-color:var(--volume-color);box-shadow:0 7px 0 var(--volume-color)}.guide-beginner{--volume-color:var(--green)}.guide-intermediate{--volume-color:var(--yellow)}.guide-expert{--volume-color:#a987ff}.volume-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:4rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.volume-top b{color:var(--ink)}.guide-volume h2{font-size:2.7rem}.guide-volume>p:not(.volume-range){color:var(--muted)}.volume-range{color:color-mix(in srgb,var(--volume-color) 70%,var(--ink));font-weight:800;text-transform:uppercase}.guide-volume>strong{margin-top:auto;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.game-intro-link{display:grid;grid-template-columns:150px 1fr auto;gap:1.5rem;align-items:center;margin-top:1rem;padding:1.3rem 1.5rem;border:1px solid var(--line);background:#e7e2d4;color:inherit;text-decoration:none}.game-intro-link>span{color:var(--orange);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.game-intro-link h2,.game-intro-link p{margin:0}.game-intro-link h2{font-size:1.7rem}.game-intro-link p{color:var(--muted)}.expert-intro>h2{margin-top:3rem}.expert-form{display:grid;gap:1rem;margin-top:2rem;padding:1.5rem;border:1px solid var(--line);background:var(--card)}.expert-form label{display:grid;gap:.4rem;font-size:.78rem;font-weight:800;text-transform:uppercase}.expert-form label>span{color:var(--muted);font-size:.62rem}.expert-form input,.expert-form textarea{width:100%;padding:.8rem;border:1px solid var(--line);background:#ece9e0;color:var(--muted);font:inherit;resize:vertical}.expert-form input:disabled,.expert-form textarea:disabled{cursor:not-allowed;opacity:.75}.expert-form .form-consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;text-transform:none}.form-consent input{width:auto;margin-top:.25rem}.expert-form button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.7}.expert-form>p{margin:0;color:var(--muted);font-size:.75rem}.event-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 3rem}.event-summary>div{display:grid;place-items:center;min-height:130px;border:1px solid var(--line);background:var(--card);text-align:center}.event-summary strong{color:var(--orange);font-family:Arial Narrow,Impact,sans-serif;font-size:3rem;line-height:1}.event-summary span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.activity-card{min-height:340px;display:flex;flex-direction:column;padding:1.6rem;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--card);color:inherit;text-decoration:none;transition:.2s}.activity-card:after{content:"";position:absolute;right:-60px;bottom:-70px;width:190px;aspect-ratio:1;border-radius:50%;background:var(--activity-color);opacity:.14}.activity-card.daily{--activity-color:var(--yellow)}.activity-card.individual{--activity-color:var(--orange)}.activity-card.guild{--activity-color:#a987ff}.activity-card:hover{transform:translateY(-5px);border-color:var(--activity-color);box-shadow:0 7px 0 var(--activity-color)}.activity-card>span{color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.activity-card>strong{margin:2.5rem 0 .5rem;color:var(--activity-color);font-family:Arial Narrow,Impact,sans-serif;font-size:3.5rem;line-height:1}.activity-card h2{font-size:2.3rem}.activity-card p{color:var(--muted)}.activity-card b{margin-top:auto;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.event-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;margin-top:1rem;padding:2rem;border:1px solid var(--line);background:#e7e2d4}.event-overview h2{font-size:2.5rem}.event-overview h3{font-size:1.4rem}.event-overview p,.event-overview ul{margin-bottom:0;color:var(--muted)}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.challenge-card{min-height:390px;display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);background:var(--card)}.challenge-top{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.challenge-top b{color:#745b00}.challenge-card h2{margin-top:2.4rem;font-size:2rem}.challenge-card>p{color:var(--muted)}.challenge-card dl{margin:1rem 0}.challenge-card dl>div{padding:.65rem 0;border-top:1px solid var(--line)}.challenge-card dt{font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.challenge-card dd{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.challenge-card>small{margin-top:auto;color:var(--muted)}.activity-note{margin-top:2rem}.event-empty{padding:3rem;border:1px dashed var(--line);background:var(--card);text-align:center}.event-empty h2{font-size:clamp(2rem,5vw,3.5rem)}.event-empty>p:last-child{color:var(--muted)}.element-intro{max-width:720px;margin-bottom:2.5rem}.element-intro>p:last-child{color:var(--muted)}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.element-grid>.element-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}.element-card{min-height:190px;display:flex;align-items:center;gap:1.5rem;padding:1.5rem;overflow:hidden;position:relative;background:var(--card);border:1px solid var(--line);color:inherit;text-decoration:none;transition:.2s}.element-card:after{content:"";position:absolute;right:-45px;bottom:-65px;width:150px;aspect-ratio:1;border-radius:50%;background:var(--element-color);opacity:.15}.element-card:hover{transform:translateY(-4px);border-color:var(--element-color);box-shadow:0 7px 0 var(--element-color)}.element-card h2{font-size:2rem}.element-card p{margin-bottom:.7rem;color:var(--muted)}.element-card b{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.element-mark{flex:none;width:82px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.element-mark img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.element-page .page-hero{border-bottom:6px solid var(--element-color)}.back-link{display:inline-block;margin-bottom:2rem;color:var(--muted);font-weight:700;text-decoration:none}.character-list{display:grid;gap:2rem}.character-row{display:grid;grid-template-columns:minmax(350px,.82fr) 1.18fr;min-height:560px;border:1px solid var(--line);background:var(--card)}.character-row.reverse{grid-template-columns:1.18fr minmax(350px,.82fr)}.character-row.reverse .character-portrait{order:2}.character-row.reverse .character-info{order:1}.character-portrait{min-height:560px;padding:.75rem;background:linear-gradient(145deg,color-mix(in srgb,var(--element-color) 15%,var(--ink)),var(--ink));overflow:hidden}.character-portrait img{width:128%;max-width:none;height:100%;margin-left:-14%;object-fit:contain;object-position:center;display:block}.rarity-epic .character-portrait{background:radial-gradient(circle at 50% 46%,#a67d24 0,#604612 46%,#221b0c)}.rarity-mythic .character-portrait{background:radial-gradient(circle at 75% 20%,rgba(221,174,69,.65),transparent 28%),radial-gradient(circle at 50% 50%,#68468c 0,#38234f 55%,#1b1424)}.rarity-legendary .character-portrait{background:radial-gradient(circle at 50% 45%,#a53632 0,#651e20,#260e12)}.portrait-placeholder{width:100%;height:100%;min-height:430px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,transparent 45%,color-mix(in srgb,var(--element-color) 45%,transparent));font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.character-info{padding:2.2rem;align-self:center}.character-info h2{font-size:clamp(2.4rem,4vw,3.4rem)}.character-info>p{color:var(--muted)}.character-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.character-tags span{padding:.28rem .5rem;border:1px solid var(--element-color);font-size:.65rem;font-weight:800;text-transform:uppercase}.character-tags .rarity-tag{border-color:#687080;background:#3d4654;color:#e8ebef}.rarity-epic .character-tags .rarity-tag{border-color:#9a7423;background:#4c370d;color:#f4d36e}.rarity-mythic .character-tags .rarity-tag{border-color:#bd9851;background:#3d2754;color:#f1d789}.rarity-legendary .character-tags .rarity-tag{border-color:#9e3c38;background:#571c20;color:#ffaaa2}.character-acquisition{margin:1.5rem 0;padding:.9rem 1rem;border-left:4px solid var(--element-color);background:color-mix(in srgb,var(--element-color) 8%,var(--paper))}.character-acquisition h3,.character-acquisition p{margin:0}.character-acquisition h3{font-size:1rem}.character-acquisition p{color:var(--muted);font-size:.86rem}.ability-list{display:grid;gap:.7rem;margin:1.5rem 0}.ability-card{display:grid;grid-template-columns:76px 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line)}.ability-card img{width:76px;aspect-ratio:1;object-fit:cover;border-radius:14px}.ability-card span,.linked-ability>span{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ability-card h3,.ability-card p,.linked-ability h3,.linked-ability p{margin:0}.ability-card h3,.linked-ability h3{font-size:1.3rem}.ability-card p,.linked-ability p{font-size:.86rem}.linked-ability{padding:1rem;border:1px solid color-mix(in srgb,var(--element-color) 65%,var(--line));background:color-mix(in srgb,var(--element-color) 8%,transparent)}.linked-ability h3 small{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.6rem}.progression-note{margin-top:1rem;font-size:.76rem}.character-info>small{color:var(--muted)}.empty-roster{min-height:360px;display:flex;align-items:center;justify-content:center;gap:2rem;padding:3rem;border:1px dashed color-mix(in srgb,var(--element-color) 70%,var(--line));background:color-mix(in srgb,var(--element-color) 7%,var(--card))}.empty-roster>div{max-width:610px}.empty-roster h2{font-size:clamp(2rem,5vw,3.5rem)}.empty-roster>div>p:last-child{color:var(--muted)}.not-found{min-height:65vh;padding-block:8rem;text-align:center}.not-found p:not(.eyebrow){color:var(--muted)}.not-found .button{margin-top:1rem}.site-footer{padding:3.5rem 0 1.5rem;background:var(--ink);color:#b8bec9}.footer-grid{display:flex;justify-content:space-between;gap:2rem}.footer-grid strong{color:#fff;font-family:Arial Narrow,Impact,sans-serif;font-size:1.5rem;text-transform:uppercase}.footer-links{display:flex;flex-wrap:wrap;gap:1.2rem}.footer-links a{color:#fff;text-decoration:none}.legal{padding-top:2rem;margin-top:2rem;border-top:1px solid #353d49;font-size:.75rem}@media(max-width:800px){.header-inner{min-height:auto;padding-block:.75rem;flex-direction:column;align-items:flex-start;gap:.6rem}nav{width:100%;overflow-x:auto}nav ul{width:max-content}.hero-grid,.two-columns{grid-template-columns:1fr;gap:3rem}.hero-grid{padding-block:4rem}.card-grid,.element-grid,.guide-volume-grid,.activity-grid,.challenge-grid{grid-template-columns:1fr}.element-grid>.element-card:last-child:nth-child(odd){grid-column:auto;width:100%}.guide-volume,.activity-card{min-height:320px}.volume-top{margin-bottom:2rem}.game-intro-link{grid-template-columns:1fr auto}.game-intro-link>span{grid-column:1/-1}.event-overview{grid-template-columns:1fr;gap:1.5rem}.section-heading,.footer-grid{align-items:flex-start;flex-direction:column}.section{padding-block:4rem}.character-row,.character-row.reverse{grid-template-columns:1fr}.character-row.reverse .character-portrait,.character-row.reverse .character-info{order:initial}.character-portrait,.portrait-placeholder{min-height:320px}.character-columns{grid-template-columns:1fr;gap:1rem}.empty-roster{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.shell{width:min(100% - 1.25rem,1160px)}.brand small{display:none}nav a{padding:.45rem .6rem}.hero-grid{min-height:auto}.survival-card{padding:1.5rem}.page-hero{padding:3.5rem 0}.code-row{align-items:flex-start;flex-direction:column}.event-summary{grid-template-columns:1fr}.event-summary>div{min-height:90px}.expert-form{padding:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}