:root{--ink:#e8e5d8;--muted:#9aa59f;--paper:#101614;--card:#18211e;--orange:#d56832;--green:#314b40;--line:#34413c}
body{background:radial-gradient(circle at 15% 0,#1c2924 0,transparent 35%),linear-gradient(160deg,#111816 0,#0d1211 100%);min-height:100vh}
header{background:#111816e8;box-shadow:0 1px 0 #ffffff08;backdrop-filter:blur(8px)}
.brand>b{box-shadow:0 0 22px #d5683238}.card,.panel{background:linear-gradient(145deg,#1b2622,#161e1b);box-shadow:0 20px 55px #00000040}
input,select{background:#101714;color:var(--ink);border-color:#3b4943;color-scheme:dark}input:focus,select:focus{outline:2px solid #d5683266;border-color:var(--orange)}
.troop,.chart{background:#202a26}.troop{border-left-color:#688674}.ghost{color:var(--ink);border-color:#46534e;background:#18211e}.hint,.panelHead p,small{color:var(--muted)}
nav button{color:#929e98}nav button.active{color:#f2eee1}.rankTabs button{background:#27332e;color:#c5ccc8}.rankTabs button.active{background:#4b6759;color:white}
.barTrack{background:#111816}.barTrack i{box-shadow:0 0 10px #d5683250}.barRow.growth .barTrack i{background:#6f9d84}.donut:before{background:#202a26}
.row:hover{background:#ffffff05}.memberRow{border-color:var(--line)}summary{color:#abb5b0}footer{color:#75817b}
@media(max-width:520px){body{background:linear-gradient(160deg,#131b18,#0d1211)}}