/* Layout and artwork aligned to the supplied MU Elix reference. */
body{background:#080a0b url('assets/hero-reference.png') center top/100% auto no-repeat;font-family:'Barlow Condensed',Arial,sans-serif}header{height:58px;padding:0 6.3%;gap:18px;background:linear-gradient(#0d1012f5,#050609f5);box-shadow:0 2px 9px #000b}header .brand{width:140px;height:58px;flex-shrink:0;overflow:visible}.logo-art{display:block;background:url('assets/reference.png') 35.1% 8%/284.45% 538.95% no-repeat;width:100%;height:100%}header .logo-art,footer .logo-art{background-position:7.1% 0;background-size:1024% 1365%;height:75px;width:145px;margin-top:-5px}nav{gap:25px}nav a{font-size:14px;padding:0 7px}nav a.active{background:linear-gradient(transparent,#75250770);box-shadow:0 4px 15px #e96c1022}.language{font-size:13px;white-space:nowrap;margin-left:auto}.login,.register-top{padding:10px 16px;font-size:13px;border-radius:2px}.register-top{background:linear-gradient(#ba230e,#7c0800);border:1px solid #fc4d20;white-space:nowrap;box-shadow:inset 0 0 8px #eb6d1244}.hero{height:374px;min-height:374px;grid-template-columns:minmax(0,1fr) 220px;padding:12px 2.2% 14px;background-position:center 38%;background-image:linear-gradient(0deg,#0a0b0b55,transparent 25%),url('assets/hero-reference.png');gap:20px}.hero-content{max-width:590px;margin-left:21%;padding:0;align-self:end}.hero-logo{height:184px!important;width:100%;margin:0!important;line-height:1!important;mix-blend-mode:lighten}.hero-logo .logo-art{background-size:284.45% 538.95%;background-position:35.1% 8%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tagline{font-size:12px;letter-spacing:6px;margin:4px 0 13px}.stats{gap:12px}.stats>div{padding:8px 5px;min-height:64px;background:linear-gradient(110deg,#0a0806f5,#110d08ed);border:1px solid #98753c;outline:1px solid #261b10;outline-offset:2px;position:relative}.stats>div:before,.panel:after{content:'✧';position:absolute;top:-8px;left:-5px;color:#ab8242;font-size:14px}.stats strong{font:700 23px Georgia,serif;line-height:1.3}.stats small{font-size:12px;letter-spacing:.8px}.hero-actions{margin-top:13px;gap:18px}.hero-actions .button{padding:12px 13px;font-size:16px;border:2px solid #efc47c;outline:1px solid #93521d;outline-offset:3px;clip-path:polygon(5% 0,95% 0,100% 25%,100% 75%,95% 100%,5% 100%,0 75%,0 25%);text-shadow:0 2px 3px #000}.social{height:338px;padding:20px;background:linear-gradient(110deg,#0e0a07f5,#110d09e6);box-shadow:inset 0 0 20px #7f4a1320}.social h2{font-size:15px;line-height:1.3;margin:0 0 12px}.social a{padding:11px 0;font-size:14px;gap:15px}.social a:nth-of-type(1) b{background:linear-gradient(#576eef,#273779)}.social a:nth-of-type(2) b{background:linear-gradient(#4d77be,#234781)}.social a:nth-of-type(3) b{background:#f11216}.social a:nth-of-type(4) b{background:#030303}.social small{font-size:13px}.content{max-width:1600px;padding:0 3.6% 12px}.features{height:107px;margin:0 0 13px;padding:12px 22px;grid-template-columns:repeat(8,minmax(0,1fr));padding-right:22%;background:linear-gradient(90deg,#090909ed,#110d0ade)}.feature i{width:45px;height:45px;background:radial-gradient(#402712,#090909);box-shadow:0 0 0 3px #090909,0 0 0 4px #624326;color:#f5d393}.feature b{font:600 12px Georgia,serif;letter-spacing:.5px}.feature span{font-size:13px}.dashboard{grid-template-columns:2.25fr 1fr .87fr;gap:16px}.panel{padding:13px;border-color:#6b573d;background:linear-gradient(125deg,#0b0d0ff5,#070809ed);border-radius:3px}.panel h2{font:600 16px Georgia,serif;margin-bottom:13px}.news{gap:13px}.art{height:104px;background-image:url('assets/reference.png');background-size:656.41% 994.17%}.art.ice{background-position:5.3% 64.5%}.art.fire{background-position:24.5% 64.5%}.art.castle{background-position:43.6% 64.5%}.news-copy{padding:9px 10px}.news h3{font:600 14px Georgia,serif;margin:3px 0 6px}.news p{font-size:14px;margin-bottom:6px;line-height:1.25}.news small{font-size:12px}.news article{border-color:#352b21}.ranking table{width:100%;border-collapse:collapse;font-size:13px}.ranking th{text-align:left;font-weight:400;color:#aaa;padding:8px 4px;border-top:1px solid #302a23}.ranking td{padding:6px 4px;border-bottom:1px solid #28231e;color:#bfbfc1}.ranking td:first-child{color:#dab06c}.ranking-note{color:#928575;font-size:12px;margin:8px 0;text-align:center}.panel>.subtle-link{font-size:13px;margin-top:9px}.banners{margin-top:12px;gap:16px}.banner{min-height:122px;padding:21px 24px;background-image:linear-gradient(90deg,#08090bee,transparent 65%),url('assets/reference.png');background-size:auto,328.2% 839.3%;background-position:center,5.4% 91.2%}.banner:nth-child(2){background-position:center,50.8% 91.2%}.banner:nth-child(3){background-position:center,96.2% 91.2%}.banner h2{font:600 22px Georgia,serif}.banner p{font-size:12px;letter-spacing:1.7px;margin:5px 0 11px}.banner .button{padding:7px 15px;background:linear-gradient(#9d5c1d,#452406);border-color:#c79a52}.preview-note{font-size:12px;margin-top:10px}footer{padding:12px 4%;font-size:13px;gap:28px;background:#080a0ceb}footer .brand{width:70px;height:46px;overflow:hidden}footer .logo-art{width:75px;height:40px;background-size:1024% 1365%;margin:0}footer p{margin:0}.shop-grid .product{padding:24px}.page{background:#0a0c10eb;max-width:1300px}.page .panel h2{font-size:20px}.page .ranking table{font-size:16px}
@media(min-width:1650px){.hero{height:440px}.hero-content{max-width:680px}.hero-logo{height:210px!important}.content{max-width:1700px}}
@media(max-width:1200px){header{padding:0 3%;gap:10px}nav{gap:9px}nav a{padding:0 3px}.language{display:none}.hero-content{margin-left:15%;max-width:540px}.hero-logo{height:160px!important}.features{padding-right:8%}.dashboard{grid-template-columns:1.8fr 1fr}.dashboard>.panel:first-child{grid-column:auto}.dashboard>.panel:last-child{grid-column:1/-1}.dashboard>.panel:last-child table{max-width:700px;margin:auto}.hero{grid-template-columns:minmax(0,1fr) 195px}.social{padding:15px}}
@media(max-width:760px){header{height:auto;padding:8px 15px 0;gap:8px;flex-wrap:wrap}header .brand{width:108px;height:44px}header .logo-art{width:110px;height:57px}header nav{order:4;flex-basis:100%;gap:19px;overflow:auto;white-space:nowrap}nav a{font-size:13px;min-height:40px}.register-top{margin-left:auto;font-size:12px}.login{display:inline-block;font-size:12px;padding:8px}.hero{height:auto;min-height:360px;display:block;padding:26px 18px 25px;background-position:center top}.hero-content{margin:0 auto;max-width:540px}.hero-logo{height:auto!important;aspect-ratio:2.84}.tagline{letter-spacing:3px;font-size:11px;margin:10px 0 18px}.stats{gap:7px}.stats>div{min-height:66px;padding:9px 3px}.stats strong{font-size:17px}.stats small{font-size:10px;letter-spacing:.4px}.hero-actions{gap:12px;margin-top:17px}.hero-actions .button{font-size:12px;padding:12px 4px}.content{padding:0 13px 15px}.features{height:auto;grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 8px;gap:19px 0}.feature b{font-size:10px}.feature span{font-size:12px}.dashboard{grid-template-columns:1fr}.dashboard>.panel:last-child{grid-column:auto}.news{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.news article{display:block}.art{min-height:0;height:auto;aspect-ratio:2.27}.news-copy{padding:8px 6px}.news h3{font-size:12px;overflow-wrap:anywhere}.news p{font-size:13px}.news small{font-size:10px}.panel h2{font-size:15px}.banners{grid-template-columns:1fr}.banner{min-height:126px}.social{display:none}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:65%}}

@media(max-width:380px){.stats strong{font-size:13px;overflow-wrap:normal}.stats small{font-size:9px}.feature b{font-size:9px;letter-spacing:0}.feature span{font-size:11px}.news{grid-template-columns:1fr}.news article{display:grid;grid-template-columns:38% 1fr}.art{height:100%;min-height:108px;aspect-ratio:auto}.hero-actions .button{font-size:10px}}