:root{--pink: rgb(255,139,199);--blue:#5CB5E8;--bg1:#05060a;--bg2:#0b0d18;--white:#ffffff}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--white);background:radial-gradient(900px 600px at 50% 40%,#ff8bc72e,#5cb5e814,#0000 70%),radial-gradient(1100px 800px at 30% 70%,#5cb5e81a,#0000 65%),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);overflow:hidden}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.screen{width:1100px;min-height:720px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.center{text-align:center}.titleSmall{font-size:30px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.subSmall{opacity:.8;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.credit{margin-top:14px;font-size:12px;opacity:.7;letter-spacing:.12em;text-transform:uppercase;text-align:center}.startRow{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(20px,6vw,90px)}.startStrips{display:flex;gap:24px;align-items:center;justify-content:center}.startStrip{width:clamp(170px,18vw,240px);height:auto;filter:drop-shadow(0 18px 50px rgba(0,0,0,.6))}.tiltLeft{transform:rotate(-10deg)}.tiltRight{transform:rotate(10deg)}.tapBtn{width:190px;height:190px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;position:relative;padding:0;outline:none}.tapBtn:hover{border-color:#ff8bc773}.tapSvg{position:absolute;inset:0;width:100%;height:100%;animation:spin 10s linear infinite}.tapText{fill:var(--pink);font-weight:900;letter-spacing:.28em;font-size:12.7px;text-transform:uppercase}.tapCenter{width:10px;height:10px;border-radius:999px;background:var(--pink);opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.buttonRow{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.orText{opacity:.8;letter-spacing:.18em;font-weight:900;text-transform:uppercase}.bigPill{min-width:180px;padding:18px 28px;border-radius:16px;border:0;background:#ff8bc7eb;color:#fff;font-weight:900;letter-spacing:.1em;cursor:pointer;box-shadow:0 20px 50px #ff8bc740;text-transform:uppercase;font-size:18px}.bigPill.active{outline:2px solid rgba(255,255,255,.35);transform:translateY(-1px)}.primaryBtn{padding:14px 22px;border-radius:14px;border:0;background:#ff8bc7f2;color:#fff;font-weight:900;letter-spacing:.12em;cursor:pointer;text-transform:uppercase;box-shadow:0 16px 40px #ff8bc740}.primaryBtn:disabled{opacity:.55;cursor:not-allowed}.secondaryBtn{padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#0003;color:#fff;font-weight:800;letter-spacing:.1em;cursor:pointer;text-transform:uppercase}.frameChoices{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.frameCard{width:220px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#00000040;padding:12px;cursor:pointer}.frameCard.selected{border-color:#ff8bc78c;box-shadow:0 18px 60px #ff8bc71a}.frameImg{width:100%;height:auto;display:block;border-radius:12px;filter:drop-shadow(0 12px 34px rgba(0,0,0,.5))}.frameLabel{margin-top:10px;color:#fff;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;opacity:.95}.frameButtonRow{display:flex;gap:12px;align-items:center;justify-content:center}.boothHeader{position:absolute;top:26px;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;gap:6px}.boothGrid{width:100%;display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:center;justify-content:center}.cameraWrap{position:relative;width:760px;aspect-ratio:16 / 9;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#00000040;box-shadow:0 25px 80px #0000008c}.video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.video.bw{filter:grayscale(1)}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:74px;font-weight:900;letter-spacing:.1em;text-shadow:0 14px 40px rgba(0,0,0,.6);z-index:20;pointer-events:none}.flash{position:absolute;inset:-2px;background:#fff;opacity:0;pointer-events:none;transition:opacity .16s linear;z-index:30;will-change:opacity}.flash.on{opacity:1}.stripPreviewWrap{position:relative;display:flex;justify-content:center;align-items:center}.stripGlow{position:absolute;inset:-18px;border-radius:0;background:radial-gradient(circle at 50% 20%,#ff8cc859,#32508c14 60%,#0000 75%);filter:blur(18px);z-index:0;pointer-events:none}.stripPreview{position:relative;width:320px;aspect-ratio:600 / 1800;overflow:hidden;background:#00000026;z-index:1;isolation:isolate}.previewSlot{position:absolute;overflow:hidden;background:#fff;z-index:10}.previewSlot.filled{background:transparent}.previewImg{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.stripOverlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none}.resultWrap{position:relative;width:clamp(220px,22vw,320px);display:flex;align-items:center;justify-content:center}.finalStrip{width:100%;height:auto;border-radius:18px;box-shadow:0 22px 80px #000000a6}.loadingBox{width:100%;aspect-ratio:600 / 1800;border-radius:18px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;opacity:.85}.buttonRowResult{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:8px}@media(max-width:900px){.app{padding:10px}.screen{width:100%;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:calc(190px + env(safe-area-inset-bottom))}.titleSmall{font-size:24px;letter-spacing:.08em}.boothHeader{position:static;transform:none;margin-top:8px}.boothGrid{grid-template-columns:1fr;gap:12px}.cameraWrap{width:min(92vw,760px);max-height:36vh}.stripPreview{height:min(30vh,320px);width:auto}.finalStrip{max-height:56vh;max-width:92vw;width:auto;height:auto;object-fit:contain;display:block}.buttonRowResult{margin-top:10px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.frameButtonRow{position:fixed;left:0;right:0;bottom:0;padding:12px 12px calc(18px + env(safe-area-inset-bottom));z-index:9999;display:flex;gap:12px;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -12px 40px #00000073}.frameButtonRow .secondaryBtn,.frameButtonRow .primaryBtn{flex:1;max-width:240px;min-height:54px}.credit{display:none}.frameChoices{flex-wrap:wrap;gap:12px}.frameCard{width:min(46vw,240px);height:min(52vh,520px);display:flex;flex-direction:column}.frameImg{flex:1;width:100%;height:100%;object-fit:contain}}@media(max-width:430px){.frameCard{width:min(88vw,360px);height:min(48vh,440px)}}@media(max-width:900px){.startRow{flex-direction:column;gap:18px}.startStrips{gap:14px}.tapBtn{width:260px!important;height:260px!important;border-width:2px}.tapText{font-size:14px!important;letter-spacing:.24em!important}.tapCenter{width:14px;height:14px;opacity:1}}@media(max-width:900px){.frameChoices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:min(92vw,520px);margin:0 auto}.frameCard{width:100%!important;height:auto!important;padding:10px!important}.frameImg{max-height:42vh!important;width:100%!important;height:auto!important;object-fit:contain!important}.frameButtonRow{position:static!important;width:100%;margin-top:14px;padding:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.frameButtonRow .secondaryBtn,.frameButtonRow .primaryBtn{flex:1;min-height:52px;max-width:220px}}.cameraWrap{position:relative}.camGuide{position:absolute;inset:0;pointer-events:none;z-index:15;display:grid;place-items:center}.camGuideFrame{width:58%;height:86%;border:2px solid rgba(255,255,255,.55);border-radius:18px;box-shadow:0 0 0 9999px #00000038}@media(max-width:900px){.camGuideFrame{width:66%;height:88%;border-radius:16px}}@media(max-width:900px){.startRow{flex-direction:column;gap:14px!important;padding-top:10px}.startStrips{gap:12px!important}.startStrip{width:min(34vw,150px)!important;max-width:150px!important}.tapBtn{width:190px!important;height:190px!important;margin-top:6px}.tapText{font-size:14px!important;letter-spacing:.22em!important}.buttonRow{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:12px!important;align-items:center!important;width:min(92vw,520px);margin:0 auto}.bigPill{min-width:0!important;width:100%!important;padding:16px 10px!important;font-size:16px!important;border-radius:16px!important}.orText{font-size:12px;opacity:.75}.primaryBtn{background:var(--blue)!important;box-shadow:0 16px 40px #5cb5e838!important}.primaryBtn{min-width:180px;min-height:48px}}@media(max-width:900px){.startStrips{background:transparent!important;box-shadow:none!important;filter:none!important}.startRow{background:transparent!important;box-shadow:none!important}.startStrip{background:transparent!important;border-radius:0!important;outline:none!important}.tapBtn{width:210px!important;height:210px!important;aspect-ratio:1 / 1!important;border-radius:9999px!important;overflow:hidden!important;transform:translateZ(0);margin-bottom:18px}.tapSvg{width:100%!important;height:100%!important}}@media(max-width:900px){.screen{padding-bottom:calc(240px + env(safe-area-inset-bottom))!important}}@media(max-width:900px){.credit{display:block!important;position:fixed!important;left:50%;transform:translate(-50%)!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;margin:0!important;padding:8px 12px!important;font-size:10px!important;letter-spacing:.14em!important;opacity:.75!important;white-space:nowrap!important;z-index:9998!important;pointer-events:none!important;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}