@font-face{font-family:Cinzel;src:url(assets/Cinzel.ttf)}@font-face{font-family:Inter;src:url(assets/Inter.ttf)}
:root{--bg:#0b1419;--panel:#152229;--ink:#eee7d9;--muted:#a5b3b8;--gold:#d6b77c;--line:#33444b;--teal:#93d1c8;--red:#efad9c;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:Cinzel,Georgia,serif;line-height:1.16}h1{font-size:clamp(36px,4vw,62px)}h2{font-size:clamp(30px,3.2vw,46px)}em{font-style:normal;color:var(--gold)}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:600;margin-bottom:22px}.nav{height:98px;position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;border-bottom:1px solid #d6b77c20;background:linear-gradient(#0a1219c9,#0a121933)}.nav nav{display:flex;gap:36px;font-size:13px}.nav nav a:hover,footer a:hover{color:var(--gold)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;line-height:1.2;font-family:Cinzel,Georgia,serif;letter-spacing:.14em;font-size:22px}.brand img{width:42px;height:54px}.brand small{display:block;font-size:12px;letter-spacing:.22em;text-align:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:14px 26px;background:linear-gradient(130deg,#e5cd94,#b99b65);color:#151d20;border:1px solid #eddaa9;font-size:13px;font-weight:600;box-shadow:0 4px 20px #0003;transition:filter .18s,transform .18s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button span{font-size:12px}.button.small{min-height:42px;padding:10px 18px}.quiet{background:#18262e;border:1px solid var(--line);color:var(--ink);padding:10px 18px;min-height:44px}.quiet:hover{border-color:var(--gold)}.text-link{border-bottom:1px solid #d6b77c70;padding:6px 0;font-size:13px;color:var(--gold)}.hero{height:min(940px,100svh);min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-art{animation:breathe 24s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,#070e17f2 0%,#09131bbd 30%,#0b141922 65%),linear-gradient(0deg,#0b1419,transparent 22%)}.hero-content{position:relative;margin-left:9%;padding-top:65px;max-width:720px}.hero h1{font-size:clamp(44px,4.7vw,75px);line-height:1.17;letter-spacing:-.015em}.hero .lead{font-size:19px;line-height:1.5;margin-top:26px}.hero-copy{font-size:14px;color:#b4bdc3;margin-top:18px}.actions{display:flex;align-items:center;gap:32px;margin-top:35px}.hero-note{display:block;color:#9fa9b0;font-size:11px;margin-top:14px}.hero-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;color:#a4afba;font-size:9px;letter-spacing:.16em}.section{max-width:1320px;margin:auto;padding:96px 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}.section-heading>.muted{font-size:12px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{display:block;border-bottom:1px solid var(--line);padding-bottom:25px}.news-card .news-art{overflow:hidden;aspect-ratio:1.8}.news-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.news-card:hover img{transform:scale(1.04)}.news-card .meta{font-size:10px;letter-spacing:.08em;color:var(--gold);margin:19px 0 10px;display:flex;justify-content:space-between}.news-card h3{font-family:Cinzel,Georgia,serif;font-size:21px;line-height:1.4}.news-card p{margin-top:10px;font-size:13px;color:var(--muted)}.faction-section{max-width:1440px;margin:0 auto;padding:40px 48px 0}.faction-section>.section-heading{padding:0 12px}.faction-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:0}.faction-tabs button{flex:1;background:transparent;color:#9ca9ac;border:0;border-bottom:2px solid transparent;padding:18px 10px;font-family:Cinzel,serif;font-size:17px}.faction-tabs [aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold);background:linear-gradient(transparent,#d6b77c0e)}.faction-stage{height:565px;position:relative;background:#15212b;overflow:hidden}.faction-stage>img{width:100%;height:100%;object-fit:cover;object-position:75% center}.faction-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08121af0 10%,#08121ac0 38%,transparent 80%);pointer-events:none}.faction-story{position:absolute;z-index:1;top:60px;left:5%;width:42%}.faction-story h3{font-family:Cinzel,serif;font-size:38px;margin-bottom:20px}.faction-story>p:not(.eyebrow){color:#bbc6cc;font-size:14px;line-height:1.8;max-width:450px}.faction-pair{display:flex;gap:16px;align-items:center;margin:26px 0}.faction-pair img{height:62px;width:62px;object-fit:cover;object-position:50% 15%;border-radius:50%;border:1px solid var(--gold)}.faction-pair small{display:block;color:var(--gold);font-size:9px;letter-spacing:.14em}.faction-pair strong{display:block;font-weight:400;font-size:14px}.pact-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:115px;padding-bottom:115px}.pact-section p:not(.eyebrow){margin:25px 0;color:var(--muted);max-width:450px}.pact-cards{display:flex;justify-content:center;position:relative;min-height:330px}.pact-cards img{width:47%;max-width:230px;aspect-ratio:2/3;object-fit:cover;border:5px ridge #a48a63;box-shadow:0 20px 40px #0009;transform:rotate(-9deg)}.pact-cards img+img{transform:rotate(9deg) translate(-15px,30px);border-color:#6daca6}.download-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px max(8%,calc((100vw - 1160px)/2));background:linear-gradient(110deg,#1c2b32,#102028);border-block:1px solid #d6b77c30}.download-section h2{font-size:50px}.download-section p{margin:22px 0;color:var(--muted)}.download-section .download-note{font-size:11px;line-height:1.8}.download-steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}.download-steps li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:24px}.download-steps li>span{color:var(--gold);font-family:Cinzel,serif;font-size:27px}.download-steps h3{font-size:16px}.download-steps p{font-size:12px;margin:6px 0 0;max-width:340px}footer{padding:55px 6% 35px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}footer p,footer small{color:var(--muted);font-size:11px}footer>div{display:flex;gap:26px;font-size:12px}.collection,.account,.article{padding-top:155px;min-height:75vh}.collection h1,.account h1{font-size:40px}.collection .section-heading p{margin-top:12px}.count{font-family:Cinzel,serif;color:var(--gold)}.filters{display:flex;gap:14px;align-items:end;border-block:1px solid var(--line);padding:24px 0;margin-bottom:36px}.filters label,form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}.filters .search-label{flex:1;min-width:170px}input,select{background:#14232b;border:1px solid #344a54;color:var(--ink);padding:12px;min-height:46px;border-radius:2px}select{min-width:130px}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 18px}.card-tile{border:0;background:none;color:var(--ink);padding:0;text-align:left;transition:transform .18s}.card-tile:hover{transform:translateY(-7px)}.card-art{position:relative;aspect-ratio:2/3;border:2px solid var(--card-color,#d6b77c);border-radius:9px;box-shadow:0 9px 13px #0006;overflow:hidden;background:#10191e}.card-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.card-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 4px #10191e70;pointer-events:none}.card-name{position:absolute;bottom:0;left:0;right:0;padding:36px 9px 10px;background:linear-gradient(transparent,#071016ec 40%);font-family:Cinzel,serif;font-size:12px;line-height:1.4;min-height:72px;display:flex;align-items:end}.orb{position:absolute;top:7px;left:7px;background:#16444c;border:2px solid #92c3c5;border-radius:50%;width:32px;height:32px;text-align:center;line-height:28px;font-size:20px;color:#b8efec;z-index:1}.scale{left:auto;right:7px;border-radius:5px;background:#372839;color:#e9c4cf;border-color:#bb8da0;font-size:16px}.card-meta{font-size:10px;letter-spacing:.05em;color:var(--muted);display:flex;justify-content:space-between;margin:9px 1px 0}.pagination{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:42px;font-size:12px}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted)}dialog{color:var(--ink);background:#122029;border:1px solid #7c765e;width:min(980px,94vw);max-height:92svh;padding:40px;box-shadow:0 35px 100px #000b}dialog::backdrop{background:#02070cd9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--ink);font-size:30px;width:44px;height:44px;z-index:3}#detail-body{display:grid;grid-template-columns:310px 1fr;gap:35px;align-items:start}.detail-art{border:3px solid var(--card-color);border-radius:10px;overflow:hidden}.detail-art img{aspect-ratio:2/3;width:100%;object-fit:cover}#detail-body h2{font-size:30px;line-height:1.3;margin-bottom:22px}#detail-body .eyebrow{margin:15px 0}.stats{display:flex;gap:25px;border-block:1px solid var(--line);padding:17px 0;margin:20px 0}.stats span{display:flex;flex-direction:column;font-size:25px;color:var(--gold)}.stats small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.effect{font-size:18px;line-height:1.7}.keyword{font-size:12px;color:var(--muted);padding-top:16px}.keyword b{color:var(--gold)}.dialog-nav{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;font-size:12px}.article{max-width:1000px}.article h1{font-size:42px;margin:22px 0 30px}.article>.eyebrow{margin-top:30px}.article>img{width:100%;aspect-ratio:2.2;object-fit:cover;margin-bottom:32px}.article p{color:#bbc7cc;margin-bottom:20px;line-height:1.9}.article h2{font-size:25px;margin:30px 0 15px}.skip{position:absolute;top:-100px;background:var(--gold);color:#000;z-index:100;padding:15px}.skip:focus{top:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#223b40;border:1px solid var(--teal);padding:14px 25px;max-width:90vw;font-size:13px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.account-panel{background:var(--panel);border:1px solid var(--line);padding:28px}.account-panel h2{font-size:24px;margin-bottom:18px}.account-panel form{display:grid;gap:18px}.notice{padding:15px;border-left:2px solid var(--gold);background:#d6b77c0a;color:var(--muted);font-size:13px;margin:20px 0}.error{color:var(--red);white-space:pre-wrap}.account-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.balance{display:flex;gap:30px;color:var(--gold);margin:24px 0}.inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.inventory-item{background:var(--panel);padding:15px;border:1px solid var(--line)}.inventory-item>img{height:140px;width:100%;object-fit:cover;object-position:center 20%}.inventory-item h3{font-size:13px;min-height:44px;margin-top:10px}.inventory-item p{font-size:11px;color:var(--muted);margin:8px 0}.inventory-item button{font-size:11px;padding:8px;min-height:38px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.list-row p{font-size:12px;color:var(--muted)}.medals{display:flex;flex-wrap:wrap;gap:12px}.medal{padding:14px;border:1px solid var(--gold);background:#d6b77c10;color:var(--gold);font-size:12px}.account-panel p{font-size:13px;color:var(--muted)}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(min-width:1700px){.hero-content{margin-left:14%}.hero-art{object-position:center 35%}}@media(max-width:1000px){.nav{padding:0 25px;gap:15px}.nav nav{gap:20px}.card-grid{grid-template-columns:repeat(4,1fr)}.section{padding-inline:30px}.hero-content{margin-left:7%}.hero h1{font-size:56px}.faction-story{width:55%;top:40px}.faction-stage{height:580px}.pact-section{gap:50px}.download-section{padding:60px 6%;gap:45px}.inventory{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.nav{height:120px;flex-wrap:wrap;gap:0;padding:14px 20px}.brand{font-size:17px;gap:7px}.brand img{width:30px;height:37px}.brand small{font-size:9px}.nav nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:11px;padding-top:14px}.nav>.button{font-size:10px;padding:8px 12px;min-height:36px;gap:12px}.hero{height:800px;min-height:760px;max-height:none;align-items:end}.hero-art{object-position:64% center}.hero-shade{background:linear-gradient(0deg,#0b1419 0%,#0b1419d9 32%,#0b14193a 68%,#0b141977)}.hero-content{padding:280px 24px 90px;margin:0}.hero h1{font-size:36px}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:16px}.hero .lead{font-size:16px;margin-top:18px}.hero-copy{font-size:12px;max-width:280px}.actions{gap:20px;margin-top:24px}.actions>.text-link{font-size:11px}.button{padding:12px 19px;min-height:48px}.hero-bottom{bottom:24px;font-size:8px}.hero-bottom>span:last-child{display:none}.section{padding:58px 22px}.section-heading{align-items:start;gap:15px}.section-heading>.muted{display:none}.eyebrow{font-size:9px;line-height:1.8;letter-spacing:.16em;margin-bottom:15px}.news-grid{grid-template-columns:1fr;gap:30px}.news-card{display:grid;grid-template-columns:115px 1fr;gap:16px}.news-card .news-art{grid-row:1/4;aspect-ratio:.8}.news-card .meta{margin:0;font-size:8px}.news-card h3{font-size:17px}.news-card p{font-size:11px;margin:0;grid-column:2}.faction-section{padding:10px 0 0}.faction-section>.section-heading{padding:0 22px}.faction-tabs button{font-size:12px;padding:14px 6px}.faction-stage{height:640px}.faction-stage>img{object-position:68% center}.faction-stage:after{background:linear-gradient(0deg,#08121a 3%,#08121ae8 42%,transparent 95%)}.faction-story{left:24px;right:24px;width:auto;top:auto;bottom:30px}.faction-story h3{font-size:30px;margin-bottom:15px}.faction-story>p:not(.eyebrow){font-size:13px}.faction-pair{margin:16px 0}.pact-section{grid-template-columns:1fr;gap:45px}.pact-cards{min-height:300px;padding-right:10px}.pact-cards img{max-width:180px}.download-section{grid-template-columns:1fr;padding:50px 24px;gap:30px}.download-section h2{font-size:40px}.download-steps li{padding-bottom:18px}.download-steps{gap:18px}footer{padding:40px 20px}footer>div{gap:18px;font-size:11px}.collection,.article,.account{padding-top:156px}.collection h1,.account h1{font-size:29px}.collection .section-heading{flex-direction:column}.filters{flex-wrap:wrap;gap:12px}.filters .search-label{flex-basis:100%}.filters label{flex:1}.filters select{min-width:0;width:100%}.filters button{min-height:46px;width:100%}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px 10px}.card-name{font-size:9px;min-height:53px;padding:25px 5px 8px}.card-meta{font-size:8px;gap:5px;line-height:1.5}.orb{width:25px;height:25px;font-size:16px;line-height:21px;top:5px;left:5px}.scale{left:auto;right:5px;font-size:13px}.card-art{border-radius:6px}dialog{padding:25px 20px;width:94vw}.dialog-close{right:7px;top:5px}#detail-body{grid-template-columns:1fr;gap:22px}.detail-art{max-width:210px;margin:10px auto 0}#detail-body h2{font-size:26px}#detail-body .eyebrow{font-size:9px}.effect{font-size:16px}.stats{padding:10px 0}.dialog-nav{position:sticky;bottom:-25px;background:#122029;padding-bottom:10px}.dialog-nav button{font-size:10px}.article h1{font-size:30px}.account-grid{grid-template-columns:1fr}.account-panel{padding:22px}.inventory{grid-template-columns:repeat(2,1fr);gap:12px}.balance{gap:15px;font-size:12px}.list-row{align-items:start}.list-row h3{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}