:root{--bg:#16181c;--surface:#26292f;--surface-2:#1e2126;--surface-hover:#2f333a;--border:#34383f;--text:#e6e8eb;--text-dim:#9aa0a8;--text-faint:#6f757d;--accent:#1bd96a;--accent-dim:rgba(27,217,106,0.13);--radius:12px;}*{box-sizing:border-box;}html,body{margin:0;background-color:var(--bg);color:var(--text);font-family:"Noto Sans",ui-sans-serif,system-ui,sans-serif;font-size:15px;}[hidden]{display:none !important;}a{color:inherit;text-decoration:none;}.ico{display:inline-block;width:1em;height:1em;flex-shrink:0;background-color:var(--tint,currentColor);mask-image:var(--icon);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--icon);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;}.wrap{max-width:1400px;margin:0 auto;padding:0 20px 64px;}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;letter-spacing:-0.02em;margin-right:auto;}.brand .ico{font-size:1.5rem;--tint:var(--accent);}.topbar nav{display:flex;gap:6px;}.topbar nav a{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--text-dim);font-size:0.9rem;font-weight:600;transition:background 0.15s,color 0.15s;}.topbar nav a:hover{background:var(--surface-hover);color:var(--text);}.tagline{margin:0 0 18px;color:var(--text-dim);}.game-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;margin-bottom:20px;background:var(--surface);border-radius:999px;width:fit-content;max-width:100%;}.game-tabs input{position:absolute;opacity:0;pointer-events:none;}.game-tabs label{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;color:var(--text-dim);font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.15s,color 0.15s;}.game-tabs label .ico{font-size:1.15rem;--tint:currentColor;}.game-tabs label:hover{background:var(--surface-hover);color:var(--text);}.game-tabs input:checked + label{background:var(--accent);color:#06130b;}.game-tabs input:focus-visible + label{outline:2px solid var(--accent);outline-offset:2px;}.tab-count{padding:1px 7px;border-radius:999px;background:rgba(255,255,255,0.12);font-size:0.75rem;}.game-tabs input:checked + label .tab-count{background:rgba(0,0,0,0.18);}.browse{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;}.filters{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;}.filter-group{background:var(--surface);border-radius:var(--radius);overflow:hidden;}.filter-group > summary{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:1.05rem;font-weight:700;cursor:pointer;list-style:none;user-select:none;}.filter-group > summary::-webkit-details-marker{display:none;}.filter-group > summary .chevron{margin-left:auto;font-size:1.1rem;--icon:url(/assets/svg/ui/chevron.svg);--tint:var(--text-dim);transition:transform 0.18s ease;}.filter-group[open] > summary .chevron{transform:rotate(180deg);}.facet-list{list-style:none;margin:0;padding:0 8px 10px;}.facet-list input{position:absolute;opacity:0;pointer-events:none;}.facet-list label{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;color:var(--opt,var(--text-dim));cursor:pointer;transition:background 0.12s,filter 0.12s;}.facet-list label:hover{background:var(--surface-hover);filter:brightness(1.18);}.facet-list li:not(.tinted) label:hover{color:var(--text);}.facet-list input:checked + label{background:var(--accent-dim);color:var(--opt,var(--accent));font-weight:600;}.facet-list input:focus-visible + label{outline:2px solid var(--accent);outline-offset:-2px;}.facet-list label .ico{font-size:1.1rem;}.facet-count{margin-left:auto;color:var(--text-faint);font-size:0.8rem;font-variant-numeric:tabular-nums;}.facet-check{display:none;font-size:1rem;--icon:url(/assets/svg/ui/check.svg);--tint:var(--accent);}.facet-list input:checked + label .facet-count{display:none;}.facet-list input:checked + label .facet-check{display:inline-block;margin-left:auto;}.search{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);transition:border-color 0.15s;}.search:focus-within{border-color:var(--accent);}.search .ico{font-size:1.15rem;--icon:url(/assets/svg/ui/search.svg);--tint:var(--text-faint);}.search input{flex:1;min-width:0;padding:12px 0;border:0;background:none;color:var(--text);font:inherit;outline:none;}.search input::placeholder{color:var(--text-faint);}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px;}.active-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border:0;border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:0.85rem;cursor:pointer;transition:background 0.15s;}.active-chip:hover{background:var(--surface-hover);}.active-chip .ico{font-size:0.9rem;--icon:url(/assets/svg/ui/close.svg);--tint:var(--text-faint);}.active-chip:hover .ico{--tint:#ff8f8f;}.clear-filters{padding:5px 12px;border:0;border-radius:999px;background:none;color:var(--text-dim);font:inherit;font-size:0.85rem;cursor:pointer;}.clear-filters:hover{color:var(--text);text-decoration:underline;}.result-count{margin:14px 0;color:var(--text-dim);font-size:0.9rem;}.results-empty{padding:60px 20px;text-align:center;color:var(--text-dim);}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;}.project-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color 0.15s,transform 0.15s;}.project-card:hover{filter:brightness(120%);}.project-card:hover .project-image img{filter:brightness(85%);}.project-card:hover .project-body h3{text-decoration:underline;}.overlay-link{position:absolute;inset:0;z-index:1;}.project-image{aspect-ratio:16 / 9;width:100%;overflow:hidden;}.project-image img{width:100%;height:100%;object-fit:cover;}.project-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px;}.project-body h3{margin:0;font-size:1.05rem;font-weight:700;}.project-body p{flex:1;margin:0;color:var(--text-dim);font-size:0.88rem;line-height:1.45;}dot{display:inline-flex;align-items:center;gap:0.35em;margin-right:0.6em;color:var(--text-dim);font-size:0.8rem;}dot::before{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--dot,currentColor);}.card-chips{display:flex;flex-wrap:wrap;gap:5px;}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1px solid var(--border);border-radius:999px;color:var(--chip,var(--text-dim));font-size:0.72rem;font-weight:600;}.chip .ico{font-size:0.85rem;--tint:var(--chip,currentColor);}.project-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--border);margin-top:2px;}.project-year{color:var(--text-faint);font-size:0.8rem;}.source-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;color:var(--text-dim);font-size:0.8rem;font-weight:600;}.source-btn:hover{background:var(--surface-hover);color:var(--text);}.source-btn .contact-icon{display:inline-block;width:1em;height:1em;background-color:currentColor;mask-image:url(/assets/svg/logos/Forgejo.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url(/assets/svg/logos/Forgejo.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;}footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);text-align:center;color:var(--text-faint);font-size:0.85rem;}footer a{color:var(--accent);}@media (max-width:900px){.browse{grid-template-columns:1fr;}.filters{position:static;}}