:root{color-scheme:dark;--bg:#0b0c0e;--text:#f2f1ec;--muted:#a7a8a7;--line:#333638;--accent:#c7ff32;--pad:28px;--font:'Helvetica Neue',Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.3 var(--font);height:100%;overscroll-behavior:none}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,a{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;padding:10px 0;white-space:nowrap}a{color:inherit;text-decoration:none}button:disabled{opacity:.28;cursor:default}button:hover:not(:disabled),a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button[aria-pressed=true]{color:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-90px;left:20px;z-index:100;padding:16px;background:var(--accent);color:var(--bg)}.skip:focus{top:14px}.topbar{position:fixed;left:var(--pad);right:var(--pad);height:88px;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg)}.identity{font-size:28px;letter-spacing:-2px;font-weight:700;display:flex;align-items:center;gap:2px}.identity-fold{font-weight:400;font-size:41px;padding:0 1px}.identity-name{font-size:10px;font-weight:500;letter-spacing:.07em;line-height:1.25;margin-left:16px}.top-note{font-size:10px;letter-spacing:.1em;color:var(--muted)}.topbar nav{display:flex;gap:28px;align-items:center}.topbar sup{font-size:10px;color:var(--accent);margin-left:4px}.topbar #motion{color:var(--muted);font-size:11px}.topbar #motion[aria-pressed=true]{color:var(--accent)}main{position:relative;height:100svh;min-height:480px}.collection-type{pointer-events:none;position:absolute;inset:110px var(--pad) 175px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(60px,10.1vw,170px);line-height:.84;letter-spacing:-.015em;color:var(--text);overflow:hidden}.collection-type span{white-space:nowrap}.collection-type span:last-child{text-align:right}#stage{position:absolute;inset:0;z-index:2;touch-action:pan-y;cursor:grab}#stage.dragging{cursor:grabbing}canvas{display:block;width:100%;height:100%}#hit-area{position:absolute;inset:0;pointer-events:none}.photo-hit{position:absolute;pointer-events:auto;border:0;padding:0;transform-origin:0 0;background:transparent;color:transparent;font-size:0;cursor:pointer}.photo-hit:focus-visible{background:#c7ff3222;outline:none}#loading{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;text-align:center;padding:20px;background:var(--bg)}#loading span{display:block;font-size:11px;color:var(--muted);margin-top:9px}.selection{position:absolute;z-index:5;bottom:88px;left:var(--pad);right:var(--pad);pointer-events:none}.selection-kicker{display:flex;gap:22px;align-items:center;font-size:10px;letter-spacing:.11em;line-height:1.4;margin-bottom:12px}.selection-kicker #counter{color:var(--accent);font-variant-numeric:tabular-nums}.selection-kicker #view-label{color:var(--muted);margin-left:auto}.selection h2{font-weight:500;font-size:clamp(28px,3vw,46px);letter-spacing:-.04em;line-height:1.05;margin:0}.bottom-bar{position:absolute;z-index:6;left:var(--pad);right:var(--pad);bottom:19px;height:48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;background:var(--bg)}#gesture{font-size:10px;letter-spacing:.08em;color:var(--muted)}.open-photo{font-size:13px}.open-photo span{color:var(--accent);margin-left:18px;font-size:22px}.step-controls{display:flex;gap:22px}.step-controls button{display:flex;gap:12px;align-items:center;font-size:22px}.step-controls span{font-size:11px}#position-rail{position:absolute;bottom:0;left:0;height:3px;z-index:9;background:var(--accent);transform-origin:left;width:100%;transform:scaleX(.28)}.view-tools{position:absolute;top:99px;left:var(--pad);right:var(--pad);z-index:7;display:flex;justify-content:space-between;background:var(--bg);font-size:12px}.view-tools>div{display:flex;gap:24px}.view-tools button{padding:9px 0}.view-photo .collection-type{visibility:hidden}.view-photo #stage{cursor:default}.view-photo .selection{bottom:87px}.view-photo .selection-kicker{margin-bottom:7px}.view-photo .selection h2{font-size:clamp(27px,3.4vw,50px)}#relation{font-size:12px;line-height:1.4;color:var(--muted);margin:8px 0 0;max-width:70ch}.view-photo #gesture{font-size:11px;letter-spacing:0}.view-photo #open-photo{display:none}dialog{position:fixed;inset:0;border:0;padding:0;background:var(--bg);color:var(--text);width:100%;height:100%;max-width:none;max-height:none;overscroll-behavior:contain}dialog::backdrop{background:#0b0c0eee}.overview-head{position:sticky;top:0;padding:30px var(--pad) 25px;background:var(--bg);z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--muted)}.overview-head h2{font-size:clamp(28px,4vw,60px);font-weight:500;letter-spacing:-.04em;margin:8px 0 0}#overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:36px 16px;padding:30px var(--pad) 50px}.overview-photo{display:block;min-width:0}.overview-photo img{display:block;width:100%;height:240px;object-fit:cover;background:#17191b}.overview-photo .overview-label{display:flex;gap:10px;margin-top:10px;font-size:12px;line-height:1.25}.overview-photo small{font-size:10px;color:var(--muted)}.overview-photo[aria-current=true] small{color:var(--accent)}.overview-photo[aria-current=true] img{outline:2px solid var(--accent);outline-offset:4px}#error{position:fixed;z-index:20;bottom:80px;left:var(--pad);right:var(--pad);background:var(--bg);border:1px solid var(--line);padding:18px;display:flex;gap:25px;align-items:center;justify-content:center}#fallback{position:absolute;inset:150px var(--pad) 170px;display:flex;gap:6px;justify-content:center}#fallback img{max-width:100%;height:100%;object-fit:contain;min-width:0}.noscript{position:absolute;z-index:40;top:45%;left:10%;padding:20px;background:var(--bg)}@media(min-width:1800px){.collection-type{font-size:9vw}}@media(max-width:800px){:root{--pad:16px}.topbar{height:76px}.identity{font-size:24px}.identity-fold{font-size:34px}.identity-name{font-size:8px;margin-left:10px}.top-note{display:none}.topbar nav{gap:16px}.topbar #motion{font-size:10px}.topbar #overview-open{font-size:11px}.collection-type{inset:106px 16px 210px;font-size:12.7vw;line-height:.92;justify-content:space-between}.collection-type span:first-child{max-width:6.2em;white-space:normal}.collection-type span:last-child{white-space:normal;max-width:5em;align-self:flex-end}.selection{bottom:99px}.selection h2{font-size:31px;max-width:100%}.selection-kicker{font-size:9px;gap:16px;margin-bottom:9px}.selection-kicker #view-label{font-size:8px}.bottom-bar{bottom:18px;height:65px;flex-wrap:wrap;align-content:space-between;padding-top:7px}#gesture{font-size:8px;width:100%;line-height:1.3}.keyboard-hint{display:none}.open-photo{font-size:12px;padding:0;line-height:24px}.open-photo span{font-size:19px;margin-left:12px}.step-controls{gap:20px}.step-controls button{padding:0;font-size:24px;gap:8px}.step-controls span{font-size:10px}.view-tools{top:85px;font-size:11px}.view-tools>div{gap:16px}.view-tools #return{max-width:42%}.view-photo .selection{bottom:104px}.view-photo .selection h2{font-size:29px;max-width:100%}.view-photo .selection-kicker{margin-bottom:7px}.view-photo .bottom-bar{flex-wrap:nowrap;height:43px;bottom:30px}.view-photo #gesture{width:auto;max-width:44%;font-size:10px}.view-photo .step-controls span{display:none}.view-photo .step-controls{gap:25px}.view-photo #relation{display:none}#overview-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}.overview-photo img{height:220px}.overview-head{padding:24px 16px 20px}.overview-head h2{font-size:31px}.overview-photo .overview-label{font-size:12px}#fallback{inset:130px 16px 190px}}@media(max-height:650px) and (min-width:801px){.topbar{height:66px}.collection-type{inset:82px 28px 164px;font-size:8.7vw}.selection{bottom:82px}.selection h2{font-size:31px}.view-tools{top:72px}.view-photo .selection h2{font-size:30px}.view-photo .selection{bottom:79px}#relation{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.selection::before{content:"";position:absolute;inset:-10px calc(-1 * var(--pad)) -15px;background:var(--bg);z-index:-1}#companion{position:absolute;z-index:6;right:var(--pad);bottom:87px;text-align:right}#companion>span{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted)}#companion button{display:block;font-size:14px;padding:10px 0 0}.view-photo .selection h2{max-width:71%}@media(max-width:800px){#companion{display:none}.view-photo .selection h2{max-width:100%}}

button{min-height:40px}.selection h2{line-height:1.14}.selection-kicker{font-size:11px}#gesture{font-size:11px}.top-note{font-size:11px}.topbar #motion{font-size:12px}.topbar #overview-open{font-size:14px}.step-controls span{font-size:12px}.collection-type{line-height:1;inset-bottom:175px}.collection-type span{line-height:1}.view-photo .selection{bottom:84px}@media(max-width:800px){.identity-name{display:none}.identity{font-size:25px}.topbar nav{gap:19px}.topbar #motion,.topbar #overview-open{font-size:12px}.view-tools{font-size:12px}.step-controls button{min-width:44px;min-height:44px}.view-photo .step-controls{gap:10px}.view-photo .selection{bottom:99px}.selection-kicker{font-size:10px}#gesture{font-size:9px}.selection-kicker #view-label{font-size:9px}.open-photo{min-height:36px}.collection-type{line-height:1}.view-tools>div{gap:12px}.view-tools #return{max-width:none}}