:root{--bg:#050506;--bg2:#09090a;--panel:#0d0d0f;--panel2:#121214;--line:#262126;--text:#f7f2ea;--muted:#aaa39b;--orange:#ff7a00;--orange2:#ffa724;--gold:#ffc25a;--cyan:#31d5df;--green:#29e38b;--red:#ff536b;--purple:#8b5cff;--max:1240px;--shadow:0 28px 90px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.site-bg{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 82% 8%,rgba(255,107,0,.10),transparent 26%),radial-gradient(circle at 12% 78%,rgba(49,213,223,.045),transparent 26%),#050506}.site-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}.site-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,transparent,rgba(0,0,0,.48) 72%)}.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--orange);box-shadow:0 0 22px var(--orange);animation:emberFloat 8s ease-in-out infinite}.e1{left:8%;top:50%}.e2{left:66%;top:20%;animation-delay:-3s}.e3{right:8%;top:64%;animation-delay:-5s}@keyframes emberFloat{50%{transform:translateY(-34px);opacity:.25}}
/* header */
.site-header{position:sticky;top:0;z-index:60;height:78px;background:linear-gradient(180deg,rgba(5,5,6,.96),rgba(5,5,6,.82));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,154,35,.13)}.nav{height:78px;width:min(1320px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:30px}.brand{width:122px;height:66px;display:grid;place-items:center}.brand img{width:116px;max-height:62px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,116,0,.18))}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{position:relative;padding:29px 12px 25px;color:#aaa39b;font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;transition:.25s}.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:17px;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:scaleX(0);transition:.25s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-spacer{flex:1}.realm-chip{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.12em}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.online{background:var(--green);box-shadow:0 0 16px rgba(41,227,139,.75)}.dot.offline{background:var(--red);box-shadow:0 0 16px rgba(255,83,107,.7)}.dot.maintenance{background:var(--orange2);box-shadow:0 0 16px rgba(255,167,36,.75)}.nav-user{display:flex;gap:8px}.btn{min-height:42px;padding:11px 17px;border:1px solid #312a27;background:linear-gradient(180deg,#121214,#0b0b0c);color:#eee8df;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:12px;letter-spacing:.025em;cursor:pointer;transition:.22s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.09) 48%,transparent 58%);transform:translateX(-130%);transition:.5s}.btn:hover{border-color:#7b4a20;transform:translateY(-1px);box-shadow:0 9px 28px rgba(0,0,0,.35)}.btn:hover:before{transform:translateX(130%)}.btn-primary{color:#160b00;background:linear-gradient(135deg,#ffc247 0,#ff8a00 44%,#ef5f00 100%);border-color:#ffaf2e;box-shadow:0 0 24px rgba(255,111,0,.18),inset 0 1px rgba(255,255,255,.35)}.btn-primary:hover{box-shadow:0 0 38px rgba(255,111,0,.35)}.btn-ghost{background:transparent}.btn-outline{background:rgba(255,117,0,.035);border-color:#5b371a}.btn-lg{min-height:52px;padding:14px 24px;font-size:13px}.account-button{color:var(--gold)}
/* hero */
.hero-fiesta{--mx:0;--my:0;position:relative;min-height:720px;overflow:hidden;border-bottom:1px solid rgba(255,137,24,.18);background:radial-gradient(circle at 70% 43%,rgba(255,93,0,.16),transparent 23%),radial-gradient(circle at 76% 47%,rgba(255,177,45,.07),transparent 36%),linear-gradient(108deg,#060607 0,#080708 58%,#110905 100%)}.hero-fiesta:before{content:"";position:absolute;inset:-15%;background:conic-gradient(from 215deg at 74% 48%,transparent 0 21%,rgba(255,126,0,.09) 27%,transparent 33% 63%,rgba(49,213,223,.035) 67%,transparent 72%);transform:translate(calc(var(--mx)*-16px),calc(var(--my)*-10px));transition:transform .12s linear}.hero-fiesta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.98),rgba(5,5,6,.78) 49%,rgba(5,5,6,.16) 76%,rgba(5,5,6,.55)),repeating-linear-gradient(128deg,transparent 0 85px,rgba(255,151,43,.018) 86px 87px);pointer-events:none}.hero-fiesta-inner{position:relative;z-index:3;min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:78px 0 98px}.hero-copy{max-width:720px}.realm-live{display:inline-flex;align-items:center;gap:10px;color:#d2ccc4;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;border-left:2px solid var(--orange);padding-left:12px}.hero-copy h1{font-size:clamp(62px,7.3vw,98px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0 27px;text-shadow:0 14px 55px rgba(0,0,0,.6)}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px var(--orange2);filter:drop-shadow(0 0 18px rgba(255,122,0,.24))}.hero-copy>p{max-width:650px;color:#b0aaa2;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:32px}.hero-discord{margin-left:8px;color:#d0c9c0;font-size:12px;font-weight:850}.hero-discord span{color:var(--orange2);margin-left:7px}.hero-trust{display:flex;gap:24px;margin-top:43px;color:#706a65;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-trust span:before{content:"◆";color:#8d4c19;margin-right:9px}.hero-game-art{position:relative;height:520px;transform:translate(calc(var(--mx)*18px),calc(var(--my)*12px));transition:transform .12s linear}.crest{position:absolute;inset:5% 2%;display:grid;place-items:center;filter:drop-shadow(0 0 38px rgba(255,103,0,.12))}.crest:before,.crest:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,143,31,.21)}.crest:before{width:390px;height:390px;animation:spin 28s linear infinite;border-style:dashed}.crest:after{width:280px;height:280px;border-color:rgba(49,213,223,.12);animation:spin 19s linear infinite reverse}.crest-center{position:relative;z-index:2;width:165px;height:165px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle at 50% 42%,#38200d,#100b08 58%,#050506 72%);border:1px solid #9d581d;display:grid;place-items:center;align-content:center;box-shadow:0 0 65px rgba(255,104,0,.18)}.crest-center:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,190,76,.22);clip-path:inherit}.crest-center b{font-size:42px;color:var(--orange2);text-shadow:0 0 20px rgba(255,124,0,.5)}.crest-center small{font-size:8px;letter-spacing:.25em;color:#806949}.crest-wing{position:absolute;width:185px;height:310px;border:1px solid rgba(255,143,31,.20);background:repeating-linear-gradient(115deg,transparent 0 24px,rgba(255,118,0,.045) 25px 26px);clip-path:polygon(50% 0,100% 15%,73% 48%,100% 100%,50% 77%,0 100%,27% 48%,0 15%)}.crest-wing.left{transform:translateX(-170px) rotate(-22deg)}.crest-wing.right{transform:translateX(170px) rotate(22deg)}.floating-shard{position:absolute;width:70px;height:90px;border:1px solid rgba(255,132,22,.23);background:linear-gradient(135deg,rgba(255,128,0,.06),transparent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:floatShard 5s ease-in-out infinite}.s1{right:3%;top:13%}.s2{left:7%;bottom:12%;animation-delay:-2s;width:46px;height:60px}.s3{right:18%;bottom:5%;animation-delay:-3.5s;width:34px;height:44px}.hero-motes i{position:absolute;z-index:2;left:calc(3% + (var(--i) * 5.15%));top:calc(6% + (var(--i) * 4.55%));width:2px;height:2px;background:#ff9a20;box-shadow:0 0 8px #ff7600;animation:mote calc(5s + (var(--i)%5)*1s) linear infinite;animation-delay:calc(var(--i)*-.33s)}.hero-energy{position:absolute;z-index:1;right:5%;top:12%;width:520px;height:520px;opacity:.72;transform:translate(calc(var(--mx)*12px),calc(var(--my)*8px));transition:transform .12s linear}.energy-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,127,0,.08)}.energy-ring.r1{inset:0;animation:spin 35s linear infinite;border-style:dashed}.energy-ring.r2{inset:70px;border-color:rgba(255,162,48,.12);animation:spin 24s linear infinite reverse}.energy-ring.r3{inset:145px;border-color:rgba(49,213,223,.08)}.energy-core{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,142,25,.15);font-size:120px;filter:blur(.2px)}.hero-bottom-wave{position:absolute;z-index:4;left:-5%;right:-5%;bottom:-70px;height:125px;border-top:1px solid rgba(255,132,23,.16);background:#060607;transform:rotate(-2deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatShard{50%{transform:translateY(-18px) rotate(4deg)}}@keyframes mote{0%{transform:translateY(40px);opacity:0}20%{opacity:.75}100%{transform:translateY(-120px);opacity:0}}
/* game sections */
.section-game{position:relative;padding:92px 0}.section-game:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(255,119,0,.035),transparent 28%)}.realm-overview{padding:0;background:#060607}.realm-card{position:relative;z-index:5;margin-top:-38px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:24px;padding:24px 28px;border:1px solid #372719;background:linear-gradient(110deg,rgba(19,14,10,.96),rgba(9,9,10,.98));box-shadow:0 22px 70px rgba(0,0,0,.55)}.realm-card-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #6d411b;color:var(--orange2);font-size:22px;transform:rotate(45deg)}.realm-card-icon::first-letter{transform:rotate(-45deg)}.realm-card span{display:block;color:#746e69;font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.realm-card strong{font-size:18px;letter-spacing:.06em}.realm-state.online{color:var(--green)}.realm-state.offline{color:var(--red)}.realm-state.maintenance{color:var(--orange2)}.realm-card p{margin:0;color:#9a938c;font-size:13px}.realm-card a{color:var(--orange2);font-size:11px;font-weight:850}.adventure{background:linear-gradient(180deg,#070708,#050506)}.game-heading{max-width:780px;margin-bottom:46px}.game-heading span,.game-kicker{color:var(--orange2);font-size:9px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.game-heading h2{font-size:clamp(38px,5vw,63px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 16px}.game-heading h2 em{font-style:normal;color:#82766c}.game-heading p{color:#9c958d;line-height:1.7;max-width:630px}.game-heading.centered{text-align:center;margin:0 auto 46px}.adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.adventure-card{position:relative;min-height:315px;padding:30px;border:1px solid #282124;background:linear-gradient(155deg,#101012,#09090a);overflow:hidden;transition:.35s}.adventure-card:before{content:"";position:absolute;inset:auto -80px -110px auto;width:240px;height:240px;border:1px solid rgba(255,123,0,.10);border-radius:50%;box-shadow:0 0 0 35px rgba(255,123,0,.014),0 0 0 70px rgba(255,123,0,.008)}.adventure-card:after{content:"";position:absolute;left:0;top:0;width:78px;height:2px;background:linear-gradient(90deg,var(--orange),transparent)}.adventure-card:hover{transform:translateY(-7px);border-color:#65401f;box-shadow:0 22px 65px rgba(0,0,0,.38)}.card-number{position:absolute;right:24px;top:22px;color:#302825;font-size:28px;font-weight:950}.card-glyph{width:58px;height:58px;border:1px solid #6a421d;display:grid;place-items:center;color:var(--orange2);font-size:25px;transform:rotate(45deg);margin:12px 0 45px}.card-glyph>*{transform:rotate(-45deg)}.adventure-card h3{font-size:23px;margin:0 0 12px}.adventure-card p{color:#938d87;line-height:1.72;margin:0}.latest-update{background:linear-gradient(120deg,#0b0908,#060607 62%)}.update-layout{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #2c2421;background:#09090a;box-shadow:var(--shadow)}.update-copy{padding:42px}.update-copy h2{font-size:42px;margin:8px 0 21px}.patch-preview,.patch-text{white-space:pre-wrap;color:#aca59e;line-height:1.78}.patch-preview{max-height:300px;overflow:auto;margin-bottom:26px;padding-right:15px}.update-side{position:relative;padding:42px;border-left:1px solid #2c2421;background:radial-gradient(circle at 50% 28%,rgba(255,116,0,.10),transparent 36%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.update-side h3{font-size:28px;margin:27px 0 8px}.update-side p{color:#908982;line-height:1.65;margin:0 0 24px}.update-orbit{width:120px;height:120px;position:relative;display:grid;place-items:center}.update-orbit span{position:absolute;inset:0;border-radius:50%;border:1px dashed #774719;animation:spin 16s linear infinite}.update-orbit:before{content:"";position:absolute;inset:22px;border-radius:50%;border:1px solid rgba(49,213,223,.17)}.update-orbit b{color:var(--orange2);font-size:28px}.play-steps{background:#050506}.steps-game{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #292226}.step-game{position:relative;padding:32px;min-height:210px;border-right:1px solid #292226;background:linear-gradient(145deg,#0e0e10,#080809)}.step-game:last-child{border:0}.step-game b{font-size:44px;color:#2f2724}.step-game h3{font-size:21px;margin:18px 0 8px}.step-game p{color:#918a84;line-height:1.65}.center-cta{text-align:center;margin-top:32px}
/* page heroes */
.page-hero{position:relative;overflow:hidden;padding:76px 0 58px;border-bottom:1px solid #282126;background:linear-gradient(120deg,#0b0908,#060607 60%)}.page-hero:after{content:"";position:absolute;right:8%;top:-180px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,125,0,.11);box-shadow:0 0 0 70px rgba(255,125,0,.015),0 0 0 140px rgba(255,125,0,.008)}.page-hero-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--orange2);font-size:9px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.page-title{font-size:clamp(42px,5vw,63px);line-height:1;margin:10px 0 12px;letter-spacing:-.045em}.page-sub{max-width:680px;color:#9c958f;line-height:1.7}.page-sigil{width:92px;height:92px;position:relative;display:grid;place-items:center}.page-sigil span{position:absolute;inset:0;border:1px dashed #6b401b;border-radius:50%;animation:spin 20s linear infinite}.page-sigil b{color:var(--orange2);font-size:22px}.page-runes i{position:absolute;width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,128,0,.18),transparent);right:8%;top:50%;transform-origin:right}.page-runes i:nth-child(1){transform:rotate(20deg)}.page-runes i:nth-child(2){transform:rotate(120deg)}.page-runes i:nth-child(3){transform:rotate(220deg)}
/* about */
.lore-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.lore-panel h2{font-size:48px;line-height:1.04;letter-spacing:-.04em}.lore-panel p{color:#9e9790;line-height:1.8}.lore-runes{height:380px;position:relative;display:grid;place-items:center}.rune-circle{width:240px;height:240px;border:1px dashed #724417;border-radius:50%;display:grid;place-items:center;animation:spin 28s linear infinite}.rune-circle:before,.rune-circle:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,124,0,.09)}.rune-circle:before{width:320px;height:320px}.rune-circle:after{width:150px;height:150px;border-color:rgba(49,213,223,.12)}.rune-circle span{font-size:40px;color:var(--orange2)}.about-cards{margin-top:40px}
/* patch journal */
.patch-journal{display:grid;grid-template-columns:100px 1fr 300px;border:1px solid #2d2522;background:linear-gradient(130deg,#0e0d0d,#080809);min-height:500px}.journal-mark{display:grid;place-items:start center;padding-top:40px;color:var(--orange2);font-size:30px;border-right:1px solid #2d2522;background:rgba(255,112,0,.025)}.journal-copy{padding:42px}.patch-text-full{min-height:360px;max-height:none}.journal-side{padding:36px;border-left:1px solid #2d2522;background:radial-gradient(circle at 50% 10%,rgba(255,112,0,.08),transparent 35%);display:flex;flex-direction:column;justify-content:center;gap:12px}.journal-side h3{font-size:25px;margin:0}.journal-side p{color:#928b84;line-height:1.65}
/* download */
.download-intro{background:#060607}.download-howto{padding:42px;border:1px solid #30261f;background:linear-gradient(130deg,#110d09,#09090a);margin-bottom:25px}.download-howto>div:first-child h2{font-size:42px;margin:9px 0 8px}.download-howto>div:first-child p{color:#9d958d}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#33271f;border:1px solid #33271f;margin-top:32px}.install-steps>div{background:#0c0c0e;padding:28px}.install-steps b{font-size:36px;color:#4c3425}.install-steps h3{font-size:19px;margin:18px 0 8px}.install-steps p{font-size:13px;color:#989089;line-height:1.7}.download-tip{margin-top:20px;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-left:3px solid var(--orange);background:rgba(255,113,0,.045)}.download-tip span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#160800;font-weight:950}.download-tip p{margin:1px 0;color:#a49d95;font-size:13px;line-height:1.6}.download-stack-game{display:grid;gap:18px}.download-game-card{display:grid;grid-template-columns:90px 1fr;gap:28px;align-items:center;padding:34px;border:1px solid #2e2622;background:linear-gradient(135deg,#101011,#09090a);position:relative;overflow:hidden}.download-game-card.featured:after{content:"RECOMMENDED";position:absolute;right:-48px;top:22px;width:180px;text-align:center;transform:rotate(38deg);font-size:8px;letter-spacing:.13em;font-weight:950;background:#b8580c;color:#fff;padding:5px}.download-emblem{width:70px;height:70px;display:grid;place-items:center;border:1px solid #764719;transform:rotate(45deg);color:var(--orange2);font-size:22px}.download-main h2{font-size:28px;margin:7px 0 18px}.download-meta{display:flex;gap:34px;flex-wrap:wrap;margin-bottom:20px}.download-meta span{display:block;color:#726c67;font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px}.download-meta strong{font-size:13px}.mirror-row{display:flex;gap:8px;flex-wrap:wrap}
/* generic panels / tables / auth */
.panel{border:1px solid #2c2522;background:linear-gradient(145deg,#101012,#09090a);padding:28px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.panel-title h3{margin:0}.muted{color:var(--muted)}.rank-table{width:100%;border-collapse:collapse;background:#09090a;border:1px solid #2a2321}.rank-table th,.rank-table td{padding:16px 18px;border-bottom:1px solid #262022;text-align:left}.rank-table th{font-size:9px;color:#77706b;letter-spacing:.13em;text-transform:uppercase}.rank-table tbody tr{transition:.2s}.rank-table tbody tr:hover{background:rgba(255,116,0,.045)}.rank-num{color:var(--orange2);font-weight:950}.auth-shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:70px 20px;background:radial-gradient(circle at 50% 35%,rgba(255,112,0,.08),transparent 30%)}.auth-card{width:min(470px,100%);padding:40px;border:1px solid #34281f;background:linear-gradient(145deg,#111011,#080809);box-shadow:var(--shadow)}.auth-card h1{font-size:31px;margin:0 0 8px}.form-row{display:grid;gap:8px;margin:18px 0}.form-row label{font-size:11px;font-weight:850;color:#c3bbb3}.input{width:100%;padding:13px 14px;border:1px solid #342b28;background:#080809;color:#fff;outline:0;border-radius:2px}.input:focus{border-color:#8b501c;box-shadow:0 0 0 3px rgba(255,119,0,.06)}.message{padding:12px;margin:12px 0}.message.error{border:1px solid rgba(255,83,107,.32);background:rgba(255,83,107,.07);color:#ff9baa}.message.success{border:1px solid rgba(41,227,139,.25);background:rgba(41,227,139,.06);color:#85efbb}.account-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:55px 0}.account-sidebar{position:sticky;top:100px;align-self:start}.account-tab,.category-btn{width:100%;text-align:left;border:0;background:transparent;color:#948d87;padding:13px 15px;cursor:pointer;font-weight:800}.account-tab.active,.account-tab:hover,.category-btn.active,.category-btn:hover{color:#fff;background:rgba(255,119,0,.07);box-shadow:inset 2px 0 var(--orange)}.chars{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.char-card{border:1px solid #2a2321;background:#0b0b0d;padding:22px}.char-card h3{margin:0 0 5px}.char-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.char-stat span{display:block;color:#756e69;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.char-stat strong{font-size:13px}.empty{padding:30px;border:1px dashed #3b302b;color:#8f8881}.coins{color:var(--gold);font-weight:950}
/* shop */
.shop-shell{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:48px 0 80px}.shop-sidebar{position:sticky;top:100px;align-self:start;border:1px solid #2d2522;background:#0a0a0b}.shop-sidebar-title{padding:18px 15px;border-bottom:1px solid #2d2522;font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.category-list{padding:8px}.shop-banner{min-height:165px;padding:28px 32px;border:1px solid #38291f;background:radial-gradient(circle at 80% 0,rgba(255,115,0,.16),transparent 36%),linear-gradient(120deg,#15100c,#09090a);display:flex;align-items:center;justify-content:space-between;gap:20px}.shop-banner h1{font-size:34px;margin:6px 0}.shop-toolbar{margin:14px 0}.shop-search{max-width:420px}.shop-group{margin:28px 0}.shop-group h2{font-size:22px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shop-card{border:1px solid #2c2522;background:#0b0b0c;overflow:hidden;transition:.3s}.shop-card:hover{transform:translateY(-5px);border-color:#68431f;box-shadow:0 22px 55px rgba(0,0,0,.36)}.shop-image{height:190px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(255,121,0,.10),transparent 50%),#080809}.shop-image img{max-width:100%;max-height:100%;object-fit:contain}.shop-placeholder{font-size:44px;color:#6d4422}.sale-badge{position:absolute;top:10px;left:10px;padding:5px 8px;background:#c86010;color:white;font-size:9px;font-weight:950}.shop-body{padding:18px}.shop-category{color:var(--orange2);font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.shop-body h3{font-size:18px;margin:7px 0}.shop-body p{min-height:42px;color:#918a84;font-size:13px;line-height:1.55}.shop-buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.price{color:var(--gold);font-weight:950}.old-price{text-decoration:line-through;color:#6f6862;margin-right:5px}
/* modal/footer */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.modal{width:min(500px,100%);padding:30px;border:1px solid #49321f;background:#0e0e10;box-shadow:var(--shadow)}.purchase-total{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #2a2321}.site-footer{border-top:1px solid #211c1c;background:#050506}.footer-inner{width:min(var(--max),calc(100% - 44px));min-height:105px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#6f6964;font-size:11px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:65px;height:42px;object-fit:contain;opacity:.7}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:var(--orange2)}.toast-root{position:fixed;right:20px;bottom:20px;z-index:200}.toast{padding:13px 17px;border:1px solid #49301c;background:#111010;box-shadow:var(--shadow)}
/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:1020px){.nav-links{display:none}.hero-fiesta-inner{grid-template-columns:1fr}.hero-game-art{position:absolute;right:-190px;top:80px;width:560px;opacity:.3}.hero-copy{position:relative;z-index:5}.realm-card{grid-template-columns:auto 1fr}.realm-card p,.realm-card a{grid-column:2}.adventure-grid,.install-steps,.steps-game{grid-template-columns:1fr}.adventure-card{min-height:230px}.update-layout,.lore-grid,.patch-journal{grid-template-columns:1fr}.update-side,.journal-side{border-left:0;border-top:1px solid #2c2421}.journal-mark{display:none}.shop-shell{grid-template-columns:1fr}.shop-sidebar{position:static}.category-list{display:flex;flex-wrap:wrap}.category-btn{width:auto}.shop-grid{grid-template-columns:repeat(2,1fr)}.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.chars{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container,.footer-inner{width:calc(100% - 24px)}.nav{width:calc(100% - 18px);height:68px;gap:9px}.site-header{height:68px}.brand{width:91px}.brand img{width:88px}.realm-chip{display:none}.nav-user .btn:first-child{display:none}.nav-user .btn{padding:9px 11px;font-size:10px}.hero-fiesta{min-height:660px}.hero-fiesta-inner{padding:58px 0 95px;min-height:630px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-trust{gap:12px;flex-wrap:wrap}.hero-game-art{right:-280px;top:110px}.realm-card{margin-top:-22px;padding:20px}.section-game{padding:66px 0}.game-heading h2,.lore-panel h2{font-size:38px}.update-copy,.update-side,.download-howto,.journal-copy,.journal-side{padding:26px}.download-game-card{grid-template-columns:1fr;padding:25px}.download-emblem{margin-left:10px}.shop-grid,.chars{grid-template-columns:1fr}.shop-banner{flex-direction:column;align-items:flex-start}.page-hero-inner{align-items:flex-start}.page-sigil{display:none}.page-title{font-size:42px}.footer-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.footer-links{flex-wrap:wrap}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1 1 auto}.hero-discord{width:100%;margin:8px 0 0}.realm-card p,.realm-card a{grid-column:1/3}.step-game{border-right:0;border-bottom:1px solid #292226}.step-game:last-child{border-bottom:0}}

/* v6.1 — cleaner fantasy hero, no crest/background-art block */
.hero-fiesta{
  background:
    radial-gradient(circle at 75% 32%,rgba(255,119,0,.12),transparent 23%),
    radial-gradient(circle at 68% 65%,rgba(49,213,223,.045),transparent 28%),
    linear-gradient(112deg,#050506 0%,#080708 56%,#0d0805 100%);
}
.hero-fiesta:before{
  background:
    radial-gradient(ellipse at 76% 50%,rgba(255,128,0,.10),transparent 24%),
    repeating-linear-gradient(135deg,transparent 0 86px,rgba(255,150,40,.018) 87px 88px);
}
.hero-aura-scene{position:relative;height:520px;overflow:hidden;isolation:isolate}
.hero-aura-scene:before{content:"";position:absolute;inset:11% 2% 6% 8%;border-radius:50%;background:radial-gradient(circle,rgba(255,128,0,.085),rgba(255,128,0,.018) 38%,transparent 68%);filter:blur(14px);animation:auraPulse 6s ease-in-out infinite}
.aura-cloud{position:absolute;border-radius:50%;filter:blur(58px);mix-blend-mode:screen;opacity:.6;animation:auraDrift 9s ease-in-out infinite alternate}
.aura-orange{width:330px;height:330px;right:9%;top:14%;background:rgba(255,94,0,.18)}
.aura-cyan{width:220px;height:220px;left:20%;bottom:13%;background:rgba(49,213,223,.07);animation-delay:-3s}
.magic-arc{position:absolute;border-radius:50%;border:1px solid rgba(255,143,31,.17);filter:drop-shadow(0 0 12px rgba(255,107,0,.12))}
.arc-one{width:390px;height:390px;right:2%;top:12%;border-left-color:transparent;border-bottom-color:transparent;animation:spin 32s linear infinite}
.arc-two{width:300px;height:300px;right:13%;top:21%;border-right-color:transparent;border-top-color:rgba(49,213,223,.10);animation:spin 23s linear infinite reverse}
.arc-three{width:190px;height:190px;right:25%;top:31%;border-style:dashed;opacity:.6;animation:spin 16s linear infinite}
.realm-mark{position:absolute;right:32%;top:39%;width:115px;height:115px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,157,47,.16);box-shadow:0 0 70px rgba(255,103,0,.09),inset 0 0 42px rgba(255,103,0,.035);background:radial-gradient(circle,rgba(255,129,0,.08),transparent 68%);animation:auraPulse 5s ease-in-out infinite}
.realm-mark span{font-size:43px;color:rgba(255,164,56,.55);text-shadow:0 0 22px rgba(255,116,0,.25)}
.spark-field i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ff9a27;box-shadow:0 0 12px #ff6b00;left:calc(9% + (var(--s) * 3.6%));top:calc(11% + ((var(--s) * 13) % 72) * 1%);opacity:.25;animation:sparkRise calc(4s + (var(--s) % 6)*.65s) ease-in-out infinite;animation-delay:calc(var(--s)*-.22s)}
@keyframes auraDrift{to{transform:translate(28px,-22px) scale(1.08)}}
@keyframes auraPulse{50%{transform:scale(1.045);opacity:.72}}
@keyframes sparkRise{0%,100%{transform:translateY(18px);opacity:.08}50%{transform:translateY(-22px);opacity:.75}}

/* Hide obsolete artwork classes if cached markup ever appears */
.crest,.crest-wing,.crest-center,.floating-shard{display:none!important}

/* Character/account cards are intentionally focused on class, level and playtime. */
.char-stats{grid-template-columns:repeat(2,minmax(0,1fr))}