:root{color-scheme:light;font-family:Comic Neue,ui-sans-serif,system-ui,-apple-system,sans-serif;--fg: #111;--muted: #666;--bg: #fff;--tile-hover: #f4f4f4;--border: #111}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{width:100%;min-height:100vh;padding:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;border-top:2px solid var(--border);border-left:2px solid var(--border)}@media(min-width:640px){.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(8,1fr)}}.cell{aspect-ratio:1 / 1;border-right:2px solid var(--border);border-bottom:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;text-align:center;overflow:hidden;min-width:0}.cell-title{gap:.25rem}.cell-title .sub{color:var(--muted);font-size:clamp(.6rem,1.2vw,.8rem)}.cell-title a{color:inherit}.cell-project{position:relative;color:inherit;text-decoration:none;background:var(--bg);padding:0}.emoji{font-size:clamp(2.5rem,12vw,6rem);line-height:1}.icon{width:100%;height:100%;object-fit:cover;display:block}.cell-project .title{position:absolute;inset:auto 0 0 0;margin:0;padding:.4rem .5rem;background:#000000b3;color:#fff;font-weight:700;font-size:clamp(.7rem,1.5vw,.95rem);opacity:0;transition:opacity .15s;pointer-events:none}.cell-project:hover .title,.cell-project:focus-visible .title{opacity:1}.cell-title .title{font-weight:700;font-size:clamp(.9rem,2.5vw,1.4rem)}