/* house.css — the estate's shared surface style.
   Tokens and values are taken from the two live surfaces, not invented:
     gallery  (Influx Pictures, :8099)  --bg #0f1012 --panel #17181c --ink #e9e6df
                                        --dim #9a958c --line #2a2c31 --accent #c9a34e
     worlds.mjs (worlds host, :8789)    --bg #0a0c0f --panel #12151b --fg  #e8ebf0
                                        --dim #78828f --line #1e232c --accent #e8b55c
   gallery is the public one, so its palette is canonical here. */
:root{
  --bg:#0f1012; --panel:#17181c; --ink:#e9e6df; --dim:#9a958c;
  --line:#2a2c31; --accent:#c9a34e; --accent-soft:#e8b55c;
  --radius:10px; --radius-sm:8px; --maxw:1400px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,serif}
a{color:inherit;text-decoration:none}
header{padding:38px 32px 20px;border-bottom:1px solid var(--line)}
h1{margin:0;font-weight:600;font-size:26px;letter-spacing:.02em}
h2{font-size:15px;font-weight:600;margin:28px 0 2px}
.sub{color:var(--dim);margin-top:6px;font-size:13px}
main{padding:28px 32px 64px;max-width:var(--maxw);margin:0 auto}
.grid{display:grid;gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.tile{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#000}
.tile img{width:100%;display:block}
.cap{padding:12px 14px}
.cap .name{font-size:16px;font-weight:600}
.cap .count{color:var(--dim);font-size:12px;margin-top:2px}
/* numbers: the one place the accent carries meaning */
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.stat .n{font-size:28px;font-weight:600;color:var(--accent);letter-spacing:.01em}
.stat .l{color:var(--dim);font-size:12px;margin-top:6px;line-height:1.45}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--dim);font-weight:600;font-size:12px;letter-spacing:.04em;
  text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line)}
td{padding:10px 12px;border-bottom:1px solid var(--line)}
tr:hover td{background:var(--panel)}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--dim)}
.chip{display:inline-block;background:var(--panel);border:1px solid var(--line);
  border-radius:6px;padding:4px 9px;font-size:12px;color:var(--dim);margin:0 6px 6px 0}
.chip b{color:var(--ink);font-weight:600}
footer{padding:24px 32px;color:var(--dim);font-size:12px;border-top:1px solid var(--line)}
@media(max-width:560px){header,main,footer{padding-left:16px;padding-right:16px}}