.shot.w720,.shot.w880,.shot.w1040{width:100%;margin-inline:auto}.shot.w720{max-width:720px}.shot.w880{max-width:880px}.shot.w1040{max-width:1040px}.drawn{aspect-ratio:4/3}.drawn.wide{aspect-ratio:16/10}.drawn>svg{width:100%;height:100%}@media (min-width:960px){.split.flip:not(.even){grid-template-columns:7fr 5fr}}.drawn text{font-family:var(--sans);fill:var(--fg-2)}.drawn .t-strong{fill:var(--fg);font-weight:600}.drawn .t-dim{fill:var(--fg-3)}.drawn .t-mono{font-family:var(--mono)}.drawn .t-accent{fill:var(--accent-text)}.drawn .t-mint{fill:var(--mint)}.drawn .t-violet{fill:var(--violet)}.drawn .t-orange{fill:var(--orange)}.drawn .t-on-accent{fill:#fff;font-weight:600}.drawn .box{fill:var(--surface-2);stroke:var(--line-2)}.drawn .box-3{fill:var(--surface-3);stroke:var(--line-2)}.drawn .line{fill:none;stroke:var(--line-2);stroke-width:1.5px}.drawn .dash{fill:none;stroke:var(--line-2);stroke-dasharray:4 4}.drawn .ring{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 4}.drawn .stroke-accent{fill:none;stroke:var(--accent);stroke-width:2.5px}.drawn .stroke-mint{fill:none;stroke:var(--mint);stroke-width:2px}.drawn .stroke-violet{fill:none;stroke:var(--violet);stroke-width:2px}.drawn .fill-accent{fill:var(--accent)}.drawn .fill-btn{fill:var(--btn)}.drawn .fill-mint{fill:var(--mint)}.drawn .fill-violet{fill:var(--violet)}.drawn .fill-orange{fill:var(--orange)}.drawn .fill-dim{fill:var(--fg-3)}.drawn .soft-accent{fill:#0a84ff24;stroke:#0a84ff99}.drawn .soft-mint{fill:#5ee0b01f;stroke:#5ee0b099}.drawn .soft-violet{fill:#b48cff1f;stroke:#b48cff99}.drawn .soft-orange{fill:#ff9f0a1a;stroke:#ff9f0a99}.drawn .orb{color:var(--accent)}.drawn .play-disc{fill:#050608b3;stroke:#fff6}.drawn .play-mark{fill:var(--fg)}.pic-tile{padding:0;overflow:hidden}.pic-tile .drawn,.pic-tile .shot-frame{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0}.pic-tile .pic-text{gap:var(--s-2);padding:var(--s-5);flex-direction:column;display:flex}