:root[data-skin="ember"]{--gold:#efa667;--ivory:#fbe7d5;--muted:#c0c8b9;--line:#e5a36966;--font-d:Cinzel,Georgia,serif;--font-b:'DM Sans',Arial,sans-serif}
html[data-skin="ember"],:root[data-skin="ember"] body{color:var(--ivory);background:#110b09}
:root[data-skin="ember"] button{color:inherit}
:root[data-skin="ember"] button:focus-visible,:root[data-skin="ember"] a:focus-visible{outline:2px solid #f9dcc3;outline-offset:5px}
:root[data-skin="ember"] svg{fill:none;stroke:currentColor}
:root[data-skin="ember"] .world-shade{background:linear-gradient(90deg,#0e090733,transparent 33%,#100b0918 49%,#100b08f0 73%,#0d0907f7),linear-gradient(180deg,#0e0a085c,transparent 16%,transparent 66%,#0f0a08d9)}
:root[data-skin="ember"] .topbar{border-bottom:1px solid var(--line)}
:root[data-skin="ember"] .brand{color:var(--gold)}
:root[data-skin="ember"] .brand svg{fill:var(--gold)}
:root[data-skin="ember"] .topnote{color:var(--muted)}
:root[data-skin="ember"] .language{border:0;background:none;color:var(--gold)}
:root[data-skin="ember"] .language span{color:#a4b4a5}
:root[data-skin="ember"] .round{border:1px solid var(--line);border-radius:50%;background:#160f0c80;color:var(--gold)}
:root[data-skin="ember"] .round:hover{background:#3e2a22bd;border-color:var(--gold)}
:root[data-skin="ember"] .identity{filter:drop-shadow(0 2px 10px #000)}
:root[data-skin="ember"] .rankline{color:var(--gold)}
:root[data-skin="ember"] .identity h1{color:#f5c398}
:root[data-skin="ember"] .identity p{color:#f0e1d4;border-top:1px solid var(--line)}
:root[data-skin="ember"] .art-pager span{color:var(--gold)}
:root[data-skin="ember"] .art-pager i{color:#adb3a2}
:root[data-skin="ember"] .tabs{border:1px solid #c7cbb252;background:#1c130f2b;border-radius:999px}
:root[data-skin="ember"] .tabs button{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted)}
:root[data-skin="ember"] .tabs button[aria-selected=true]{border-color:#eeae76;background:linear-gradient(180deg,#dc815436,#b96a4220);color:#f4c194;box-shadow:inset 0 0 15px #efa46218,0 0 20px #efa4620d}
:root[data-skin="ember"] .tabs button:hover{color:var(--ivory)}
:root[data-skin="ember"] .ornament{color:var(--gold)}
:root[data-skin="ember"] .ornament:before,:root[data-skin="ember"] .ornament:after{background:linear-gradient(90deg,transparent,#db8c6599)}
:root[data-skin="ember"] .eyebrow{color:var(--gold)}
:root[data-skin="ember"] .detail-main h2{color:#fbe8d7}
:root[data-skin="ember"] .description{color:#efe5dd}
:root[data-skin="ember"] .section-label{color:var(--gold)}
:root[data-skin="ember"] .section-label:before,:root[data-skin="ember"] .section-label:after{background:linear-gradient(90deg,transparent,#db8c6599)}
:root[data-skin="ember"] .trait-choice{border:0;background:none;color:var(--ivory)}
:root[data-skin="ember"] .trait-icon{border:1px solid #efa667c7;border-radius:50%;color:var(--gold);background:radial-gradient(ellipse,#2d1e1866,transparent);box-shadow:0 0 15px #efa66709,inset 0 0 18px #efa66706}
:root[data-skin="ember"] .trait-choice:hover .trait-icon,:root[data-skin="ember"] .trait-choice[aria-pressed=true] .trait-icon{border-color:#f9dabe;background:#bc5d2d22;box-shadow:0 0 18px #efa66725}
:root[data-skin="ember"] .trait-explanation{color:#eedbcb;border-top:1px solid var(--line)}
:root[data-skin="ember"] .detail-footer{border-top:1px solid var(--line)}
:root[data-skin="ember"] .council-note{color:#b6c0ab}
:root[data-skin="ember"] .gold-button{border:1px solid #f7d0ae;border-radius:999px;background:linear-gradient(180deg,#f5c295,#e08355 65%,#c76c3f);color:#2b160c;box-shadow:0 0 0 3px #201612,0 0 0 5px #da855a}
:root[data-skin="ember"] .gold-button:hover{filter:brightness(1.1)}
:root[data-skin="ember"] .roster button{border:1px solid #db8c6547;border-radius:4px;background:#160f0cbd;color:var(--ivory)}
:root[data-skin="ember"] .roster button:hover{border-color:var(--gold)}
:root[data-skin="ember"] .roster button[aria-pressed=true]{border-color:#f3b782;box-shadow:inset 0 -2px #eba76b;background:#3b2820dc}
:root[data-skin="ember"] .roster-image img{mask-image:linear-gradient(90deg,#000 60%,transparent)}
:root[data-skin="ember"] .roster-text small{color:var(--muted)}
:root[data-skin="ember"] .roster .pending svg{fill:#a8847266;stroke:none}
:root[data-skin="ember"] .page-footer{color:#b0b7a3}
:root[data-skin="ember"] .footer-mark{color:#c68e72}
:root[data-skin="ember"] .coming{color:#c59b86}
:root[data-skin="ember"] .coming svg{fill:#b3856e40;stroke:none}
:root[data-skin="ember"] .exit-screen{background:#150e0be8}
:root[data-skin="ember"] .exit-content p{color:var(--muted)}
:root[data-skin="ember"] .challenge-toast{background:#221712f5;border:1px solid var(--gold);box-shadow:0 10px 60px #000b;border-radius:8px;color:#f7d0ad}
@media(max-width:1100px) and (min-width:761px){:root[data-skin="ember"] .roster-image img{mask-image:none}
:root[data-skin="ember"] .world-shade{background:linear-gradient(90deg,#100b0933,transparent 30%,#100b0899 56%,#100b08f5 78%),linear-gradient(0deg,#0f0a08e0,transparent 35%)}}
@media(max-width:760px){:root[data-skin="ember"] .world-shade{background:linear-gradient(180deg,#100b0955 0,transparent 14%,#100b0905 38%,#100b09bb 61%,#100b09f2 79%,#100b09f7)}
:root[data-skin="ember"] .roster{scrollbar-color:#8f624c transparent}
:root[data-skin="ember"] .roster-image img{mask-image:none}}
@media(max-width:760px){:root[data-skin="ember"] .detail-footer .gold-button{box-shadow:0 0 0 3px #201612,0 0 0 5px #da855a,0 10px 26px rgba(0,0,0,.6)}}