:root { --forest:#1f5c42; --green:#409a63; --mint:#bde4b9; --cream:#fff9e9; --paper:#fffdf6; --ink:#173c2e; --muted:#658174; --line:#dcead7; --sun:#f6bd48; --shadow:0 10px 28px rgba(31,92,66,.11); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:linear-gradient(150deg,#f4faed 0%,var(--cream) 72%); font-family:ui-rounded,"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button { font:inherit; cursor:pointer; }
button:focus-visible, a:focus-visible { outline:3px solid var(--sun); outline-offset:3px; }
[hidden] { display:none !important; }
.site-shell { width:min(1080px,calc(100% - 32px)); min-height:100vh; min-height:100svh; margin:auto; padding:12px 0; display:grid; grid-template-rows:auto minmax(0,1fr); }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--forest); font-size:1.28rem; font-weight:900; letter-spacing:.04em; text-decoration:none; }.brand__mark{color:var(--sun);font-size:1.45em}
.header-hof-button,.text-button { border:0; color:var(--forest); background:transparent; font-weight:800; }.header-hof-button{padding:10px}.text-button{padding:6px 0}.text-button span{font-size:1.2em}
.eyebrow { margin:0 0 8px; color:var(--green); font-size:.76rem; letter-spacing:.14em; font-weight:900; }
.button { border:0; border-radius:999px; padding:15px 24px; font-weight:900; letter-spacing:.03em; transition:transform .18s ease,box-shadow .18s ease; }.button:hover{transform:translateY(-2px)}.button--primary{color:#fff;background:var(--forest);box-shadow:0 9px 0 #164432,0 14px 22px rgba(31,92,66,.18)}.button--quiet{color:var(--forest);background:#e6f3df;border:1px solid var(--line);padding:10px 16px}.button--danger{color:#fff;background:#b84a3f;box-shadow:0 4px 0 #8e342c}
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:14px; }.section-heading h2,.game-panel h2,.hof-modal h2{margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem)}
.ranking-list { margin:18px 0 0; padding:0; list-style:none; }.ranking-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px dashed var(--line);font-weight:750}.ranking-list time{font-variant-numeric:tabular-nums;color:var(--forest);font-weight:900}.rank{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--muted);background:#edf5e9;font-size:.8rem}.rank--gold{background:#f9dc87;color:#805d09}.rank--silver{background:#e2e8e7;color:#4b6262}.rank--bronze{background:#efc6a1;color:#8a4a20}
@media (max-width:540px){.site-shell{width:min(100% - 24px,1080px);padding:10px 0}.header-hof-button{font-size:.83rem}.section-heading{align-items:flex-start}.ranking-list li{padding:10px 0}}