/* Original palette, typography and table layout; modest responsive corrections. */
body{background:white;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:14px}
#container{max-width:1400px;width:calc(100% - 32px);display:flex;gap:24px;margin:18px auto}
#save{float:none;flex:0 0 180px;width:180px;font-size:14px;line-height:1.6}
#save h1{font-size:22px;line-height:1.1;margin:0 0 8px;font-weight:normal}
#save img{vertical-align:middle}#save button{margin:3px 0}#save .subtitle{color:#666;margin-top:0}
#gamecontainer{float:none;width:auto;flex:1;min-width:0;padding:0}
#quickdetails{position:static;width:100%;padding:0 0 12px}#quickdetails table{margin-left:0}
.credits{font-size:12px;color:#777;margin-top:32px}#connection{font-size:12px;color:#666}
.community{margin-top:12px}.discord-link{display:inline-flex;align-items:center;gap:7px;color:#444;font-size:13px;text-decoration:none}.discord-link:hover{text-decoration:underline}.discord-link svg{width:18px;height:18px;fill:currentColor;flex:none}
#password-reset,#password-change{margin-top:18px;border-top:1px solid #8885;padding-top:12px}#password-reset summary,#password-change summary{cursor:pointer}#reset-status,#change-status{font-size:13px}#account-dialog{max-height:85vh;overflow:auto}
button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #3065a6;outline-offset:3px}
dialog{border:1px solid #777;background:#fff;color:#111;padding:24px;max-width:560px}dialog::backdrop{background:#0004}
dialog label{display:block;margin:12px 0}dialog input{display:block;padding:6px;width:230px}dialog h2{font-weight:normal;margin-top:0}
#scores-list table{border-collapse:collapse}#scores-list td,#scores-list th{padding:7px 18px 7px 0;text-align:left}
#account-status{color:#555}.popup{max-width:90vw;max-height:85vh;overflow:auto}
@media(max-width:1000px){#container{display:block;width:calc(100% - 20px);margin:12px auto}#save{width:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ddd;margin-bottom:14px;padding-bottom:10px}#save h1{font-size:20px}#save p{margin:0}.credits,#save .subtitle,#reference-link{display:none}#employment{overflow-x:auto}#employment .title{font-size:18px}#quickdetails{overflow-x:auto}#gamecontainer{width:100%}#mine_box{max-width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#theme-toggle{position:fixed;top:8px;right:12px;z-index:201;min-width:48px;padding:4px 9px;border:1px solid #aaa;border-radius:4px;background:#f8f8f8;color:#333;font:12px Arial,Helvetica,sans-serif;line-height:18px}
#action-notice{position:fixed;top:46px;right:12px;z-index:201;max-width:min(340px,calc(100vw - 48px));padding:9px 12px;border:1px solid #8d7439;border-radius:4px;background:#fff9e9;color:#4b3b17;font:13px/1.5 Arial,Helvetica,sans-serif;box-shadow:0 2px 8px #0002}
html[data-theme="dark"] #action-notice{background:#302b20;color:#f1dfac;border-color:#907c48}
#tab-play{display:block;margin:8px 0 0}#tab-play[hidden]{display:none}
#leaderboard-open{display:inline-block;padding:2px 7px;border:1px solid #888;color:inherit;text-decoration:none;font-size:13px}
#support-id{overflow-wrap:anywhere;font-size:12px}
.leaderboard h2{font-weight:normal}.leaderboard table{border-collapse:collapse;width:100%;max-width:800px}.leaderboard th,.leaderboard td{padding:10px 14px;border-bottom:1px solid #8885;text-align:left}.leaderboard th:first-child,.leaderboard td:first-child{padding-left:0}
.mining-progress{margin:0 0 7px;text-align:right;font-size:12px;line-height:16px;color:#555}
.mining-progress span{display:block;margin-bottom:4px}
.mining-progress progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:2px;overflow:hidden;background:#e3e3e3;color:#537964}
.mining-progress progress::-webkit-progress-bar{background:#e3e3e3;border-radius:2px}
.mining-progress progress::-webkit-progress-value{background:#537964;border-radius:2px}
.mining-progress progress::-moz-progress-bar{background:#537964;border-radius:2px}
html[data-theme="dark"] .mining-progress{color:#bdbdbd}
html[data-theme="dark"] .mining-progress progress{background:#3c3c3c;color:#91bd9f}
html[data-theme="dark"] .mining-progress progress::-webkit-progress-bar{background:#3c3c3c}
html[data-theme="dark"] .mining-progress progress::-webkit-progress-value{background:#91bd9f}
html[data-theme="dark"] .mining-progress progress::-moz-progress-bar{background:#91bd9f}
html[data-theme="dark"]{color-scheme:dark;background:#181818}
/* World transitions in the archived renderer set inline colors. The selected
   theme must keep readable surfaces even after entering/leaving a portal. */
html[data-theme="dark"] body,html[data-theme="dark"] #quickdetails,html[data-theme="dark"] #loading_screen,html[data-theme="dark"] #bosses{background:#181818!important;color:#e6e6e6!important}
html[data-theme="dark"] a,html[data-theme="dark"] h2{color:#e6e6e6!important}
html[data-theme="dark"] #save .subtitle,html[data-theme="dark"] .credits,html[data-theme="dark"] #connection,html[data-theme="dark"] #account-status{color:#aaa}
html[data-theme="dark"] button,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#2b2b2b;color:#eee;border:1px solid #666}
html[data-theme="dark"] button:disabled{color:#aaa}
html[data-theme="dark"] #theme-toggle{background:#292929;color:#ddd;border-color:#666}
html[data-theme="dark"] dialog{background:#202020;color:#e6e6e6;border-color:#777}
html[data-theme="dark"] .selected{background:#424242}
html[data-theme="dark"] hr{border:0;border-top:1px solid #444}
html[data-theme="dark"] td.globalbossevent,html[data-theme="dark"] .globalbossGreen{background:#29402a;color:#e1f1dc;border-color:#63875b}
html[data-theme="dark"] .red{background:#933e3e}
html[data-theme="dark"] .green{background:#32683a}
html[data-theme="dark"] .general{background:#352740;color:#e3d5f1}
html[data-theme="dark"] .general2{background:#48292c;color:#f1d5d7}
html[data-theme="dark"] .general3{background:#453c25;color:#f1e5bd}
html[data-theme="dark"] .popup{background:#242424;border:1px solid #666;color:#ddd}
html[data-theme="dark"] .popup p.title,html[data-theme="dark"] .popup button,html[data-theme="dark"] span.popup_rewardstitle{color:#f0d87b}
html[data-theme="dark"] .bar{border-color:#829ae0;background:#232833}
html[data-theme="dark"] .bar span{background:#3853a3;border-color:#3853a3;color:#fff}
html[data-theme="dark"] .displaytext{background:#555;color:#fff}
html[data-theme="dark"] .enderBox{background:#20383b;color:#b8e2e5;border-color:#527d81}
html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] select:focus-visible{outline-color:#a4c7ff}
/* Preserve the meaning of legacy inline status colors with legible shades. */
html[data-theme="dark"] [style*="color:green"],html[data-theme="dark"] [style*="color: green"]{color:#92dfa1!important}
html[data-theme="dark"] [style*="color:purple"],html[data-theme="dark"] [style*="color: purple"]{color:#d8aaff!important}
html[data-theme="dark"] [style*="color:orangered"],html[data-theme="dark"] [style*="color: orangered"]{color:#ffb085!important}
html[data-theme="dark"] [style*="color:orange;"],html[data-theme="dark"] [style*="color: orange;"]{color:#ffd18a!important}
html[data-theme="dark"] [style*="color:red;"],html[data-theme="dark"] [style*="color: red;"]{color:#ffaaaa!important}
html[data-theme="dark"] #save{border-color:#444}
button[name="vault_sell"]{border:2px solid #527b60;border-radius:3px;background:#f1f7f2;color:#254b31;font-weight:700;padding:5px 12px;margin:4px 8px 4px 0}
button[name="vault_sell"]:hover{background:#e1eee4;border-color:#315d3f}
html[data-theme="dark"] button[name="vault_sell"]{border:2px solid #91bd9f;background:#203126;color:#d8efdf}
html[data-theme="dark"] button[name="vault_sell"]:hover{background:#2c4434;border-color:#b5e0c2}
@media(max-width:1000px){#save{padding-right:60px;box-sizing:border-box}}
