:root{font-family:system-ui,sans-serif;color:#edf4ed;background:#10251c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}#career-app{max-width:920px;margin:auto;padding:16px}header{display:flex;gap:14px;align-items:center;flex-wrap:wrap}header strong{flex:1}nav{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}button,a.button{min-height:44px;padding:10px 14px;background:#2a5540;color:#fff;border:1px solid #77a387;border-radius:7px;cursor:pointer;font:inherit}button:disabled{opacity:.45;cursor:default}a{color:#aad5bf}label{display:grid;gap:6px;margin:12px 0}input,select{font:inherit;max-width:100%;padding:12px;border:1px solid #789582;border-radius:6px}section,article{padding:16px;background:#19352a;border-radius:9px;margin:12px 0}h1,h2,h3{line-height:1.2}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.cards section,.cards article{margin:0}.piece{display:grid;gap:9px;border:2px solid #667a70}.piece.rara{border-color:#97aaff;animation:reveal .6s ease}.piece small{line-height:1.5}.stats{display:flex;gap:14px;flex-wrap:wrap}.stats span{display:grid;gap:4px}.guide{padding:12px;border-left:4px solid #dcca73;background:#37402b}progress{width:100%;height:18px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:10px;border-bottom:1px solid #446050}.player,.current{color:#f3d87b}li{padding:6px 0}footer{margin-top:28px;border-top:1px solid #446050;padding-top:14px}small{display:block;line-height:1.5}#career-message{color:#f4d986;min-height:24px}main button{margin:5px}@keyframes reveal{from{transform:translateY(8px);box-shadow:0 0 0 2px #adbaff}to{transform:none;box-shadow:none}}@media(max-width:480px){#career-app{padding:12px}.cards{grid-template-columns:1fr}nav button{flex:1;font-size:13px;padding:9px}header{font-size:14px}}

.condition.good progress{accent-color:#65c58c}.condition.warn progress{accent-color:#efc65f}.condition.bad progress{accent-color:#ed746b}pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* V1.2.5 · G2: telas em HTML (boas-vindas, nova carreira, configurações) no tema da bíblia de arte */
html:has(body.mrth-art){background:#0F0E14}
body.mrth-art{background:#0F0E14;color:#F4F0E8;font-family:ui-monospace,Menlo,Consolas,monospace;min-height:100vh}
body.mrth-art #career-app{max-width:520px;padding:20px 16px}
body.mrth-art h1,body.mrth-art h2{color:#F2C230;letter-spacing:.04em;text-transform:uppercase;font-size:20px}
body.mrth-art h3{color:#F2C230;font-size:15px}
body.mrth-art button,body.mrth-art a.button{background:#46424F;color:#F4F0E8;border:2px solid #0F0E14;border-radius:0;box-shadow:inset 0 2px 0 #6A6573,inset 0 -3px 0 #1E1C26;font:700 14px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
body.mrth-art button[data-action="new"],body.mrth-art button[data-action="confirm-new-career"]{background:#3FA35B;box-shadow:inset 0 2px 0 #6CC47E,inset 0 -3px 0 #24703A;width:100%;min-height:52px;font-size:17px}
body.mrth-art section,body.mrth-art article{background:#2A2736;border:2px solid #0F0E14;box-shadow:0 0 0 2px #9A94A0;border-radius:0}
body.mrth-art input,body.mrth-art select{background:#1E1C26;color:#F4F0E8;border:2px solid #6A6573;border-radius:0;font:inherit}
body.mrth-art .guide{background:#3A3424;border-left-color:#F2C230}
body.mrth-art a{color:#F8DC70}
body.mrth-art #career-message{color:#F27A62}
body.mrth-art header a{color:#F2C230;font-weight:700}
body.mrth-art .art-loading{color:#9A94A0;text-align:center;margin-top:40vh}
body.mrth-art .art-logo{display:block;margin:8px auto 4px;image-rendering:pixelated;max-width:100%;height:auto}
body.mrth-art .art-logo+h2{text-align:center;margin-top:0}