@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0ede8;--surface: #e8e4de;--surface2: #dedad4;--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.25);--text: #111111;--muted: #888880;--accent: #111111;--accent2: #555550;--accent3: #333330;--font-sans: "IBM Plex Sans Arabic", "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--bw: min(64vw, 31vh, 280px);--bh: calc(var(--bw) * 1.3);--flap-h: calc(var(--bw) * .3)}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow:hidden;height:100%}body{background:var(--bg);overflow:hidden;height:100%;overscroll-behavior:none}::selection{background:var(--accent);color:var(--bg)}#root{width:100%;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:0 5vw;overflow:hidden}.stage-dots{position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(0,0,0,.18) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;position:relative;z-index:2;direction:ltr}.label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin:0}.stage-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vh,2rem);position:relative;z-index:1;padding:.5rem 0}.headline{font-family:var(--font-display);font-size:clamp(1.8rem,7vw,3.6rem);font-weight:700;line-height:.95;letter-spacing:-.04em;text-align:center;margin:0}.headline em{font-style:normal;color:#00000024}.hint{font-size:.9rem;color:var(--muted);font-weight:300;text-align:center;margin:0}.stage-foot{position:relative;z-index:2;padding-bottom:1.8rem}.rule{height:1px;background:#00000026;margin-bottom:1rem}.meter{height:2px;background:#0000001a;overflow:hidden}.meter-fill{height:100%;width:0%;background:var(--accent);transition:width .12s linear}.foot-row{direction:ltr;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem}.gift-scene{position:relative;width:var(--bw);height:var(--bh);perspective:1200px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:giftIn .9s cubic-bezier(.2,.8,.2,1) .1s backwards,giftFloat 3s ease-in-out 1.1s infinite}@keyframes giftIn{0%{opacity:0;transform:translateY(-46px)}to{opacity:1;transform:translateY(0)}}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gift-shadow{position:absolute;left:50%;bottom:-34px;transform:translate(-50%);width:86%;height:26px;background:radial-gradient(ellipse at center,#0003,#0000 70%);filter:blur(2px);pointer-events:none}.box3d{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(9deg)}.box-body{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 9px),linear-gradient(170deg,#ded5c7,#d3c8b7 60%,#c9bdaa);border:1px solid rgba(0,0,0,.16);box-shadow:inset 0 -40px 60px -40px #00000059}.box-edge{position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#c5b8a4 0 3px,#d9cfbf 3px 7px);border-bottom:1px solid rgba(0,0,0,.14)}.box-seam{position:absolute;top:22px;left:12%;right:12%;height:1px;background:#0000001a}.box-stamp{position:absolute;bottom:12%;left:50%;transform:translate(-50%) rotate(-4deg);border:1.5px solid rgba(0,0,0,.25);color:#00000059;direction:ltr;font-family:var(--font-display);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;padding:.35rem .7rem;white-space:nowrap}.box-mouth{position:absolute;top:0;left:0;right:0;height:var(--flap-h);background:linear-gradient(180deg,#0b0b0b,#1a1a18 70%,#262421);overflow:hidden}.box-glow{position:absolute;left:50%;top:60%;width:150%;height:150%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,#fffffff2,#ffffff59,#fff0 70%);opacity:0;pointer-events:none}.flap{position:absolute;top:0;width:50%;height:var(--flap-h);background:repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0 1px,transparent 1px 9px),linear-gradient(180deg,#e4dbcd,#d6cbb9);border:1px solid rgba(0,0,0,.16);box-shadow:0 6px 14px -10px #0009}.flap-l{left:0;transform-origin:left center}.flap-r{right:0;transform-origin:right center}.flap-tape{position:absolute;top:0;bottom:0;width:14px;background:#ffffff59;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.flap-l .flap-tape{right:-7px}.flap-r .flap-tape{left:-7px}.prize{position:absolute;left:50%;top:8%;width:62%;aspect-ratio:1 / 1;transform:translate(-50%,30%) scale(.6);opacity:0;background:#111;border:1px solid #000;display:flex;align-items:center;justify-content:center;color:#f0ede8;font-size:1.6rem;box-shadow:0 24px 40px -24px #000c}.paper-layer{position:absolute;inset:-10px;z-index:3;touch-action:none;cursor:grab}.paper-layer:active{cursor:grabbing}.paper-half{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(0,0,0,.055) 0 2px,transparent 2px 14px),radial-gradient(circle at 14px 14px,rgba(0,0,0,.1) 1.5px,transparent 1.6px) 0 0/28px 28px,linear-gradient(160deg,#efece7,#e4e0d9 55%,#dbd6ce);border:1px solid rgba(0,0,0,.14);box-shadow:0 18px 40px -26px #0000008c;will-change:transform}.paper-fold{position:absolute;top:0;bottom:0;width:1px;background:#00000012}.ribbon-layer{position:absolute;inset:-10px;z-index:4;pointer-events:none}.ribbon-v,.ribbon-h{position:absolute;background:linear-gradient(180deg,#1b1b1b,#0e0e0e);box-shadow:0 2px 8px -3px #0009}.ribbon-v{top:0;bottom:0;left:50%;width:26px;transform:translate(-50%)}.ribbon-h{left:0;right:0;top:34%;height:26px}.bow{position:absolute;left:50%;top:calc(34% + 13px);transform:translate(-50%,-50%);width:112px;height:44px}.bow span{position:absolute;top:50%;width:48px;height:32px;background:linear-gradient(140deg,#262626,#0d0d0d);border-radius:60% 40% 55% 45%/60% 55% 45% 40%;box-shadow:inset -4px -3px 8px #0009}.bow span:first-child{left:0;transform:translateY(-50%) rotate(-13deg)}.bow span:last-child{right:0;transform:translateY(-50%) rotate(13deg) scaleX(-1)}.bow i{position:absolute;left:50%;top:50%;width:20px;height:20px;background:#141414;border:3px solid #efece7;border-radius:50%;transform:translate(-50%,-50%);z-index:1}.tag{position:absolute;right:-8px;bottom:12%;z-index:5;background:var(--bg);border:1px solid rgba(0,0,0,.18);padding:.4rem .7rem;transform:rotate(5deg);direction:ltr;font-family:var(--font-display);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);pointer-events:none;box-shadow:0 8px 16px -12px #0009}.shred{position:absolute;left:50%;top:40%;width:12px;height:16px;background:#e4e0d9;border:1px solid rgba(0,0,0,.14);z-index:6;pointer-events:none}.flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:50}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;padding:.85rem 1.6rem;border:1px solid var(--accent);background:transparent;color:var(--accent);transition:background .3s ease,color .3s ease,transform .3s ease}.btn:hover{background:var(--accent);color:var(--bg)}.btn:active{transform:translateY(1px)}.btn-solid{background:var(--accent);color:var(--bg)}.btn-solid:hover{background:transparent;color:var(--accent)}.btn-light{border-color:#ffffff59;color:#f0ede8}.btn-light:hover{background:#f0ede8;color:#111;border-color:#f0ede8}.reveal{position:fixed;inset:0;z-index:60;background:#0e0e0d;color:#f0ede8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:4vh 5vw;overflow-y:auto;transition:opacity .35s ease}.reveal-idle{opacity:0;pointer-events:none}.reveal-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.reveal-title{font-family:var(--font-display);font-size:clamp(1.8rem,7vw,3.6rem);font-weight:700;letter-spacing:-.03em;line-height:1;text-align:center;margin:0;position:relative}.reveal-sub{font-size:.95rem;color:#f0ede899;font-weight:300;text-align:center;margin:0;position:relative}.player{position:relative;width:min(92vw,780px);border:1px solid rgba(255,255,255,.14);background:#151513;box-shadow:0 40px 80px -40px #000000e6}.player-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-bottom:1px solid rgba(255,255,255,.12);background:#1c1c1a}.player-dot{width:8px;height:8px;border-radius:50%;background:#ffffff38}.player-url{margin-inline-start:.6rem;font-family:var(--font-display);font-size:.68rem;color:#f0ede873;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-frame{position:relative;aspect-ratio:16 / 9;background:#000}.player-frame iframe,.player-mount{position:absolute;inset:0;width:100%;height:100%;border:0}.player-block{position:absolute;inset:0;z-index:2;cursor:not-allowed;display:flex;align-items:center;justify-content:center}.player-gesture{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#0a0a0ab8;color:#f0ede8;font-size:1.05rem;letter-spacing:.02em}.player-taunt{background:#111111e0;border:1px solid rgba(255,255,255,.25);color:#f0ede8;padding:.55rem 1.1rem;font-size:.95rem;animation:tauntIn .25s ease-out}@keyframes tauntIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.reveal-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;position:relative}.confetti{position:fixed;width:8px;height:14px;z-index:45;pointer-events:none}@media(max-height:700px){:root{--bw: min(52vw, 230px)}.stage-main{gap:1.4rem}}