:root{--bg:#111116;--panel:#1c1c23;--line:#33313a;--gold:#e8c88d;--cream:#f3ead9;--muted:#a19ba8;--red:#d3333a;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--cream);font:14px/1.7 var(--font)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.65}a,button,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p,h1,h2,h3{margin:0}[hidden]{display:none!important}img{display:block}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.header{height:100px;background:linear-gradient(180deg,#121116,#19171df5);border-bottom:1px solid #80634870;position:relative;z-index:2}.header-inner{max-width:1480px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:60px}.brand{min-width:205px;display:block}.brand-title{display:block;color:#efcd90;font-size:37px;font-weight:900;line-height:1.1;letter-spacing:-2px;font-style:italic;text-shadow:2px 2px 0 #63252b,0 0 20px #c3502330}.brand-title span{color:#f8e6bb;margin-left:5px;font-family:Georgia,serif;font-size:46px}.brand small{display:block;font-size:7px;letter-spacing:1.8px;color:#a08868;margin:5px 0 0 2px}.header nav{display:flex;align-items:center;justify-content:space-between;gap:40px;flex:1}.header nav a{display:block;text-align:center;font-size:16px;font-weight:600;letter-spacing:1px;position:relative;color:#e4dfdd;white-space:nowrap}.header nav small{display:block;font-size:8px;letter-spacing:1.4px;font-weight:400;color:#8d8286;margin-top:5px}.header nav a:hover,.header nav .nav-current{color:var(--gold)}.header nav .nav-current:after{content:"";position:absolute;bottom:-26px;left:12px;right:12px;height:2px;background:#d6b783}.nav-account{background:#332b29;border:1px solid #6b5140;color:#edcfaa;padding:10px 18px;min-width:135px;font-size:12px;white-space:nowrap}.nav-account:hover{background:#49362c}.nav-account span{margin-left:9px}
.hero{position:relative;height:690px;overflow:hidden;background:#171320}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100d16e8 0%,#130e1bbb 22%,#110d1635 54%,#110d1610 76%,#110d1650),linear-gradient(0deg,#111116 0%,#11111600 32%,#11111620 100%)}.hero-frame{position:absolute;inset:19px 22px 32px;border:1px solid #d7b67630;pointer-events:none}.hero-frame:before,.hero-frame:after{content:"";position:absolute;width:58px;height:58px;border-top:2px solid #bd965d;border-left:2px solid #bd965d;top:-1px;left:-1px}.hero-frame:after{top:auto;left:auto;bottom:-1px;right:-1px;transform:rotate(180deg)}.hero-inner{max-width:1480px;height:100%;padding:0 28px;margin:auto;position:relative;display:flex;align-items:center;justify-content:space-between}.hero-copy{padding-bottom:35px;position:relative}.hero-label{font-size:9px;color:#c8ad8b;letter-spacing:2.2px;display:flex;align-items:center;gap:15px}.hero-label span{font-size:12px;letter-spacing:3px;color:#f3c999}.hero-label i{width:32px;height:1px;background:#b29164}.hero h1{font-family:var(--font);font-size:126px;font-weight:900;line-height:1.15;letter-spacing:-8px;margin:24px 0 6px;font-style:italic;background:linear-gradient(180deg,#fff4d6 12%,#f3d199 43%,#ca8d3e 73%,#f6d5a0);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(1px 3px 0 #67311f) drop-shadow(0 7px 15px #0008);transform:skewX(-4deg)}.hero h1 span{font-family:Georgia,serif;font-size:141px;letter-spacing:-11px;margin-left:9px}.hero-slogan{font-size:29px;font-weight:700;letter-spacing:6px;color:#f5e7d0;margin-top:8px;text-shadow:0 2px 7px #0008}.hero-description{font-size:14px;color:#ccc1c8;line-height:2;margin-top:23px;letter-spacing:1px}.hero-enter{margin-top:29px;min-width:207px;padding:13px 23px;background:linear-gradient(110deg,#e5ca9a,#b48b55);border:1px solid #f5e0b6;color:#241817;font-size:17px;font-weight:700;letter-spacing:3px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:filter .2s,transform .2s}.hero-enter:hover{filter:brightness(1.13);transform:translateY(-2px)}.hero-enter span{margin-left:25px}.hero-footnote{font-size:10px;letter-spacing:1px;color:#b19b91;margin-top:16px}.hero-edition{position:absolute;right:34px;bottom:77px;text-align:right;color:#eed1a1;text-shadow:0 3px 12px #000b;opacity:.84}.hero-edition>span{font-size:8px;letter-spacing:3px}.hero-edition b{display:block;line-height:1;font:italic 65px/1 Georgia,serif;margin:7px 0}.hero-edition small{font-size:10px;letter-spacing:2px}.hero-bottom{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);width:min(100% - 56px,1424px);display:flex;align-items:center;gap:10px;font-size:11px;color:#c1b6b6}.hero-bottom i{width:1px;height:12px;background:#746067;margin:0 5px}.hero-bottom a{margin-left:auto;color:#d0b79a;letter-spacing:1.5px}.hero-bottom b{margin-left:12px;font-size:18px}.status-dot{width:6px;height:6px;border-radius:50%;background:#827875}.status-dot.online{background:#95d4b2;box-shadow:0 0 9px #70c49380}.status-dot.offline{background:#d58973}
.portal-content{max-width:1480px;padding:0 28px;margin:auto}.portal-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:27px;position:relative;margin-top:13px;padding:18px 0 49px}.download-panel{background:linear-gradient(145deg,#252029,#18171e);border:1px solid #5a4341;padding:20px 18px 18px;scroll-margin-top:20px}.panel-eyebrow{color:#b59382;font-size:8px;letter-spacing:1.6px;margin-bottom:14px}.download-main{display:flex;align-items:center;gap:14px;padding:17px 17px 18px;min-height:92px;background:linear-gradient(125deg,#e6494b,#c42b34 70%,#8f1f29);border:1px solid #f2706260;box-shadow:0 8px 20px #9a101530;transition:filter .2s}.download-main:hover{filter:brightness(1.14)}.download-main svg{width:32px;height:32px;stroke-width:2;flex-shrink:0;color:#fff0de}.download-main strong{display:block;font-size:26px;font-weight:800;letter-spacing:4px;color:#fff2d8;line-height:1.4}.download-main small{font-size:9px;letter-spacing:1px;color:#ffc7b8;display:block;margin-top:5px}.download-main>b{margin-left:auto;color:#ffd5c2;font-size:17px}.download-panel>p:not(.panel-eyebrow){font-size:9px;color:#a88f90;margin:12px 0 16px;text-align:center}.download-shortcuts{display:grid;grid-template-columns:1fr 1fr;border:1px solid #5c4348}.download-shortcuts a,.download-shortcuts button{padding:12px 4px;background:transparent;text-align:center;font-size:12px;color:#d0bab2}.download-shortcuts a{border-left:1px solid #5c4348}.download-shortcuts span{color:#d7ab82;margin-right:7px;font-size:15px}.download-shortcuts a:hover,.download-shortcuts button:hover{background:#3c2d35;color:var(--gold)}.client-hint{display:flex;gap:13px;align-items:center;padding-top:18px}.client-hint>span{border:1px solid #695154;padding:3px 5px;color:#a98c8a;font-size:11px}.client-hint p{font-size:10px;color:#968a93;line-height:1.7}
.news-panel,.quick-panel{padding:8px 0 0;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-heading h2{font-size:22px;font-weight:700;line-height:1.4;letter-spacing:1px}.panel-heading h2 span{font-size:9px;letter-spacing:1.5px;margin-left:10px;color:#706570;font-weight:400}.panel-heading>a{font-size:19px;color:#a58c79;line-height:1}.news-tabs{display:flex;border-bottom:1px solid #4b3b43;margin-bottom:17px;gap:26px}.news-tabs button{color:#9c8d95;padding:0 0 9px;background:none;font-size:12px;position:relative}.news-tabs button[aria-selected="true"]{color:#edbd90}.news-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d64c48}.news-feature{display:block;background:#241e25;padding:13px 17px;border-left:2px solid #b03b40;margin-bottom:11px}.news-feature>span{color:#f0c599;font-size:17px;font-weight:600;line-height:1.5;display:block}.news-feature small{font-size:11px;color:#b09caa;display:block;margin-top:4px}.news-list{list-style:none;padding:0;margin:0}.news-list li{border-bottom:1px solid #2e2931}.news-list a,.news-list button{display:flex;gap:10px;align-items:center;padding:11px 0;width:100%;background:none;text-align:left;font-size:11px;color:#bfb2be}.news-list a:hover,.news-list button:hover{color:var(--gold)}.news-tag{border:1px solid #675143;color:#c1a183;font-size:9px;padding:0 6px;white-space:nowrap;flex-shrink:0}.news-list a>span:nth-child(2),.news-list button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-list time,.news-list b{margin-left:auto;flex-shrink:0;color:#766776;font-size:10px;font-weight:400}.quick-panel{border-left:1px solid #352d36;padding-left:24px}.quick-panel .panel-heading{margin-bottom:26px}.quick-welcome{display:flex;align-items:center;gap:14px;margin-bottom:21px}.account-emblem{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #947050;background:linear-gradient(135deg,#3c2c29,#1b171e);font:italic 23px Georgia,serif;color:#e0ba84;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.quick-welcome strong{font-size:14px;color:#e1d1c8;display:block;font-weight:500;word-break:break-word}.quick-welcome p{font-size:10px;color:#8e7e8c;margin-top:3px}.quick-auth{display:grid;grid-template-columns:1fr 1fr;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;min-height:44px;padding:10px 18px;font-size:13px;font-weight:600;transition:filter .2s,background .2s}.red{background:linear-gradient(115deg,#cf373d,#a8202b);border:1px solid #dc5257;color:#ffe2cd}.red:hover{filter:brightness(1.16)}.outline{background:#29212a;border:1px solid #76514b;color:#d8b69f}.outline:hover{background:#402c32}.download-link[aria-disabled="true"]{opacity:.55;filter:saturate(.3)}.service-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #3c303a;border-bottom:1px solid #3c303a;padding:17px 0;margin-top:22px}.service-links a{display:flex;align-items:center;gap:9px;font-size:11px;color:#bca1aa}.service-links svg{width:20px;height:20px;color:#c1977d}.service-links a span{margin-left:auto;color:#776277}.service-links a:hover{color:#e6bb88}.quick-note{font-size:9px;text-align:center;margin-top:14px;color:#796b7a}
.section{padding:46px 0 53px;border-top:1px solid #342c35}.section-heading{display:flex;align-items:center;gap:32px;margin-bottom:27px}.section-heading h2{font-size:27px;font-weight:700;letter-spacing:1px}.section-heading h2 span{font-size:9px;font-weight:400;letter-spacing:1.6px;color:#776576;margin-left:16px;vertical-align:middle}.section-heading p{font-size:11px;color:#9d8b99;margin-top:9px}.heading-rule{height:1px;background:linear-gradient(90deg,#776052,#3a3038);flex:1}.section-mark{font:italic 39px/1 Georgia,serif;color:#987653}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{height:270px;position:relative;overflow:hidden;border:1px solid #79614d70;background:#262030}.feature-art{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.feature-classic .feature-art{background-image:url('/static/art/hero-v2.jpg');background-position:62% 35%}.feature-reward .feature-art{background-image:url('/static/art/mages-v2.png')}.feature-shop .feature-art{background-image:url('/static/art/hero-v2.jpg')}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141019ee,#17111dc2 42%,#17111d05),linear-gradient(0deg,#100d16bd,transparent 60%);pointer-events:none}.feature-card:hover .feature-art{transform:scale(1.04)}.feature-copy{position:relative;z-index:1;padding:33px 26px}.feature-copy>span{font-size:8px;letter-spacing:1.3px;color:#c29d78}.feature-copy h3{font-size:23px;line-height:1.5;margin:13px 0 13px;color:#f5dfc5;letter-spacing:1px}.feature-copy p{font-size:11px;color:#c5acba;line-height:1.9}.feature-copy a,.feature-copy button{display:inline-flex;align-items:center;gap:28px;background:none;color:#e2b486;font-size:11px;border-bottom:1px solid #a26f5470;padding:0 0 5px;margin-top:24px}.feature-copy a:hover,.feature-copy button:hover{color:#fff0c9}.feature-copy b{font-size:17px;font-weight:400}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:18px 0 0}.steps article{display:flex;gap:24px}.steps article+article{border-left:1px solid #44323d;padding-left:32px}.step-number{font:italic 38px/1 Georgia,serif;color:#ba8e66;margin-top:3px}.steps h3{font-size:16px;font-weight:600;color:#e7d3c7;line-height:1.5;margin-bottom:12px}.steps p{font-size:11px;line-height:1.9;color:#ab91a3}.step-link{display:inline-flex;align-items:center;gap:27px;color:#e5b68d;background:none;border-bottom:1px solid #895d4c;padding:0 0 4px;font-size:11px;margin-top:19px}.step-link:hover{color:#fff0c6}
.download-band{padding:33px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border:1px solid #65433c;background:radial-gradient(ellipse at 95% 50%,#72372c38,transparent 70%),linear-gradient(110deg,#2c2027,#18161f);position:relative}.download-band:before{content:"";position:absolute;top:-1px;left:0;width:130px;height:2px;background:#c88760}.download-band>div>p{font-size:8px;letter-spacing:2px;color:#a67d66}.download-band h2{font-size:27px;letter-spacing:1px;color:#edd3b4;margin:7px 0 6px}.download-band small{font-size:10px;color:#9e7d8a}.download-band>.button{min-width:225px;min-height:53px;font-size:15px;letter-spacing:1px}.checksum{width:100%;font-size:9px;color:#82727e;border-top:1px solid #44313d;padding-top:12px}.checksum summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center}.checksum summary::-webkit-details-marker{display:none}.checksum code{display:block;word-break:break-all;font-size:10px;margin-top:9px;color:#bda496}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.faq-grid details{border-bottom:1px solid #3b2f3c;padding:18px 0;align-self:start}.faq-grid summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#d1bac4}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{color:#b09275}.faq-grid details[open] summary span{transform:rotate(45deg)}.faq-grid details p{font-size:11px;line-height:1.9;color:#998298;padding:13px 28px 4px 0}
footer{border-top:1px solid #45323d;background:#0d0c11;margin-top:10px}.footer-inner{max-width:1480px;margin:auto;padding:31px 28px;display:flex;align-items:center;gap:35px}.footer-brand{font-size:25px;font-weight:800;font-style:italic;color:#9b7b62;letter-spacing:-1px;min-width:156px}.footer-brand>span{font-family:Georgia,serif;margin-left:4px;font-size:30px}.footer-brand small{display:block;font-size:7px;letter-spacing:1.5px;font-style:normal;margin-top:1px;color:#60545a}.footer-inner p{font-size:11px;color:#8c717f;letter-spacing:1px}.footer-inner small{font-size:9px;color:#665461}.footer-inner small a{color:#8f6e69}.back-top{margin-left:auto;white-space:nowrap;font-size:10px;color:#8e736c}
.account-dialog{width:450px;max-width:calc(100% - 30px);max-height:calc(100dvh - 38px);padding:0;border:1px solid #98724c;background:#1b171f;color:var(--cream);box-shadow:0 30px 100px #000b;overflow:auto}.account-dialog::backdrop{background:#08060bdb;backdrop-filter:blur(5px)}.account-card{padding:33px 33px 0;position:relative;background:linear-gradient(135deg,#2b2127,#18151d)}.account-card:before{content:"";position:absolute;top:0;left:25px;right:25px;height:1px;background:linear-gradient(90deg,transparent,#e1ba7a,transparent)}.dialog-close{position:absolute;right:15px;top:8px;background:none;color:#ba998a;font-size:27px;padding:0 5px;font-weight:300}.dialog-close:hover{color:#fff0cf}.card-kicker{font-size:8px;letter-spacing:1.5px;color:#a17b68;margin-bottom:10px}.account-card h2{font-size:23px;line-height:1.5;color:#f1d3ae;font-weight:600}.card-intro{font-size:11px;color:#9c8799;margin:7px 0 22px}.auth-tabs{display:flex;gap:26px;border-bottom:1px solid #624147;margin-bottom:15px}.auth-tabs button{background:none;padding:0 0 11px;font-size:13px;color:#ac8b9c;position:relative}.auth-tabs button[aria-selected="true"]{color:#edc691}.auth-tabs button[aria-selected="true"]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#d9514a}form label{display:block;font-size:11px;color:#c7aabb;margin:12px 0 6px}input{width:100%;height:42px;background:#100d1680;color:#f2ddcf;border:1px solid #55414e;padding:9px 12px;font-size:12px;outline:none;border-radius:0}input::placeholder{font-size:10px;color:#8e7186}input:focus{border-color:#be9469;box-shadow:0 0 0 2px #c89d7610}.field-note{font-size:9px;color:#967a8f;margin:7px 0 0}.form-message{font-size:11px;color:#ed9b82;margin:12px 0}.form-message:empty{display:none}.submit-button{width:100%;font-size:12px;margin:24px 0}.card-footer{text-align:center;border-top:1px solid #4d343f;padding:15px 0;font-size:9px;letter-spacing:1px;color:#856b77}.member-name{display:flex;align-items:center;gap:15px;margin:24px 0}.member-name strong{font-size:19px;display:block;color:#edd6ba}.member-name small{font-size:10px;color:#a38498}.wallet{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#120f19;border:1px solid #4c333e;padding:15px 17px}.wallet small{font-size:10px;color:#9e7e96}.wallet strong{display:block;font-family:Georgia,serif;font-size:25px;color:#e3be8c;font-weight:400;line-height:1.5;margin-top:4px}.member-tip{font-size:12px;color:#ae8e9e;line-height:1.9;margin:22px 0}#member-panel>.button{width:100%;font-size:12px}.logout-button{display:block;background:none;border-bottom:1px solid #795345;padding:0 0 4px;font-size:10px;color:#be8d82;margin:19px auto 23px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);max-width:calc(100% - 32px);background:#35232d;border:1px solid #9f6950;padding:12px 20px;font-size:12px;color:#f1ccac;box-shadow:0 8px 30px #0008;z-index:20}
@media(min-width:1900px){.hero{height:770px}.hero h1{font-size:141px}.hero h1 span{font-size:158px}.hero-slogan{font-size:31px}.hero-description{font-size:15px}.hero-copy{padding-bottom:48px}}
@media(max-width:1200px){.header-inner{gap:35px}.header nav{gap:25px}.brand{min-width:165px}.header nav a{font-size:14px}.portal-grid{grid-template-columns:265px minmax(0,1fr) 275px;gap:22px}.quick-panel{padding-left:20px}.panel-heading h2{font-size:20px}.panel-heading h2 span{font-size:8px;margin-left:7px}.quick-auth .button{font-size:11px;padding:10px 7px}.feature-copy{padding:29px 22px}.feature-copy h3{font-size:21px}.steps article{gap:17px}.steps article+article{padding-left:22px}.steps{gap:22px}.steps h3{font-size:14px}.hero h1{font-size:110px}.hero h1 span{font-size:124px}}
@media(max-width:1000px){.header-inner{gap:20px}.header nav{gap:22px}.header nav a{font-size:12px}.header nav small{font-size:7px}.brand{min-width:142px}.brand-title{font-size:28px}.brand-title span{font-size:37px}.brand small{font-size:6px;letter-spacing:.9px}.nav-account{min-width:112px;padding:10px 12px;font-size:10px}.portal-grid{grid-template-columns:245px minmax(0,1fr);gap:26px}.quick-panel{grid-column:1/-1;border-left:0;border-top:1px solid #49343e;padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.quick-panel .panel-heading{margin-bottom:16px;grid-column:1/-1}.quick-welcome{margin:0}.quick-auth{align-self:center}.service-links{margin:20px 0 0}.quick-note{margin:20px 0 0;align-self:center}.hero{height:640px}.hero h1{font-size:95px;letter-spacing:-6px}.hero h1 span{font-size:108px}.hero-slogan{font-size:23px;letter-spacing:4px}.hero-description{font-size:12px}.feature-grid{gap:15px}.feature-copy{padding:30px 17px}.feature-copy h3{font-size:18px}.feature-copy p{font-size:10px}.feature-card{height:260px}.steps article{display:block}.steps article+article{padding-left:22px}.step-number{display:block;margin-bottom:14px}.section-heading h2{font-size:24px}.section-heading h2 span{font-size:8px}}
@media(max-width:760px){.header{height:80px}.header-inner{padding:0 20px;justify-content:space-between}.header nav{display:none}.brand{min-width:0}.brand-title{font-size:29px}.brand-title span{font-size:37px}.brand small{font-size:6px;letter-spacing:1px}.nav-account{padding:8px 12px;min-width:111px}.hero{height:630px}.hero-art{object-position:57% 42%}.hero-shade{background:linear-gradient(90deg,#120d1ec2,#110d1830 80%),linear-gradient(0deg,#111116 2%,#11111645 65%,transparent)}.hero-inner{padding:0 24px;align-items:flex-end}.hero-copy{padding-bottom:83px}.hero-label{font-size:7px;gap:10px}.hero-label span{font-size:10px;letter-spacing:2px}.hero-label i{width:20px}.hero h1{font-size:86px;margin:16px 0 6px;letter-spacing:-5px}.hero h1 span{font-size:95px;letter-spacing:-7px;margin-left:6px}.hero-slogan{font-size:23px;letter-spacing:3px}.hero-description{font-size:11px;margin-top:19px}.hero-enter{padding:12px 20px;min-width:188px;margin-top:22px;font-size:15px}.hero-footnote{font-size:8px;margin-top:12px}.hero-frame{inset:14px 12px 32px}.hero-frame:before,.hero-frame:after{width:32px;height:32px}.hero-edition{display:none}.hero-bottom{width:calc(100% - 48px);bottom:23px;font-size:9px;gap:7px}.hero-bottom a{font-size:8px;letter-spacing:0}.hero-bottom b{margin-left:5px;font-size:13px}.hero-bottom i{margin:0 2px}.portal-content{padding:0 20px}.portal-grid{grid-template-columns:1fr;gap:32px;padding-bottom:35px;margin-top:0;padding-top:19px}.download-panel{padding:18px}.download-main{min-height:83px;padding:15px 21px}.download-main svg{width:34px;height:34px}.download-main strong{font-size:27px}.download-main small{font-size:10px}.panel-eyebrow{font-size:8px;margin-bottom:12px}.download-panel>p:not(.panel-eyebrow){font-size:10px}.download-shortcuts button,.download-shortcuts a{font-size:13px;padding:11px}.client-hint{display:none}.news-panel{padding-top:0}.panel-heading h2{font-size:23px}.panel-heading h2 span{font-size:9px;margin-left:12px}.news-feature>span{font-size:17px}.news-feature small{font-size:10px}.news-list a,.news-list button{font-size:11px;padding:12px 0}.news-tabs button{font-size:12px}.quick-panel{display:block;grid-column:auto;padding-top:26px}.quick-panel .panel-heading{margin-bottom:21px}.quick-welcome{margin-bottom:19px}.quick-welcome strong{font-size:14px}.quick-welcome p{font-size:11px}.quick-auth .button{font-size:13px;min-height:44px}.service-links{margin-top:19px}.service-links a{font-size:12px}.quick-note{font-size:9px;margin-top:12px}.section{padding:33px 0 38px}.section-heading{gap:15px;margin-bottom:23px;align-items:start}.section-heading h2{font-size:23px;letter-spacing:0}.section-heading h2 span{display:block;margin:5px 0 0;font-size:7px;letter-spacing:1.5px}.section-heading p{font-size:10px;max-width:250px;line-height:1.8}.heading-rule{margin-top:17px;min-width:20px}.section-mark{font-size:33px;margin-top:2px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{height:248px}.feature-copy{padding:30px 25px}.feature-copy h3{font-size:23px}.feature-copy p{font-size:11px}.feature-copy>span{font-size:8px}.feature-copy a,.feature-copy button{font-size:11px}.steps{grid-template-columns:1fr;gap:26px;padding-top:2px}.steps article,.steps article+article{display:flex;border:0;padding:0;gap:24px}.step-number{font-size:34px;margin:4px 0 0}.steps h3{font-size:16px}.steps p{font-size:11px}.step-link{margin-top:13px;font-size:11px}.download-band{padding:25px 22px;gap:21px}.download-band h2{font-size:21px;letter-spacing:0;margin-top:10px}.download-band>div>p{font-size:7px;letter-spacing:1.4px}.download-band small{font-size:9px}.download-band>.button{width:100%;font-size:14px;min-height:48px}.checksum{font-size:8px}.checksum code{font-size:8px}.faq-grid{grid-template-columns:1fr}.faq-grid summary{font-size:11px}.faq-grid details p{font-size:10px}.footer-inner{padding:26px 20px;flex-wrap:wrap;gap:17px}.footer-brand{font-size:23px;min-width:130px}.footer-inner p{font-size:10px}.footer-inner>div{order:3;flex-basis:100%}.footer-inner small{font-size:8px}.back-top{font-size:9px}.account-card{padding:30px 25px 0}.account-card h2{font-size:21px}.account-dialog{max-height:calc(100dvh - 30px)}.toast{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Larger text and softer corners for the game portal. */
:root{--radius-card:12px;--radius-control:8px}
body{font-size:16px}
.header nav a{font-size:18px}
.header nav small{font-size:10px}
.nav-account{font-size:15px;border-radius:var(--radius-control)}
.hero-description{font-size:17px}
.hero-label{font-size:11px}
.hero-label span{font-size:14px}
.hero-footnote{font-size:12px}
.hero-enter{font-size:19px;clip-path:none;border-radius:10px}
.hero-bottom{font-size:13px}
.download-panel{border-radius:var(--radius-card)}
.panel-eyebrow{font-size:10px}
.download-main{border-radius:10px;min-height:104px}
.download-main strong{font-size:30px;letter-spacing:3px}
.download-main small{font-size:12px;letter-spacing:.5px}
.download-panel>p:not(.panel-eyebrow){font-size:12px}
.download-shortcuts{border-radius:var(--radius-control);overflow:hidden}
.download-shortcuts a,.download-shortcuts button{font-size:15px;padding:13px 4px}
.client-hint p{font-size:13px}
.client-hint>span{font-size:12px;border-radius:4px}
.panel-heading h2{font-size:26px}
.panel-heading h2 span{font-size:11px;color:#998390}
.news-tabs button{font-size:15px}
.news-feature{border-radius:var(--radius-control);padding:16px 18px}
.news-feature>span{font-size:20px}
.news-feature small{font-size:14px}
.news-list a,.news-list button{font-size:16px;padding:14px 0;color:#d1c2ce}
.news-list a>span:nth-child(2),.news-list button>span:nth-child(2){white-space:normal;min-width:0;line-height:1.65}
.news-tag{font-size:12px;border-radius:4px}
.news-list time,.news-list b{font-size:12px;color:#a58c9e}
.quick-welcome strong{font-size:17px}
.quick-welcome p{font-size:14px}
.account-emblem{clip-path:none;border-radius:var(--radius-control)}
.button,.quick-auth .button{font-size:16px;min-height:48px;border-radius:var(--radius-control)}
.service-links a{font-size:15px}
.quick-note{font-size:12px}
.section-heading h2{font-size:30px}
.section-heading h2 span{font-size:11px}
.section-heading p,.feature-copy p,.steps p{font-size:15px;color:#bba7b7}
.feature-card{height:300px;border-radius:var(--radius-card)}
.feature-copy>span{font-size:10px}
.feature-copy h3{font-size:26px}
.feature-copy a,.feature-copy button,.step-link{font-size:15px}
.steps h3{font-size:18px}
.download-band{border-radius:var(--radius-card);overflow:hidden}
.download-band>div>p{font-size:10px}
.download-band h2{font-size:30px}
.download-band small{font-size:14px}
.download-band>.button{font-size:17px}
.checksum{font-size:12px}
.checksum code{font-size:12px}
.faq-grid summary{font-size:16px}
.faq-grid details p{font-size:15px;color:#b7a0b2}
.footer-inner p{font-size:14px}
.footer-inner small{font-size:12px}
.footer-brand small{font-size:9px}
.back-top{font-size:13px}
.account-dialog{width:500px;border-radius:14px}
.account-card h2{font-size:26px}
.card-kicker{font-size:10px}
.card-intro{font-size:14px}
.auth-tabs button{font-size:16px}
form label{font-size:14px}
input{font-size:15px;height:48px;border-radius:var(--radius-control)}
input::placeholder{font-size:13px}
.field-note,.card-footer,.member-name small{font-size:12px}
.form-message{font-size:14px}
.submit-button,#member-panel>.button{font-size:16px}
.wallet{border-radius:10px}
.wallet small{font-size:13px}
.wallet strong{font-size:28px}
.member-tip{font-size:15px}
.logout-button{font-size:13px}
.toast{font-size:14px;border-radius:10px}
@media(max-width:1200px){
  .header nav a{font-size:16px}
  .download-main{gap:10px;padding:16px 12px}
  .download-main strong{font-size:28px;letter-spacing:2px}
  .download-main svg{width:28px;height:28px}
  .news-list a,.news-list button{font-size:15px}
  .feature-copy h3{font-size:23px}
}
@media(max-width:1000px){
  .header nav a{font-size:14px}
  .header nav small{font-size:9px}
  .nav-account{font-size:13px}
  .download-main strong{font-size:26px}
  .feature-card{height:310px}
  .feature-copy h3{font-size:21px}
  .feature-copy p{font-size:14px}
}
@media(max-width:760px){
  .header-inner{gap:12px}
  .nav-account{font-size:14px}
  .hero-description{font-size:14px}
  .hero-label{font-size:9px}
  .hero-label span{font-size:12px}
  .hero-enter{font-size:17px}
  .hero-footnote{font-size:11px}
  .hero-bottom{font-size:11px}
  .hero-bottom a{font-size:10px}
  .download-main{padding:16px 20px;gap:14px}
  .download-main strong{font-size:30px;letter-spacing:3px}
  .download-main svg{width:32px;height:32px}
  .panel-heading h2{font-size:25px}
  .panel-heading h2 span{font-size:10px}
  .news-feature>span{font-size:20px}
  .news-list a,.news-list button{font-size:14px;gap:9px}
  .news-tag,.news-list time,.news-list b{font-size:11px}
  .section-heading h2{font-size:26px}
  .section-heading h2 span{font-size:10px}
  .section-heading p,.feature-copy p,.steps p{font-size:14px}
  .feature-card{height:290px}
  .feature-copy h3{font-size:25px}
  .feature-copy a,.feature-copy button,.step-link{font-size:14px}
  .download-band h2{font-size:24px}
  .download-band small{font-size:13px}
  .download-band>.button{font-size:16px}
  .faq-grid summary{font-size:15px}
  .faq-grid details p{font-size:14px}
  .footer-inner p{font-size:13px}
  .footer-inner small{font-size:11px}
  .footer-brand small{font-size:8px}
  .back-top{font-size:12px}
  .account-card h2{font-size:24px}
  .toast{font-size:13px}
}