/* Black + shiny gold. Meaning is always shown with text/icons, never color alone. */
body { background:#000; color:#fff; font-family:Georgia,serif; max-width:1000px; margin:auto; padding:16px; }
h1 { font-size:2.4em; margin:6px 0; background:linear-gradient(180deg,#fff6c8,#f5c542 45%,#a87412); -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:4px; }
h1 small { font-size:.35em; letter-spacing:1px; }
h2, h3 { color:#f5c542; margin:4px 0 8px; }
.card { border:2px solid #d4a017; border-radius:10px; padding:10px; margin:8px 0; background:linear-gradient(160deg,#1a1405,#000 60%); }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; }
.row { display:flex; gap:10px; align-items:center; }
button { background:linear-gradient(180deg,#fff2a8,#e0ad2e 50%,#9c6b0c); color:#000; font-weight:bold; border:1px solid #fff2a8; border-radius:6px; padding:6px 12px; cursor:pointer; font-size:.95em; margin:2px; }
button:disabled { background:#333; color:#bbb; border-color:#666; cursor:not-allowed; }
nav button { border-radius:6px 6px 0 0; }
nav button.on { outline:3px solid #fff; text-decoration:underline; } /* active tab: outline + underline, not color */
input, select { background:#111; color:#fff; border:1px solid #d4a017; padding:6px; font-size:1em; }
#msg { font-size:1.15em; font-weight:bold; min-height:1.4em; padding:6px; border-left:6px solid #f5c542; }
.hint, .small { color:#ccc; font-size:.9em; }
img.pic { width:160px; height:120px; display:block; }
img.av { width:48px; height:48px; border:2px solid #d4a017; border-radius:6px; vertical-align:middle; background:#000; }
img.av.big { width:120px; height:120px; }
.meter { border:1px solid #d4a017; height:10px; background:#111; } .meter div { height:100%; background:linear-gradient(90deg,#8a5c08,#fff2a8); }
table { border-collapse:collapse; width:100%; } td, th { border-bottom:1px solid #4a3a10; padding:5px; text-align:left; }
.lock { color:#ddd; } .lock::before { content:"\1F512  LOCKED: "; font-weight:bold; }
.pool { display:inline-block; margin-right:12px; white-space:nowrap; }
.pool .meter { display:inline-block; width:70px; vertical-align:middle; } .pool .meter span { display:block; height:100%; background:linear-gradient(90deg,#8a5c08,#fff2a8); }
.missions { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; margin-top:8px; }
.mcard { border:1px solid #d4a017; padding:8px; background:#0b0b0b; }
.subtabs{margin-bottom:6px}