@font-face{font-family:IBM Plex Sans Thai;font-weight:500;font-style:normal;font-display:block;src:url(/fonts/IBMPlexSansThai-Medium.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-weight:600;font-style:normal;font-display:block;src:url(/fonts/IBMPlexSansThai-SemiBold.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-weight:400;font-style:normal;font-display:block;src:url(/fonts/IBMPlexSansThai-Regular.woff2)format("woff2")}@font-face{font-family:Seg Classic;font-weight:700;font-style:normal;font-display:block;src:url(/fonts/SegmentClassic-Bold.woff2)format("woff2")}@font-face{font-family:Seg Modern;font-weight:700;font-style:normal;font-display:block;src:url(/fonts/SegmentModern-Bold.woff2)format("woff2")}@font-face{font-family:Saira Condensed;font-weight:500;font-style:normal;font-display:block;src:url(/fonts/SairaCondensed-Medium-digits.woff2)format("woff2")}:root{--forest:#2e6409;--leaf:#719b25;--lime:#8cc63f;--ink:#0c1607;--panel:#16210f;--text:#f2f6ee;--muted:#a9b8a0;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--text);overscroll-behavior:none;margin:0}body{font-family:IBM Plex Sans Thai,system-ui,-apple-system,Noto Sans Thai,Noto Sans Myanmar,Noto Sans Khmer,Noto Sans Lao,sans-serif;font-size:16px;line-height:1.5}html,body,.cam,.cam *{touch-action:pan-x pan-y}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.cam{background:var(--ink);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.bar{padding:calc(var(--safe-t) + 10px) 16px 8px;align-items:center;gap:10px;display:flex}.bar-logo{object-fit:contain;background:#fff;border-radius:50%;width:30px;height:30px;padding:3px}.bar-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;min-width:0;font-weight:600;overflow:hidden}.tools{flex:none;gap:6px;margin-left:auto;display:flex}.tool{background:var(--panel);min-height:36px;color:var(--muted);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:.8rem;font-weight:500;line-height:1.2;display:inline-flex}.tool.on{background:var(--lime);color:#16300a;font-weight:600}.tool-val:empty{display:none}.net{color:#ffd98a;background:#5a3b00;border-radius:999px;flex:none;margin-left:0;padding:1px 12px;font-size:.85rem;font-weight:500}.net[hidden]{display:none}.inapp{color:#ffe3a0;background:#3d2f00;border-radius:12px;align-items:center;gap:12px;margin:0 12px 6px;padding:8px 12px;font-size:.85rem;line-height:1.4;display:flex}.inapp[hidden]{display:none}.inapp p{flex:1;margin:0}.inapp b{color:#fff}.stage{place-items:center;min-height:0;padding:0 0 4px;display:grid}.frame{aspect-ratio:1;background:#000;width:min(100vw,100%);max-height:100%;position:relative;overflow:hidden}.frame video,.frame canvas{width:100%;height:100%;position:absolute;inset:0}.frame video{object-fit:cover}.frame video.mirror{transform:scaleX(-1)}.frame canvas{pointer-events:none}.countdown{color:#fff;text-shadow:0 4px 28px #000000a6;pointer-events:none;place-items:center;font-size:min(38vw,220px);font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.countdown[hidden]{display:none}.countdown.beat{animation:1s ease-out beat}@keyframes beat{0%{opacity:0;transform:scale(1.35)}18%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.9)}}.flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.on{animation:.22s ease-out shot}@keyframes shot{0%{opacity:.85}to{opacity:0}}.notice{text-align:center;background:#0c1607f0;align-content:center;justify-items:center;gap:16px;padding:28px;display:grid;position:absolute;inset:0}.notice[hidden]{display:none}.notice p{max-width:28ch;margin:0}.controls{padding:14px 28px calc(var(--safe-b) + 22px);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.controls .round{justify-self:end}.controls .thumb{justify-self:start}.shutter{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;place-items:center;width:78px;height:78px;padding:0;display:grid}.shutter span{background:#fff;border-radius:50%;width:58px;height:58px;transition:transform 80ms}.shutter:active span{transform:scale(.88)}.shutter:disabled{opacity:.35;cursor:default}.shutter.counting span{background:#ff5a4d;border-radius:8px;width:30px;height:30px}.round{background:var(--panel);width:52px;height:52px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.btn{background:var(--panel);min-height:46px;color:var(--text);cursor:pointer;border:1px solid #3a4b2f;border-radius:12px;padding:0 20px;font-weight:500}.btn.primary{background:var(--lime);border-color:var(--lime);color:#16300a;font-weight:600}.btn.small{min-height:34px;padding:0 14px}.thumb{background:var(--panel);width:56px;height:56px;color:var(--muted);cursor:pointer;border:2px solid #ffffff8c;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb img[hidden],.thumb svg[hidden],.count[hidden]{display:none}.thumb .count{background:var(--lime);color:#16300a;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:600;line-height:20px;position:absolute;bottom:3px;right:3px}.thumb.pop{animation:.28s ease-out pop}@keyframes pop{0%{transform:scale(.82)}60%{transform:scale(1.08)}to{transform:scale(1)}}.gallery,.review{z-index:5;padding:calc(var(--safe-t) + 8px) 12px calc(var(--safe-b) + 14px);background:var(--ink);grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;display:grid;position:absolute;inset:0}.gallery[hidden],.review[hidden]{display:none}.sheet-bar{align-items:center;gap:10px;min-height:48px;display:flex}.sheet-bar h2{margin:0;font-size:1.05rem;font-weight:600}.back{background:var(--panel);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,1fr);align-content:start;gap:4px;display:grid;overflow-y:auto}.cell{aspect-ratio:1;background:var(--panel);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.cell img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sheet-bar .select-toggle{margin-left:auto}.select-toggle[hidden]{display:none}.cell .tick{background:#00000059;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:none;position:absolute;top:6px;right:6px}.gallery.selecting .cell .tick{display:block}.cell.selected{outline:3px solid var(--lime);outline-offset:-3px}.cell.selected img{opacity:.62}.cell.selected .tick{background:var(--lime);border-color:var(--lime)}.cell.selected .tick:after{content:"";border:2.5px solid #16300a;border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:1.5px;left:6px;transform:rotate(45deg)}.select-bar{gap:8px;display:grid}.select-bar[hidden]{display:none}.select-msg{text-align:center;min-height:1.4em;color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.select-actions{gap:8px;display:flex}.select-actions .btn{flex:1 1 0;padding:0 10px}.select-actions .btn[hidden]{display:none}.select-actions .btn:disabled{opacity:.4;cursor:default}.gallery-empty{text-align:center;color:var(--muted);pointer-events:none;place-items:center;margin:0;padding:0 24px;display:grid;position:absolute;inset:0}.gallery-empty[hidden]{display:none}.gallery-note{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.review img{object-fit:contain;border-radius:6px;width:100%;height:100%;min-height:0}.review-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.review-actions .btn{flex:100px;max-width:220px}.review-actions .btn[hidden]{display:none}.btn.danger{color:#ffb4a8;border-color:#6b3a32}.btn.danger.armed{color:#fff;background:#8e2a1f;border-color:#8e2a1f}.review-msg{text-align:center;min-height:1.5em;color:var(--muted);margin:0;font-size:.92rem}.langsheet{z-index:7;background:#0000008c;align-items:end;display:grid;position:absolute;inset:0}.langsheet[hidden]{display:none}.langpanel{padding:18px 16px calc(var(--safe-b) + 18px);background:var(--panel);border-radius:22px 22px 0 0}.langpanel h2{margin:0 0 12px;font-size:1.05rem;font-weight:600}.langlist{gap:8px;display:grid}.langitem{text-align:left;cursor:pointer;background:0 0;border:1px solid #3a4b2f;border-radius:14px;align-items:center;gap:14px;min-height:54px;padding:0 16px;font-size:1.1rem;display:flex}.langitem .flag{font-size:1.5rem;line-height:1}.langitem .langtick{border:2px solid #3a4b2f;border-radius:50%;width:22px;height:22px;margin-left:auto}.langitem.current{border-color:var(--lime);background:#8cc63f1f}.langitem.current .langtick{border-color:var(--lime);background:var(--lime)}.toast{left:50%;bottom:calc(var(--safe-b) + 120px);z-index:6;text-align:center;pointer-events:none;background:#16210ff0;border:1px solid #3a4b2f;border-radius:999px;max-width:calc(100% - 32px);padding:8px 16px;font-size:.9rem;line-height:1.4;position:absolute;transform:translate(-50%)}.toast[hidden]{display:none}.update{left:12px;right:12px;bottom:calc(var(--safe-b) + 110px);z-index:6;background:var(--forest);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 8px 24px #0006}.update[hidden]{display:none}@media (prefers-reduced-motion:reduce){.flash.on,.thumb.pop,.countdown.beat{animation:none}.shutter span{transition:none}}