@font-face{font-family:Serif;src:url(fonts/NotoSerifTC.woff2) format("woff2");font-display:swap}
body{margin:0;background:linear-gradient(180deg,#f6ecd2,#fbf7ee 300px);color:#2a241c;font:15px/1.65 Serif,serif}
main{max-width:860px;margin:0 auto;padding:18px 14px 50px}
h1{color:#6b4f17;letter-spacing:.12em;text-align:center;margin:6px 0 2px}h2{margin:0 0 6px;color:#6b4f17;font-size:1.1rem}
.sub,.hint{color:#6f6250;font-size:.9rem;margin:2px 0 10px}.sub{text-align:center}
.card{background:rgba(255,252,243,.95);border:1px solid rgba(184,140,58,.45);border-radius:14px;padding:14px;margin:12px 0;box-shadow:0 6px 18px rgba(60,40,10,.07)}
.title{font-size:1.6rem;font-weight:700;color:#8a3a12;text-align:center;letter-spacing:.1em}
.bar{height:10px;border-radius:6px;background:#efe3c3;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7fbf6a,#c9a24a);transition:width .4s}
.realm small{display:block;text-align:center;color:#7a6c55;margin-top:4px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;text-align:center}.stats span{display:block;font-size:.8rem;color:#7a6c55}.stats b{font-size:1.25rem;color:#3a2a10}.stats small{display:block;font-size:.75rem;color:#7a6c55}
.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fld{border:1px solid #e1cf9e;border-radius:10px;padding:8px;text-align:center;background:#fffaf0}.fld b{display:block;font-size:1.05rem}.fld small{display:block;color:#7a6c55;font-size:.78rem}
.ripe{display:flex;align-items:center;gap:8px;margin:10px 0}.ripe .bar{flex:1}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
button,.filebtn{font:700 15px Serif,serif;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid #8a6524;background:linear-gradient(#ffe08a,#c99a3a);color:#2a1a04;cursor:pointer}
button.alt,.filebtn{background:#fff7e2}button:disabled{opacity:.5}
.filebtn input{display:none}
input[type=number],select{font:15px Serif,serif;min-height:40px;padding:4px 8px;border:1px solid #c9a24a;border-radius:8px;background:#fff;width:7em}
.msg{min-height:1.4em;color:#8a3a12;font-weight:700;margin:4px 0 0}
#market table{width:100%;border-collapse:collapse;font-size:.92rem}#market td,#market th{padding:5px 4px;border-bottom:1px solid #eadbb5;text-align:center}
.up{color:#c8242a}.dn{color:#1f8a4c}.ev{display:inline-block;margin:6px 0;padding:2px 10px;border-radius:999px;background:#f3e6c4;color:#6b4f17;font-weight:700}
.realms{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.realms li{padding:3px 10px;border-radius:999px;border:1px solid #e1cf9e;color:#9a8a6a;font-size:.88rem}.realms li.on{background:#8a3a12;color:#fff;border-color:#8a3a12}.realms li.done{color:#3a2a10;border-color:#c9a24a}
.log{list-style:none;padding:0;margin:0;font-size:.85rem;color:#5a4e3c;max-height:220px;overflow:auto}.log li{border-bottom:1px dashed #eadbb5;padding:3px 0}
.foot{text-align:center;margin-top:18px}a{color:#8a3a12}
@media(max-width:480px){.stats b{font-size:1.05rem}.fields{gap:5px}.fld{padding:6px 4px}}
.bst{margin:8px 0}.bst>b{display:block;color:#6b4f17}.bst .mgboost{margin:4px 0!important;max-width:none!important}