*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0714;color:#f5f2ea;font-family:Inter,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topline{text-align:center;background:linear-gradient(90deg,#1a1030,#3a2a63,#1a1030);color:#d9a441;padding:9px;font:500 9px 'Cinzel',serif;letter-spacing:.25em}.topline span{display:inline-block;width:4px;height:4px;background:#d9a441;border-radius:50%;margin:0 10px 2px}
.app-shell{display:flex;align-items:stretch}
.sidebar{width:260px;flex:0 0 260px;background:#110b1e;border-right:1px solid #2a1f3d;padding:26px 20px;display:flex;flex-direction:column;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;z-index:6}
.logo,.footer-logo{font:600 17px 'Cinzel',serif;letter-spacing:.12em}
.logo b,.footer-logo{color:#d9a441}.logo strong,.footer-logo strong{color:#f5f2ea;font-weight:700}.logo b{margin-right:8px}
.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.side-nav.secondary{margin-top:0}
.side-nav .nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#aaa8a2;font:600 12px Inter}
.side-nav .nav-link:hover{color:#f5f2ea}
.side-nav .nav-link.active{background:#1e1730;color:#d9a441}
.side-nav .nav-link i{font-style:normal;width:18px;text-align:center;color:inherit}
.side-divider{height:1px;background:#2a1f3d;margin:20px 4px}
.nav-expand{width:100%;border:0;background:none;display:flex;align-items:center;padding:12px 14px;border-radius:10px;color:#aaa8a2;font:600 12px Inter;justify-content:space-between;cursor:pointer}
.nav-expand .nav-label{display:flex;align-items:center;gap:12px}
.nav-expand i{font-style:normal;width:18px;text-align:center;color:inherit}
.nav-expand:hover{color:#f5f2ea}
.nav-expand.open{background:#1e1730;color:#d9a441}
.nav-expand .chevron{transition:transform .25s;color:#777983;font-size:14px}
.nav-expand.open .chevron{transform:rotate(90deg);color:#d9a441}
.side-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}
.side-submenu.open{max-height:340px}
.sub-link{width:100%;display:flex;align-items:center;gap:12px;padding:9px 14px 9px 32px;border:0;background:none;color:#aaa8a2;font:600 11px Inter;text-align:left}
.sub-link:hover{color:#f5f2ea}
.sub-link i{font-style:normal;width:16px;text-align:center;color:#777983}
.sidebar-backdrop{position:fixed;inset:0;background:rgba(3,4,7,.6);z-index:5;display:none}
.sidebar-backdrop.show{display:block}
.content{flex:1;min-width:0}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;border-bottom:1px solid #332a4a;position:sticky;top:0;background:#0b0714;z-index:4}
.search{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;background:#171025;border:1px solid #332a4a;border-radius:30px;padding:11px 18px;color:#777983}
.search span{font-size:14px}
.search input{background:none;border:0;outline:0;color:#f5f2ea;width:100%;font:14px Inter}
.search input::placeholder{color:#777983}
.topbar-actions{display:flex;gap:22px;align-items:center;font-size:11px}
.login-link{border:0;background:none;color:#f5f2ea}
.join-button,.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d9a441;padding:13px 18px;background:#d9a441;color:#0b0714;font-size:11px;font-weight:700;letter-spacing:.05em}
.join-button span,.outline-button span,.text-button span{font-size:17px}
.outline-button{background:transparent;color:#f5f2ea;border-color:#6c6d73}
.hamburger{display:none;background:none;border:0;color:#f5f2ea;font-size:20px}
.hero{min-height:640px;position:relative;display:flex;align-items:center;padding:0 4vw;overflow:hidden}
.hero-backdrop{position:absolute;inset:0;background:linear-gradient(rgba(8,5,15,.15),rgba(8,5,15,.55)),url('assets/hero-bg.jpg') center/cover no-repeat,radial-gradient(ellipse at 74% 55%,#4a3585 0%,#1a1030 32%,#0b0714 72%)}
.hero-backdrop:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0714 0%,rgba(11,7,20,.85) 34%,rgba(11,7,20,.2) 100%),repeating-linear-gradient(115deg,transparent 0 100px,rgba(217,164,65,.07) 101px 102px),repeating-linear-gradient(245deg,transparent 0 90px,rgba(90,200,150,.05) 91px 92px)}
.hero-backdrop:after{content:'♛';position:absolute;right:15%;top:13%;color:rgba(217,164,65,.15);font:300 380px Georgia;line-height:1}
.hero-badge{position:absolute;right:4vw;top:26px;z-index:1;background:#1c1530;border:1px solid #3d3252;color:#d9a441;font:600 9px 'Cinzel',serif;letter-spacing:.1em;padding:9px 16px;border-radius:20px}
.hero-content{position:relative;z-index:1;max-width:620px}
.kicker{color:#d9a441;font:600 10px 'Cinzel',serif;letter-spacing:.25em;margin:0 0 22px}
.hero h1,h2{font-family:Cinzel,serif;font-weight:600;letter-spacing:.01em;line-height:1.05;margin:0}
.hero h1{font-size:clamp(40px,5.4vw,78px)}
h2{font-size:clamp(37px,4vw,64px)}
em{color:#d9a441;font-family:Cinzel,serif;font-style:normal}
.hero-lede{max-width:420px;color:#aaa8a2;font-size:16px;line-height:1.8;margin:28px 0}
.hero-actions{display:flex;gap:16px}
.hero-signature{position:absolute;right:4vw;bottom:66px;color:#777983;font:500 9px/1.7 'Cinzel',serif;letter-spacing:.2em;text-align:right}
.hero-signature b{color:#d9a441}
.pill-tabs{display:flex;gap:10px;overflow-x:auto;padding:22px 4vw 0;scrollbar-width:none}
.pill-tabs::-webkit-scrollbar{display:none}
.pill{flex:0 0 auto;border:1px solid #3d3252;background:#171025;color:#aaa8a2;padding:10px 18px;border-radius:30px;font:600 11px Inter;white-space:nowrap}
.pill.active{background:#f5f2ea;color:#0b0714;border-color:#f5f2ea}
.cards-section,.worlds,.games{padding:56px 4vw}
.rail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.rail-title{font:600 24px 'Cinzel',serif;margin:0;color:#f5f2ea}
.rail-nav{display:flex;gap:10px}
.rail-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #3d3252;background:#171025;color:#f5f2ea;display:flex;align-items:center;justify-content:center;font-size:16px}
.rail-arrow:hover{border-color:#d9a441;color:#d9a441}
.card-rail{display:flex;gap:18px;overflow:auto;padding:10px 0 28px;scrollbar-color:#d9a441 #1e1730}
.collect-card{min-width:205px;background:#1c1530;border:1px solid #565963;transition:transform .35s,box-shadow .35s;animation:rise .7s both}
.collect-card:nth-child(2){animation-delay:.1s}.collect-card:nth-child(3){animation-delay:.2s}.collect-card:nth-child(4){animation-delay:.3s}
.collect-card:hover{transform:translateY(-12px) rotate(-1deg);box-shadow:0 14px 40px rgba(78,68,147,.45)}
.collect-card.legendary{border-color:#d9a441}.collect-card.epic{border-color:#6e3fa9}.collect-card.rare{border-color:#4b8fd8}
.rarity-band{text-align:center;padding:7px 0;font:700 10px 'Cinzel',serif;letter-spacing:.1em;color:#fff;background:#5b5e68}
.collect-card.rare .rarity-band{background:#2f5fa0}
.collect-card.epic .rarity-band{background:#5b3390}
.collect-card.legendary .rarity-band{background:linear-gradient(90deg,#8a6423,#d9a441)}
.card-art{height:200px;padding:13px;position:relative;overflow:hidden}
.card-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 25%,rgba(255,255,255,.3),transparent 12%),linear-gradient(145deg,rgba(255,255,255,.15),transparent 40%)}
.card-badge{position:absolute;top:10px;width:24px;height:24px;border-radius:50%;background:rgba(8,9,13,.65);color:#f5f2ea;font:700 10px 'Cinzel',serif;display:flex;align-items:center;justify-content:center;z-index:1}
.card-badge.left{left:10px}.card-badge.right{right:10px}
.season-tag{position:absolute;left:10px;bottom:10px;font:700 9px 'Cinzel',serif;color:rgba(255,255,255,.75);letter-spacing:.08em}
.ember{background:url('assets/cards/ember-squire.svg') center/cover no-repeat,linear-gradient(150deg,#ba633d,#391d2d 70%)}.moon{background:url('assets/cards/moonlit-adept.svg') center/cover no-repeat,linear-gradient(150deg,#3e5f9d,#171933 70%)}.forest{background:url('assets/cards/elder-grovekeeper.svg') center/cover no-repeat,linear-gradient(150deg,#547f72,#182e35 70%)}.dragon{background:url('assets/cards/crowned-dragon.svg') center/cover no-repeat,linear-gradient(150deg,#bf8b38,#392126 70%)}.storm{background:url('assets/cards/storm-drake.svg') center/cover no-repeat,linear-gradient(150deg,#5478b0,#192336 70%)}
.card-info{padding:16px}
.card-info small{font:500 8px 'Cinzel',serif;letter-spacing:.09em;color:#aaa8a2}
.card-info h3{font:600 16px Cinzel,serif;margin:8px 0 2px}
.card-cn{font:500 11px 'Cinzel',serif;color:#aaa8a2;margin:0 0 14px}
.card-info>div{display:flex;justify-content:space-between;border-top:1px solid #343740;padding-top:10px;color:#777983;font:500 8px 'Cinzel',serif}
.card-info b{color:#d9a441;font-size:12px;margin-left:4px}
.text-button{border:0;background:none;color:#d9a441;font:500 11px 'Cinzel',serif;letter-spacing:.08em;padding:0}
.tournament-banner{position:relative;overflow:hidden;border-radius:18px;border:1px solid #5a2a12;margin:0 4vw 60px}
.arena-promo{display:flex;align-items:center;gap:24px;min-height:120px;padding:20px 4vw;background:radial-gradient(circle at 15% 40%,#ff9d3d 0%,#c9430f 22%,#5a1706 46%,#1a0803 70%),radial-gradient(circle at 85% 60%,#ffb84d 0%,#a8360d 25%,#2b0d04 55%,#0b0714 78%),#0b0714}
.arena-new{position:absolute;top:0;left:0;background:#e0356b;color:#fff;font:800 10px 'Cinzel',serif;padding:6px 16px 6px 12px;border-radius:0 0 12px 0;letter-spacing:.05em;z-index:1}
.arena-promo-icon{flex:0 0 auto;text-align:center;color:#ffe6b0;text-shadow:0 0 10px rgba(255,180,60,.7)}
.arena-promo-icon b{display:block;font:800 22px 'Cinzel',serif}
.arena-promo-icon i{font-style:normal;font-size:26px}
.arena-promo-text{flex:1;min-width:0}
.arena-promo-text h2{margin:0 0 6px;font:800 clamp(22px,3vw,36px) 'Cinzel',serif;color:#ffd875;text-shadow:0 2px 0 #7a3a08,0 0 18px rgba(255,180,60,.5);letter-spacing:.02em}
.arena-promo-text p{margin:0;color:#ffe9c8;font-size:13px;max-width:420px}
.start-battle{flex:0 0 auto;background:#3fd15a;color:#08240f;border:0;padding:14px 30px;border-radius:26px;font:800 13px 'Cinzel',serif}
.start-battle:hover{background:#5be372}
.journey{padding:70px 4vw;background:#140f22;border-top:1px solid #332a4a;border-bottom:1px solid #332a4a}
.journey-heading{text-align:center}
.journey-heading h2{margin-top:10px}
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:28px;margin-top:60px}
.steps article{display:flex;gap:18px}
.steps article>strong{font:500 11px 'Cinzel',serif;color:#d9a441}
.steps h3{font:600 23px Cinzel,serif;margin:0 0 12px}
.steps p{color:#aaa8a2;font-size:12px;line-height:1.7;margin:0}
.steps>i{color:#d9a441;font-style:normal;font-size:25px}
.worlds{background:#140f22}
.world{min-width:300px;flex:0 0 300px;height:300px;position:relative;overflow:hidden;padding:25px;display:flex;align-items:end}
.world:before{content:'';position:absolute;inset:0;transition:transform .6s,filter .6s}
.world:hover:before{transform:scale(1.08);filter:brightness(1.15) saturate(1.2)}
.world:hover{box-shadow:0 0 45px rgba(217,164,65,.35)}
.world:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(8,9,13,.9))}
.wilds:before{background:url('assets/worlds/wilds.svg') center/cover no-repeat,linear-gradient(145deg,#567d70,#182d35)}
.kingdom:before{background:url('assets/worlds/kingdom.svg') center/cover no-repeat,linear-gradient(145deg,#9a7544,#28223b)}
.shadows:before{background:url('assets/worlds/shadows.svg') center/cover no-repeat,linear-gradient(145deg,#593d78,#101421)}
.world>div{position:relative;z-index:1}
.world small{color:#d9a441;font:500 10px 'Cinzel'}
.world h3{font:600 22px Cinzel;margin:10px 0}
.world p{color:#aaa8a2;font-size:11px}
.world a{color:#d9a441;font:500 10px 'Cinzel'}
.rarity{padding:56px 4vw;background:#140f22}
.classify-tabs{display:flex;gap:10px;padding:0 4px 16px;justify-content:center}
.classify-tab{border:1px solid #332a4a;background:#171025;color:#aaa8a2;padding:8px 20px;border-radius:20px;font:600 11px 'Cinzel',serif;letter-spacing:.05em}
.classify-tab.active{background:#d9a441;border-color:#d9a441;color:#0b0714}
.compendium-view[hidden]{display:none}
.rarity .slot-block:last-child{margin-bottom:0}
.art-scout{background:linear-gradient(150deg,#6f6a5c,#242018 70%)}
.art-boar{background:linear-gradient(150deg,#7a5c3c,#2a1c10 70%)}
.art-cleric{background:linear-gradient(150deg,#8a8064,#2c2818 70%)}
.art-sentinel{background:linear-gradient(150deg,#4b6f8f,#182430 70%)}
.art-falcon{background:linear-gradient(150deg,#5c4f7a,#1c1830 70%)}
.art-druid{background:linear-gradient(150deg,#4f7a54,#182a1c 70%)}
.art-wraith{background:linear-gradient(150deg,#5c4a7a,#1c1430 70%)}
.art-golem{background:linear-gradient(150deg,#7a6a4a,#2a2414 70%)}
.art-sorceress{background:linear-gradient(150deg,#6a3a7a,#20122c 70%)}
.art-phoenix{background:linear-gradient(150deg,#d9762e,#4a1c0c 70%)}
.art-titan{background:linear-gradient(150deg,#8a7a3c,#2c2610 70%)}
.art-kingmaker{background:linear-gradient(150deg,#c9a441,#3a2c10 70%)}
.art-gale{background:linear-gradient(150deg,#cfd8e3,#5a6472 70%)}
.art-griffin{background:linear-gradient(160deg,#b9c8e0,#454e60 70%)}
.art-tempest{background:linear-gradient(140deg,#e4edf5,#6a7488 70%)}
.art-rootbound{background:linear-gradient(150deg,#8a6a3c,#3b2a14 70%)}
.art-granite{background:linear-gradient(160deg,#9c8256,#302012 70%)}
.art-mountain{background:linear-gradient(140deg,#6e5636,#241a0e 70%)}
.art-sparkfang{background:linear-gradient(150deg,#d9c441,#5a4a12 70%)}
.art-stormcaller{background:linear-gradient(160deg,#e8db6a,#4a3e10 70%)}
.art-thunderclap{background:linear-gradient(140deg,#c9b830,#3a2e08 70%)}
.art-tidepool{background:linear-gradient(150deg,#3f7fc4,#132844 70%)}
.art-riverfang{background:linear-gradient(160deg,#3468a0,#0f1e34 70%)}
.art-leviathan{background:linear-gradient(140deg,#2c5a8c,#0a1626 70%)}
.art-cinder{background:linear-gradient(150deg,#e0562f,#4a1706 70%)}
.art-berserker{background:linear-gradient(160deg,#c94420,#3a1204 70%)}
.art-infernal{background:linear-gradient(140deg,#f06a3a,#5a1e08 70%)}
.art-frostbite{background:linear-gradient(150deg,#8fd8e8,#123844 70%)}
.art-glacierborn{background:linear-gradient(160deg,#7ac0d4,#0e2c36 70%)}
.art-winter{background:linear-gradient(140deg,#a4e4f0,#164450 70%)}
.art-sproutling{background:linear-gradient(150deg,#4f9d5c,#123a1a 70%)}
.art-vinewrought{background:linear-gradient(160deg,#3e8248,#0e2c14 70%)}
.art-bloomkeeper{background:linear-gradient(140deg,#5cae68,#164420 70%)}
.art-dawnlit{background:linear-gradient(150deg,#fff3d6,#a68a3c 70%)}
.art-paladin{background:linear-gradient(160deg,#ffe9b8,#8a6e2c 70%)}
.art-seraph{background:linear-gradient(140deg,#fff8e6,#c4a04c 70%)}
.art-gloomstalker{background:linear-gradient(150deg,#4a2e63,#0d0714 70%)}
.art-nightveil{background:linear-gradient(160deg,#3a2450,#0a0510 70%)}
.art-voidbound{background:linear-gradient(140deg,#5c3878,#100818 70%)}
.slots-lobby{padding:20px 4vw 10px;background:#140f22}
.slot-block{margin-bottom:34px}
.slot-rail{display:flex;gap:16px;overflow-x:auto;padding:10px 4px 10px}
.slot-cover{flex:0 0 160px;width:160px;background:#1c1530;border:1px solid #332a4a;border-radius:14px;overflow:hidden;text-align:center;transition:transform .25s}
.slot-cover:hover{transform:translateY(-6px)}
.slot-thumb{height:110px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff}
.slot-cover h4{margin:12px 10px 14px;font:600 12px 'Cinzel',serif;color:#f5f2ea}
.cat-top{background:linear-gradient(150deg,#d9a441,#4a3210)}
.cat-new{background:linear-gradient(150deg,#4b8fd8,#1a2c47)}
.cat-holdwin{background:linear-gradient(150deg,#8a5ec9,#2c1c46)}
.cat-buy{background:linear-gradient(150deg,#3e9d6f,#0f2419)}
.cat-jackpot{background:linear-gradient(150deg,#e0b84f,#5a3d12)}
.cat-table{background:linear-gradient(150deg,#547f72,#182e35)}
.cat-classic{background:linear-gradient(150deg,#ba633d,#391d2d)}
.cat-adventures{background:linear-gradient(150deg,#5478b0,#192336)}
.providers-section{padding:20px 4vw 10px;background:#140f22}
.rail-nav{align-items:center}
.view-all{color:#aaa8a2;font:600 11px Inter;margin-left:10px;white-space:nowrap}
.view-all:hover{color:#f5f2ea}
.provider-rail{display:flex;gap:16px;overflow-x:auto;padding:10px 4px 20px}
.provider-badge{flex:0 0 190px;height:88px;background:#1c1530;border:1px solid #332a4a;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font:700 14px 'Cinzel',serif;color:#f5f2ea;letter-spacing:.03em;transition:transform .25s}
.provider-badge:hover{transform:translateY(-4px)}
.provider-badge b{font-size:20px;color:#d9a441}
.final-cta{text-align:center;padding:130px 20px;background:linear-gradient(rgba(5,3,10,.3),rgba(5,3,10,.3)),url('assets/final-cta-bg.svg') center/cover no-repeat,radial-gradient(circle 200px at 28% 22%,rgba(70,180,130,.14),transparent 60%),radial-gradient(circle 180px at 74% 78%,rgba(255,120,160,.16),transparent 60%),radial-gradient(circle at 50% 70%,#42316e,#0b0714 55%)}
.final-cta h2{font-size:clamp(52px,8vw,110px)}
.final-cta>p:not(.kicker){color:#aaa8a2;margin:20px 0 28px}
footer{padding:60px 4vw;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px;border-top:1px solid #332a4a;color:#aaa8a2}
footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}
footer b{font:600 10px Cinzel;color:#d9a441;letter-spacing:.12em}
.footer-brand{display:flex;flex-direction:column;gap:6px}
.footer-logo{color:#d9a441}
.footer-brand>p{font:11px Inter;color:#777983;margin:8px 0 0}
footer a{font-size:11px}
.age-gate{display:block;margin-top:14px;color:#777983;font-size:10px}
.age-gate a{color:#aaa8a2;text-decoration:underline}
.copyright{display:block;margin-top:16px;color:#777983;font-size:10px;line-height:1.6}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:9;background:#d9a441;color:#0b0714;padding:13px 18px;font:600 10px Cinzel;transition:.25s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.auth-modal{position:fixed;inset:0;background:rgba(3,4,7,.88);display:none;align-items:stretch;z-index:10}
.auth-modal.open{display:flex}
.auth-art{width:48%;background:linear-gradient(rgba(5,3,10,.25),rgba(5,3,10,.25)),url('assets/auth-art-bg.svg') center/cover no-repeat,radial-gradient(circle 160px at 62% 72%,rgba(255,120,160,.32),transparent 65%),radial-gradient(ellipse 50% 40% at 65% 18%,rgba(70,180,130,.22),transparent 60%),radial-gradient(circle at 55% 43%,#5a3fa0,#1a1030 32%,#0b0714 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d9a441;font:600 70px Cinzel}
.auth-art p{font-size:12px;letter-spacing:.25em}
.auth-panel{position:relative;background:#140f22;width:52%;padding:10vw 9vw}
.close{position:absolute;right:35px;top:25px;background:none;border:0;color:#f5f2ea;font-size:28px}
.auth-panel h2{font-size:48px;margin-bottom:34px}
.auth-panel label{display:block;color:#aaa8a2;font:500 10px Cinzel;letter-spacing:.08em;margin:15px 0}
.auth-panel input:not([type=checkbox]){display:block;width:100%;border:0;border-bottom:1px solid #535660;background:none;color:#f5f2ea;padding:11px 0;outline:0;font:14px Inter}
.check{display:flex!important;gap:8px;align-items:center;font:10px Inter!important;letter-spacing:0!important}
.check input{accent-color:#d9a441}
.login-options{display:flex;justify-content:space-between;align-items:center;margin:15px 0}
.login-options .check{margin:0}
.field-row{display:flex;gap:20px}
.field-row label{flex:1;min-width:0}
.field-hint{display:block;color:#777983;font:9px Inter;margin:-10px 0 5px}
.auth-panel select{display:block;width:100%;border:0;border-bottom:1px solid #535660;background:#140f22;color:#f5f2ea;padding:11px 0;outline:0;font:14px Inter}
.referral-toggle{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;color:#aaa8a2;font:600 10px Cinzel;letter-spacing:.08em;padding:15px 0 0;cursor:pointer}
.referral-toggle .chevron{transition:transform .2s;color:#777983}
.referral-toggle.open .chevron{transform:rotate(90deg)}
.referral-field{max-height:0;overflow:hidden;margin:0!important;transition:max-height .25s ease}
.referral-field.open{max-height:60px;margin:10px 0!important}
.full{width:100%;margin-top:15px}
.auth-switch{text-align:center;color:#777983;font-size:11px}
.auth-switch button{border:0;background:none;color:#d9a441;padding:0}
.topline span{position:relative}
.topline span:before{content:'✦';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.8);color:#d9a441;background:none;width:auto;height:auto}
.sidebar:after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(217,164,65,.35) 15%,rgba(217,164,65,.35) 85%,transparent);pointer-events:none}
.hero{position:relative}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.55;background:
 radial-gradient(2px 2px at 22% 24%,rgba(180,255,220,.9),transparent 60%),
 radial-gradient(1.5px 1.5px at 38% 62%,rgba(217,164,65,.8),transparent 60%),
 radial-gradient(2px 2px at 61% 18%,rgba(180,255,220,.7),transparent 60%),
 radial-gradient(1.5px 1.5px at 72% 48%,rgba(217,164,65,.85),transparent 60%),
 radial-gradient(2px 2px at 85% 70%,rgba(180,255,220,.7),transparent 60%),
 radial-gradient(1.5px 1.5px at 91% 30%,rgba(217,164,65,.7),transparent 60%),
 radial-gradient(1.5px 1.5px at 55% 80%,rgba(180,255,220,.6),transparent 60%);
 -webkit-mask-image:linear-gradient(90deg,transparent,transparent 32%,#000 55%);
 mask-image:linear-gradient(90deg,transparent,transparent 32%,#000 55%)}
.hero-content,.hero-badge,.hero-signature{z-index:1}
.hero-badge{box-shadow:0 0 18px rgba(217,164,65,.25)}
.rail-title{position:relative;padding-left:20px}
.rail-title:before{content:'❖';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#d9a441;font-size:14px}
.collect-card{position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05)}
.collect-card:before,.collect-card:after{content:'';position:absolute;top:6px;width:9px;height:9px;border-top:2px solid rgba(217,164,65,.55);pointer-events:none}
.collect-card:before{left:6px;border-left:2px solid rgba(217,164,65,.55)}
.collect-card:after{right:6px;border-right:2px solid rgba(217,164,65,.55)}
.collect-card.rare{box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05),0 0 22px rgba(75,143,216,.28)}
.collect-card.epic{box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05),0 0 24px rgba(110,63,169,.32)}
.collect-card.legendary{box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05),0 0 30px rgba(217,164,65,.4)}
.world{border:1px solid rgba(217,164,65,.2)}
.tournament-banner:before,.tournament-banner:after{content:'';position:absolute;top:14px;width:11px;height:11px;border-top:2px solid rgba(217,164,65,.5);pointer-events:none}
.tournament-banner:before{left:14px;border-left:2px solid rgba(217,164,65,.5)}
.tournament-banner:after{right:14px;border-right:2px solid rgba(217,164,65,.5)}
.final-cta{position:relative;overflow:hidden}
.final-cta:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background:
 radial-gradient(1.5px 1.5px at 15% 30%,rgba(217,164,65,.7),transparent 60%),
 radial-gradient(1.5px 1.5px at 30% 70%,rgba(180,255,220,.5),transparent 60%),
 radial-gradient(2px 2px at 50% 20%,rgba(217,164,65,.6),transparent 60%),
 radial-gradient(1.5px 1.5px at 70% 65%,rgba(180,255,220,.55),transparent 60%),
 radial-gradient(2px 2px at 85% 35%,rgba(217,164,65,.65),transparent 60%)}
.final-cta h2:before,.final-cta h2:after{content:'✦';display:block;color:#d9a441;font-size:14px;letter-spacing:.3em}
.footer-brand{position:relative;padding-left:16px}
.footer-brand:before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,#d9a441,transparent)}
.auth-art{position:relative;overflow:hidden}
.auth-art:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.6;background:
 radial-gradient(2px 2px at 20% 25%,rgba(180,255,220,.8),transparent 60%),
 radial-gradient(1.5px 1.5px at 45% 60%,rgba(217,164,65,.8),transparent 60%),
 radial-gradient(2px 2px at 70% 20%,rgba(180,255,220,.7),transparent 60%),
 radial-gradient(1.5px 1.5px at 80% 75%,rgba(217,164,65,.7),transparent 60%),
 radial-gradient(1.5px 1.5px at 30% 85%,rgba(180,255,220,.55),transparent 60%)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){
.app-shell{display:block}
.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translateX(-100%);transition:transform .3s;width:78vw;max-width:300px}
.sidebar.open{transform:translateX(0)}
.hamburger{display:block}
.topbar{height:68px;padding:0 20px}
.login-link{display:none}
.hero{min-height:600px;padding:0 20px}
.hero-backdrop:after{font-size:260px;right:-10%}
.hero h1{font-size:44px}
.hero-lede{font-size:14px}
.hero-actions{flex-wrap:wrap}
.hero-badge{right:20px;top:16px}
.hero-signature{right:20px;bottom:100px}
.pill-tabs{padding:16px 20px 0}
.cards-section,.worlds,.games{padding:50px 20px}
.card-rail{margin-right:-20px}
.collect-card{min-width:195px}
.tournament-banner{margin:0 20px 40px}
.arena-promo{flex-wrap:wrap;padding:24px 20px}
.arena-promo-text{flex:1 0 100%;order:1}
.start-battle{order:2}
.arena-promo-icon{order:0}
.journey{padding:50px 20px}
.steps{display:block;margin-top:40px}
.steps article{margin:28px 0}
.steps>i{display:block;transform:rotate(90deg);margin-left:12px}
.rarity{padding:50px 20px}
.slots-lobby{padding:20px 20px 10px}
.providers-section{padding:20px 20px 10px}
footer{grid-template-columns:1fr 1fr;padding:50px 20px;gap:35px}
.footer-brand{grid-column:1/-1}
.auth-modal{overflow:auto}
.auth-art{display:none}
.auth-panel{width:100%;min-height:100%;padding:90px 30px}
.close{right:20px}
.auth-panel h2{font-size:40px}
}