@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;800&display=swap";:root{--brand-primary:#ffd347;--brand-secondary:#ff7a59;--brand-accent:#4fc3f7;--brand-ink:#2b2140;--ink-900:#2b2140;--ink-700:#4a4160;--ink-500:#7a7090;--ink-300:#c8c2d2;--ink-200:#e6e2ec;--ink-100:#f4f1f8;--paper:#fffbf2;--white:#fff;--success:#4caf50;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px #2b214014;--shadow-md:0 4px 12px #2b21401a;--shadow-lg:0 12px 32px #2b214024;--shadow-pop:0 6px 0 #2b214024;--font:"Nunito", system-ui, sans-serif;--fw-bold:800;--fw-regular:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--brand-ink);width:100%;height:100%;font-family:var(--font);font-weight:var(--fw-regular);color:var(--ink-900);-webkit-user-select:none;user-select:none;overflow:hidden}@keyframes revealPop{0%{filter:grayscale()brightness(.4);transform:scale(.85)}60%{filter:grayscale(0)brightness();transform:scale(1.12)}to{filter:grayscale(0)brightness();transform:scale(1)}}@keyframes cameraPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes wordCardIn{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shutterIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(.3)}}@keyframes maxWave{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-6px)}}@keyframes maxShock{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes maxLaughPoint{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.08)translateY(-8px)}}@keyframes maxJump{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-16px)scale(1.05)}60%{transform:translateY(-14px)scale(1.05)}}@keyframes maxBurst{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.3;transform:translateY(110vh)rotate(720deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bg{z-index:0;position:absolute;inset:0}.bg img{object-fit:cover;width:100%;height:100%}.placeholder{color:#fff9;width:100%;height:100%;font-weight:var(--fw-bold);background:linear-gradient(160deg,#a8e063 0%,#56ab2f 100%);justify-content:center;align-items:flex-end;padding-bottom:24px;font-size:1rem;display:flex}.sprite{border-radius:var(--r-md);background:0 0;border:none;justify-content:center;align-items:center;width:160px;height:200px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.hidden{-webkit-backdrop-filter:grayscale()brightness(.5);backdrop-filter:grayscale()brightness(.5);cursor:pointer}.hidden .cameraIcon{pointer-events:none;text-shadow:0 0 8px #fffc;font-size:2.5rem;animation:1.4s ease-in-out infinite cameraPulse}.revealed{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;cursor:default;animation:.5s ease-out forwards overlayFade}@keyframes overlayFade{0%{-webkit-backdrop-filter:grayscale()brightness(.5);backdrop-filter:grayscale()brightness(.5);opacity:1}to{-webkit-backdrop-filter:grayscale(0)brightness();backdrop-filter:grayscale(0)brightness();opacity:0}}.overlay{pointer-events:none;z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewfinder{border:4px solid #fff;border-radius:50%;width:200px;height:200px;animation:.32s ease-out forwards shutterIn;box-shadow:0 0 0 2000px #00000040}.card{background:var(--white);border-radius:var(--r-lg);font-family:var(--font);font-weight:var(--fw-bold);color:var(--ink-900);box-shadow:var(--shadow-md);border:3px solid var(--brand-primary);pointer-events:none;z-index:50;white-space:nowrap;margin-top:-16px;padding:10px 24px;font-size:2rem;animation:.25s ease-out forwards wordCardIn;position:absolute;transform:translate(-50%,-100%)}.dots{align-items:center;gap:10px;display:flex}.dot{background:#fff6;border-radius:50%;width:14px;height:14px;transition:background .2s,transform .2s}.dot.active{background:var(--brand-primary);transform:scale(1.25)}.btn{border-radius:var(--r-pill);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-sm);background:#fff3;border:none;justify-content:center;align-items:center;font-size:1.4rem;transition:background .15s;display:flex}.btn:hover{background:#ffffff59}.btn:active{transform:scale(.94)}.scene{width:100%;height:100%;position:relative;overflow:hidden}.chrome{z-index:20;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.nextBtn{background:var(--brand-primary);color:var(--ink-900);font-family:var(--font);font-weight:var(--fw-bold);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--shadow-pop);z-index:20;border:none;padding:16px 40px;font-size:1.3rem;animation:.35s ease-out forwards fadeSlideUp;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.nextBtn:active{transform:translate(-50%)translateY(3px)}.overlay{z-index:200;pointer-events:none;position:absolute;inset:0}.box{cursor:grab;pointer-events:all;background:#ffffff14;border:3px dashed;border-radius:8px;justify-content:center;align-items:flex-start;width:160px;height:200px;display:flex;position:absolute;transform:translate(-50%,-50%)}.box:active{cursor:grabbing}.label{color:#fff;text-align:center;white-space:nowrap;pointer-events:none;border-radius:4px;margin-top:-22px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700;line-height:1.4}.panel{color:#fff;pointer-events:all;background:#141024eb;border-radius:12px;flex-direction:column;gap:8px;width:220px;padding:14px 16px;font-size:13px;display:flex;position:absolute;top:60px;right:16px}.panel strong{font-size:14px}.panel p{opacity:.7;margin:0;font-size:11px}.row{align-items:center;gap:8px;display:flex}.row code{opacity:.8;margin-left:auto;font-size:11px}.copyBtn{color:#2b2140;cursor:pointer;background:#ffd347;border:none;border-radius:999px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:800}.copyBtn:hover{background:#ffc200}.navRow{opacity:.8;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.navBtn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:999px;padding:5px 12px;font-size:12px}.navBtn:hover:not(:disabled){background:#ffffff40}.navBtn:disabled{opacity:.3;cursor:default}.screen{z-index:200;background:linear-gradient(135deg,#a8e063 0%,#4fc3f7 100%);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0;overflow:hidden}.words{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.wordCard{background:var(--white);border-radius:var(--r-lg);font-family:var(--font);font-weight:var(--fw-bold);color:var(--ink-900);box-shadow:var(--shadow-pop);border:3px solid var(--brand-primary);padding:16px 32px;font-size:2.2rem;animation:.4s ease-out forwards fadeSlideUp}.wordCard:nth-child(2){animation-delay:.1s}.wordCard:nth-child(3){animation-delay:.2s}.wordCard:nth-child(4){animation-delay:.3s}.replayBtn{background:var(--brand-primary);color:var(--ink-900);font-family:var(--font);font-weight:var(--fw-bold);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--shadow-pop);border:none;padding:18px 48px;font-size:1.4rem;animation:.5s ease-out .5s both fadeSlideUp}.replayBtn:active{transform:translateY(3px)}.confettiContainer{pointer-events:none;position:absolute;inset:0}.confetti{border-radius:2px;width:12px;height:12px;animation:linear forwards confettiFall;position:absolute}