.onlysands {
  --cream: #fff6df; --ink: #090909; --paper: #fff; --well: #f6ecc9; --muted: #6b6558;
  --line: #e5d8ab; --green: #3ba181; --orange: #c95b05; --peri: #8fa1ff; --amber: #f2b540;
  background: var(--cream); color: var(--ink); font-family: "Courier New", Courier, monospace;
  min-height: 100vh; padding: 3rem 16px 4rem; max-width: none; margin: 0;
}
.onlysands * { box-sizing: border-box; }
.os-wrap { max-width: 1100px; margin: 0 auto; }
.os-brand { display: inline-flex; align-items: center; gap: .5rem; background: var(--amber); border: 3px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); border-radius: 999px; padding: .3rem 1rem; font-weight: 900; font-family: Georgia, serif; font-size: 1.2rem; }
.os-brand img { height: 1.4em; }
.onlysands h1 { font-family: Georgia, serif; font-weight: 900; font-size: clamp(2.2rem, 7vw, 4.5rem); line-height: 1; margin: 1.5rem 0 .5rem; text-transform: uppercase; letter-spacing: -.02em; }
.os-lede { color: var(--muted); font-size: 1.05rem; max-width: 60ch; margin: 0; }
.os-stats { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0 2rem; }
.os-stat { background: var(--paper); border: 1px solid var(--line); border-radius: 1rem; padding: .6rem 1rem; }
.os-stat b { font-family: Georgia, serif; font-size: 1.8rem; display: block; line-height: 1; }
.os-stat span { font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); font-weight: 700; }
.os-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 1rem; }
.os-card { background: var(--paper); border: 1px solid var(--line); border-radius: 1rem; padding: 1.1rem; display: flex; flex-direction: column; gap: .8rem; }
.os-card h2 { font-family: Georgia, serif; font-weight: 900; font-size: 1.5rem; margin: 0; line-height: 1.1; }
.os-pitch { font-style: italic; color: var(--muted); margin: .3rem 0 0; font-size: .9rem; overflow-wrap: anywhere; }
.os-dbs { background: var(--well); border: 3px solid var(--ink); border-radius: .75rem; padding: .5rem .7rem; font-size: .85rem; font-weight: 700; }
.os-dbs small { display: block; color: var(--orange); text-transform: uppercase; letter-spacing: .1em; font-size: .7rem; margin-bottom: .2rem; }
.os-verdicts { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: auto; }
.os-verdict { border: 1px solid var(--line); border-radius: .75rem; padding: .6rem; }
.os-verdict.never { opacity: .45; border-style: dashed; }
.os-who { display: flex; align-items: center; gap: .4rem; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }
.os-who img { width: 1.8rem; height: 1.8rem; border-radius: 50%; object-fit: cover; object-position: top; background: var(--cream); }
.os-score { font-weight: 900; font-size: 2rem; line-height: 1; margin: .35rem 0; }
.os-score.good { color: var(--green); } .os-score.bad { color: var(--orange); }
.os-note { font-size: .8rem; font-style: italic; color: var(--muted); margin: 0; line-height: 1.35; }