.ke-root{z-index:60;--gold:#d8b46a;--gold-hi:#f4e2b0;background:radial-gradient(120% 80% at 50% 30%,#22100d,#0d0807 70%);justify-content:center;align-items:center;transition:opacity 1.6s;display:flex;position:fixed;inset:0;overflow:hidden}.ke-root.fade{opacity:0}.ke-stage{perspective:1300px;cursor:pointer;flex:none;width:max(100vw,56.2799dvh);height:max(100dvh,177.683vw);position:relative}.ke-glow{opacity:0;background:radial-gradient(40% 26% at 50% 30%,#ffe2aad9,#ffce8c59 50%,#ffce8c00 100%),linear-gradient(180deg,var(--lin1),var(--lin2));transition:opacity 1.6s;position:absolute;inset:0}.opening .ke-glow{opacity:1}.ke-flap{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.ke-face{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.ke-top{transform-origin:50% 0;z-index:5;transition:transform 3s cubic-bezier(.45,0,.3,1)}.opening .ke-top{transform:rotateX(-176deg)}.lifted .ke-top{z-index:1}.ke-pocket{z-index:3;position:absolute;inset:0}.ke-patch{pointer-events:none;opacity:0;position:absolute;inset:0}.opening .ke-patch{opacity:1;transition:opacity .45s .15s}.ke-patch div{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.ke-letter{z-index:2;background:linear-gradient(#f8eed9,#efe0c2) 50%/cover;border-radius:3px;height:66%;transition:transform 2.4s cubic-bezier(.4,0,.2,1);position:absolute;top:24%;left:9%;right:9%;box-shadow:0 -6px 24px #00000073,inset 0 0 0 1px #d8b46ab3,inset 0 0 0 7px #ffffff40,inset 0 0 0 8px #b8913f80}.ke-letter span{text-align:center;color:var(--ke-ink);font:400 clamp(26px,8vw,40px) Pinyon Script,Georgia,serif;position:absolute;top:9%;left:0;right:0}.ke-letter:after{content:"";background:linear-gradient(90deg,#0000,#b8913f,#0000);width:34%;height:1px;position:absolute;top:21%;left:50%;translate:-50%}.rising .ke-letter{transform:translateY(-30%)}.fade .ke-letter{transform:translateY(-30%)scale(1.08)}.ke-canvas{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0}.ke-seal{aspect-ratio:1;cursor:pointer;backface-visibility:hidden;background-repeat:no-repeat;border:0;border-radius:50%;padding:0;transition:transform .45s cubic-bezier(.6,0,.25,1);position:absolute;translate:-50% -50%}.pressed .ke-seal{transform:scale(.965)}.ke-seal:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff8e18c 48%,#0000 60%) 0 0/260% 100%;border-radius:50%;animation:4.5s ease-in-out infinite ke-sheen;position:absolute;inset:6%}.started .ke-seal:after{opacity:0;animation:none}@keyframes ke-sheen{0%,55%{background-position:120% 0}to{background-position:-60% 0}}.ke-rim{pointer-events:none;opacity:0;background:conic-gradient(from var(--a,0deg),#e8be6400 0deg,#fff4d6 30deg,#e8b450f2 55deg,#e8b45000 130deg,#e8b45000 360deg);filter:drop-shadow(0 0 5px #f0be5af2);border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(circle,#0000 61%,#000 63% 69%,#0000 71%);mask:radial-gradient(circle,#0000 61%,#000 63% 69%,#0000 71%)}.light .ke-rim{filter:drop-shadow(0 0 4px #aa7828e6)drop-shadow(0 0 8px #ffdc96e6)}.ke-for{text-align:center;z-index:7;pointer-events:none;transition:opacity .8s;position:absolute;top:15%;left:0;right:0}.ke-for small{letter-spacing:.32em;color:var(--ke-hint);opacity:.85;font:500 10px Cinzel,serif;display:block}.ke-for span{color:var(--gold-hi);margin-top:6px;font:400 34px Pinyon Script,Georgia,serif;display:block}.light .ke-for span{color:var(--ke-ink)}.ke-hint{text-align:center;z-index:7;pointer-events:none;letter-spacing:.3em;text-transform:uppercase;color:var(--ke-hint);font:500 11px Cinzel,serif;transition:opacity .8s;animation:2.6s ease-in-out infinite ke-breathe;position:absolute;left:0;right:0}.light .ke-hint,.light .ke-for{text-shadow:0 0 8px #ffffffe6,0 0 2px #fff}.started .ke-for,.started .ke-hint{opacity:0;animation:none}@keyframes ke-breathe{0%,to{opacity:.9}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.ke-root *{transition-duration:10ms!important;animation:none!important}}.pb{aspect-ratio:1024/1536;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 18px 26px #0000008c);width:min(84vw,340px);margin:0 auto;position:relative}.pb-frame{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.pb-glow{opacity:0;filter:blur(2px);z-index:3;background:linear-gradient(90deg,#0000,#ffe2a0f2,#0000);border-radius:99px;height:1.6%;position:absolute;top:24%;left:29.5%;right:29%}.printing .pb-glow{animation:4.6s ease-in-out pb-glow}@keyframes pb-glow{0%{opacity:0}8%,85%{opacity:.9}to{opacity:0}}.pb-text{text-align:center;color:#5a3a1e;transition:opacity .9s,transform .9s;position:absolute;top:36%;left:16%;right:16%}.pb-text small{font:500 clamp(9px,2.6vw,11px) var(--font-ui);letter-spacing:.34em;display:block}.pb-text b{white-space:nowrap;font:400 clamp(30px,10vw,42px)/1.05 var(--font-display);color:#4a2412;-webkit-text-fill-color:#4a2412;background:0 0;margin:12px 0 10px;display:block}:is(html:lang(he),[dir=rtl]) .pb-text b{font-family:var(--font-display);font-size:clamp(26px,8vw,36px);font-weight:500;line-height:1.15}.pb-text i{font:500 clamp(10px,2.8vw,12px) var(--font-ui);letter-spacing:.3em;font-style:normal;display:block}.pb-hint{text-align:center;font:500 10px var(--font-ui);letter-spacing:.3em;color:#8c6a2f;transition:opacity .6s;animation:2.6s ease-in-out infinite pb-breathe;position:absolute;bottom:22%;left:0;right:0}@keyframes pb-breathe{50%{opacity:.35}}.printing .pb-text,.printed .pb-text{opacity:0;transform:translateY(10px)}.printing .pb-hint,.printed .pb-hint{opacity:0;animation:none}.pb-out{z-index:2;pointer-events:none;position:absolute;inset:25.6% 0 -6%;overflow:hidden}.printed .pb-out{overflow:visible}.pb-strip{transform-origin:50% 0;background:#fbf8f1;border-radius:2px;width:27%;padding:2.2% 2.2% 5%;position:absolute;top:0;left:36.5%;transform:translateY(-101%);box-shadow:0 10px 18px #00000059,inset 0 0 0 1px #0000000f}.pb-strip img{aspect-ratio:1/.72;object-fit:cover;filter:grayscale()contrast(1.05);width:100%;margin-bottom:3.5%;display:block}.printing .pb-strip,.printed .pb-strip{animation:4.6s cubic-bezier(.3,0,.3,1) forwards pb-print}@keyframes pb-print{0%{transform:translateY(-101%)}10%{transform:translateY(-82%)}18%{transform:translateY(-82%)}34%{transform:translateY(-56%)}42%{transform:translateY(-56%)}60%{transform:translateY(-28%)}68%{transform:translateY(-28%)}88%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.pb *{transition-duration:10ms!important;animation:none!important}.printing .pb-strip,.printed .pb-strip{transform:translateY(0)rotate(-3deg)}}
