button,input,select{font:inherit}button{color:inherit}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}button{cursor:pointer}
:root{--bg:#101615;--panel:#151d1a;--paper:#ede8dc;--muted:#a1aba0;--gold:#d6b579;--line:rgba(211,190,145,.2);--font-body:Arial,Helvetica,sans-serif;--font-title:Georgia,'Times New Roman',serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.7 var(--font-body);-webkit-font-smoothing:antialiased}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:none;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-title);font-weight:400;line-height:1.16}h2{font-size:clamp(34px,4vw,58px);letter-spacing:-1.5px}h2 em{font-style:normal;color:var(--gold)}p{color:var(--muted)}svg{flex-shrink:0}::selection{background:#826c42;color:#fff}.skip{position:fixed;left:10px;top:-100px;z-index:200;background:var(--gold);color:#111;padding:10px}.skip:focus{top:10px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;gap:25px;border-bottom:1px solid var(--line);background:#101614;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--gold);flex-shrink:0}.brand>svg{width:33px;height:42px}.brand>span{display:flex;flex-direction:column;letter-spacing:3.2px;font:11px/1.6 var(--font-title)}.brand b{font-size:14px;font-weight:400;letter-spacing:2.7px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c6ccc4}.header nav a{position:relative;padding:10px 0}.header nav a:hover{color:var(--gold)}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;height:1px;background:var(--gold);width:0;transition:width .25s}.header nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:25px}.languages{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1px}.languages button{padding:7px 2px;color:#758176}.languages .active{color:var(--gold)}.languages>span{color:#586155}.small-cta{display:flex;align-items:center;gap:12px;border:1px solid #9f885b;padding:10px 17px;font-size:12px}.small-cta:hover{background:#d6b579;color:#141a16}.icon-button{width:40px;height:40px;display:grid;place-items:center}.hamburger{display:none}.hero{min-height:730px;height:calc(100svh - 88px);max-height:1000px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(10,15,14,.34),rgba(11,17,15,.06) 20%,rgba(10,16,13,.28) 50%,#101615 100%),linear-gradient(90deg,rgba(7,12,10,.3),rgba(7,12,10,.3))}.hero-topline{display:flex;align-items:center;justify-content:space-between;padding:32px 4.3%;font-size:9px;letter-spacing:2.2px;color:#d6d7ca}.hero-topline>span:first-child{display:flex;align-items:center;gap:9px}.live-dot{width:5px;height:5px;background:#d6b579;border-radius:50%;box-shadow:0 0 10px #d6b579}.hero-content{text-align:center;position:absolute;left:20px;right:20px;bottom:105px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:2.5px;color:var(--gold);display:flex;align-items:center;gap:9px;margin-bottom:23px}.hero-eyebrow{justify-content:center;font-size:11px;letter-spacing:4px;margin-bottom:17px;text-shadow:0 2px 8px #101010}.hero h1{font-family:var(--font-title);font-size:clamp(65px,7.6vw,112px);text-transform:uppercase;line-height:.98;letter-spacing:5px;text-shadow:0 3px 30px rgba(0,0,0,.7)}.hero h1 em{font-style:normal;color:#e1c289;font-size:1.08em}.ornament{color:var(--gold);display:flex;align-items:center;justify-content:center;gap:12px;margin:23px 0 13px;font-size:16px}.ornament span{height:1px;width:70px;background:linear-gradient(90deg,transparent,#9a845b)}.ornament span:last-child{transform:rotate(180deg)}.hero-content p{font-size:15px;color:#e0e0d5;line-height:1.65;text-shadow:0 2px 8px #000}.hero-buttons{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:29px}.button{display:inline-flex;gap:17px;align-items:center;justify-content:center;padding:16px 27px;min-height:52px;line-height:1.2;font-size:13px;letter-spacing:.2px;border:1px solid var(--line);transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:#d3b075;color:#141a16;border-color:#d3b075}.gold:hover{background:#e8cb94}.ghost{border-color:#8f805c;background:rgba(18,25,20,.45)}.ghost:hover{background:#242e25}.play-circle{display:grid;place-items:center;border:1px solid #c9b27c;width:25px;height:25px;border-radius:50%}.hero-bottom{position:absolute;bottom:28px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#a5b0a1}.hero-bottom>span{display:flex;align-items:center;gap:13px}.hero-bottom b{font-weight:400;color:#d4b278;border:1px solid #5e664e;padding:3px 8px;letter-spacing:1px}.scroll-hint{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.sound{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px}.world-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:75px;padding:28px 5%;background:#111815}.world-facts>div{display:flex;gap:15px;align-items:center}.world-facts b{font:37px/1 var(--font-title);color:var(--gold);font-weight:400}.world-facts span{color:#b1b9ac;font-size:12px}.world-facts .fact-divider{color:#67715b;font-size:10px}.section{max-width:1320px;margin:0 auto;padding:105px 5%}.world-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.world-copy h2{margin-bottom:28px}.world-copy p{font-size:14px;margin-top:18px;max-width:470px}.world-copy .lead{color:#d3d6cc;font-size:16px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--gold);font-size:13px;line-height:1.4;padding:13px 0;border-bottom:1px solid #88734d;margin-top:20px}.text-link:hover{color:#f5d79d;border-color:#f5d79d}.world-image{position:relative;padding:10px;border:1px solid var(--line)}.world-image>img{width:100%;height:450px;object-fit:cover;object-position:52% 50%;filter:saturate(.8)}.world-image:after{content:'';position:absolute;inset:10px;pointer-events:none;background:linear-gradient(transparent 55%,rgba(4,15,10,.9))}.image-caption{position:absolute;bottom:34px;left:34px;right:25px;display:flex;flex-direction:column;z-index:1;gap:8px}.image-caption span{font-size:8px;letter-spacing:2px;color:#c9bb93}.image-caption b{font:20px/1.3 var(--font-title);font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:42px}.section-head>p{font-size:14px;max-width:340px;line-height:1.8}.factions-section{border-top:1px solid var(--line);padding-top:85px}.faction-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);margin-top:45px}.faction-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 5px;color:#91a08f;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .25s}.faction-tabs button:hover{color:var(--paper);background:#18221b}.faction-tabs button.selected{border-color:var(--gold);color:var(--gold);background:linear-gradient(transparent,#b49a5d0b)}.faction-panel{display:grid;grid-template-columns:1fr 1fr;min-height:450px;background:radial-gradient(ellipse at 20% 48%,#26312480,transparent 55%);align-items:center;gap:70px;padding:30px 5% 0}.faction-portrait{position:relative;display:flex;flex-direction:column;align-items:center;min-height:400px;justify-content:center}.faction-portrait>img{height:345px;width:345px;object-fit:contain;position:relative;filter:drop-shadow(0 18px 20px #0008)}.portrait-ring{position:absolute;width:310px;height:310px;border:1px solid #85946c30;border-radius:50%;top:25px}.portrait-ring:after{content:'';position:absolute;inset:18px;border:1px dashed #85946c25;border-radius:50%}.portrait-number{position:absolute;top:30px;left:15px;font:100px/1 var(--font-title);color:#8094710e}.portrait-title{font:14px/1.6 var(--font-title);letter-spacing:.4px;color:#b8bda9;position:relative;margin-top:10px}.faction-copy>.eyebrow{color:var(--faction-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px}.faction-copy h3{font-size:43px;margin-bottom:23px}.faction-copy>p{font-size:15px;line-height:1.85}.faction-detail{display:flex;gap:18px;margin-top:22px;font-size:10px;color:#bbbfaf}.faction-detail>span+span:before{content:'·';padding-right:18px;color:var(--gold)}.inline-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.muted-link{font-size:12px;color:#aeb7a4;padding:9px 0}.muted-link:hover{color:var(--gold)}.codex-section{background:#131b17;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.codex-section>.section{padding-top:85px;padding-bottom:80px}.catalog-controls{display:flex;gap:12px;margin-top:40px}.search{display:flex;align-items:center;gap:12px;border:1px solid #3d493a;background:#101813;flex:1;padding:0 16px;color:#8d9c85}.search input{background:transparent;border:0;color:var(--paper);width:100%;padding:14px 0;font-size:13px;outline:none!important}.search input::placeholder{color:#8d9a87}.search:focus-within{outline:1px solid var(--gold)}.search button{padding:7px 0}.catalog-controls select{border:1px solid #3d493a;background:#101813;color:#b5bfad;padding:13px 33px 13px 15px;font-size:12px;min-width:160px}.catalog-meta{display:flex;justify-content:space-between;color:#8c9a83;font-size:10px;letter-spacing:.4px;margin:20px 0}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.creature-card{border:1px solid #334032;padding:13px 15px 0;background:linear-gradient(150deg,#202a20,#111a15);position:relative;overflow:hidden;text-align:left;transition:transform .25s,border-color .25s}.creature-card:hover{transform:translateY(-6px);border-color:var(--rank-color);background:linear-gradient(145deg,#303c2b,#17241b)}.creature-card:before{content:'';position:absolute;top:0;left:25%;right:25%;height:1px;background:var(--rank-color);opacity:.5}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--rank-color);position:relative;z-index:1}.card-energy{width:28px;height:28px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid #647352;color:#dfd4b8;background:#152015}.creature-image{height:172px;margin:3px -5px 5px;background:radial-gradient(ellipse,#6b805825,transparent 65%);display:grid;place-items:center}.creature-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.creature-card:hover .creature-image img{transform:scale(1.06)}.card-faction{font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#9caa90;display:block;margin-bottom:7px}.creature-card h3{font-size:17px;min-height:41px;line-height:1.3;color:#e0e2d3}.card-stats{border-top:1px solid #63715035;margin-top:14px;padding:12px 0;display:flex;gap:17px;color:#bac6ab;font-size:11px;align-items:center}.card-stats>span{display:flex;gap:5px;align-items:center}.card-stats>svg{margin-left:auto;color:var(--gold)}.load-more{text-align:center;margin-top:35px}.empty{border:1px solid var(--line);text-align:center;padding:55px 20px}.empty>svg{margin:auto;color:var(--gold)}.empty h3{font-size:25px;margin-top:20px}.empty p{margin:15px 0 25px}.battle-section{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}.battle-section h2{margin-bottom:25px}.battle-section>div>p{font-size:14px}.film-poster{position:relative;width:100%;padding:10px;border:1px solid #4e5945}.film-poster img{width:100%;height:410px;object-fit:cover;filter:brightness(.65);transition:filter .25s}.film-poster:hover img{filter:brightness(.85)}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #cab580;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;background:#10181165;color:#e3c990}.film-caption{position:absolute;bottom:32px;left:32px;right:32px;display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px}.film-caption b{font-weight:400}.battle-points{margin:26px 0 10px}.battle-points>div{display:flex;gap:20px;padding:12px 0}.battle-points b{font:19px/1.5 var(--font-title);color:#a29464}.battle-points p{font-size:12px}.battle-points strong{display:block;font:18px/1.3 var(--font-title);margin-bottom:6px;color:#e0e1d3}.rewards-section{border-top:1px solid var(--line);padding-top:80px}.reward-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.chest-art{border:1px solid var(--line);padding:14px;background:#0c1110}.chest-art>img{width:100%;max-height:440px;object-fit:contain}.chest-table>div{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.chest-index{font-size:10px;color:#7f8d77}.chest-table h3{font-size:23px;margin-bottom:5px}.chest-table p{font-size:11px}.chest-table b{font:27px/1 var(--font-title);color:var(--gold);margin-left:auto;text-align:right;flex-shrink:0}.chest-table b>span{display:block;font:9px/1.5 var(--font-body);letter-spacing:.7px;color:#9aa58d;margin-top:5px}.small-note{font-size:11px;color:#91a087;line-height:1.7;margin-top:20px}.small-note>svg{vertical-align:middle;display:inline;margin-right:8px}.difficulty-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:50px}.difficulty-row>div{padding:28px 24px;position:relative}.difficulty-row>div+div{border-left:1px solid var(--line)}.difficulty-row>div>span{font:30px/1 var(--font-title);color:#8b7d56;float:right}.difficulty-row h3{font-size:20px;margin:4px 30px 10px 0;min-height:47px}.difficulty-row p{font-size:11px}.difficulty-row b{display:block;font:28px/1 var(--font-title);color:var(--gold);margin-top:20px}.difficulty-row small{font:11px/1 var(--font-body);color:#a5b299}.center{text-align:center}.chronicle-section{position:relative;isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101714}.chronicle-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101714 28%,#101714c7),url('/media/shard.png') center right/cover no-repeat;opacity:.7}.chronicle-intro{max-width:540px;margin:25px 0 40px;font-size:14px}.chapter-links{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.chapter-links>button{display:flex;align-items:center;gap:22px;text-align:left;padding:23px 0;border-bottom:1px solid #8a977635}.chapter-links>button>span{font-size:10px;color:#968a5d}.chapter-links h3{font-size:24px;margin-bottom:6px;color:#e5e4d7}.chapter-links p{font-size:11px;color:#a9b29e}.chapter-links svg{margin-left:auto;color:#b6a16a}.chapter-links button:hover h3{color:var(--gold)}.news-section{padding-top:85px}.last-update{font-size:11px;color:#9eab95}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.news-grid article{border-top:1px solid var(--gold);padding-top:23px}.news-meta{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a3ae98;margin-bottom:22px}.news-meta>span{font-size:8px;border:1px solid var(--line);padding:3px 8px;text-transform:uppercase;letter-spacing:.6px;color:#c5b585}.news-grid h3{font-size:27px;margin-bottom:18px}.news-grid p{font-size:12px;line-height:1.85}.join-section{border-top:1px solid var(--line);background:radial-gradient(ellipse at center 5%,#273b2b55,transparent 60%)}.join-section>.section{text-align:center;padding-top:75px;padding-bottom:65px}.join-section .eyebrow{justify-content:center}.join-section svg{color:var(--gold)}.join-section>.section>svg{width:45px;height:58px;display:block;margin:0 auto 30px}.join-section h2{font-size:clamp(36px,4vw,58px)}.join-section>.section>p{margin:25px auto;max-width:650px;font-size:13px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid var(--line);text-align:left}.platform-grid>div{padding:32px 30px}.platform-grid>div+div{border-left:1px solid var(--line)}.platform-grid>div>svg{width:23px;height:23px}.platform-grid h3{font-size:24px;margin:17px 0 12px}.status{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#959f8e;display:inline-flex;gap:7px;align-items:center}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:#828a7d}.status.ready{color:#b5c6a1}.status.ready:before{background:#a5bd83}.platform-grid p{font-size:12px;line-height:1.8;margin-top:12px}.platform-grid .text-link{margin-top:12px;font-size:12px}footer{border-top:1px solid var(--line);padding:28px 4.3%;display:flex;align-items:center;gap:35px;color:#87967d;font-size:10px;flex-wrap:wrap}footer .brand{margin-right:auto}footer .brand svg{width:26px;height:34px}footer .brand>span{font-size:8px;letter-spacing:2px}footer .brand b{font-size:11px;letter-spacing:1.5px}footer>a:last-child{display:flex;gap:8px;align-items:center}footer button:hover,footer>a:last-child:hover{color:var(--gold)}
.modal{border:1px solid #7d795657;padding:0;background:#121b16;color:var(--paper);max-width:640px;width:calc(100% - 32px);max-height:calc(100svh - 48px);margin:auto;overflow:visible;box-shadow:0 25px 120px #000a}.modal.wide{max-width:1100px}.modal::backdrop{background:#030906df;backdrop-filter:blur(8px)}.modal-surface{position:relative;max-height:calc(100svh - 50px);overflow:auto}.close{position:sticky;float:right;right:8px;top:8px;margin:8px 8px -48px 0;background:#17211c;border:1px solid #46533c;color:#e1d7b3;z-index:10}.card-detail{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start}.detail-art{position:sticky;top:0;padding:80px 25px 30px;background:radial-gradient(ellipse,#3b4c2c70,transparent 65%)}.detail-art>img{width:100%;height:380px;object-fit:contain;image-rendering:auto}.detail-art>span{display:block;text-align:center;font-size:11px;color:#c1b489;margin-top:20px}.detail-copy{padding:55px 42px 40px 15px}.detail-copy h2{font-size:35px;margin-bottom:22px}.detail-copy h3{font-size:21px;margin:25px 0 10px}.detail-copy p{font-size:13px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.detail-stats span{display:block;font-size:8px;color:#a4b199}.detail-stats b{font:25px/1.5 var(--font-title);color:var(--gold)}.detail-lines{display:grid;grid-template-columns:90px 1fr;gap:13px 15px;font-size:11px;margin:23px 0}.detail-lines dt{color:#839477}.detail-lines dd{margin:0;color:#bfc7b5}.reader{display:grid;grid-template-columns:260px 1fr;max-height:calc(100svh - 50px)}.reader aside{padding:35px 25px;background:#0e1712;border-right:1px solid var(--line);overflow:auto}.reader aside .eyebrow{font-size:9px}.reader aside button{display:flex;align-items:flex-start;text-align:left;gap:14px;font-size:12px;padding:12px 0;width:100%;line-height:1.5;color:#a9b79e}.reader aside button>span{color:#7b896c;font-size:9px;line-height:2}.reader aside button.active{color:var(--gold)}.reader aside a{display:flex;gap:10px;font-size:11px;color:var(--gold);margin-top:25px}.reader article{padding:65px 65px 45px;overflow:auto}.reader h2{font-size:42px;margin-bottom:15px}.reader .reader-subtitle{font-style:italic;font-family:var(--font-title);color:#b7c1ab;font-size:18px;margin:0 0 32px}.reader article p{font-family:var(--font-title);font-size:17px;line-height:1.85;color:#cbd2c0;margin-bottom:16px}.reader article h3{font-size:26px;color:var(--gold);margin:33px 0 18px}.reader article .eyebrow{font-size:9px}.reader article .small-note{font-family:var(--font-body);font-size:10px;color:#8c9c7e;border-top:1px solid var(--line);padding-top:20px;margin-top:40px}.reader hr{border:0;border-top:1px solid var(--line);margin:30px 0}.role-list small{color:#9aaa8c;font-size:11px}.video-modal{padding:30px 25px 20px}.video-modal .eyebrow{margin-right:30px}.video-modal video{width:100%;max-height:72svh;background:black}.video-modal p{font-size:11px;margin-top:15px}.rules-modal{padding:55px 65px}.rules-modal h2{font-size:42px;margin-bottom:20px}.rules-modal>p{font-size:13px}.rules-modal>h3{font-size:25px;margin:40px 0 20px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{border-bottom:1px solid var(--line);padding:13px 15px;text-align:left}th{color:var(--gold);font-weight:400;background:#1a251b}td{color:#b3c2a6}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:var(--font-title);font-size:18px;padding:16px 0;color:#d6dccb}summary>span{float:right;font-family:var(--font-body);font-size:12px;color:var(--gold)}details p{padding-bottom:20px;font-size:13px;color:#b6c3a9}details[open]>summary{color:var(--gold)}.plain-modal{padding:55px 45px 40px}.plain-modal h2{font-size:38px;margin-bottom:25px}.plain-modal p{font-size:14px;line-height:1.8;margin-bottom:20px}.plain-modal .release-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:15px;color:#cfc29d;font-size:13px}.plain-modal .small-note{font-size:11px}
@media(min-width:1500px){.hero-content{bottom:125px}.hero h1{font-size:125px}.hero-content p{font-size:17px}}
@media(max-width:1150px){.header nav{gap:18px}.header{gap:20px;padding:0 3%}.header-actions{gap:15px}.small-cta{display:none}.card-grid{grid-template-columns:repeat(4,1fr)}.world-section{gap:45px}.faction-panel{gap:35px}.battle-section{gap:45px}.reward-layout{gap:40px}.section{padding-left:5%;padding-right:5%}.faction-detail{flex-wrap:wrap;gap:10px}.faction-detail>span+span:before{padding-right:10px}}
@media(max-width:850px){.header{height:74px;padding:0 5%}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#101914;border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;align-items:stretch;gap:3px}.header nav.open{display:flex}.header nav a{padding:10px;font-size:16px}.hamburger{display:grid}.header-actions{gap:20px}.hero{height:calc(90svh - 74px);min-height:670px}.hero-art{object-position:50% center}.hero-topline{font-size:8px;padding:25px 5%}.hero-topline>span:last-child{display:none}.hero h1{font-size:72px;letter-spacing:2px}.hero-content{bottom:115px}.hero-eyebrow{font-size:9px;letter-spacing:2.5px}.hero-bottom{left:5%;right:5%}.hero-bottom>span{display:none}.scroll-hint{left:0;transform:none;align-items:flex-start}.sound{margin-left:auto}.world-facts{gap:25px;padding:25px 5%}.world-facts>div{gap:9px}.world-facts b{font-size:30px}.world-facts span{font-size:10px}.section{padding-top:75px;padding-bottom:75px}.world-section{grid-template-columns:1fr 1fr;gap:30px}.world-image>img{height:440px}.world-copy .lead{font-size:14px}.world-copy p{font-size:12px}.section-head>p{max-width:280px;font-size:12px}.faction-tabs button{font-size:10px;gap:7px;flex-direction:column}.faction-panel{padding:25px 0 0;gap:15px}.faction-portrait>img{width:290px;height:290px}.portrait-ring{width:240px;height:240px;top:60px}.faction-copy h3{font-size:34px}.faction-copy>p{font-size:13px}.faction-copy .eyebrow{font-size:8px}.faction-detail{font-size:9px}.inline-actions{gap:0}.inline-actions .muted-link{width:100%}.catalog-controls{flex-wrap:wrap}.search{flex-basis:100%}.catalog-controls select{flex:1}.card-grid{grid-template-columns:repeat(3,1fr)}.battle-section{gap:35px}.film-poster img{height:420px}.battle-points{margin:20px 0 5px}.battle-points>div{gap:13px}.reward-layout{gap:25px}.chest-table>div{gap:13px}.chest-table h3{font-size:20px}.chest-table b{font-size:23px}.difficulty-row{grid-template-columns:repeat(2,1fr)}.difficulty-row>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.difficulty-row>div:nth-child(4){border-top:1px solid var(--line)}.difficulty-row h3{min-height:auto}.chapter-links{gap:0 30px}.chapter-links h3{font-size:20px}.news-grid{gap:22px}.news-meta{align-items:flex-start;flex-direction:column;gap:10px}.news-grid h3{font-size:24px}.platform-grid>div{padding:25px 20px}.platform-grid h3{font-size:21px}.reader{grid-template-columns:200px 1fr}.reader aside{padding:30px 18px}.reader article{padding:55px 30px 35px}.reader h2{font-size:35px}.reader article p{font-size:16px}.card-detail{grid-template-columns:.7fr 1fr}.detail-copy{padding-right:25px}.detail-art{padding-left:10px;padding-right:10px}.detail-art>img{height:330px}.detail-stats{gap:10px}.detail-copy h2{font-size:30px}.rules-modal{padding:55px 35px}.detail-lines{grid-template-columns:75px 1fr;gap:12px}}
@media(max-width:580px){body{font-size:14px}h2{font-size:36px;letter-spacing:-.8px}.brand>svg{width:27px;height:36px}.brand>span{font-size:9px;letter-spacing:2.3px}.brand b{font-size:12px;letter-spacing:1.7px}.header-actions{gap:12px}.header{height:70px}.header nav{top:70px}.hero{min-height:650px;height:calc(100svh - 70px);max-height:850px}.hero-art{object-position:49% center}.hero-shade{background:linear-gradient(180deg,#0d14134f,#0d14130a 30%,#0d1413a6 60%,#101615 100%)}.hero h1{font-size:clamp(42px,10.5vw,62px);letter-spacing:1px;line-height:1.07}.hero h1 em{font-size:1em}.hero-content{left:20px;right:20px;bottom:100px}.hero-content p{font-size:13px}.hero-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:18px}.hero-buttons{flex-direction:column;gap:12px;margin-top:24px}.hero-buttons .button{min-width:235px;min-height:49px;padding:14px 20px;font-size:12px}.hero-buttons .ghost{background:#10171466}.ornament{margin-top:18px;margin-bottom:12px}.hero-topline{padding-top:22px;letter-spacing:1.5px}.hero-bottom{bottom:25px;font-size:8px}.sound{font-size:8px}.world-facts{justify-content:space-around;gap:0;padding:22px 4%}.world-facts>div{flex-direction:column;gap:9px;text-align:center}.world-facts b{font-size:31px}.world-facts span{font-size:9px}.world-facts .fact-divider{font-size:8px}.section{padding:65px 22px}.world-section{display:flex;flex-direction:column;gap:35px}.world-copy h2{font-size:38px}.world-copy p{font-size:13px}.world-copy .lead{font-size:15px}.world-image{width:100%;padding:7px}.world-image>img{height:320px;object-position:center 42%}.world-image:after{inset:7px}.image-caption{left:26px;bottom:25px}.image-caption b{font-size:18px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:19px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px;max-width:none;font-size:13px}.factions-section{padding-top:60px}.faction-tabs{margin-top:30px}.faction-tabs button{font-size:9px;padding:18px 3px;line-height:1.4;gap:10px}.faction-tabs svg{width:17px;height:17px}.faction-panel{grid-template-columns:1fr;gap:10px}.faction-portrait{min-height:330px}.faction-portrait>img{width:290px;height:290px}.portrait-ring{top:27px;width:260px;height:260px}.portrait-title{font-size:12px;margin-top:0}.faction-copy{padding:12px 0}.faction-copy h3{font-size:35px}.faction-copy>p{font-size:14px}.faction-detail{font-size:10px}.faction-copy .eyebrow{font-size:9px}.inline-actions{gap:0 22px;align-items:center}.inline-actions .muted-link{width:auto;margin-top:20px;font-size:11px}.inline-actions .text-link{font-size:11px}.codex-section>.section{padding-top:60px;padding-bottom:55px}.catalog-controls{margin-top:30px;gap:10px}.search{padding:0 12px}.search input{font-size:12px;padding:14px 0}.catalog-controls select{min-width:0;width:40%;font-size:11px;padding:12px 6px}.catalog-meta{font-size:9px;gap:10px}.catalog-meta span:last-child{text-align:right;max-width:190px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creature-card{padding:10px 11px 0}.card-top{font-size:8px}.card-energy{width:24px;height:24px}.creature-image{height:145px;margin:0 -5px}.creature-card h3{font-size:17px;min-height:43px}.card-faction{font-size:7px;letter-spacing:1px}.card-stats{gap:12px;padding:11px 0;font-size:10px;margin-top:12px}.card-stats svg{width:12px;height:12px}.card-stats>span{gap:4px}.battle-section{display:flex;flex-direction:column-reverse;gap:35px}.battle-media{width:100%}.film-poster img{height:270px;object-fit:cover}.battle-section h2{font-size:38px}.battle-section>div>p{font-size:13px}.battle-points>div{gap:20px}.battle-points strong{font-size:19px}.reward-layout{grid-template-columns:1fr;gap:18px}.chest-art>img{max-height:330px}.chest-table h3{font-size:22px}.chest-table>div{padding:19px 0;gap:17px}.difficulty-row{margin-top:35px}.difficulty-row>div{padding:25px 16px}.difficulty-row h3{font-size:19px;min-height:44px;margin-right:20px}.difficulty-row>div>span{font-size:22px}.difficulty-row b{font-size:25px}.difficulty-row small{font-size:9px}.chapter-links{grid-template-columns:1fr}.chapter-links>button{padding:20px 0;gap:19px}.chapter-links h3{font-size:23px}.chronicle-intro{font-size:13px}.chronicle-backdrop{background:linear-gradient(90deg,#101714da,#101714db),url('/media/shard.png') center/cover}.news-grid{grid-template-columns:1fr;gap:33px}.news-meta{flex-direction:row;margin-bottom:18px}.news-grid h3{font-size:27px}.news-grid p{font-size:13px}.last-update{display:inline-block;margin-top:20px}.join-section>.section{padding:55px 22px}.join-section h2{font-size:37px}.platform-grid{grid-template-columns:1fr}.platform-grid>div{padding:24px}.platform-grid>div+div{border-left:0;border-top:1px solid var(--line)}.platform-grid>div>svg{float:right;margin-top:3px}.platform-grid h3{margin-top:0}.platform-grid p{max-width:290px;font-size:13px}.platform-grid .text-link{margin-top:8px}.join-section>.section>.small-note{font-size:11px}footer{padding:28px 22px;gap:20px;font-size:10px}footer .brand{width:100%;margin-bottom:5px}footer>span{width:100%}.modal{width:calc(100% - 16px);max-height:calc(100svh - 20px)}.modal-surface{max-height:calc(100svh - 22px)}.card-detail{display:block}.detail-art{position:relative;padding:35px 20px 5px}.detail-art>img{height:220px}.detail-art>span{margin-top:0;font-size:10px}.detail-copy{padding:25px 25px 30px}.detail-copy h2{font-size:30px}.detail-copy .eyebrow{margin-bottom:15px}.detail-stats{gap:15px}.reader{display:flex;flex-direction:column;max-height:calc(100svh - 22px)}.reader aside{padding:18px 50px 18px 18px;display:flex;gap:15px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);flex-shrink:0;max-height:65px}.reader aside>.eyebrow,.reader aside>a{display:none}.reader aside button{white-space:nowrap;width:auto;gap:7px;font-size:11px;padding:2px 0}.reader article{padding:30px 22px 35px;overflow:auto}.reader h2{font-size:33px}.reader .reader-subtitle{font-size:17px}.reader article p{font-size:16px;line-height:1.8}.reader article h3{font-size:24px}.reader article>.eyebrow{font-size:8px}.rules-modal{padding:55px 22px 30px}.rules-modal h2{font-size:33px}.rules-modal table{font-size:11px}.rules-modal th,.rules-modal td{padding:11px 8px;white-space:nowrap}.rules-modal summary{font-size:17px}.plain-modal{padding:55px 25px 30px}.plain-modal h2{font-size:32px}.plain-modal p{font-size:13px}.video-modal{padding:20px 12px}.video-modal .eyebrow{margin-right:50px;font-size:9px}.video-modal video{max-height:75svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.creature-card:hover{transform:none}.button:hover{transform:none}}