:root{--canvas:#e4d2be;--ink:#241b19;--muted:#6d5b53;--accent:#688cb6;--plate:#dcc4aa;--display:"Barlow Condensed", "DIN Condensed", "Helvetica Neue", sans-serif;--body:"Helvetica Neue", Helvetica, Arial, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body.is-present{overscroll-behavior:none;height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}.home{min-height:100dvh;padding:calc(28px + var(--safe-t)) 22px calc(36px + var(--safe-b));max-width:920px;margin:0 auto}.home-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex}.home-brand{align-items:center;gap:12px;display:flex}.mark-loop{border-radius:12px;flex-shrink:0;width:64px;height:64px;display:block;overflow:hidden}.wordmark{width:auto;height:22px}.home-date{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.home-title{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(42px,9vw,72px);font-weight:700;line-height:.9}.home-sub{max-width:28em;color:var(--muted);margin:0 0 36px;font-size:16px;line-height:1.45}.rule{background:var(--accent);width:40px;height:3px;margin:18px 0 28px}.grid{grid-template-columns:1fr;gap:16px;display:grid}.card{background:var(--plate);border-radius:18px;display:block;overflow:hidden;box-shadow:0 18px 40px #241b1914}.card-live{color:inherit}.card-live:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-thumb{aspect-ratio:16/9;background:var(--canvas)}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-meta{padding:16px 18px 18px}.card-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:11px}.card-name{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:28px;font-weight:700}.card-later{min-height:132px;box-shadow:none;background:0 0;border:1.5px dashed #6d5b5359;flex-direction:column;justify-content:flex-end;padding:18px;display:flex}.card-later .card-name{color:var(--muted);font-size:22px}.later-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px;font-size:11px}.later-grid{grid-template-columns:1fr;gap:16px;display:grid}.stage{background:var(--canvas);touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;position:relative;overflow:hidden}.stage.is-black{background:#120e0d}.stage.is-black .slide,.stage.is-black .chrome,.stage.is-black .rotate-hint{visibility:hidden}.slide-frame{place-items:center;display:grid;position:absolute;inset:0}.slide{object-fit:contain;-webkit-user-drag:none;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw)}.hit{z-index:2;width:22%;position:absolute;top:0;bottom:0}.hit-prev{left:0}.hit-next{right:0}.chrome{z-index:3;padding:12px calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l));opacity:0;pointer-events:none;background:linear-gradient(#0000,#e4d2beeb);justify-content:space-between;align-items:center;gap:12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.chrome.is-on{opacity:1;pointer-events:auto;transform:none}.chrome-btn,.chrome-count{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:13px}.chrome-btn{padding:8px 4px}.chrome-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chrome-count{font-family:var(--display);letter-spacing:.06em;font-size:18px;font-weight:700}.rotate-hint{top:calc(12px + var(--safe-t));z-index:3;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#241b1914;border-radius:999px;padding:6px 10px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.help{z-index:4;background:#241b1947;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.help-card{background:var(--canvas);border-radius:16px;width:min(420px,100%);padding:22px 22px 18px;box-shadow:0 18px 40px #241b1929}.help-card h2{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;font-size:28px}.help-row{border-top:1px solid #6d5b532e;justify-content:space-between;gap:16px;padding:8px 0;font-size:14px;display:flex}.help-row dt{color:var(--muted)}.help-row dd{text-align:right;margin:0}.help-note{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.4}@media (width>=720px){.home{padding-left:40px;padding-right:40px}.grid{grid-template-columns:1.4fr 1fr}.card-live{grid-column:1/-1}.later-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}}@media (orientation:landscape) and (height<=500px){.chrome{padding-top:8px;padding-bottom:calc(8px + var(--safe-b))}.rotate-hint{display:none}}@media (prefers-reduced-motion:reduce){.chrome{transition:none}}