@layer reset,tokens,base,components,screens;@font-face{font-family:"Instrument Serif";src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{--paper: #ede4d0;--paper-2: #e3d8c0;--ink: #1d1b18;--ink-2: #34312c;--body: #141312;--panel: #1e1d1b;--panel-2: #2b2926;--panel-line: #2c2a27;--white: #ffffff;--muted: #5b554b;--on-ink: #ede4d0;--on-ink-soft: #cfc6b4;--on-ink-muted: #a79f8e;--line: rgb(29 27 24 / .2);--accent: #d9472b;--accent-text: #a8361f;--on-accent: var(--on-ink);--lowlight: #f2a93b;--stamp: #ff8a3d;--focus: var(--ink);--focus-on-ink: var(--on-ink);--font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--label-track: .18em;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 2rem;--text-3xl: clamp(2.5rem, 1.6rem + 3.5vw, 4.25rem);--leading-tight: 1.05;--leading-body: 1.45;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--r-1: 4px;--r-2: 12px;--r-3: 24px;--r-pill: 999px;--target: 2.75rem;--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: .01ms;--dur: .01ms}}}@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input{font:inherit;color:inherit}}@layer base{html,body,#root{height:100%}body{background:var(--body);color:var(--on-ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);font-size-adjust:from-font;-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3{font-family:var(--font-serif);font-style:italic;font-weight:400;line-height:var(--leading-tight);text-wrap:balance}.num{font-family:var(--font-mono);font-variant-numeric:lining-nums tabular-nums}.label{font-size:.6875rem;font-weight:700;font-stretch:75%;letter-spacing:var(--label-track);text-transform:uppercase}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}}@layer components{.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-block-size:var(--target);min-inline-size:var(--target);padding:var(--s-3) var(--s-5);border:1.5px solid transparent;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);font-weight:600;cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ds-btn:hover:not(:disabled){background:var(--ink-2)}.ds-btn:active:not(:disabled){transform:scale(.97)}.ds-btn[data-variant=secondary]{background:transparent;color:var(--ink);border-color:var(--ink)}.ds-btn[data-variant=secondary]:hover:not(:disabled){background:#1d1b1812}.ds-btn[data-variant=on-ink]{background:transparent;color:var(--on-ink);border-color:var(--on-ink)}.ds-btn[data-variant=on-ink]:hover:not(:disabled){background:#ede4d01a}.ds-btn:disabled,.ds-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ds-btn:focus-visible[data-variant=on-ink]{outline-color:var(--focus-on-ink)}.ds-shutter{inline-size:5.375rem;block-size:5.375rem;padding:0;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--panel-2),0 0 0 8px #3d3a36,inset 0 -5px #00000040,inset 0 3px #fff3;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.ds-shutter:active:not(:disabled){transform:scale(.95);box-shadow:0 0 0 6px var(--panel-2),0 0 0 8px #3d3a36,inset 0 -2px #0000004d,inset 0 2px #ffffff1f}.ds-shutter:focus-visible{outline-color:var(--focus-on-ink);outline-offset:12px}.ds-shutter:disabled{opacity:.4;cursor:not-allowed}.ds-counter{display:grid;justify-items:center;gap:7px}.ds-counter__n{display:grid;place-items:center;inline-size:3.875rem;block-size:3.875rem;border:4px solid #0b0a09;border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px #3a3733;color:var(--ink);font-size:1.5rem;font-weight:600;line-height:1}.ds-counter__label{color:var(--on-ink-muted)}.ds-counter[data-low=true] .ds-counter__n{box-shadow:0 0 0 1px #3a3733,0 0 0 4px var(--accent)}.ds-stats{display:flex;flex-wrap:wrap;gap:var(--s-5) 0}.ds-stat{display:grid;gap:var(--s-1);padding-inline:var(--s-5);border-inline-start:1px solid var(--line)}.ds-stat:first-child{padding-inline-start:0;border-inline-start:0}.ds-stat__n{font-size:var(--text-2xl);font-weight:600;line-height:1;color:var(--ink)}.ds-stat__label{font-size:var(--text-sm);color:var(--muted)}.ds-switch{position:relative;flex:none;inline-size:3.5rem;block-size:2rem;border:0;border-radius:var(--r-pill);background:#a39a86;cursor:pointer;transition:background var(--dur) var(--ease)}.ds-switch:after{content:"";position:absolute;inset-block-start:4px;inset-inline-start:4px;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;background:var(--paper);transition:inset-inline-start var(--dur) var(--ease)}.ds-switch[aria-checked=true]{background:var(--ink)}.ds-switch[aria-checked=true]:after{inset-inline-start:1.75rem}.ds-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:var(--r-pill);background:var(--paper-2)}.ds-seg button{min-block-size:var(--target);padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-pill);background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.ds-seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.ds-field{display:grid;gap:var(--s-1)}.ds-field label{font-weight:600}.ds-field input{min-block-size:var(--target);padding:var(--s-2) var(--s-3);border:1.5px solid var(--muted);border-radius:var(--r-2);background:transparent;color:var(--ink)}.ds-field__hint{font-size:var(--text-sm);color:var(--muted)}.ds-field[data-invalid=true] input{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}.ds-field[data-invalid=true] .ds-field__hint{color:var(--accent-text);font-weight:600}.ds-chip{display:inline-flex;align-items:center;min-block-size:1.75rem;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);font-size:var(--text-sm);font-weight:600}.ds-chip[data-tone=accent]{background:transparent;border:1.5px solid var(--accent-text);color:var(--accent-text)}.ds-chip[data-tone=soft]{background:var(--paper-2);color:var(--ink)}.ds-toast{position:fixed;inset-inline:var(--s-4);inset-block-end:calc(var(--s-4) + var(--safe-b));z-index:30;max-inline-size:28rem;margin-inline:auto;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--ink);color:var(--on-ink);box-shadow:0 6px 24px #0000004d;transition:opacity var(--dur) var(--ease)}.ds-toast:empty{opacity:0;padding:0;pointer-events:none}.ds-sheet{inline-size:min(32rem,100% - 2 * var(--s-4));padding:var(--s-5);border:0;border-radius:var(--r-3);background:var(--paper);color:var(--ink)}.ds-sheet::backdrop{background:#0a090899}.ds-sheet h2{font-size:var(--text-2xl);margin-block-end:var(--s-3)}.ds-sheet__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:flex-end;margin-block-start:var(--s-5)}}@layer screens{.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:auto;color:var(--ink)}.screen--paper{background:var(--paper)}.screen--dark{background:var(--body);color:var(--on-ink)}.screen__rules{flex:none;display:grid;gap:3px;padding-block-start:var(--safe-t)}.screen__rules i:nth-child(1){block-size:10px;background:var(--accent)}.screen__rules i:nth-child(2){block-size:3px;background:var(--ink)}.screen__body{flex:1;display:flex;flex-direction:column;inline-size:min(100%,26rem);margin-inline:auto;padding:44px calc(28px + var(--safe-r)) calc(34px + var(--safe-b)) calc(28px + var(--safe-l))}.screen p{margin:0}.screen h1{margin:0;font-size:var(--text-3xl)}.screen .welcome__names{margin-block-start:14px;font-size:clamp(3.5rem,17.4vw,4.25rem);line-height:.95}.welcome__names span{display:block}.welcome__date{margin-block-start:12px;font-size:var(--text-sm);font-weight:500}.welcome__lead{font-size:var(--text-md);line-height:1.45}.welcome__steps{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.welcome__steps li{display:flex;align-items:baseline;gap:14px;font-size:.9375rem}.welcome__steps .num{font-size:var(--text-xs);font-weight:600;color:var(--accent-text)}.welcome__cta{display:grid;gap:12px;margin-block-start:auto;padding-block-start:28px}.welcome__cta p{color:var(--muted);font-size:var(--text-xs);text-align:center}.screen__go{display:flex;align-items:center;justify-content:space-between;min-block-size:3.75rem;padding:0 22px 0 28px;border:0;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);font-size:var(--text-lg);font-weight:700;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease)}.screen__go:active{transform:scale(.98);background:var(--ink-2)}.dcam{position:relative;inline-size:250px;block-size:140px;margin:30px auto 28px;transform:rotate(-5deg)}.dcam i,.dcam__label{position:absolute}.dcam__tab{inset:-6px 40px auto auto;inline-size:28px;block-size:10px;border-radius:4px;background:var(--accent)}.dcam__body{top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--ink);box-shadow:0 14px 24px #1d1b1840}.dcam__window{inset:14px auto auto 16px;inline-size:58px;block-size:22px;border-radius:3px;background:linear-gradient(#f4f1ea,#cfc9bd)}.dcam__sensor{inset:14px auto auto 132px;inline-size:22px;block-size:16px;border-radius:3px;border:1px solid #55504a;background:#3b3833}.dcam__label{inset:48px auto auto 0;inline-size:150px;block-size:80px;padding:6px 12px;border-block-start:4px solid var(--accent);background:var(--paper);overflow:hidden}.dcam__label b{display:block;font-family:var(--font-serif);font-style:italic;font-size:1.25rem;font-weight:400;line-height:1.02;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.dcam__label span{display:block;margin-block-start:5px;font-size:.5625rem;font-weight:600}.dcam__lens{inset:40px 26px auto auto;inline-size:64px;block-size:64px;border-radius:50%;border:6px solid #2e2b28;box-shadow:0 0 0 2px #0e0d0c;background:radial-gradient(circle at 35% 35%,#8a97a3 0,#8a97a3 8%,#1b2530 30%,#050607 70%)}.dcam__wheel{inset:16px -5px auto auto;inline-size:9px;block-size:36px;border-radius:2px;background:repeating-linear-gradient(#3a3733 0 2px,var(--ink) 2px 4px)}.done__who{color:var(--on-ink-muted);padding-block-start:var(--s-3)}.done h1{font-size:3rem;line-height:1}.done__lead{margin-block-start:14px!important;color:var(--on-ink-soft);font-size:var(--text-md);line-height:1.5}.done__card{display:grid;gap:10px;margin-block:26px 28px;padding:16px;border:1px solid var(--panel-line);border-radius:16px;background:var(--panel)}.done__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--text-sm);font-weight:600}.done__row .num{font-size:.8125rem}.done__bar{block-size:6px;border-radius:3px;background:var(--panel-line);overflow:hidden}.done__bar i{display:block;block-size:100%;background:var(--accent);transition:inline-size var(--dur) var(--ease)}.done__card p{color:var(--on-ink-muted);font-size:var(--text-xs);line-height:1.4}.done__save{min-block-size:3.5rem;margin-block-start:auto;border:1.5px solid var(--on-ink);border-radius:var(--r-pill);background:transparent;color:var(--on-ink);font-size:var(--text-md);font-weight:600;opacity:.5;cursor:not-allowed}.done__note{margin-block-start:10px!important;color:var(--on-ink-muted);font-size:var(--text-xs);text-align:center}.reel{position:relative;inline-size:220px;block-size:170px;margin:44px auto 36px;flex:none}.reel i,.reel__label{position:absolute}.reel__film{inset:58px auto auto 96px;inline-size:118px;block-size:56px;border-radius:0 6px 6px 0;background:repeating-linear-gradient(90deg,var(--body) 0 7px,transparent 7px 14px) 8px 6px / calc(100% - 16px) 6px no-repeat,repeating-linear-gradient(90deg,var(--body) 0 7px,transparent 7px 14px) 8px calc(100% - 6px) / calc(100% - 16px) 6px no-repeat,#7a3e1c}.reel__cap{inset:0 auto auto 50px;inline-size:24px;block-size:12px;border-radius:3px;background:#3a3632}.reel__top{inset:10px auto auto 26px;inline-size:80px;block-size:14px;border-radius:4px;background:var(--panel-2)}.reel__can{inset:22px auto auto 20px;inline-size:92px;block-size:128px;border-radius:8px;background:linear-gradient(90deg,#1a1918,#45403a 40%,#1a1918)}.reel__label{inset:50px auto auto 20px;display:grid;place-content:center;justify-items:center;inline-size:92px;block-size:72px;background:var(--accent);color:var(--on-accent)}.reel__label b{font-size:1.75rem;font-weight:600;line-height:1}.reel__bottom{inset:148px auto auto 26px;inline-size:80px;block-size:14px;border-radius:4px;background:var(--panel-2)}.screen ol:not(.welcome__steps){margin:0;padding-inline-start:1.25rem;display:grid;gap:var(--s-2)}.screen__actions{display:grid;gap:var(--s-3);margin-block-start:var(--s-4)}.screen--paper .screen__body>:where(h1,p,ol)+:where(p,ol,.screen__actions){margin-block-start:var(--s-4)}@media (orientation: landscape) and (max-block-size: 30rem){.screen__body{padding-block-start:var(--s-5)}.dcam,.reel{display:none}}}@layer screens{.cam{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-areas:"main" "tray";grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);background:var(--body);color:var(--on-ink)}.cam__main{grid-area:main;display:flex;flex-direction:column;min-block-size:0;padding-inline:var(--safe-l) var(--safe-r)}.cam__label{background:var(--paper);color:var(--ink);padding:calc(var(--safe-t) + 14px) 22px 0}.cam__label-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-3);padding-block-end:14px}.cam__names{min-inline-size:0}.cam__names h1{font-size:2.125rem;line-height:1;overflow-wrap:anywhere}.cam__names p{margin-block-start:5px}.cam__iso{flex:none;display:grid;margin:0;padding:5px 8px;border:1.5px solid var(--ink);font-size:.625rem;font-weight:600;line-height:1.3;text-align:center}.cam__rules{display:grid;gap:3px}.cam__rules i:nth-child(1){block-size:6px;background:var(--accent)}.cam__rules i:nth-child(2){block-size:0}.cam__rules i:nth-child(3){block-size:2px;background:var(--ink)}.cam__stage{flex:1 1 0;min-block-size:0;container-type:size;display:grid;place-items:center}.cam__col{--w: min( calc(100cqw - 72px) , calc((100cqh - 100px)*.75 + 18px) , 34rem);inline-size:var(--w);display:grid;gap:14px}.cam__frame{padding:9px;border-radius:var(--r-3);background:#070606;box-shadow:inset 0 2px 8px #000000e6,0 1px #ffffff12}.cam__view{position:relative;aspect-ratio:3 / 4;border-radius:15px;overflow:hidden;background:#0d0a09}.cam__view :is(video,canvas){position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.cam__view[data-gl=true] video{opacity:0}.cam__view[data-gl=false] canvas{display:none}.cam__view[data-mirror=true][data-gl=false] video{transform:scaleX(-1)}.cam__corner{position:absolute;inline-size:18px;block-size:18px;border:0 solid rgb(255 255 255 / .55);pointer-events:none}.cam__corner[data-pos=tl]{inset:14px auto auto 14px;border-width:1.5px 0 0 1.5px}.cam__corner[data-pos=tr]{inset:14px 14px auto auto;border-width:1.5px 1.5px 0 0}.cam__corner[data-pos=bl]{inset:auto auto 14px 14px;border-width:0 0 1.5px 1.5px}.cam__corner[data-pos=br]{inset:auto 14px 14px auto;border-width:0 1.5px 1.5px 0}.cam__lowlight{position:absolute;inset:44px 14px auto;display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;border-radius:14px;background:#141312d1;color:#f2c27a;font-size:.8125rem;line-height:1.35;pointer-events:none}.cam__lowlight i{flex:none;inline-size:10px;block-size:10px;border-radius:50%;background:var(--lowlight);box-shadow:0 0 10px var(--lowlight)}.cam__lowlight b{font-weight:700}.cam__view[data-shot=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 3px #ede4d0d9;pointer-events:none;animation:cam-rise var(--dur) var(--ease-out)}.cam__undo{position:absolute;inset:auto 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 4px 16px;border-radius:var(--r-pill);background:#ede4d0f5;color:var(--ink);font-size:var(--text-sm);font-weight:600;animation:cam-rise var(--dur) var(--ease-out)}.cam__undo button{min-block-size:var(--target);padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);font-size:.8125rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease)}.cam__undo button:active{transform:scale(.96);background:var(--ink-2)}.cam__undo button:focus-visible{outline-color:var(--ink);outline-offset:2px}@keyframes cam-rise{0%{opacity:0;translate:0 8px}}.cam__notice{position:absolute;inset:auto 14px 14px;margin:0;padding:var(--s-3) var(--s-4);border-radius:14px;background:#141312e0;color:var(--on-ink);font-size:var(--text-sm);text-align:center}.cam__debug{position:absolute;inset:0 auto auto 0;margin:0;padding:var(--s-2);max-inline-size:100%;overflow:hidden;background:#000000b3;color:var(--white);font-size:11px}.cam__flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--white);opacity:0;pointer-events:none;animation:cam-flash .14s var(--ease) forwards}@keyframes cam-flash{0%{opacity:.85}to{opacity:0}}.cam__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-block-size:var(--target)}.cam__roll{min-block-size:var(--target);display:flex;align-items:center;gap:10px;padding:0 14px 0 10px;border:1px solid #3a3733;border-radius:var(--r-pill);background:#24221f;color:var(--on-ink);font-size:var(--text-sm);font-weight:600;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.cam__roll:active{transform:scale(.97);background:#2d2a27}.cam__roll:focus-visible,.cam__flip:focus-visible,.cam__undo button:focus-visible{outline-color:var(--focus-on-ink)}.cam__roll svg{color:var(--on-ink-muted)}.cam__swatch{inline-size:24px;block-size:24px;border-radius:6px;box-shadow:inset 0 0 0 1px #fff3}.cam__pending{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;color:var(--on-ink-muted);font-size:.8125rem}.cam__tray{grid-area:tray;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;padding:18px calc(30px + var(--safe-r)) max(24px,calc(var(--safe-b) + 14px)) calc(30px + var(--safe-l));background:var(--panel);border-block-start:1px solid var(--panel-line)}.cam__shutter{display:grid;place-items:center}.cam__selfie{display:grid;justify-items:center;gap:7px;color:var(--on-ink-muted)}.cam__flip{display:grid;place-items:center;inline-size:3.375rem;block-size:3.375rem;padding:0;border:1px solid #3d3a36;border-radius:50%;background:var(--panel-2);color:var(--on-ink);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.cam__flip:active{transform:scale(.94);background:#37342f}.cam__sheet{inset:auto 0 0;inline-size:min(100%,32rem);max-inline-size:none;max-block-size:100dvh;margin-inline:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:auto}.cam__sheet::backdrop{background:#0a090899}.cam__sheet[open]{animation:cam-sheet var(--dur) var(--ease-out)}@keyframes cam-sheet{0%{translate:0 24px;opacity:0}}.cam__sheet-body{display:grid;gap:14px;padding:22px calc(22px + var(--safe-r)) calc(36px + var(--safe-b)) calc(22px + var(--safe-l));border-radius:22px 22px 0 0;background:var(--paper)}.cam__sheet-head{display:flex;align-items:center;justify-content:space-between}.cam__sheet-head h2{font-size:2rem;line-height:1}.cam__sheet-close{display:grid;place-items:center;inline-size:var(--target);block-size:var(--target);padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.cam__sheet-hint{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.4}.cam__options{display:grid;gap:10px}.cam__option{display:flex;align-items:center;gap:14px;inline-size:100%;padding:10px 14px 10px 10px;border:1.5px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);text-align:start;cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.cam__option:active{transform:scale(.985)}.cam__option[aria-checked=true]{border-color:var(--ink);background:var(--paper-2)}.cam__strip-sample{flex:none;display:flex;gap:4px;padding:5px 6px;border-radius:4px;background:var(--ink)}.cam__strip-sample i{inline-size:22px;block-size:36px;border-radius:2px}.cam__option-text{flex:1;display:grid;gap:3px}.cam__option-text b{font-size:var(--text-md);font-weight:700}.cam__option-text span{color:var(--muted);font-size:.8125rem;line-height:1.35}.cam__check{flex:none;display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;background:var(--ink);color:var(--paper)}@media (prefers-reduced-motion: reduce){.cam__flash,.cam__undo,.cam__view[data-shot=true]:after,.cam__sheet[open]{animation:none}}@media (orientation: landscape){.cam{grid-template-areas:"main tray";grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 10.5rem}.cam[data-side=left]{grid-template-areas:"tray main";grid-template-columns:10.5rem minmax(0,1fr)}.cam__main{padding-inline:0}.cam[data-side=right] .cam__main{padding-inline-start:var(--safe-l)}.cam[data-side=left] .cam__main{padding-inline-end:var(--safe-r)}.cam__label{padding:calc(var(--safe-t) + 8px) 18px 0}.cam__label-row{padding-block-end:8px}.cam__names h1{font-size:1.5rem}.cam__names p{margin-block-start:3px}.cam__rules{gap:2px}.cam__rules i:nth-child(1){block-size:4px}.cam__rules i:nth-child(3){block-size:1.5px}.cam__col{--w: min( calc(100cqw - 32px) , calc((100cqh - 88px)*1.3333 + 18px) , 40rem);gap:8px}.cam__view{aspect-ratio:4 / 3}.cam__lowlight{inset-block-start:38px}.cam__tray{grid-template-columns:none;grid-template-rows:auto auto auto;align-content:space-evenly;padding:calc(var(--safe-t) + 12px) 12px calc(var(--safe-b) + 12px);border-block-start:0;border-inline-start:1px solid var(--panel-line)}.cam[data-side=right] .cam__tray{padding-inline-end:calc(12px + var(--safe-r))}.cam[data-side=left] .cam__tray{padding-inline-start:calc(12px + var(--safe-l));border-inline-start:0;border-inline-end:1px solid var(--panel-line)}}}