:root{color-scheme:dark;--gold:#e5c799;--muted:#b4b1ac;--page-width:min(100vw,480px)}
*{box-sizing:border-box}html{background:#111110}body{margin:0;color:#f0e0c5;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #f0d3a1;outline-offset:5px}
.login-page{width:var(--page-width);margin:0 auto;min-height:max(100svh,calc(var(--page-width)*2.162));background:#111110 url('/Style/starplay/arena.webp') center top/100% 100% no-repeat;display:flex;flex-direction:column;padding-bottom:max(28px,env(safe-area-inset-bottom));overflow:hidden}
.hero{height:calc(var(--page-width)*1.163);flex:none;text-align:center;padding-top:calc(var(--page-width)*.33)}.brand h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:8px;padding-left:8px;font-size:36px;line-height:1.25;margin:0;color:var(--gold)}.brand-en{font-size:11px;letter-spacing:7px;padding-left:7px;margin:6px 0 0;color:#e4d0ac}.tagline{font-family:"Songti SC","STSong","SimSun",serif;font-size:16px;letter-spacing:3px;margin:14px 0 0;color:#f0d9b4}
.login-section{padding:0 calc(var(--page-width)*.085)}h2{display:flex;align-items:center;gap:18px;margin:0 0 15px;font:500 23px/1.4 "Songti SC","STSong","SimSun",serif;letter-spacing:2px;color:var(--gold)}h2 span{border-left:3px solid var(--gold);padding-left:15px}h2:after{content:"";height:1px;background:#8d7857;flex:1}
.field{display:flex;align-items:center;gap:14px;height:49px;border:1px solid #a58e69;border-radius:5px;margin-bottom:14px;background:rgba(17,17,16,.62);padding:0 16px;color:var(--muted)}.field:focus-within{border-color:#edcf9e;box-shadow:0 0 0 1px #edcf9e}.field>i{width:17px;text-align:center;font-size:20px}.field input{width:100%;min-width:0;flex:1;color:#f7eddb;background:transparent;border:0;outline:none!important;font-size:16px;padding:10px 0;caret-color:var(--gold)}.field input::placeholder{color:#aaa7a2;opacity:1}.password-field{padding-right:7px}.password-field button{display:grid;place-items:center;width:36px;height:40px;border:0;background:transparent;color:#b1aea6;font-size:17px;flex:none}.remember{display:flex;align-items:center;gap:9px;min-height:22px;margin:0 0 9px;color:#ddd8cd;cursor:pointer;font-size:14px}.remember input{width:17px;height:17px;accent-color:#d5b888;margin:0;cursor:pointer}.login-button{display:block;width:100%;height:49px;background:#d9bd90;color:#191612;border:1px solid #f4d6a3;border-radius:5px;font-size:20px;letter-spacing:5px;font-family:"Songti SC","STSong","SimSun",serif;font-weight:600;box-shadow:inset 0 1px 0 #efdbb9;transition:background .15s,transform .15s}.login-button:hover{background:#ebd0a4}.login-button:active{transform:translateY(1px)}.login-button:disabled{cursor:wait;opacity:.7}.message{font-size:13px;line-height:1.6;color:#f2bbad;margin:0 0 12px}.message.success{color:#e9d4ac}.support-links{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:22px;font-size:16px;letter-spacing:1px}.support-links>a{padding:5px 0}.support-links>a:hover{color:#fff0d5}.support-links>span{height:18px;width:1px;background:#8f7b5c}footer{display:flex;gap:18px;justify-content:center;margin-top:auto;padding-top:38px;color:#ccb18b;font-size:9px;letter-spacing:5px}footer span:last-child{letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:481px){.hero{padding-top:163px}.brand h1{font-size:43px}.brand-en{font-size:12px}.tagline{font-size:18px;margin-top:20px}.login-section{padding-left:40px;padding-right:40px}.field{height:57px;margin-bottom:17px}.login-button{height:56px}.remember{margin-bottom:20px}.support-links{margin-top:26px}h2{margin-bottom:25px}footer{padding-top:45px}}
@media(max-width:350px){.brand h1{font-size:30px}.tagline{font-size:14px;letter-spacing:2px}h2{font-size:21px}.login-section{padding:0 24px}.support-links{gap:22px}.login-page{min-height:790px;background-size:100% auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact mobile login: prioritize the form above the fold. */
.login-page{min-height:100svh;background:#111110;padding-bottom:max(18px,env(safe-area-inset-bottom))}.hero{height:clamp(180px,31svh,245px);padding-top:24px;background:#111110 url("/Style/starplay/arena.webp") center 27%/100% auto no-repeat}.compact-logo{display:block;width:180px;height:auto;margin:0 auto}.tagline{font-size:14px;margin-top:12px;letter-spacing:2px}.login-section{padding-top:12px;padding-bottom:12px;background:#111110}footer{padding-top:22px}.login-page h2{font-size:22px}@media(min-width:481px){.hero{padding-top:25px;height:245px}.compact-logo{width:200px}.tagline{font-size:16px}}@media(max-height:620px){.hero{height:160px;padding-top:15px}.compact-logo{width:155px}.tagline{margin-top:8px}.field{height:46px;margin-bottom:11px}.remember{margin-bottom:8px}.support-links{margin-top:16px}}