:root{--bg:#05080d;--bg-1:#080b11;--bg-2:#0d1219;--surface:#12161d;--line:#ffffff21;--line-soft:#ffffff0f;--line-hot:#ffb84d8c;--cream:#fff5b3;--orange:#ffb84d;--orange-rgb:255,184,77;--cream-rgb:255,245,179;--ink:#0a0703;--text:#e8e8e8;--dim:#8e8e8e;--mute:#585858;--display:"Oswald",Impact,"Arial Narrow",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--rail:34px;--bar:34px;--wrap:1320px;--gut:clamp(16px,3vw,32px);--dur:.16s;--dur-slow:.4s;--ease:cubic-bezier(.2,.7,.3,1)}@media (prefers-reduced-motion:reduce){:root{--dur:0s;--dur-slow:0s}}:root{--bg-base:var(--bg);--muted:var(--dim);--accent:var(--cream);--accent-hi:var(--orange)}html,body{background:var(--bg-base)}.gallery{isolation:isolate;max-width:1320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,4vw,40px) 80px;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica Neue,sans-serif;position:relative}.gallery:before{content:"";z-index:-2;background:var(--bg-base);position:fixed;inset:0}.gallery:after{content:"";z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;position:fixed;inset:0}.gallery h1{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--text);overflow-wrap:break-word;margin:0 0 12px;font-size:clamp(44px,9vw,104px);font-weight:700;line-height:.88}.gallery .sub{color:var(--muted);max-width:62ch;margin:0 0 clamp(28px,4vw,44px);font-size:clamp(14px,1.4vw,17px)}.toolbar{align-items:center;gap:10px;margin:0 0 clamp(12px,1.6vw,16px);display:flex}.search{flex:1;min-width:0;max-width:420px;position:relative}.search-input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);background:var(--bg-2);color:var(--text);transition:border-color var(--dur), background var(--dur);border-radius:0;padding:10px 34px 10px 14px;font-size:14px}.search-input::placeholder{color:var(--mute)}.search-input:focus-visible{border-color:var(--orange);outline:none}.search-input::-webkit-search-cancel-button{appearance:none}.search-clear{width:24px;height:24px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;font-size:16px;line-height:1;transition:color .18s,background .18s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear:hover{color:var(--text);background:#ffffff29}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dice{border:1px solid var(--line);cursor:pointer;width:42px;height:42px;transition:background var(--dur), border-color var(--dur);background:0 0;border-left:none;border-radius:0;flex:none;place-items:center;font-size:19px;line-height:1;display:grid}.dice:hover{border-color:var(--orange);background:var(--orange)}.dice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{text-align:center;color:var(--muted);margin:clamp(28px,5vw,48px) 0;font-size:15px}.filters{flex-wrap:wrap;gap:0;margin:0 0 clamp(18px,2.5vw,26px);display:flex}.chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:color var(--dur), border-color var(--dur), background var(--dur);background:0 0;border-radius:0;margin:0 -1px -1px 0;padding:8px 14px;font-size:11px}.chip:hover{color:var(--cream)}.chip:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.chip[aria-pressed=true]{color:var(--ink);background:var(--orange);border-color:var(--orange)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;display:grid}.tile{color:var(--text);background:var(--bg-1);border:1px solid var(--line);transition:border-color var(--dur), background var(--dur);isolation:isolate;border-radius:0;margin:0 -1px -1px 0;text-decoration:none;animation:.5s backwards fade-up;display:block;position:relative;overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.tile:hover{border-color:var(--orange);z-index:1}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile .thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.tile .star{z-index:2;-webkit-backdrop-filter:blur(4px);color:#ffffff80;cursor:pointer;opacity:0;background:#07060f80;border:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;line-height:1;transition:opacity .18s,transform .18s,color .18s;display:grid;position:absolute;top:8px;right:8px;transform:scale(.85)}.tile:hover .star,.tile:focus-within .star,.tile .star:focus-visible{opacity:1;transform:scale(1)}.tile.faved .star{opacity:1;color:#ffd34d;transform:scale(1)}.tile .star:hover{color:#ffd34d}.tile .star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile .thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07060f8c);height:36%;position:absolute;inset:auto 0 0}.tile .meta{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 14px;display:flex}.tile .meta h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.tile .meta .arrow{color:var(--muted);font-size:14px;transition:transform .22s,color .22s}.tile:hover .meta .arrow{color:var(--accent);transform:translate(3px)}.support{color:var(--muted);text-align:center;margin-top:clamp(28px,4vw,44px);font-size:12px}.support a{color:var(--muted);text-underline-offset:2px;text-decoration:underline;transition:color .22s}.support a:hover,.support a:focus-visible{color:var(--accent)}@media (prefers-reduced-motion:reduce){.tile,.tile:hover,.tile .meta .arrow,.tile:hover .meta .arrow{transition:none;animation:none;transform:none}.chip,.dice,.star,.search-input,.search-clear{transition:none}.dice:hover{transform:none}.lightbox{animation:none}.lightbox-nav,.lightbox-tune,.lightbox-copy,.lightbox-close{transition:none}}.lightbox{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080ed1;place-items:stretch stretch;animation:.18s both lb-in;display:grid;position:fixed;inset:0}.lightbox-stage{position:absolute;inset:0;overflow:hidden}.lightbox-nav{z-index:2;border:1px solid var(--line);background:var(--bg);width:48px;height:64px;color:var(--text);cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);border-radius:0;font-size:28px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-bar{z-index:2;background:linear-gradient(#0000,#06080ed9);align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.lightbox-title{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);flex:1;margin:0;font-size:18px;font-weight:600}.lightbox-tune,.lightbox-copy{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:var(--text);background:var(--bg);transition:background var(--dur), color var(--dur), border-color var(--dur);border-radius:0;padding:11px 18px;font-size:11px;text-decoration:none}.lightbox-tune{background:var(--orange);color:var(--ink);border-color:var(--orange)}.lightbox-tune:hover,.lightbox-copy:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.lightbox-close{z-index:2;border:1px solid var(--line);background:var(--bg);width:40px;height:40px;color:var(--text);cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);border-radius:0;font-size:18px;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}.lightbox-toast{z-index:3;border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:0;padding:9px 16px;font-size:11px;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-nav:focus-visible,.lightbox-tune:focus-visible,.lightbox-copy:focus-visible,.lightbox-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.grid{grid-template-columns:1fr;gap:14px}.tile .thumb{aspect-ratio:16/10}}@media (width>=561px) and (width<=860px){.grid{grid-template-columns:repeat(2,1fr)}}