@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07090d;--line:#262c35;--muted:#9ba6b7;--text:#f0f3f8;--accent:#daff35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,Arial,sans-serif}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}header{height:104px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:700;letter-spacing:5px;font-size:25px}.wordmark span{color:#ffd600}.wordmark small{display:block;color:var(--muted);font-size:7px;letter-spacing:2px;margin-top:8px}.game-link{font-size:10px;letter-spacing:1px;color:var(--muted)}main{margin:0 4%}.intro{display:flex;justify-content:space-between;align-items:end;padding:64px 0 48px;gap:32px}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:2px;margin:0 0 24px}h1{font:600 clamp(52px,7.5vw,112px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:0}h1 span{color:#7f8b9d}.description{max-width:310px;line-height:1.85;color:var(--muted);margin:0 0 4px}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;gap:24px}nav{display:flex;gap:24px;flex-wrap:wrap}nav button{padding:0 0 8px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:11px}nav button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}nav span{font-size:8px;color:var(--accent);margin-left:5px}.edition{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.loading{display:flex;gap:20px;align-items:center;padding:0 0 24px;font-size:11px;color:var(--muted)}progress{width:120px;height:3px;accent-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.work{min-width:0;margin:0}.work.feature{grid-column:span 2;grid-row:span 2}.image-button{display:block;position:relative;width:100%;aspect-ratio:1.6;background:#0c111b;border:1px solid #1b2636;padding:0;overflow:hidden;text-align:left}.feature .image-button{aspect-ratio:auto;height:calc(100% - 61px);min-height:300px}.image-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.image-button:hover img{transform:scale(1.025)}.image-button::after{content:'↗';position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:28px;height:28px;background:#080d1988;border:1px solid #cddaff44;border-radius:50%;opacity:0;transition:opacity .2s}.image-button:hover::after,.image-button:focus-visible::after{opacity:1}.shot-number{position:absolute;top:16px;left:16px;font-size:8px;letter-spacing:1px;color:#d8e3f0;background:#050b1666;padding:5px 7px}.pending{display:flex;align-items:center;justify-content:center;color:#71839d;font-size:9px;letter-spacing:2px}.work figcaption{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:14px 0 0;min-height:61px}.work h2{font-size:12px;font-weight:500;margin:0 0 6px}.work p{font-size:8px;letter-spacing:1.1px;color:var(--muted);margin:0;text-transform:uppercase}.work .index{font-size:9px;color:#748198}.grid.filtered .feature{grid-column:auto;grid-row:auto}.grid.filtered .feature .image-button{aspect-ratio:1.6;height:auto;min-height:0}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:32px 0;margin-top:64px;color:var(--muted);font-size:9px}footer>span{letter-spacing:1.5px}footer a{color:var(--accent)}#arena{position:fixed;left:-20000px;top:0;pointer-events:none;width:1px;height:1px;overflow:hidden}dialog{border:0;padding:24px;background:#070a10;color:var(--text);width:min(1400px,96vw);max-width:96vw;max-height:96vh;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.viewer-top{margin-bottom:16px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.viewer-top button,.viewer-actions button{background:transparent;border:1px solid var(--line);padding:10px 14px;font-size:10px}.viewer-top button{border:0}.viewer-bottom{padding-top:20px}.viewer-bottom h2{font:600 32px 'Barlow Condensed',Impact;margin:8px 0}.viewer-bottom p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}#viewerTag{font-size:8px;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase}#fullImage{display:block;width:100%;height:min(65vh,740px);object-fit:contain;background:#020409}.viewer-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.viewer-actions a{font-size:9px;letter-spacing:1px;margin-right:16px;color:var(--accent)}#error{padding:24px;border:1px solid #a84830;margin-bottom:24px}#error button{background:var(--accent);color:#07100a;border:0;padding:12px}
@media(min-width:1700px){main,header{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.intro{padding:48px 0 40px}.description{max-width:230px;font-size:11px}.edition{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work.feature{grid-column:span 2;grid-row:auto}.feature .image-button{aspect-ratio:1.9;height:auto;min-height:0}}@media(max-width:600px){header{height:88px}.game-link{font-size:8px}.intro{display:block;padding:40px 0 32px}.description{margin-top:24px;max-width:300px}h1{font-size:62px}.eyebrow{font-size:7px;letter-spacing:1.3px}.toolbar{padding:20px 0}nav{gap:16px}nav button{font-size:10px}.grid{grid-template-columns:1fr;gap:28px}.work.feature{grid-column:auto}.feature .image-button{aspect-ratio:1.6}footer{align-items:start;flex-direction:column;gap:12px;margin-top:40px}.viewer-bottom{align-items:start;flex-direction:column}.viewer-actions{width:100%;justify-content:end}.viewer-actions a{margin-right:auto}dialog{padding:16px}#fullImage{height:45vh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}