/* A-mobile-4 — cream/orange camera shell. Guide geometry matches camera.framed(). */
:root{font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#4c3828;background:#fff4df;font-synthesis:none;--paper:#fffaf0;--cream:#fff0d4;--ink:#543b28;--orange:#ed8c21;--line:#d8bb88;--green:#3d7654}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#d7b98955 .8px,transparent 1px) 0 0/12px 12px}main{max-width:1000px;margin:auto;padding:24px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:24px;font-weight:950;letter-spacing:2px}.brand span{font-size:10px;margin-left:8px}.stamp{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 11px}.stamp small{white-space:nowrap}.intro{margin:26px 0 22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#97734a}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.5px;margin:8px 0}h1 em{font-style:normal;color:#c76713}.intro>p:last-child{font-size:13px;line-height:1.8;color:#795f45}.layout{max-width:620px;margin-inline:auto}.layout aside{display:none}.booth{position:relative;padding:14px;border:2px solid #c9a66e;border-radius:30px;background:linear-gradient(160deg,#fffaf0,#f8e3bc);box-shadow:inset 0 2px 0 #fff,0 7px 0 #d5b782,0 16px 28px #79532b1c}.booth-top{height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 7px 10px;font-size:10px;color:#775431}.camera-brand{font-weight:950;letter-spacing:1.6px;white-space:nowrap}.camera-brand b{font-weight:600;font-size:8px;letter-spacing:1px}.booth-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #ed8c211c;margin-right:8px}.booth-top strong{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.2px}.view{position:relative;overflow:hidden;width:100%;aspect-ratio:640/600;border:4px solid #544335;border-radius:20px;background:#eee9db;box-shadow:0 0 0 1px #2e251d,inset 0 0 0 1px #fff7}#stage{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.view:focus-within{outline:3px solid var(--orange);outline-offset:3px}.thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.15%,#fff4 33.15%,#fff4 33.3%,transparent 33.3%,transparent 66.5%,#fff4 66.5%,#fff4 66.65%,transparent 66.65%),linear-gradient(to bottom,transparent 33.15%,#fff4 33.15%,#fff4 33.3%,transparent 33.3%,transparent 66.5%,#fff4 66.5%,#fff4 66.65%,transparent 66.65%)}.guide{position:absolute;inset:5% 25% 40%;border:1.5px dashed #9a826694;border-radius:38%;pointer-events:none}#signal{font-size:9px;line-height:1.3;color:#6d4e2e;background:#fff8e7;border:1px solid #ddc39a;border-radius:12px;padding:4px 7px;white-space:nowrap;letter-spacing:0}.guide.good{border:5px solid var(--green);box-shadow:0 0 0 2px #fff9,0 0 0 5px #3d765430}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .18s}#flash.on{opacity:.85;transition:none}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation;min-height:40px}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #ac5c12;outline-offset:3px}[hidden]{display:none!important}#welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 8px;background:linear-gradient(transparent 45%,#fff3d9b8)}#welcome>span,#welcome h2,#welcome p{display:none}#start{min-height:46px;padding:12px 20px;border:1px solid #b96c21;border-radius:24px;background:#f59b38;color:#382713;font-size:14px;font-weight:800;box-shadow:0 3px 0 #c77c2f}#welcome .preview-start{display:block;margin:8px auto 0;min-height:32px;padding:5px 9px;background:#fff7e6d9;color:#725638;border-radius:16px;font-size:10px;text-decoration:underline}.camera-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:6px 4px}.camera-tools button{min-height:40px;padding:7px 13px;border:1px solid #d4b78a;border-radius:18px;background:#fff9ec;color:#61472d;font-size:11px;box-shadow:0 2px 0 #dec49b}.camera-tools button[aria-pressed=true]{background:#f4c57e}.sensor-status,#cameraNote,.sensor-help{margin:0 5px;font-size:10px;line-height:1.5;color:#7d6040;overflow-wrap:anywhere}.sensor-status{min-height:17px}.sensor-status[data-state=active]{color:#366b48}.sensor-help{margin-top:3px}#cameraNote{min-height:26px;padding-top:3px}.controls{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:8px;min-height:102px;padding:9px 5px 6px;border-top:1px dashed #d6b889}.controls>div{min-width:0}.controls strong{display:block;font-size:11px;line-height:1.45}.controls small{display:block;font-size:9px;line-height:1.45;color:#8b6d49;margin-top:4px}#shutter{justify-self:center;position:relative;width:82px;height:82px;min-height:82px;border:3px solid #8e6940;border-radius:50%;background:#fffaf0;font-size:0;box-shadow:0 3px 0 #b08b59,inset 0 0 0 4px #fffaf0,inset 0 0 0 6px #e7c590}#shutter:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#f59b38;border:2px solid #df8628;box-shadow:inset 0 3px 0 #ffb95b}#shutter:after{content:"";position:absolute;inset:26px;border:2px solid #fff5dc;border-radius:7px}#shutter:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #b08b59,inset 0 0 0 4px #fffaf0,inset 0 0 0 6px #e7c590}.film-progress{justify-self:end;text-align:center}#shotProgress{display:flex;gap:3px;padding:5px 4px;border-radius:5px;background:#72583a;box-shadow:inset 0 1px 2px #3f2e1c66}#shotProgress span{display:grid;place-items:center;width:15px;height:21px;border:1px solid #e4cda5;background:#fff6e4;color:#ae906a;font:9px monospace}#shotProgress[data-count="1"] span:nth-child(-n+1),#shotProgress[data-count="2"] span:nth-child(-n+2),#shotProgress[data-count="3"] span:nth-child(-n+3),#shotProgress[data-count="4"] span{background:#f1a744;color:#59381a;border-color:#ffdba0}#count{display:block;font:10px monospace;color:#806140;margin-top:5px}.keyboard{text-align:center;font-size:9px;color:#94724b;margin:4px 0 0;line-height:1.4}footer{display:flex;justify-content:space-between;gap:10px;margin-top:32px;padding:16px 0;border-top:1px dashed var(--line);font-size:10px;color:#96744e}
/* Four frozen photos print, develop, then reveal their saved quips. */
#app.results .booth,#app.results .intro{display:none}#app.results .layout{max-width:510px}#app.results .layout aside{display:block;overflow:hidden;padding:0 6px 12px}#app.results .layout aside:before{content:"FADI · PHOTO PRINTER";display:block;position:relative;z-index:2;margin:0 -5px 10px;padding:14px;border:2px solid #b58a51;border-radius:14px 14px 5px 5px;background:#f4d9ad;box-shadow:0 5px 0 #705338;color:#684722;text-align:center;font:bold 10px monospace;letter-spacing:2px}.ticket{position:relative;z-index:1;padding:24px 22px 18px;background:#fffdf6;box-shadow:0 8px 24px #7d5a2920;transform:rotate(1deg)}.ticket h2{font-size:24px;margin:8px 0}.ticket>p:not(.eyebrow){font-size:12px;line-height:1.6;color:#8b7458;min-height:34px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photos>div{position:relative;aspect-ratio:640/720;background:#f0e7d6;display:flex;align-items:center;justify-content:center;overflow:hidden;font:12px monospace;color:#b3a184}.photos canvas{display:block;width:100%;height:100%}.photos>div.developing canvas{opacity:0;filter:saturate(.4);transition:none}.photos>div.developed canvas{opacity:1;filter:none;transition:opacity .6s ease,filter .8s ease}.photos>div.developing:after{content:"";position:absolute;inset:auto 0 0;height:16.67%;background:#fffcf3;opacity:1;transition:opacity .35s ease;pointer-events:none}.photos>div.quote-ready:after{opacity:0}.ticket-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:18px;padding-top:13px;border-top:1px dashed #d4b98e;font-size:9px;letter-spacing:.5px}.fadi-comment{background:#fff8e8;border-left:3px solid var(--orange);padding:14px 16px;font-size:14px;font-weight:650;line-height:1.7;min-height:76px;margin:20px 0 0;border-radius:0 10px 10px 0}.actions{display:grid;gap:8px;margin-top:20px}.actions button{padding:13px;border:1px solid #dbad6b;border-radius:12px;background:#f4a449;color:#4f3418;font-size:13px;font-weight:750}#replay,#skipReveal{background:#f5e8cc}.footnote{text-align:center;font-size:10px;line-height:1.7;color:#967a57}#app.results:not(.reveal-skipped) .ticket{animation:paper-print .85s cubic-bezier(.2,.8,.25,1) both}@keyframes paper-print{from{opacity:.2;transform:translateY(-70px) scaleY(.8);transform-origin:top}to{opacity:1;transform:translateY(0) rotate(1deg);transform-origin:top}}

@media(max-width:700px){main{padding: max(12px,env(safe-area-inset-top,0px)) 12px max(16px,env(safe-area-inset-bottom,0px))}.brand span{display:none}.stamp{font-size:9px;padding:6px 9px}.intro{margin:18px 0}.intro .eyebrow{display:none}.intro>p:last-child{font-size:12px;line-height:1.6}.intro h1{font-size:32px}header{padding-bottom:12px}footer{font-size:9px}footer span{display:none}.booth{padding:10px;border-radius:24px}.sensor-help{display:none}#app.shooting{height:100vh;height:100dvh;max-width:none;padding:env(safe-area-inset-top,0px) 6px env(safe-area-inset-bottom,0px);background:#fff0d4}#app.shooting>header,#app.shooting>.intro,#app.shooting>footer{display:none}#app.shooting .layout{height:100%;max-width:620px}#app.shooting .booth{height:100%;display:flex;flex-direction:column;min-height:0;padding:8px 6px 5px;border-radius:20px;border-width:1px;box-shadow:inset 0 2px 0 #fff}#app.shooting .booth-top{height:30px;flex:none;padding-bottom:4px}#app.shooting .view{flex:none;width:min(100%,calc((100vh - 250px)*1.0666667));width:min(100%,calc((100dvh - 250px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*1.0666667));align-self:center;margin:auto 0;border-width:3px;border-radius:18px}#app.shooting .camera-tools{flex:none;min-height:46px;padding:5px 2px}#app.shooting .sensor-status{flex:none;font-size:10px;min-height:17px}#app.shooting #cameraNote{flex:none;font-size:10px;min-height:28px;line-height:1.4;padding-top:3px}#app.shooting .controls{flex:none;min-height:100px;padding:8px 3px 5px}#app.shooting .keyboard{flex:none;line-height:13px;margin:0}#app.results header{margin-bottom:24px}#app.results footer{display:none}.ticket{padding:20px 16px 16px}}
/* Short landscape: camera glass left, controls right; shutter stays horizontally centered in its control deck. */
@media(max-height:540px) and (orientation:landscape){#app.shooting{height:100vh;height:100dvh;padding:env(safe-area-inset-top,0px) max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));background:#fff0d4}#app.shooting>header,#app.shooting>.intro,#app.shooting>footer{display:none}#app.shooting .layout{height:100%;max-width:none}#app.shooting .booth{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:28px 42px 28px 1fr;gap:5px 12px;padding:8px;border-radius:18px;box-shadow:none}#app.shooting .booth-top{grid-column:1/-1;height:auto;padding:0 6px}#app.shooting .view{grid-column:1;grid-row:2/5;width:min(100%,calc((100dvh - 58px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*1.0666667));margin:0;justify-self:center;align-self:center;border-width:3px}#app.shooting .camera-tools{grid-column:2;grid-row:2;padding:0;min-height:40px;gap:4px}#app.shooting .camera-tools button{padding:6px 8px;font-size:10px}#app.shooting .sensor-status{grid-column:2;grid-row:3;margin:0;font-size:10px}#app.shooting .controls{grid-column:2;grid-row:4;grid-template-columns:1fr;grid-template-rows:auto 82px auto;gap:5px;min-height:0;border-top:1px dashed #d6b889;padding:7px 0;align-self:center}#app.shooting .controls>div:first-child{grid-column:1/-1}#app.shooting #shutter{grid-column:1;grid-row:2;justify-self:center;width:76px;height:76px;min-height:76px}#app.shooting .film-progress{grid-column:1;grid-row:3;justify-self:center;display:flex;align-items:center;gap:8px}#app.shooting #cameraNote,#app.shooting .keyboard,#app.shooting .sensor-help{display:none}}
@media(prefers-reduced-motion:reduce){#flash{display:none}#app.results .ticket{animation:none!important}.photos>div.developed canvas,.photos>div.developing:after{transition:none}}

/* Frozen exposure score; below the viewfinder, never covering the live image. */
#scoreTotal{display:block;font-size:14px;font-weight:850;color:#8c4c16;margin-top:3px;font-variant-numeric:tabular-nums}#shotFeedback{font-size:10px;line-height:1.35;margin:3px 5px;min-height:28px;color:#865323}#app.shooting #cameraNote{display:none}@media(max-height:540px) and (orientation:landscape){#app.shooting #shotFeedback{grid-column:2;grid-row:4;align-self:start;font-size:9px;min-height:0;margin:0}#app.shooting .controls{padding-top:30px}#app.shooting #scoreTotal{margin-top:0}}

.tally-line{font:700 13px ui-monospace,monospace;color:#a05b1a;min-height:20px;margin:5px 0 12px;overflow-wrap:anywhere}.photos>div.tally-active{outline:3px solid #ed8c21;outline-offset:-3px;box-shadow:inset 0 0 0 5px #ffd28b88}@media(prefers-reduced-motion:reduce){.photos>div.tally-active{box-shadow:none}}

/* V6 iris feedback is DOM-only; the saved canvas remains the actual exposure. */
#flash{display:none!important}.shutter-iris{position:absolute;inset:0;z-index:6;pointer-events:none;display:none;overflow:hidden;border-radius:inherit}.shutter-iris.active{display:block}.shutter-iris svg{width:100%;height:100%;display:block}.shutter-iris path{fill:#302c27;stroke:#625a4d;stroke-width:1.5}.shutter-confirm{display:none;position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:#f7f1df;color:#3d6650;border:1px solid #7e9b82;font:700 11px system-ui}.shutter-iris.reduced svg{display:none}.shutter-iris.reduced .shutter-confirm{display:block}.camera-tools #shutterSound{padding:0;min-width:40px;min-height:40px;flex:0 0 40px;font-size:18px;line-height:1}.camera-tools #shutterSound[aria-pressed=false]{background:#eee7da;color:#70675a}
@media(prefers-reduced-motion:reduce){.shutter-iris svg{display:none}.shutter-iris.active .shutter-confirm{display:block}}

/* Photo Club visual refresh: warm paper, olive enamel, orange shutter. */
:root{--ink:#333d32;--orange:#d96b38;--line:#d8d4c3;--green:#536b50;color:var(--ink);background:#f3f0e5}
body{background:radial-gradient(ellipse at 10% 0%,#e2e7d6 0,transparent 46%),radial-gradient(ellipse at 100% 80%,#efdbc3 0,transparent 50%),#f3f0e5}
main{max-width:1140px;padding:30px 36px 24px}
header{padding-bottom:20px;border-bottom:1px solid #d0d3c3}
.brand{color:#354632;font-size:26px;letter-spacing:3px;display:flex;align-items:center;gap:14px}.brand span{font-size:9px;letter-spacing:2px;margin:0;border-left:1px solid #adb49e;padding-left:14px;font-weight:650}
.stamp{color:#63715b;background:#e8ecdf;border:1px solid #cbd3bc;padding:8px 13px;letter-spacing:.6px}.stamp small{font-size:8px;opacity:.7}
.intro{margin:30px auto 24px;max-width:620px}.eyebrow{color:#7a856a;font-size:9px;letter-spacing:2.6px}h1{color:#354331;font-size:clamp(34px,5vw,52px);line-height:1.25;letter-spacing:-2px;margin:12px 0 16px;font-weight:850}h1 em{color:#cc6339}.intro>p:last-child{color:#70745f;font-size:12px;line-height:2}
.booth{padding:17px 17px 14px;border:1px solid #aeb6a1;border-radius:28px;background:linear-gradient(145deg,#f1f0df,#e1e3d0);box-shadow:inset 0 2px 0 #ffffffd9,inset 0 -5px 0 #aab39855,0 7px 0 #a8af99,0 22px 45px -12px #46543d40}
.booth-top{height:37px;padding:0 5px 12px;color:#526047}.camera-brand{font-size:11px;letter-spacing:2px}.camera-brand b{font-size:7px;letter-spacing:1.5px}.booth-top i{background:#df7541;box-shadow:0 0 0 4px #df754119}.booth-top strong{font-size:9px;color:#707a63}
#signal{background:#faf9ee;border:1px solid #c8ceb9;color:#5b6c51;font-size:9px;padding:5px 8px}
.view{border:6px solid #3c4639;border-radius:16px;box-shadow:0 0 0 1px #263124,inset 0 0 14px #23321d22;background:#e9e7d9}.thirds{opacity:.55}.guide{border-color:#63725788}.guide.good{border-color:#587653}
#welcome{padding:24px 12px 20px;background:linear-gradient(transparent 55%,#eeeddbed)}
#start{background:linear-gradient(#e88d59,#d7713d);color:#fff9e9;border:1px solid #bb5d31;border-radius:12px;padding:13px 22px;box-shadow:inset 0 1px 0 #ffffff70,0 4px 0 #a9552c,0 8px 16px #78472922;font-size:13px;letter-spacing:.5px}
#welcome .preview-start{margin-top:13px;background:#fffff080;border:1px solid #d3d6c4;border-radius:8px;padding:6px 12px;color:#68705b;font-size:10px;text-decoration:none}
.camera-tools{justify-content:flex-start;gap:8px;padding:10px 2px 8px;min-height:56px}.camera-tools button{border:1px solid #b9c1aa;background:#f5f5e9;color:#59694d;border-radius:9px;font-size:10px;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b3bca3;min-height:34px;padding:7px 13px}.camera-tools #shutterSound{margin-left:auto;min-height:34px;min-width:36px;flex-basis:36px;font-size:16px}.camera-tools button[aria-pressed=true]{background:#e3e9d7}.camera-tools #shutterSound[aria-pressed=false]{background:#e4e4d7}
.sensor-status,#cameraNote,.sensor-help{color:#7a816c;font-size:10px;line-height:1.6}.sensor-status{font-weight:650}.sensor-help{font-size:9px;opacity:.85}#cameraNote{min-height:22px}#shotFeedback{color:#657452;background:#f4f4e7;border:1px solid #cbd0bb;border-radius:8px;padding:8px 10px;min-height:32px;margin:8px 2px 12px;font-size:10px;line-height:1.6}
.controls{border-top:1px solid #bac3aa;min-height:108px;padding:12px 4px 3px;gap:12px}.controls strong{color:#4e6046;font-size:11px;line-height:1.65}.controls small{color:#879077;font-size:9px;line-height:1.7}#shutter{border:2px solid #8d977e;background:#f8f5e7;box-shadow:0 4px 0 #9aa589,inset 0 0 0 5px #faf7e9,inset 0 0 0 7px #c2c7b1}#shutter:before{background:linear-gradient(145deg,#ef9a66,#d56d3b);border:1px solid #bf6438;box-shadow:inset 0 3px 2px #ffce9a88,0 2px 5px #a2563222}#shutter:after{border-color:#fff4df;border-radius:6px}#shutter:disabled{opacity:.55}
#shotProgress{background:#526049;border-radius:6px;padding:5px;gap:4px}#shotProgress span{border-color:#cbd0b8;background:#f4f2df;color:#9ba38a;border-radius:2px;width:16px;height:23px}#count{color:#7a8469}#scoreTotal{font-size:12px;color:#56674b;margin-top:5px}
footer{border-top:1px solid #d0d3c3;color:#8b917b;font-size:10px;margin-top:32px;line-height:1.7}footer span{font-size:8px;letter-spacing:1px}
button{transition:background .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.035)}button:focus-visible{outline-color:#d77642}
#app.results .layout{max-width:550px}#app.results .layout aside:before{background:linear-gradient(#e3e7d6,#cdd5bf);border-color:#9eac90;color:#516249;box-shadow:0 5px 0 #53624a;border-radius:16px 16px 5px 5px;padding:18px;letter-spacing:3px}.ticket{background:#fffef7;box-shadow:0 12px 30px #46543d1c;padding:26px}.ticket h2{color:#425539;font-size:25px}.ticket>p:not(.eyebrow){color:#7c826b}.ticket-bottom{color:#7d866e;border-color:#cbd2bc}.photos{gap:12px}.photos>div{border:1px solid #e6e4d5;border-radius:3px}.fadi-comment{color:#57664a;background:#e8ecdd;border-left-color:#84976d;border-radius:0 12px 12px 0;font-size:13px}.actions button{background:#db7b49;border-color:#bb653b;color:#fff9eb;border-radius:10px;box-shadow:0 3px 0 #b15b33;padding:15px}#replay,#skipReveal{background:#f2f3e7;border-color:#c7cfb8;color:#5d6f50;box-shadow:0 2px 0 #c0c8b2}.footnote{color:#909780}.tally-line{color:#7b875e}
@media(min-width:1050px){#app:not(.shooting):not(.results){display:grid;grid-template-columns:minmax(0,1fr) 540px;column-gap:48px;align-items:center}#app:not(.shooting):not(.results)>header,#app:not(.shooting):not(.results)>footer{grid-column:1/-1}#app:not(.shooting):not(.results)>.intro{margin:0;padding:42px 0;align-self:center}#app:not(.shooting):not(.results)>.intro h1{font-size:52px;max-width:350px}#app:not(.shooting):not(.results)>.intro p:last-child{font-size:13px;line-height:2.2}#app:not(.shooting):not(.results)>.layout{width:100%;margin-top:30px}#app:not(.shooting):not(.results)>footer{margin-top:36px}}
@media(max-width:700px){main{padding:20px 14px 18px}.brand{font-size:23px}.stamp{font-size:8px;padding:7px 9px}.intro{margin:24px 3px 20px}.intro .eyebrow{display:block;font-size:8px;letter-spacing:1.6px}.intro h1{font-size:36px;margin:9px 0 12px}.intro>p:last-child{font-size:11px;line-height:1.9}.booth{padding:11px;border-radius:23px}.booth-top{height:33px;padding-bottom:9px}.camera-brand{font-size:10px}#signal{font-size:8px;padding:4px 6px}.view{border-width:5px;border-radius:13px}.controls{gap:8px}.sensor-help{display:none}#app.shooting{background:#e6e9d9}#app.shooting .booth{background:linear-gradient(145deg,#f1f0df,#e1e3d0);border-color:#b5bda7}#app.shooting .camera-tools{min-height:44px;padding:5px 2px}#app.shooting #shotFeedback{margin:5px 2px 7px;padding:6px 8px;font-size:9px}#app.shooting .controls{min-height:100px}#app.shooting .view{width:min(100%,calc((100dvh - 250px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*1.0666667))}.ticket{padding:22px 16px}footer{margin-top:26px;font-size:9px}}
@media(max-height:540px) and (orientation:landscape){#app.shooting .booth{padding:8px}#app.shooting #shotFeedback{padding:3px 4px;margin:0;font-size:9px;border:0;background:none}#app.shooting .camera-tools{gap:4px}#app.shooting .camera-tools button{padding:6px 8px}.controls strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}