.tile{--w:var(--tile-w,48px);--depth:calc(var(--w) * .11);--radius:calc(var(--w) * .12);width:var(--w);height:calc(var(--w) * 4 / 3 + var(--depth));border-radius:var(--radius);background:linear-gradient(to bottom, var(--tile-side) 0, var(--tile-side) calc(100% - var(--depth) * .55), var(--tile-base) calc(100% - var(--depth) * .55));box-shadow:inset calc(var(--w) * -.02) 0 0 var(--tile-side-dark), 0 calc(var(--depth) * .5) calc(var(--depth) * .9) #00000059;-webkit-user-select:none;user-select:none;flex:none;position:relative}.tile__face{height:calc(var(--w) * 4 / 3);border-radius:var(--radius);border:max(1px, calc(var(--w) * .015)) solid var(--tile-edge);background:linear-gradient(160deg, var(--tile-face) 55%, var(--tile-face-shade));position:absolute;inset:0 0 auto;overflow:hidden}.tile__face--back{background:var(--tile-base)}.tile__art{pointer-events:none;width:92%;height:92%;position:absolute;inset:4%}.tile__face--indexed .tile__art{width:83%;height:83%;inset:15% 2% 2% 15%}.tile__face--back .tile__art{width:100%;height:100%;inset:0}.tile__index{color:var(--tile-index);font:800 max(9px, calc(var(--w) * .27)) / 1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;text-align:center;position:absolute;top:1%;left:3%}:root{--felt:#1f4d3a;--felt-deep:#143326;--ivory:#f7f1e3;--ivory-edge:#d9ceb4;--ink:#1d1b16;--red:#b3261e;--green:#2e6b52;--text:#f4efe2;--text-muted:#c9d8cf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-deep) 100%);min-height:100dvh;color:var(--text)}.placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100dvh;padding:1.5rem 1rem;display:flex}.tiles{--tile-w:clamp(3.5rem, 14vw, 5.5rem);gap:clamp(.5rem,2vw,1rem);margin-bottom:1rem;display:flex}h1{letter-spacing:.02em;margin:0;font-size:clamp(1.8rem,6vw,3rem)}.tagline{max-width:32rem;color:var(--text-muted);margin:0;font-size:clamp(1rem,3vw,1.2rem)}.status{border:1px solid var(--text-muted);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-radius:999px;margin:1rem 0 0;padding:.4rem 1rem;font-size:.9rem}