:root{--bg:#080005;--red:#c5002a;--red-light:#ff1a44;--gold:#ffd000;--gold-dim:#a87d00;--box-bg:#180010;--box-bd:rgba(197,0,42,.55);--box-w:clamp(130px, 36vw, 200px);--lid-w:calc(var(--box-w) + 16px);--lid-h:clamp(30px, 8vw, 44px);--body-h:clamp(95px, 26vw, 150px);--ribbon:clamp(18px, 5vw, 28px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:100dvh}body{min-height:100%;background:radial-gradient(ellipse 85% 65% at 50% 42%, #2d0018 0%, #120008 50%, var(--bg) 100%);color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;opacity:0;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .3s;overflow:hidden}body.ready{opacity:1}#app{width:100%;height:100vh;height:100dvh;position:relative}.screen{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:max(14px,min(4vw,24px));padding:max(16px,min(5vw,40px));transition:opacity .55s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.active{opacity:1;pointer-events:auto}.stars{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.star{color:var(--gold);opacity:0;text-shadow:0 0 8px var(--gold);font-size:max(10px,min(2.5vw,18px));animation:3s ease-in-out infinite star-twinkle;position:absolute}.s1{font-size:max(10px,min(2vw,16px));animation-delay:0s;top:18%;left:12%}.s2{color:#fff;text-shadow:0 0 6px #fff;font-size:max(8px,min(1.6vw,13px));animation-delay:.7s;top:14%;right:14%}.s3{font-size:max(7px,min(1.4vw,11px));animation-delay:1.3s;top:30%;left:7%}.s4{font-size:max(9px,min(1.8vw,14px));animation-delay:2s;top:28%;right:9%}.s5{color:#fff;text-shadow:0 0 5px #fff;font-size:max(7px,min(1.3vw,10px));animation-delay:.4s;top:22%;left:50%}@keyframes star-twinkle{0%,to{opacity:0;transform:scale(.8)rotate(0)}50%{opacity:.9;transform:scale(1.2)rotate(15deg)}}.gift-stage{width:var(--lid-w);height:calc(var(--lid-h) + var(--body-h) + 40px);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.gift-stage:not(.opening){animation:3.2s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ring{border:1.5px solid var(--red-light);opacity:0;pointer-events:none;border-radius:16px;animation:2.4s ease-out infinite ring-pulse;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.r1{animation-delay:0s}.r2{animation-delay:1.2s}@keyframes ring-pulse{0%{opacity:.7;transform:scale(.88)}to{opacity:0;transform:scale(1.35)}}.gift-lid{width:var(--lid-w);height:var(--lid-h);border:2px solid var(--box-bd);transform-origin:bottom;z-index:2;background:linear-gradient(160deg,#240012,#160009);border-radius:max(8px,min(2vw,12px)) max(8px,min(2vw,12px)) 3px 3px;position:relative;overflow:visible;box-shadow:0 0 max(14px,min(4vw,24px)) rgba(197,0,42,.4),inset 0 1px rgba(255,255,255,.06)}.lid-ribbon{width:var(--ribbon);background:linear-gradient(180deg, #ffe566, var(--gold), var(--gold-dim));position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 max(6px,min(1.5vw,10px)) rgba(255,208,0,.5)}.bow{width:max(44px,min(12vw,64px));height:max(18px,min(5vw,26px));position:absolute;top:max(-20px,min(-5vw,-26px));left:50%;transform:translate(-50%)}.bow-l,.bow-r{background:linear-gradient(140deg, #ffe566, var(--gold-dim));border-radius:50%;width:max(18px,min(5vw,26px));height:max(16px,min(4vw,22px));position:absolute;top:0;box-shadow:0 0 8px rgba(255,208,0,.45)}.bow-l{transform-origin:100% 100%;left:0;transform:rotate(-28deg)}.bow-r{transform-origin:0 100%;right:0;transform:rotate(28deg)}.bow-k{background:var(--gold);border-radius:50%;width:max(8px,min(2vw,12px));height:max(8px,min(2vw,12px));position:absolute;bottom:1px;left:50%;transform:translate(-50%);box-shadow:0 0 6px rgba(255,208,0,.6)}.gift-body{width:var(--box-w);height:var(--body-h);border:2px solid var(--box-bd);z-index:1;background:linear-gradient(160deg,#220010,#130007);border-radius:3px 3px max(10px,min(3vw,16px)) max(10px,min(3vw,16px));position:relative;overflow:hidden;box-shadow:0 0 max(18px,min(5vw,32px)) rgba(197,0,42,.3),inset 0 0 max(12px,min(4vw,24px)) rgba(197,0,42,.12)}.body-ribbon{width:var(--ribbon);background:linear-gradient(180deg, #ffe566, var(--gold), var(--gold-dim));position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 max(6px,min(1.5vw,10px)) rgba(255,208,0,.45)}.body-shine{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);width:50%;animation:4s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%;right:0}@keyframes shine{0%,to{transform:translate(0)}50%{transform:translate(500%)}}.gift-text{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.gift-title{color:#f99;letter-spacing:.2px;font-size:max(18px,min(5vw,26px));font-weight:700;line-height:1.2}.gift-hint{letter-spacing:max(1.5px,min(.5vw,2.5px));color:rgba(255,208,0,.7);text-transform:uppercase;font-size:max(9px,min(2.3vw,12px));font-weight:600}.opening .gift-stage{animation:none}.opening .ring{opacity:0;animation:none}.opening .gift-lid,.opening .bow{animation:.95s cubic-bezier(.25,1,.5,1) forwards lid-fly}.opening .gift-body{animation:.85s ease-in .1s forwards body-pop}.opening .gift-text{animation:.3s forwards fade-out}@keyframes lid-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-80px,-220px)rotate(-50deg)}}@keyframes body-pop{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.1,.88)}55%{transform:scale(.95,1.08)}to{opacity:0;transform:scale(.05)}}@keyframes fade-out{to{opacity:0}}.result-wrap{text-align:center;flex-direction:column;align-items:center;gap:max(12px,min(3.5vw,20px));width:100%;max-width:360px;display:flex}.result-emoji{-webkit-filter:drop-shadow(0 4px 16px rgba(255,208,0,.4));filter:drop-shadow(0 4px 16px rgba(255,208,0,.4));font-size:max(52px,min(14vw,80px));line-height:1;animation:.7s cubic-bezier(.175,.885,.32,1.275) both emoji-pop}@keyframes emoji-pop{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-title{letter-spacing:-.5px;font-size:max(26px,min(7vw,38px));font-weight:800;line-height:1.15}.result-desc{color:rgba(255,255,255,.58);font-size:max(13px,min(3.5vw,16px));line-height:1.65}.btn-cta{background:linear-gradient(135deg, var(--red-light), var(--red));color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:max(12px,min(3vw,16px));justify-content:center;align-items:center;gap:10px;width:100%;max-width:320px;min-height:54px;padding:0 28px;font-family:inherit;font-size:max(14px,min(3.8vw,16px));font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 6px 28px rgba(197,0,42,.55),0 2px 6px rgba(0,0,0,.35)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(197,0,42,.7),0 3px 8px rgba(0,0,0,.4)}.btn-cta:active{transform:translateY(1px)scale(.98);box-shadow:0 3px 14px rgba(197,0,42,.45)}.btn-icon{fill:#fff;flex-shrink:0;width:max(18px,min(4.5vw,22px));height:max(18px,min(4.5vw,22px))}.result-note{color:rgba(255,208,0,.65);letter-spacing:.2px;font-size:max(11px,min(2.8vw,13px))}#confetti-canvas{pointer-events:none;z-index:99;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-height:500px) and (orientation:landscape){:root{--box-w:clamp(90px, 18vh, 130px);--lid-h:clamp(22px, 5.5vh, 32px);--body-h:clamp(65px, 18vh, 100px)}.screen{flex-direction:row;gap:max(20px,min(5vw,48px))}.gift-text{text-align:left}.stars .s3,.stars .s4,.stars .s5{display:none}}@media (max-width:360px){:root{--box-w:120px;--ribbon:16px}}