:root{
  --felt:#0E1A14; --felt2:#13241B; --panel:#182E22; --line:#25402F;
  --green:#35D07F; --gold:#F5C542; --goldD:#B98A2E; --coral:#FF6B4A; --blue:#5AB0FF;
  --cream:#F3EEE3; --muted:#8CA093;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
button,a,label,input,select,textarea{touch-action:manipulation}
html,body{margin:0;height:100%}
body{background:var(--felt);color:var(--cream);font-family:var(--sans);
  background-image:radial-gradient(circle at 50% -10%, #16281D 0%, var(--felt) 60%);}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='%23F3EEE3' font-size='26' font-family='Georgia,serif'%3E%3Ctext x='18' y='42'%3E%E2%99%A0%3C/text%3E%3Ctext x='92' y='42'%3E%E2%99%A5%3C/text%3E%3Ctext x='18' y='118'%3E%E2%99%A6%3C/text%3E%3Ctext x='92' y='118'%3E%E2%99%A3%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-size:150px;}
h1,h2,h3{font-weight:700;margin:0}
button{font-family:var(--sans);cursor:pointer;border:none;font-weight:600}
input,select{font-family:var(--sans);background:var(--felt2);border:1px solid var(--line);
  color:var(--cream);border-radius:10px;padding:11px 12px;font-size:16px;width:100%}
input:focus,select:focus{outline:none;border-color:var(--green)}
.tnum{font-variant-numeric:tabular-nums;font-family:var(--mono)}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.logo{border-radius:50%;object-fit:cover;border:2px solid var(--goldD);background:#000}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}