.game-activation-warning{margin:0 0 24px;padding:16px 20px;border:1px solid #a66d5b;background:#4d2b2333;color:#f0c4a9;border-left:3px solid #d77d62}.game-activation-warning strong{display:block;color:#ffd0a7;font-size:15px;margin-bottom:5px}.game-activation-warning p{margin:3px 0;font-size:12px}.game-activation-warning b{color:#f4d28c}.player-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.player-top nav{display:flex;gap:24px}.player-login{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.player-login .card{padding:36px}.player-login .primary{width:100%;margin-top:12px}.player-motto{padding:40px;background:radial-gradient(ellipse at top left,#513b243d,transparent 70%);border-left:2px solid #bd9254}.player-motto h2{font-family:serif;font-size:52px;line-height:1.5;letter-spacing:5px}.player-motto em{color:#c6a367;font-style:normal}.player-motto p{color:#99988a;line-height:2}.balance-card{border-top:2px solid #c6a367!important}.stats article .button{margin:15px 0;display:inline-block}#player-uid{font-family:monospace;letter-spacing:1px}#player-dashboard .toolbar h2{margin-bottom:6px}#player-dashboard .toolbar p{margin:0}#player-page{margin:0 12px}#account-error:empty{display:none}#player-orders small{display:block;color:#90958d;margin-top:8px}@media(max-width:700px){.player-top{align-items:flex-start}.player-top nav{font-size:12px;gap:12px;flex-direction:column}.player-login{grid-template-columns:1fr;gap:20px}.player-motto{padding:24px}.player-motto h2{font-size:34px;margin:12px 0}.player-login .card{padding:24px}.recharge-head h1{font-size:28px}.pagination{align-items:flex-start;gap:18px;flex-direction:column}}

#player-dashboard .toolbar>div{display:block}.stats article>small{display:block}.player-top .logo{min-width:0}.player-top [data-site-name]{overflow-wrap:anywhere}

.online-card{margin:24px 0;padding:28px;border-color:#48513a;border-radius:12px;background:radial-gradient(ellipse at top right,#b99a4910,transparent 60%),#1a211b;box-shadow:0 12px 32px #060d071c}
.online-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid #c8ab6324}
.online-heading>div{min-width:0}.online-heading .eyebrow{margin-bottom:7px}.online-heading h2{font-size:22px;line-height:1.5;color:#efe8d5}
#online-state{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:5px 10px;border:1px solid #6672544d;border-radius:30px;background:#10181080;color:#aab59e;font-size:11px}
#online-state::before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#899580}
#online-state[data-state=online]{color:#b9d49f;border-color:#7e9b5c66;background:#6d93461a}
#online-state[data-state=online]::before{background:#b1d779;box-shadow:0 0 0 3px #a2c96c14}
#online-state[data-state=unavailable]{color:#d5b887;border-color:#a08c5966}
#online-state[data-state=unavailable]::before{background:#d5b887}
.online-rewards-header{margin:23px 0 17px}.online-rewards-header h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#ddc79b}
.online-rewards-header p{margin:0;color:#9ba691;font-size:12px;line-height:1.8}
.online-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.online-milestones{display:contents}
.online-stat,.online-milestone{min-width:0;min-height:142px;padding:19px 20px;border:1px solid #5261445c;border-radius:8px;background:linear-gradient(135deg,#27302080,#131c1380);overflow-wrap:anywhere}
.online-stat>span,.online-milestone>span{display:block;color:#b8c0ac;font-size:12px;line-height:1.7}
.online-stat>strong,.online-milestone>strong{display:block;margin:11px 0 9px;color:#e5c88f;font-size:clamp(19px,2.4vw,27px);font-weight:600;line-height:1.4;letter-spacing:.2px;font-variant-numeric:tabular-nums}
.online-stat>small,.online-milestone>small{display:block;font-size:11px;line-height:1.7;color:#93a086}
.online-milestone{border-color:#9e844a4d;background:linear-gradient(135deg,#8b753518,#11190f66)}
.online-milestone>strong{color:#dbc08a}
.online-milestone>small{display:inline-block;padding:2px 8px;border-radius:4px;background:#ffffff05;color:#a3ad98}
.online-milestone[data-status=paid]{border-color:#64864f66;background:linear-gradient(135deg,#648c4024,#17221766)}
.online-milestone[data-status=paid]>small{color:#b5d29c;background:#6c974328}
.online-milestone[data-status=pending]>small,.online-milestone[data-status=eligible]>small{color:#e2c17e;background:#ad8b3426}
.online-milestone[data-status=disabled]{border-style:dashed;background:#10180f66}.online-milestone[data-status=disabled]>strong{color:#a2ab94}
.online-progress-panel{margin-top:20px;padding:21px 22px 17px;border:1px solid #93814f4d;border-radius:9px;background:linear-gradient(105deg,#b29a4a0d,#111a1266)}
.online-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.online-progress-heading label{margin:0;color:#d0d5c4;font-size:12px}.online-progress-heading strong{color:#e0c18a;font:600 18px/1.5 Georgia,serif;font-variant-numeric:tabular-nums}
.online-card progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:12px;overflow:hidden;border:1px solid #6f603e66;border-radius:30px;background:#0c140e;box-shadow:inset 0 2px 4px #0005;accent-color:#ceb072}
.online-card progress::-webkit-progress-bar{border-radius:30px;background:#0c140e;box-shadow:inset 0 2px 4px #0005}
.online-card progress::-webkit-progress-value{border-radius:30px;background:linear-gradient(90deg,#8f703c,#c6a767 55%,#edd6a0);box-shadow:inset 0 1px 0 #fff4}
.online-card progress::-moz-progress-bar{border-radius:30px;background:linear-gradient(90deg,#8f703c,#c6a767 55%,#edd6a0);box-shadow:inset 0 1px 0 #fff4}
.online-progress-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:9px;color:#aaa991;font-size:11px;line-height:1.7}.online-progress-meta>span{min-width:0;overflow-wrap:anywhere}.online-progress-meta>span:last-child{text-align:right;color:#c4b388}
#online-hint{margin:14px 0 0;padding-top:12px;border-top:1px solid #87945d24;color:#9caa91;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:700px){.online-card{padding:22px 18px}.online-heading{align-items:flex-start;gap:12px}.online-heading h2{font-size:20px}.online-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.online-stat,.online-milestone{padding:17px 16px}.online-stat>strong,.online-milestone>strong{font-size:22px}.online-progress-panel{padding:18px 16px}}
@media(max-width:440px){.online-card{padding:20px 15px}.online-heading{flex-wrap:wrap;padding-bottom:18px}.online-overview{grid-template-columns:minmax(0,1fr);gap:10px}.online-stat,.online-milestone{min-height:0;padding:16px 18px}.online-stat>strong,.online-milestone>strong{margin:7px 0}.online-progress-panel{padding:17px 13px}.online-progress-meta{flex-direction:column;gap:3px}.online-progress-meta>span:last-child{text-align:left}}
.small-action{font-size:13px;padding:6px 10px;margin-left:6px}
.account-welcome{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}
.account-welcome .small-action{font:12px/1.6 "Microsoft YaHei",sans-serif;padding:5px 10px;margin:0}
.account-top-actions{flex:none;text-align:right}.account-top-actions>div{display:flex;align-items:center;gap:8px}
.account-top-actions button,.account-top-actions .button{font-size:12px;padding:8px 13px}
.account-top-actions small{display:block;margin-top:6px;color:#98a38e;font-size:11px}
@media(max-width:800px){#player-dashboard>.page-heading{align-items:flex-start;flex-direction:column}.account-top-actions{text-align:left}.account-top-actions>div{flex-wrap:wrap}}
.sg-account-dialog{width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid #a58a52;background:linear-gradient(130deg,#273022,#141b14);color:#eee5d2;box-shadow:0 24px 80px #0008}
.sg-account-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.sg-account-dialog h2{font:25px/1.5 "KaiTi",serif;color:#e0c28a;margin-bottom:18px}
.sg-account-dialog p{margin:12px 0}.sg-account-dialog .error:empty{display:none}
.sg-account-dialog .sg-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.sg-account-dialog .sg-dialog-actions button{min-width:82px}.sg-account-dialog select{width:100%}
.wallet-card{border-color:#8e784c!important}.wallet-card form{margin-top:16px;padding-top:12px;border-top:1px solid #b59a5433}
.wallet-card form label{margin:10px 0 5px;color:#b9c3ac;font-size:11px}.wallet-card select,.wallet-card input{font-size:12px;padding:9px 10px}
.wallet-allocation-row{display:flex;gap:8px}.wallet-allocation-row input{min-width:0;flex:1}.wallet-allocation-row button{flex:none;padding:8px 10px;font-size:11px}
#wallet-message,#wallet-pending{font-size:12px;line-height:1.8;color:#e2c48b;overflow-wrap:anywhere;margin-top:10px}#wallet-message:empty{display:none}.wallet-tip{margin-top:12px}
