.media-state-overlay{color:var(--paper);text-align:center;background:#000 repeating-linear-gradient(-45deg,#f6f1e60b 0 12px,#0000 12px 24px);place-items:center;display:grid}.media-state-face{align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-4);flex-direction:column;display:flex}.media-state-title{font-family:var(--font-brand);font-size:var(--fs-lg);font-weight:var(--fw-heavy);line-height:1.15}.media-state-age{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;width:100%;height:100%;min-height:64px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f6f1e62e;container-type:inline-size}.media-state-age .media-state-face{transition:transform .12s var(--ease-out,ease-out);gap:clamp(6px,2.6cqi,14px);padding:clamp(8px,5cqi,24px)}.media-state-age .media-state-title{overflow-wrap:anywhere;text-wrap:balance;max-width:16ch;font-size:clamp(12px,6cqi,22px)}.media-state-id{filter:drop-shadow(0 3px 6px #0000008c);flex-shrink:0;width:clamp(40px,22cqi,76px);height:auto}.media-state-id .id-card{fill:var(--paper)}.media-state-id .id-band{fill:var(--pop-500)}.media-state-id .id-ink{fill:none;stroke:var(--ink-950);stroke-width:2.6px;stroke-linecap:round}.media-state-id circle.id-ink{fill:var(--ink-950);stroke:none}.media-state-id .id-line{fill:var(--paper-300)}.media-state-id .id-stamp{fill:var(--accent);stroke:var(--ink-950);stroke-width:2px}.media-state-id .id-check{fill:none;stroke:var(--ink-950);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.media-state-cue{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-strong)}.media-state-age .media-state-cue{border:2px solid var(--ink-950);border-radius:var(--radius-xs);background:var(--accent);box-shadow:3px 3px 0 var(--pop-500);color:var(--text-on-flash);font-family:var(--font-stamp);letter-spacing:.08em;text-transform:uppercase;transition:transform .12s var(--ease-out,ease-out), box-shadow .12s var(--ease-out,ease-out);margin-top:clamp(0px,1cqi,4px);padding:clamp(5px,1.6cqi,8px) clamp(10px,4cqi,16px);font-size:clamp(10px,3.4cqi,12px);font-weight:800;transform:rotate(-2deg)}.media-state-age:not(:disabled):active .media-state-face{transform:scale(.985)}.media-state-age:not(:disabled):active .media-state-cue{box-shadow:1px 1px 0 var(--pop-500);transform:rotate(-2deg)translate(2px,2px)}.media-state-age:focus-visible{outline:3px solid var(--accent);outline-offset:-5px;box-shadow:inset 0 0 0 1px #f6f1e62e}.media-state-age:focus-visible .media-state-cue{box-shadow:3px 3px 0 var(--pop-500), 0 0 0 3px var(--paper)}.media-state-age:disabled{cursor:default}.media-state-age:disabled .media-state-cue{display:none}@container (width<=130px){.media-state-age .media-state-cue{display:none}.media-state-id{width:30px}}@media (prefers-reduced-motion:reduce){.media-state-age .media-state-face,.media-state-age .media-state-cue{transition:none}}.pic-image{background:var(--surface);display:block;position:relative;overflow:hidden}.pic-image img,.pic-image canvas{object-fit:cover;-webkit-touch-callout:none;width:100%;height:100%;animation:pic-develop var(--dur-slow) var(--ease-out)}.pic-image.is-age-blocked{aspect-ratio:3/4}@keyframes pic-develop{0%{opacity:0;filter:brightness(1.6)contrast(.7)}}.pic-image.is-blurred img,.pic-image.is-blurred canvas{filter:blur(40px)saturate(.4)brightness(.55);animation:none;transform:scale(1.4)}.pic-loading{background:linear-gradient(100deg, var(--surface) 35%, var(--surface-strong) 50%, var(--surface) 65%);background-size:250% 100%;width:100%;height:100%;min-height:80px;animation:1.3s linear infinite pic-scan;display:block}@keyframes pic-scan{to{background-position:-250% 0}}.pic-load-error{text-align:center;width:100%;height:100%;min-height:100px;color:var(--text-secondary);place-content:center;gap:8px;display:grid}.pic-load-error button{color:var(--accent);text-decoration:underline}.pic-age-placeholder{box-sizing:border-box;color:#f4f0e5;text-align:center;background:#242424;place-items:center;width:100%;height:100%;min-height:64px;padding:12px;font-weight:700;display:grid}.inspection-plane{transform-origin:0 0;width:100%;height:100%;display:block}.inspection-enabled{touch-action:pan-y}.inspection-enabled[data-inspecting=true]{touch-action:none}.inspection-enabled .inspection-plane{transform:translate(var(--inspection-x,0px), var(--inspection-y,0px)) scale(var(--inspection-scale,1))}.inspection-enabled:not([data-pinching=true]) .inspection-plane{transition:transform .22s var(--ease-out,ease-out)}.inspection-controls{border-radius:var(--radius-round);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0b0b0ac7;align-items:center;padding:2px;transition:opacity .16s ease-out;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 0 0 1px #f6f1e638,0 4px 12px #00000073}.inspection-enabled:focus-within .inspection-controls,.inspection-enabled:hover .inspection-controls,.inspection-enabled[data-inspecting=true] .inspection-controls{opacity:1;pointer-events:auto}.inspection-controls button{border-radius:var(--radius-round);min-width:44px;min-height:44px;color:var(--paper);background:0 0;border:0;place-items:center;padding:0;display:grid}.inspection-controls .inspection-scale{min-width:48px;font-family:var(--font-stamp);font-size:var(--fs-meta);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:800}.inspection-enabled[data-inspecting=true] .inspection-scale{color:var(--accent)}.inspection-controls button:not(:disabled):active{background:#f6f1e624}.inspection-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;box-shadow:none}.inspection-controls button:disabled{opacity:.38;cursor:default}@media (prefers-reduced-motion:reduce){.inspection-enabled .inspection-plane,.inspection-controls{transition:none!important}}