*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050a0e;color:#eee;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(circle at 50% 0,#20100c 0,transparent 32%)}button,a{cursor:pointer}.top{height:68px;background:#070b0fef;border-bottom:1px solid #55331f;display:flex;align-items:center;padding:0 4%;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;min-width:205px}.brand i{font:italic 700 40px Georgia;color:#f2a34a}.brand span{font-weight:800;font-size:21px;letter-spacing:1px}.brand small{display:block;font-size:7px;font-weight:400;color:#aaa;letter-spacing:1.6px}.top nav{display:flex;height:100%;margin:auto}.top nav a{display:grid;place-items:center;color:#ddd;text-decoration:none;padding:0 22px;font-size:13px;border-left:1px solid transparent;border-right:1px solid transparent}.top nav a:hover,.top nav .active{background:linear-gradient(#41120d,#160b09);color:#ffd28a;border-color:#6b3a20}.account{display:flex;gap:10px}.account button,.outline{background:#0b0d0f;border:1px solid #a16b35;color:#f4d29b;padding:10px 18px;border-radius:4px}.account .primary{background:linear-gradient(#a82114,#5c0b08);color:#fff}#hamb{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:610px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url('assets/hero-art.png');background-size:cover;background-position:center top;filter:saturate(.95)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 50%,rgba(0,0,0,.08)),linear-gradient(0deg,#050a0e 0,transparent 22%)}.hero-center{position:relative;z-index:2;width:560px;margin:auto;text-align:center;padding-top:70px}.logo{font:700 40px Georgia;color:#eee;text-shadow:0 3px #3b0a05,0 0 15px #f30;line-height:.85}.logo strong{display:block;font-size:56px;color:#f0d2a0}.logo small{display:block;font:700 13px Arial;color:#f2b24f;margin-top:8px}.hero h1{font:700 31px Georgia;color:#f2ca8a;margin:25px 0 3px}.hero p{letter-spacing:3px;font-size:12px}.beta{width:390px;margin:18px auto 12px;padding:8px 16px 14px;background:#080b0edb;border:1px solid #8a5127;clip-path:polygon(5% 0,95% 0,100% 12%,100% 88%,95% 100%,5% 100%,0 88%,0 12%)}.beta h2{margin:-1px auto 5px;width:210px;background:#70140d;border:1px solid #b15f31;font:700 25px Georgia;color:#ffd391}.beta>b{color:#f0d4a1}.beta #clock{display:flex;gap:10px;justify-content:center;margin-top:12px}.clockbox{min-width:70px;padding:8px 5px;background:#120b0b;border:1px solid #762319;border-radius:5px}.clockbox b{font-size:25px;color:#fff}.clockbox small{display:block;font-size:9px;color:#aaa;margin-top:3px}.download{margin-top:3px;border:2px solid #e19a44;background:linear-gradient(#c52b16,#700c08);box-shadow:0 0 25px #b52412;color:#fff;border-radius:8px;padding:11px 42px;font-size:28px;font-weight:700}.download span{display:inline-block}.download small{display:block;font-size:9px;font-weight:400;margin-top:3px}.quick{position:absolute;z-index:4;right:3%;top:80px;display:grid}.quick button{width:70px;height:67px;background:#090d10eb;color:#efbb69;border:1px solid #6f4725;font-size:21px}.quick span{display:block;font-size:10px;margin-top:5px}.quick button:hover{background:#66130e;color:#fff;transform:translateX(-4px)}main{max-width:1240px;margin:-8px auto 0;padding:0 16px;position:relative;z-index:5}.stats{display:grid;grid-template-columns:repeat(5,1fr);background:#081117;border:1px solid #5c4128}.stats article{padding:18px;border-right:1px solid #263139;display:grid;grid-template-columns:35px 1fr;align-items:center}.stats i{grid-row:1/3;color:#e7ad5c;font-size:25px}.stats b{font-size:12px;color:#efc47f}.stats span{font-size:9px;color:#bbb;margin-top:4px}.layout{display:grid;grid-template-columns:2.25fr 1fr;gap:14px;margin-top:16px}.panel{background:#071117;border:1px solid #26323a;border-radius:8px;overflow:hidden}.head{height:55px;padding:0 20px;border-bottom:1px solid #342a25;display:flex;align-items:center;justify-content:space-between}.head h2{font:700 17px Georgia;color:#e9bd76}.tabs button{background:none;border:0;color:#aaa;padding:18px 13px}.tabs .on{background:#65110d;color:#fff}.news-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;padding:16px}.lead{position:relative}.lead img{width:100%;height:190px;object-fit:cover;border:1px solid #75522f;border-radius:5px}.lead em,.news-list em{font-style:normal;background:#8b1812;color:#fff;font-size:9px;padding:5px 8px;border-radius:3px}.lead em{position:absolute;left:10px;top:10px}.lead time{display:block;color:#aaa;font-size:11px;margin-top:9px}.lead h3{margin:6px 0;font-size:17px}.lead p{font-size:12px;line-height:1.6;color:#bbb}.news-list article{display:flex;gap:12px;border-bottom:1px solid #1d282e;padding:8px 0;min-height:74px}.news-list img,.thumb{width:90px;height:60px;object-fit:cover;border-radius:4px}.thumb{display:grid;place-items:center;background:linear-gradient(135deg,#182733,#68130e);font-size:28px;color:#e8b365}.news-list div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.news-list b{font-size:12px}.news-list span{font-size:10px;color:#89949a}.road .timeline{padding:15px 22px 15px 40px}.timeline article{position:relative;border-left:2px solid #8a5d32;padding:5px 0 16px 28px;display:grid;gap:5px}.timeline article:before{content:'';position:absolute;left:-8px;top:8px;width:12px;height:12px;border-radius:50%;background:#0b1216;border:2px solid #f0b65e;box-shadow:0 0 10px #e8862f}.timeline .now:before{background:#e53a18;box-shadow:0 0 16px #ff3c1d}.timeline .now b,.timeline .now span{color:#ff7655}.timeline b{font-size:13px}.timeline span,.timeline small{font-size:10px;color:#aab1b5}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.tiles button{height:135px;position:relative;overflow:hidden;text-align:left;padding:70px 18px 15px;border:1px solid #8a582e;color:#fff;background:linear-gradient(0deg,#05080be8,transparent),var(--bg) center/cover}.tiles button:hover{transform:translateY(-3px);filter:brightness(1.15)}.tiles b{display:block;color:#f2c47a;font-size:16px}.tiles span{font-size:10px}.loader-demo{margin:20px 0 35px;padding:15px 20px;background:#081117;border:1px solid #26323a}.loader-demo>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#d8b06f}.load-track{height:18px!important;margin-top:10px;background:#080808;border:2px solid #3b342c;border-radius:20px;padding:2px}.load-track div{height:100%;width:100%;border-radius:20px;background:linear-gradient(90deg,#f08a00,#ffd64a,#ff8c00);box-shadow:0 0 12px #f90 inset,0 0 8px #f90}footer{background:#071016;border-top:1px solid #303b41;padding:35px 4%;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;color:#9da7ad}footer p{max-width:430px;font-size:12px;line-height:1.6}footer>div:not(:first-child){display:flex;flex-direction:column;gap:10px}footer b{color:#ddd;font-size:11px}footer a{font-size:11px;color:#9da7ad;text-decoration:none}.copyright{padding:16px 4%;background:#05090c;color:#68737a;font-size:10px}.copyright span{float:right}#top{position:fixed;right:25px;bottom:25px;z-index:15;width:45px;height:45px;border-radius:50%;border:1px solid #d98d3b;background:#6d110c;color:#fff;font-size:25px}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:50}.modal.open{display:grid}.dialog{width:min(420px,90vw);background:#081117;border:1px solid #8e5c2f;padding:25px;position:relative;box-shadow:0 0 40px #000}.close{position:absolute;right:10px;top:8px;background:none;border:0;color:#fff;font-size:25px}.dialog h2{color:#efbd72;font:700 22px Georgia}.dialog input{width:100%;padding:12px;margin:6px 0;background:#05090c;border:1px solid #39434a;color:#fff}.dialog .primary{width:100%;padding:12px;margin-top:10px;background:#8c160e;border:1px solid #d68b40;color:#fff}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);opacity:0;background:#10191f;border:1px solid #a16b35;color:#f4d29b;padding:12px 20px;z-index:60;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.top{height:auto;min-height:60px}.top nav{display:none;position:absolute;top:60px;left:0;right:0;background:#070b0f;flex-direction:column}.top nav.open{display:flex}.top nav a{padding:15px}.account{display:none}#hamb{display:block;margin-left:auto}.hero{height:560px}.hero-bg{background-position:48% top}.hero-center{width:95%;padding-top:65px}.logo{font-size:30px}.logo strong{font-size:44px}.hero h1{font-size:24px}.quick{right:0;top:90px}.quick button{width:52px;height:54px}.quick span{font-size:8px}.stats{grid-template-columns:repeat(2,1fr)}.stats article:last-child{grid-column:1/3}.layout{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.copyright span{float:none;display:block;margin-top:6px}}@media(max-width:520px){.brand{min-width:auto}.brand span{font-size:17px}.brand i{font-size:32px}.hero{height:520px}.hero-center{padding-top:50px}.hero h1{font-size:20px}.hero p{font-size:9px}.beta{width:310px}.beta #clock{gap:5px}.clockbox{min-width:57px}.download{font-size:18px;padding:10px 24px}.quick{display:none}.stats{margin-top:0}.news-grid{padding:10px}.tabs{display:none}.tiles{grid-template-columns:1fr}.tiles button{height:115px}footer{grid-template-columns:1fr}.copyright{padding-bottom:70px}}
/* V4.1 layered hero and production polish */
.hero{height:640px;background:#05090c}.hero-bg{background-image:url('assets/hero-bg.jpg');filter:none;transform:scale(1.03)}.hero-char{position:absolute;z-index:1;top:0;height:100%;width:auto;pointer-events:none;filter:saturate(1.08) contrast(1.04)}.hero-char.left{left:0}.hero-char.right{right:0}.hero-vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 0 30%,rgba(3,6,8,.12) 48%,rgba(3,6,8,.58) 100%),linear-gradient(0deg,#050a0e 0,transparent 24%)}.hero-center{z-index:3}.crest{position:relative;margin:auto;width:390px;padding:12px 30px 10px;background:linear-gradient(180deg,rgba(22,10,8,.35),rgba(7,9,11,.8));border-top:1px solid #9c6334;border-bottom:1px solid #633319;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);text-shadow:0 2px 0 #3c0805,0 0 14px #d22}.crest span{display:block;font:700 31px Georgia;color:#f3e0c0}.crest strong{display:block;font:700 51px Georgia;color:#e8bd7b;line-height:.86}.crest small{display:inline-block;margin-top:9px;padding:3px 13px;background:#2c1b0c;color:#ffc766;font:700 11px Arial;letter-spacing:2px}.quick button,.download,.tiles button{transition:.18s ease}.quick button:hover{box-shadow:0 0 16px rgba(224,126,35,.28)}.stats,.panel{box-shadow:0 12px 30px #0007}.download:hover{transform:translateY(-2px);filter:brightness(1.12)}.loading-img{display:block;width:100%;height:44px;object-fit:cover;object-position:center;margin-top:8px}
@media(max-width:900px){.hero-char{opacity:.76}.hero-char.left{left:-18%}.hero-char.right{right:-18%}.crest{width:350px}.crest span{font-size:27px}.crest strong{font-size:45px}}
@media(max-width:520px){.hero-char{opacity:.4}.hero-char.left{left:-45%}.hero-char.right{right:-45%}.crest{width:290px}.crest span{font-size:23px}.crest strong{font-size:38px}.loading-img{height:30px}}
/* V4.2 interactive controls */
button,a{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}button:hover,.top a:hover,footer a:hover{filter:brightness(1.16)}button:active,.pressed{transform:translateY(2px) scale(.985)!important}.download-area{margin:18px auto;max-width:1180px}.download-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.download-options button{min-height:86px;background:linear-gradient(180deg,#29140d,#100b09);border:1px solid #9a5b22;color:#f4c46a;border-radius:8px;cursor:pointer}.download-options b,.download-options span{display:block}.download-options b{font-size:16px}.download-options span{margin-top:7px;color:#b8b1a8;font-size:12px}.dialog textarea{width:100%;min-height:100px;resize:vertical}.check{display:flex;align-items:center;gap:8px;color:#aaa;font-size:13px}.check input{width:auto}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-grid button{padding:15px 8px;background:#1b1210;border:1px solid #75431f;color:#f1bd61;border-radius:6px}.hint{font-size:12px;color:#999;line-height:1.5}.news-list article{cursor:pointer}.news-list article:hover{background:rgba(255,145,45,.06)}@media(max-width:700px){.download-options,.pay-grid{grid-template-columns:1fr}}