:root{--cream: #f6ecd6;--paper: #fbf4e3;--sage: #8fae7a;--sage-dark: #5f7f57;--brown: #7a5a3e;--ink: #5a4634}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfe6f3;font-family:Nunito,system-ui,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(110,82,60,.28) 100%)}.sunwash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,rgba(255,226,170,.38),transparent 55%);mix-blend-mode:soft-light}.title{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));color:#fff;pointer-events:none;text-shadow:0 2px 12px rgba(70,90,120,.35)}.title h1{margin:0;font-family:Caveat,cursive;font-weight:700;font-size:clamp(34px,5.2vw,64px);line-height:1;letter-spacing:.01em}.title .heart{font-size:.6em;margin-left:4px;vertical-align:super}.title p{margin:8px 0 0 6px;font-size:clamp(10px,1.1vw,13px);letter-spacing:.28em;font-weight:600;opacity:.92}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(#bcdcf0,#f8e6d3);z-index:10;transition:opacity .9s ease,visibility .9s}.loading.done{opacity:0;visibility:hidden}.loading-card{text-align:center;color:var(--ink);font-family:Caveat,cursive}.loading-heart{font-size:54px;color:#f29ab0;animation:beat 1.2s ease-in-out infinite}.loading-text{font-size:28px;margin:6px 0 14px}.loading-bar{width:220px;height:8px;border-radius:8px;background:#ffffffb3;overflow:hidden;margin:0 auto}.loading-bar i{display:block;height:100%;width:0%;background:var(--sage);border-radius:8px;transition:width .2s}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.progress{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));min-width:150px;padding:10px 16px 12px;border-radius:18px;background:#fcf4e4db;box-shadow:0 6px 22px #5a463238,inset 0 0 0 1px #ffffffb3;color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:8}.prog-top{display:flex;align-items:baseline;justify-content:center;gap:8px;font-weight:800;font-size:26px;line-height:1}.prog-ico{font-size:18px;transform:translateY(1px)}.prog-slash{font-size:16px;font-weight:700;opacity:.6}.prog-label{margin-top:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-weight:700}.prog-dots{display:flex;gap:5px;justify-content:center;margin-top:8px}.prog-dots i{width:11px;height:11px;border-radius:50%;background:#78645033;transition:background .4s,transform .4s}.prog-dots i.on{background:#ee8fa5;transform:scale(1.15);box-shadow:0 0 8px #ee8fa5b3}.prog-menu{position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:50%;border:0;background:#fff8ea;color:var(--brown);font-weight:800;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #5a463240}.hint,.toast{position:fixed;left:50%;transform:translate(-50%,10px);padding:11px 22px;border-radius:999px;background:#fcf4e4ed;color:var(--ink);font-weight:700;font-size:clamp(14px,1.7vw,18px);box-shadow:0 8px 26px #5a463240;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9;white-space:nowrap}.hint{bottom:max(28px,env(safe-area-inset-bottom))}.hint:before{content:"♡ ";color:#e58aa0}.toast{top:22%;background:#5f7f57f0;color:#fffbee}.hint.show,.toast.show{opacity:1;transform:translate(-50%)}.action{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%,14px) scale(.92);display:flex;align-items:center;gap:12px;padding:16px 30px;border:0;border-radius:999px;background:linear-gradient(180deg,#f9a9bb,#e67b95);color:#fff;font:800 clamp(16px,2vw,22px) "Nunito",sans-serif;box-shadow:0 10px 30px #be466473,inset 0 2px #ffffff73;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:11;cursor:pointer}.action.show{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1);animation:pulse 1.8s ease-in-out infinite}.action .act-heart{font-size:1.1em;animation:beat 1.2s ease-in-out infinite}.action kbd{font:700 12px Nunito;background:#ffffff4d;padding:2px 8px;border-radius:6px}@keyframes pulse{0%,to{box-shadow:0 10px 30px #be466473,0 0 #f9a9bb80,inset 0 2px #ffffff73}50%{box-shadow:0 10px 30px #be466473,0 0 0 14px #f9a9bb00,inset 0 2px #ffffff73}}@media (hover: none){.action kbd{display:none}}.zone{position:fixed;bottom:0;width:44%;height:66%;z-index:5;touch-action:none}.zone-left{left:0}.zone-right{right:0}.stick{position:fixed;width:124px;height:124px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff38,#fff8e857);border:3px solid rgba(255,255,255,.55);box-shadow:0 6px 20px #503c282e;pointer-events:none;opacity:.55;transition:opacity .2s}.stick.active{opacity:.95}.stick-left{border-color:#93bee6cc}.stick-right{border-color:#f6a8bcd9}.stick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,#f2e6cf);box-shadow:0 4px 10px #503c284d}.stick-left .stick-knob{background:radial-gradient(circle at 35% 30%,#fff,#cfe4f6)}.stick-right .stick-knob{background:radial-gradient(circle at 35% 30%,#fff,#fbd3dd)}.emote-wrap{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:flex-end}.emote-nabil{left:max(16px,env(safe-area-inset-left))}.emote-diana{right:max(16px,env(safe-area-inset-right));flex-direction:row-reverse}.emote-toggle,.jump-btn,.emote-item{border:0;cursor:pointer;font-family:Nunito,sans-serif;color:var(--ink);background:#fcf4e4e6;box-shadow:0 5px 14px #503c2838;display:grid;place-items:center;line-height:1}.emote-toggle,.jump-btn{width:60px;height:60px;border-radius:50%}.emote-toggle span{font-size:26px}.jump-btn span{font-size:26px;font-weight:800}.emote-toggle small,.jump-btn small{font-size:9px;font-weight:800;letter-spacing:.04em;margin-top:-2px;opacity:.7}.emote-nabil .emote-toggle,.emote-nabil .jump-btn{box-shadow:0 5px 14px #503c2838,inset 0 0 0 3px #93bee68c}.emote-diana .emote-toggle,.emote-diana .jump-btn{box-shadow:0 5px 14px #503c2838,inset 0 0 0 3px #f6a8bc99}.emote-toggle:active,.jump-btn:active,.emote-item:active{transform:scale(.93)}.emote-panel{position:absolute;bottom:74px;display:grid;grid-template-columns:repeat(4,64px);gap:8px;padding:12px;background:#fcf4e4f2;border-radius:22px;box-shadow:0 10px 30px #503c2847;transform-origin:bottom left;transform:scale(.6);opacity:0;pointer-events:none;transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.3,1.3)}.emote-diana .emote-panel{right:0;transform-origin:bottom right}.emote-nabil .emote-panel{left:0}.emote-panel.open{opacity:1;transform:none;pointer-events:auto}.emote-item{width:64px;height:58px;border-radius:16px;background:#fff;box-shadow:0 2px 6px #503c2824}.emote-item span{font-size:24px}.emote-item small{font-size:10px;font-weight:800;opacity:.7}.emote-item.alt{background:#fbf0dc}#book-root,#letter-root,#menu-root{position:relative;z-index:30}.book-overlay,.letter-overlay,.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#3c281c6b,#231812a8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .35s ease both;perspective:1400px}.book-overlay.closing,.letter-overlay.closing{animation:fadeOut .3s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}.book{position:relative;width:min(94vw,920px);height:min(86vh,590px);padding:16px;border-radius:30px;background:linear-gradient(150deg,#8a6246,#6d4a35 55%,#573826);box-shadow:0 30px 70px #1e120a8c,inset 0 2px #ffdcb440,inset 0 -3px #00000040;animation:bookIn .6s cubic-bezier(.2,.9,.3,1.15) both}.book:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:24px;pointer-events:none;border:2px dashed rgba(255,226,190,.38)}@keyframes bookIn{0%{opacity:0;transform:translateY(40px) rotateX(18deg) scale(.9)}to{opacity:1;transform:none}}.book-spread{position:relative;height:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;background:#f8eed8;box-shadow:inset 0 0 0 1px #785a3c2e,0 2px #e9dcc0,0 4px #d9c9a8}.page{position:relative;padding:clamp(18px,3.2vw,34px);display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.55),transparent 60%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(150,120,90,.07) 31px 32px),linear-gradient(#fbf3df,#f5e8cd)}.page-left:after,.page-right:before{content:"";position:absolute;top:0;bottom:0;width:46px;pointer-events:none}.page-left:after{right:0;background:linear-gradient(90deg,transparent,rgba(110,80,50,.2))}.page-right:before{left:0;background:linear-gradient(270deg,transparent,rgba(110,80,50,.22))}.spine{position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translate(-50%);background:linear-gradient(#6e503247,#6e50321f)}.polaroid{margin:auto;position:relative;width:min(100%,330px);padding:13px 13px 10px;background:#fffaf0;border-radius:4px;box-shadow:0 10px 22px #5a3c1e4d,0 1px #ffffffe6 inset;transform:rotate(var(--r, -2.4deg));animation:polaroidIn .7s .15s cubic-bezier(.2,.9,.3,1.2) both}@keyframes polaroidIn{0%{opacity:0;transform:translateY(-46px) rotate(-10deg) scale(1.08)}to{opacity:1;transform:rotate(var(--r, -2.4deg))}}.photo{aspect-ratio:1 / 1.02;overflow:hidden;background:#e8dcc4;border-radius:2px;box-shadow:inset 0 0 0 1px #0000000f}.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;animation:photoIn .5s both}.photo-block{margin:auto;width:100%;display:flex;flex-direction:column;align-items:center}.photo-wrap{position:relative;width:min(100%,330px)}.photo-wrap.n1 .polaroid{width:100%;margin:0}.photo-wrap.n2,.photo-wrap.n3{aspect-ratio:1 / 1.08}.photo-wrap.n2 .polaroid,.photo-wrap.n3 .polaroid{position:absolute;margin:0;padding:9px 9px 7px}.photo-wrap.n2 .polaroid{width:66%}.photo-wrap.n2 .polaroid:nth-child(1){left:0;top:0;--r: -5deg}.photo-wrap.n2 .polaroid:nth-child(2){right:0;bottom:0;--r: 4deg;animation-delay:.3s}.photo-wrap.n3 .polaroid{width:56%}.photo-wrap.n3 .polaroid:nth-child(1){left:0;top:0;--r: -6deg}.photo-wrap.n3 .polaroid:nth-child(2){right:0;top:14%;--r: 5deg;animation-delay:.3s}.photo-wrap.n3 .polaroid:nth-child(3){left:16%;bottom:0;--r: -2deg;animation-delay:.45s}.photo-wrap.n2 .photo,.photo-wrap.n3 .photo{aspect-ratio:1 / 1.12}.stack-cap{margin-top:8px;text-align:center;font:500 22px Caveat,cursive;color:#7c614a}.stack-cap[hidden]{display:none}@keyframes photoIn{0%{opacity:0;filter:blur(6px) saturate(.6)}to{opacity:1;filter:none}}.photo-cap{margin-top:8px;text-align:center;font:500 22px Caveat,cursive;color:#7c614a;min-height:24px}.photo-nav{display:none;align-items:center;justify-content:center;gap:12px;margin-top:2px}.multi .photo-nav{display:flex}.pn{width:34px;height:34px;border-radius:50%;border:0;background:#efe2c6;color:var(--brown);font-size:20px;line-height:1;cursor:pointer}.pdots{display:flex;gap:6px}.pdots i{width:7px;height:7px;border-radius:50%;background:#d8c8a6}.pdots i.on{background:#c98f72}.tape{position:absolute;width:74px;height:24px;background:#f0bca8c7;box-shadow:0 1px 3px #0000001f;clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,16% 10%,20% 0,80% 0,84% 10%,88% 0,92% 10%,96% 0,100% 8%,100% 92%,96% 100%,92% 90%,88% 100%,84% 90%,80% 100%,20% 100%,16% 90%,12% 100%,8% 90%,4% 100%,0 92%)}.tape-a{top:-10px;left:-22px;transform:rotate(-38deg)}.tape-b{bottom:18px;right:-26px;transform:rotate(-38deg);background:#d6be96cc}.tape-corner{top:14px;left:-14px;transform:rotate(-42deg);background:#ecc4aacc;z-index:2}.page-right{animation:pageIn .55s .3s cubic-bezier(.2,.8,.3,1) both;transform-origin:left center}.page-right.flip{animation:pageFlip .6s cubic-bezier(.3,.7,.3,1) both}@keyframes pageIn{0%{opacity:0;transform:rotateY(-40deg)}to{opacity:1;transform:none}}@keyframes pageFlip{0%{opacity:.2;transform:rotateY(-75deg)}to{opacity:1;transform:none}}.b-title{margin:6px 0 2px;font:700 clamp(32px,5vw,50px) "Caveat",cursive;color:#5a4331;line-height:1.05}.b-sub{font:700 11px Nunito;letter-spacing:.2em;text-transform:uppercase;color:#a08a70}.b-date{margin-top:10px;font:400 17px Patrick Hand,cursive;color:#8f7a62}.b-date.ph{opacity:.55;font-style:italic}.b-rule{height:0;border-top:2px dashed rgba(150,120,90,.3);margin:12px 0 14px}.b-text{margin:0;font:400 clamp(17px,2.2vw,22px) "Patrick Hand","Caveat",cursive;line-height:1.55;color:#6a5340;overflow:auto;flex:1;padding-right:4px}.b-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#b98466}.b-heart{font-size:34px;line-height:1}.b-count{font:700 11px Nunito;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.b-close{position:absolute;top:-12px;right:-12px;width:44px;height:44px;border-radius:50%;border:0;background:#fdf3df;color:#6a4a36;font-size:18px;font-weight:800;cursor:pointer;z-index:3;box-shadow:0 6px 16px #1e120a66}.b-nav{position:absolute;top:50%;width:44px;height:64px;margin-top:-32px;border:0;cursor:pointer;z-index:3;background:#fdf3dfeb;color:#6a4a36;font-size:30px;line-height:1;box-shadow:0 6px 16px #1e120a66;opacity:0;pointer-events:none;transition:opacity .2s}.b-prev{left:-22px;border-radius:22px 6px 6px 22px}.b-next{right:-22px;border-radius:6px 22px 22px 6px}.has-prev .b-prev,.has-next .b-next{opacity:1;pointer-events:auto}@media (max-width: 720px){.book{height:min(90vh,700px)}.book-spread{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:auto}.photo-wrap{width:min(74%,270px)}.spine{display:none}}.letter-overlay{background:radial-gradient(ellipse at center,#ffd6c88c,#462828c7);overflow:hidden}.petal-rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.petal-rain i{position:absolute;top:-40px;font-style:normal;color:#ff9db3;font-size:22px;opacity:.85;animation:fall linear infinite}.petal-rain i:nth-child(3n){color:#ffd1dc;font-size:16px}@keyframes fall{to{transform:translate(60px,110vh) rotate(360deg)}}.letter-stage{position:relative;display:grid;place-items:center;width:100%;height:100%}.envelope{position:relative;width:min(78vw,360px);aspect-ratio:1.5;cursor:pointer;transition:transform .9s,opacity .6s;animation:floaty 3s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9cfae;border-radius:8px;box-shadow:0 20px 50px #0006}.env-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#f3dcbc;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);z-index:3}.env-flap{position:absolute;left:0;right:0;top:0;height:58%;background:#efd6b2;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .8s .1s;z-index:4;filter:drop-shadow(0 3px 2px rgba(0,0,0,.18))}.env-seal{position:absolute;left:50%;top:54%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;color:#ffd9de;font-size:26px;z-index:5;background:radial-gradient(circle at 35% 30%,#e8576f,#b32a47);box-shadow:0 4px 10px #00000059;transition:opacity .3s,transform .5s}.letter-paper{position:absolute;left:7%;right:7%;top:8%;bottom:10%;background:#fffaf0;border-radius:4px;box-shadow:0 2px 8px #0000002e;transition:transform .9s .5s cubic-bezier(.3,.8,.3,1);z-index:2;padding:14px;display:grid;gap:12px;align-content:start}.letter-paper i{display:block;height:2px;background:#96785a40}.envelope.open{animation:none}.envelope.open .env-flap{transform:rotateX(180deg);z-index:1}.envelope.open .env-seal{opacity:0;transform:scale(.4)}.envelope.open .letter-paper{transform:translateY(-62%)}.letter-hint{position:absolute;bottom:20%;font:700 22px Caveat,cursive;color:#fff6ea;letter-spacing:.04em;animation:pulseText 1.6s ease-in-out infinite}.letter-hint.gone{display:none}@keyframes pulseText{50%{opacity:.45}}.reading .envelope{opacity:0;transform:translateY(60px) scale(.85);pointer-events:none}.letter-card{position:absolute;width:min(90vw,560px);max-height:80vh;overflow:auto;padding:clamp(22px,4vw,40px) clamp(24px,5vw,48px);background:#fffaf0 repeating-linear-gradient(0deg,transparent 0 33px,rgba(150,120,90,.09) 33px 34px);border-radius:10px;box-shadow:0 30px 80px #280a148c;color:#5d4636;opacity:0;transform:translateY(40px) rotate(-3deg) scale(.85);pointer-events:none;font:400 clamp(19px,2.6vw,25px) "Patrick Hand","Caveat",cursive;line-height:1.55}.reading .letter-card{opacity:1;transform:none;pointer-events:auto;transition:opacity .7s,transform .9s cubic-bezier(.2,.9,.3,1.1)}.letter-card h2{margin:0 0 10px;font:700 clamp(34px,5vw,48px) "Caveat",cursive;color:#b04a63;text-align:center}.letter-card p{margin:0 0 12px}.letter-card .greet{font:700 28px Caveat,cursive}.letter-card .sign{text-align:right;margin-top:16px}.letter-card .sign span{font:700 28px Caveat,cursive;color:#b04a63}.card-heart{text-align:center;color:#ee8fa5;font-size:30px;animation:beat 1.4s infinite}.letter-close{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));border:0;padding:12px 34px;border-radius:999px;background:#fff6e6;color:#7a4c3a;font:800 16px Nunito;cursor:pointer;box-shadow:0 6px 18px #0000004d}.menu-card{width:min(88vw,420px);padding:28px;border-radius:26px;background:#fbf3df;text-align:center;color:var(--ink);box-shadow:0 24px 60px #1e120a80;animation:bookIn .45s both}.menu-card h3{margin:0 0 6px;font:700 40px Caveat,cursive}.menu-sub{margin:0 0 18px;font-size:15px;line-height:1.5;opacity:.8}.menu-row{margin:10px 0}.m-btn{width:100%;padding:14px;border:0;border-radius:16px;background:var(--sage);color:#fff;font:800 16px Nunito;cursor:pointer}.m-btn.ghost{background:transparent;color:#a0594e;box-shadow:inset 0 0 0 2px #a0594e59}.menu-keys{margin:16px 0 0;font-size:12px;opacity:.6;line-height:1.5}#game-root{position:relative;z-index:31}.b-nav,.photo-nav{display:none!important}.b-foot{gap:10px}.b-mid{flex:1;display:grid;justify-items:center;gap:4px}.b-dots{display:flex;gap:7px}.b-dots i{width:9px;height:9px;border-radius:50%;background:#dccbab;transition:transform .25s,background .25s}.b-dots i.on{background:#c98f72;transform:scale(1.35)}.b-arrow{width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;font-size:26px;line-height:1;background:#f1e2c3;color:#6a4a36;box-shadow:0 3px 8px #5a3c1e38,inset 0 -2px #0000000f}.b-arrow:active{transform:scale(.92)}.first .b-prev{opacity:.25;pointer-events:none}.last .b-next{background:#f4a9ba;color:#fff}.b-text{white-space:pre-line}.book-spread{touch-action:pan-y}.swipe-hint{position:absolute;right:22px;top:18px;z-index:4;font:500 18px Caveat,cursive;color:#a88a6c;pointer-events:none;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(8px);opacity:1}}.turn-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(90deg,#f2e4c8,#fbf3df 40%,#f6ead0);box-shadow:0 0 40px #3c281459}.turn-sheet.next{right:0;transform-origin:left center}.turn-sheet.prev{left:0;transform-origin:right center}.turn-sheet.next.go{animation:sheetNext .65s cubic-bezier(.45,.05,.3,1) both}.turn-sheet.prev.go{animation:sheetPrev .65s cubic-bezier(.45,.05,.3,1) both}@keyframes sheetNext{0%{opacity:1;transform:perspective(1400px) rotateY(0)}85%{opacity:1}to{opacity:0;transform:perspective(1400px) rotateY(-178deg)}}@keyframes sheetPrev{0%{opacity:1;transform:perspective(1400px) rotateY(0)}85%{opacity:1}to{opacity:0;transform:perspective(1400px) rotateY(178deg)}}.mg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#ffe9cd8c,#3c281cbd);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .35s ease both}.mg-overlay.closing{animation:fadeOut .3s ease both}.mg-card{position:relative;width:min(94vw,980px);max-height:94vh;padding:clamp(14px,2.4vw,26px) clamp(16px,3vw,34px) 14px;border-radius:26px;background:#fbf3df repeating-linear-gradient(0deg,transparent 0 31px,rgba(150,120,90,.07) 31px 32px);box-shadow:0 30px 70px #1e120a80,inset 0 0 0 3px #e8d6b0;color:#5a4331;animation:bookIn .55s cubic-bezier(.2,.9,.3,1.15) both;display:flex;flex-direction:column;gap:8px}.mg-tape{position:absolute;width:84px;height:26px;background:#f0bca8cc;box-shadow:0 1px 3px #00000024}.mg-tape-a{top:-9px;left:24px;transform:rotate(-6deg)}.mg-tape-b{top:-9px;right:24px;transform:rotate(5deg);background:#bed7afd9}.mg-head{text-align:center}.mg-badge{display:inline-block;padding:3px 14px;border-radius:999px;background:#f4a9ba;color:#fff;font:800 11px Nunito;letter-spacing:.16em;text-transform:uppercase}.mg-head h2{margin:4px 0 0;font:700 clamp(28px,4.2vw,42px) "Caveat",cursive;line-height:1.05}.mg-head p{margin:2px 0 0;font:400 clamp(15px,1.9vw,19px) "Patrick Hand",cursive;opacity:.8}.mg-body{position:relative;display:grid;justify-items:center;align-content:center;gap:10px;min-height:0;padding:4px 0}.mg-foot{display:flex;align-items:center;justify-content:space-between;min-height:30px}.mg-status{font:800 12px Nunito;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.mg-skip{border:0;background:transparent;color:#a0594e;font:700 13px Nunito;text-decoration:underline;cursor:pointer;padding:6px 10px}.mg-conf{position:absolute;top:-30px;pointer-events:none;font-style:normal;animation:fall 2.4s linear forwards;z-index:40}.mg-win{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border-radius:26px;display:grid;align-content:center;justify-items:center;gap:12px;padding:18px;background:#fbf3dff7;opacity:0;transform:scale(.96);transition:opacity .5s,transform .5s;overflow:auto}.mg-win.show{opacity:1;transform:none}.mg-win-title{font:700 clamp(34px,5vw,52px) "Caveat",cursive;color:#b04a63}.mg-next{border:0;padding:14px 34px;border-radius:999px;background:linear-gradient(#f9a9bb,#e67b95);color:#fff;font:800 17px Nunito;cursor:pointer;box-shadow:0 8px 22px #be466466}.mg-summary{display:grid;gap:8px;width:min(100%,680px)}.mg-story-card{display:flex;gap:12px;align-items:center;background:#fffaf0;border-radius:14px;padding:9px 14px;box-shadow:0 3px 10px #5a3c1e24}.mg-story-card em{font-style:normal;font-size:34px}.mg-story-card b{font:800 14px Nunito;letter-spacing:.04em}.mg-story-card p{margin:2px 0 0;font:400 clamp(15px,1.8vw,18px) "Patrick Hand",cursive;line-height:1.35}.mg-turns{display:flex;gap:12px}.mg-chip{display:flex;gap:10px;align-items:baseline;padding:6px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 3px transparent,0 2px 8px #5a3c1e24;transition:transform .3s,box-shadow .3s;opacity:.6}.mg-chip b{font:800 15px Nunito}.mg-chip .hearts{font:800 14px Nunito;color:#e67b95}.mg-chip.c0.on{box-shadow:inset 0 0 0 3px #93bee6,0 6px 16px #5082be4d;transform:scale(1.08);opacity:1}.mg-chip.c1.on{box-shadow:inset 0 0 0 3px #f6a8bc,0 6px 16px #dc648c4d;transform:scale(1.08);opacity:1}.mg-match-grid{display:grid;grid-template-columns:repeat(4,clamp(78px,13.5vw,128px));gap:clamp(8px,1.6vw,14px);perspective:900px}.mg-flip{position:relative;aspect-ratio:3 / 3.6;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.7,.3,1.1)}.mg-flip.up,.mg-flip.done{transform:rotateY(180deg)}.mg-flip .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;display:grid;place-items:center;backface-visibility:hidden;box-shadow:0 6px 14px #5a3c1e40;background-size:cover;background-position:center}.mg-flip .back{background:repeating-linear-gradient(45deg,#f6d5c6 0,#f6d5c6 10px,#f2c6b6 10px,#f2c6b6 20px);color:#fff;font-size:clamp(28px,5vw,44px);text-shadow:0 2px 6px rgba(160,70,80,.4);border:4px solid #fff7e6}.mg-flip .front{transform:rotateY(180deg);align-content:center;gap:2px;border:4px solid #fff7e6}.mg-flip .front em{font-style:normal;font-size:clamp(34px,6vw,56px)}.mg-flip .front small{font:800 clamp(11px,1.5vw,14px) "Nunito";letter-spacing:.06em;text-transform:uppercase;background:#ffffffbf;padding:2px 10px;border-radius:999px}.mg-flip.done .front{box-shadow:0 0 0 4px #b9eaa6,0 6px 14px #5a3c1e40}.mg-story{min-height:66px;width:min(100%,560px)}.mg-story.pop .mg-story-card{animation:storyPop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes storyPop{0%{transform:translateY(14px) scale(.9);opacity:0}to{transform:none;opacity:1}}.mg-timeline{position:relative;display:flex;gap:clamp(8px,2vw,20px);justify-content:center;padding-top:6px}.mg-timeline:before{content:"";position:absolute;left:12%;right:12%;top:22px;border-top:3px dashed #d9c3a0;z-index:0;transition:border-color .6s}.mg-timeline.solved:before{border-top:3px solid #f08fa6}.mg-slot{position:relative;z-index:1;width:clamp(84px,16vw,150px);min-height:clamp(128px,24vh,166px);border-radius:16px;border:3px dashed #d7bf98;background:#fffaeeb3;display:grid;place-items:center;transition:transform .2s,border-color .2s,background .2s}.mg-slot .num{position:absolute;top:-17px;left:50%;transform:translate(-50%);width:34px;height:34px;border-radius:50%;background:#f4a9ba;color:#fff;display:grid;place-items:center;font:800 16px Nunito;box-shadow:0 3px 8px #be466459}.mg-slot .cap{font:600 14px Caveat,cursive;opacity:.55}.mg-slot:has(.mg-ocard) .cap{display:none}.mg-slot.lock{border-style:solid;border-color:#b9eaa6;background:#f4fbe9}.mg-slot.wrong{animation:shake .4s;border-color:#e88a8a}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.mg-tray{display:flex;gap:clamp(8px,2vw,18px);justify-content:center;min-height:clamp(118px,22vh,156px);padding:8px 14px;border-radius:18px;background:#e6d2af47;width:min(100%,720px)}.mg-ocard{position:relative;width:clamp(78px,15vw,132px);min-height:clamp(112px,20vh,144px);padding:10px 8px;border-radius:14px;background:#fffdf6;border:3px solid #fff;box-shadow:0 6px 14px #5a3c1e38;display:grid;justify-items:center;align-content:center;gap:2px;text-align:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s}.mg-ocard em{font-style:normal;font-size:clamp(30px,5vw,44px)}.mg-ocard b{font:800 clamp(12px,1.6vw,15px) "Nunito";line-height:1.15}.mg-ocard small{font:500 15px Caveat,cursive;opacity:.7}.mg-ocard .note{display:none;font:400 14px Patrick Hand,cursive;font-style:normal;line-height:1.2}.mg-ocard.sel{box-shadow:0 0 0 4px #f6a8bc,0 10px 20px #dc648c59;transform:translateY(-6px)}.mg-ocard.dragging{position:relative;z-index:50;transition:none;cursor:grabbing;box-shadow:0 18px 30px #3c281466}.mg-ocard.locked{cursor:default;box-shadow:0 0 0 4px #b9eaa6,0 6px 14px #5a3c1e38}.solved .mg-ocard .note{display:block}.mg-check{border:0;padding:13px 34px;border-radius:999px;background:linear-gradient(#a8d58f,#7fb86b);color:#fff;font:800 16px Nunito;cursor:pointer;box-shadow:0 8px 20px #508c4666;animation:pulse2 1.6s infinite}.mg-check[hidden]{display:none}@keyframes pulse2{50%{transform:scale(1.05)}}.mg-msg{min-height:24px;font:500 20px Caveat,cursive;color:#a0594e;text-align:center}.mg-stage{position:relative;margin:4px auto;touch-action:none}.mg-board{position:absolute;left:0;top:0;border-radius:10px;background-size:cover;box-shadow:inset 0 0 0 3px #e0cba3,0 4px 14px #5a3c1e2e;background-color:#f2e6cc}.mg-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f3e7cd;border-radius:10px;background-image:linear-gradient(rgba(190,160,120,.32) 2px,transparent 2px),linear-gradient(90deg,rgba(190,160,120,.32) 2px,transparent 2px);background-size:calc(100% / var(--cols)) calc(100% / var(--rows))}.mg-stage.done .mg-board{background-image:var(--img);background-size:cover}.mg-stage.done .mg-board:before{opacity:0}.mg-piece{position:absolute;left:0;top:0;border-radius:8px;background-repeat:no-repeat;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 6px 12px #3c281459,inset 0 0 0 2px #ffffffbf;z-index:2}.mg-piece.lift{z-index:30;cursor:grabbing;box-shadow:0 16px 26px #3c281473,inset 0 0 0 2px #fff}.mg-piece.locked{z-index:1;cursor:default;box-shadow:inset 0 0 0 1px #ffffff8c;border-radius:2px;animation:lockPop .35s}@keyframes lockPop{50%{filter:brightness(1.25)}}.mg-piece.shake{animation:shake .4s}.mg-stage.done .mg-piece{border-radius:0;box-shadow:none}.mg-stage.done .mg-board{box-shadow:0 0 0 6px #fff,0 12px 30px #5a3c1e59;animation:shine 1.2s}@keyframes shine{50%{filter:brightness(1.15) saturate(1.2)}}@media (max-height: 520px){.mg-head p{display:none}.mg-card{padding-top:10px}.mg-slot,.mg-tray{min-height:104px}.mg-ocard{min-height:100px}}.mg-tray:empty{display:none}.mg-flip.wobble{animation:wobble .45s ease-in-out}@keyframes wobble{25%{transform:rotate(-6deg) scale(.94)}75%{transform:rotate(6deg) scale(.94)}}#intro-root{position:relative;z-index:60}.intro{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;animation:fadeIn .6s ease both}.intro.fade-out{animation:fadeOut .8s ease both}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 25% 20%,#ffe9d2,transparent 55%),radial-gradient(ellipse at 80% 90%,#f7cfe0,transparent 55%),linear-gradient(160deg,#cfe6f5,#f6dccd)}.intro-skip{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:5;border:0;padding:9px 18px;border-radius:999px;background:#ffffffbf;color:#6a4a36;font:800 13px Nunito;cursor:pointer;box-shadow:0 4px 12px #503c282e}.intro-grid{position:relative;width:min(96vw,980px);height:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(16px,5vw,60px);transition:opacity .8s,transform .8s}.intro-grid.out{opacity:0;transform:scale(.94);pointer-events:none}.intro-side{color:#5a4331;padding:0 clamp(6px,2vw,24px)}.intro-side.pop>*{animation:sidePop .6s both}.intro-side.pop>*:nth-child(2){animation-delay:.08s}.intro-side.pop>*:nth-child(3){animation-delay:.16s}@keyframes sidePop{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-chapter{display:inline-block;padding:4px 16px;border-radius:999px;background:#f4a9ba;color:#fff;font:800 12px Nunito;letter-spacing:.18em;text-transform:uppercase}.intro-title{margin:10px 0 6px;font:700 clamp(40px,7vw,78px) "Caveat",cursive;line-height:1}.intro-caption{margin:0;font:400 clamp(18px,2.4vw,26px) "Patrick Hand",cursive;line-height:1.4;opacity:.85;max-width:380px}.intro-dots{display:flex;gap:8px;margin-top:20px}.intro-dots i{width:10px;height:10px;border-radius:50%;background:#5a433133;transition:all .4s}.intro-dots i.on{background:#e67b95;transform:scale(1.25)}.phone-wrap{position:relative;display:grid;justify-items:center}.phone{--ph: min(84vh, 640px);position:relative;height:var(--ph);width:calc(var(--ph) * .485);max-width:78vw;border-radius:44px;padding:8px;background:linear-gradient(145deg,#4b4b57,#17171d 45%,#34343e);box-shadow:0 34px 70px #321e1e80,inset 0 0 0 2px #6b6b78,inset 0 0 0 4px #0c0c10}.phone .side-btn{position:absolute;width:4px;border-radius:3px;background:linear-gradient(90deg,#2a2a33,#5a5a68)}.sb1{left:-3px;top:17%;height:5%}.sb2{left:-3px;top:25%;height:9%}.sb3{left:-3px;top:36%;height:9%}.sb4{right:-3px;top:29%;height:14%}.phone.slide-in{animation:phoneIn .7s cubic-bezier(.2,.9,.3,1.1) both}.phone.slide-out{animation:phoneOut .5s ease-in both}@keyframes phoneIn{0%{opacity:0;transform:translate(60px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes phoneOut{to{opacity:0;transform:translate(-70px) rotate(-3deg)}}.screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#efe7da;display:flex;flex-direction:column}.island{position:absolute;z-index:10;top:9px;left:50%;width:31%;height:22px;transform:translate(-50%);border-radius:14px;background:#08080b;display:flex;justify-content:flex-end;align-items:center;padding-right:9px}.island i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a7a,#10131f)}.statusbar{position:relative;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:12px 24px 4px;min-height:40px;font:800 12px Nunito;color:#20262b;background:#f7f1e6}.phone.calling .statusbar{background:transparent;color:#fff;position:absolute;left:0;right:0;top:0}.sys-icons{display:flex;align-items:center;gap:5px}.bars{display:flex;align-items:flex-end;gap:1.5px;height:10px;font-style:normal}.bars u{width:3px;background:currentColor;border-radius:1px}.bars u:nth-child(1){height:3px}.bars u:nth-child(2){height:5px}.bars u:nth-child(3){height:7px}.bars u:nth-child(4){height:10px}.wifi{width:13px;height:10px;border-radius:13px 13px 0 0;border:2px solid currentColor;border-bottom:0;transform:scale(.9)}.batt{position:relative;width:22px;height:10px;border:1.5px solid currentColor;border-radius:3px;font-style:normal}.batt u{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;width:70%;background:currentColor;border-radius:1px}.batt:after{content:"";position:absolute;right:-4px;top:2px;width:2px;height:4px;background:currentColor;border-radius:0 1px 1px 0}.home-bar{position:absolute;z-index:10;bottom:6px;left:50%;width:34%;height:4px;border-radius:3px;background:#1e1e288c;transform:translate(-50%)}.phone.calling .home-bar{background:#ffffffb3}.chat-view{flex:1;min-height:0;display:flex;flex-direction:column}.chat-view[hidden],.call-view[hidden]{display:none}.chat-head{display:flex;align-items:center;gap:7px;padding:5px 10px 8px 6px;background:#f7f1e6;border-bottom:1px solid rgba(120,90,60,.14);color:#0b7a6a}.chat-head .back{position:relative;display:flex;align-items:center;gap:3px;padding-left:4px}.badge{font:800 10px Nunito;font-style:normal;background:#25d366;color:#fff;border-radius:9px;padding:1px 5px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 15px Nunito;color:#fff;flex:none}.av-n{background:linear-gradient(135deg,#7fb2e5,#4f86c6)}.av-d{background:linear-gradient(135deg,#f6a8bc,#d9708f)}.av-o{background:linear-gradient(135deg,#cdbba4,#a58f77)}.chat-head .who{flex:1;line-height:1.15;min-width:0}.chat-head .who b{display:block;font:800 14px Nunito;color:#1b2327;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head .who small{font:600 10.5px Nunito;color:#5a6a6a}.head-ico{display:flex;gap:14px;color:#0b7a6a;padding-right:4px}.chat-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:8px 9px 6px;background-color:#ece3d2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><g fill='none' stroke='%23c9b99d' stroke-opacity='.45' stroke-width='1.2'><circle cx='14' cy='16' r='5'/><path d='M50 12l4 7 4-7M44 50h12M62 52l5 5M20 56q5-8 10 0'/></g></svg>")}.date-chip{align-self:center;margin-bottom:4px;padding:3px 12px;border-radius:8px;background:#ffffffe0;color:#6d7a7a;font:800 10px Nunito;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 1px 1px #00000014}.bub{position:relative;max-width:82%;padding:6px 9px 4px;border-radius:10px;font:600 clamp(12px,1.9vw,13.5px) "Nunito";line-height:1.32;color:#1f2a2a;box-shadow:0 1px 1px #00000021;word-break:break-word}.bub .txt{margin-right:4px}.bub .meta{float:right;margin:5px 0 -1px 8px;display:inline-flex;align-items:center;gap:3px;font:600 9px Nunito;font-style:normal;color:#2832328c}.bub .ticks{color:#34b7f1}.bub.in{animation:bubIn .32s cubic-bezier(.2,.9,.3,1.2) both}@keyframes bubIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.bub.me{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}.bub.them{align-self:flex-start;background:#fff;border-top-left-radius:3px}.bub.me:after{content:"";position:absolute;top:0;right:-6px;border:6px solid transparent;border-top-color:#d9fdd3;border-right:0}.bub.them:after{content:"";position:absolute;top:0;left:-6px;border:6px solid transparent;border-top-color:#fff;border-left:0}.bub .nm{display:block;font:800 11px Nunito;margin-bottom:1px}.nm-diana{color:#d9708f}.nm-other{color:#b0762f}.nm-nabil{color:#4f86c6}.bub.typing{padding:10px 13px;display:flex;gap:4px}.bub.typing:after{display:none}.bub.typing u{width:6px;height:6px;border-radius:50%;background:#9aa3a3;animation:dot 1s infinite}.bub.typing u:nth-child(2){animation-delay:.15s}.bub.typing u:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}.sys{align-self:center;max-width:90%;text-align:center;padding:4px 11px;border-radius:8px;background:#fdf1c9;font:700 10.5px Nunito;color:#6e5a22;box-shadow:0 1px 1px #0000001a;animation:bubIn .35s both}.chat-foot{display:flex;align-items:center;gap:8px;padding:6px 8px 16px;background:#f7f1e6;color:#6d7a7a}.foot-ico{display:grid;place-items:center}.fake-input{flex:1;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:18px;background:#fff;border:1px solid rgba(120,100,80,.15);font:600 12.5px Nunito;color:#9aa3a3}.mic-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;flex:none}.call-view{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;display:flex;flex-direction:column}.remote{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(170deg,#e68aa6,#b25f86 55%,#6c4a7a);overflow:hidden}.remote-av{width:38%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:800 clamp(36px,8vh,64px) "Nunito";background:#fff3;box-shadow:0 0 0 10px #ffffff1a,0 0 0 22px #ffffff0f;animation:avPulse 2.6s ease-in-out infinite}@keyframes avPulse{50%{transform:scale(1.05)}}.remote-glow{position:absolute;inset:auto -20% -30% -20%;height:60%;background:radial-gradient(ellipse at center,rgba(255,220,200,.35),transparent 65%)}.call-top{position:relative;z-index:2;margin-top:46px;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.3)}.call-top b{display:block;font:800 17px Nunito}.call-top small{font:700 12px Nunito;opacity:.9;font-variant-numeric:tabular-nums}.pip{position:absolute;z-index:3;right:12px;top:92px;width:27%;aspect-ratio:3 / 4;border-radius:14px;display:grid;place-items:center;font:800 26px Nunito;background:linear-gradient(145deg,#7fb2e5,#3d6aa4);box-shadow:0 6px 16px #00000059,inset 0 0 0 2px #ffffff80}.call-caps{position:relative;z-index:2;margin-top:auto;padding:0 12px 10px;display:flex;flex-direction:column;gap:5px;max-height:38%;justify-content:flex-end}.call-caps .bub{background:#ffffffed;max-width:92%}.call-caps .bub.me{background:#d9fdd3f2;align-self:flex-end}.call-caps .bub:after{display:none}.call-caps .sys{background:#00000059;color:#fff;box-shadow:none}.call-ctl{position:relative;z-index:2;display:flex;justify-content:space-around;padding:10px 14px 26px;background:linear-gradient(transparent,#00000059)}.call-ctl i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.call-ctl i.endc{background:#ff4d55}.tap-hint{margin:0;font:700 18px Caveat,cursive;color:#8a6a55;opacity:0;transition:opacity .4s}.tap-hint.show{opacity:1;animation:pulseText 1.4s infinite}.intro-end{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;color:#5a4331;animation:fadeIn 1s both}.intro-end[hidden]{display:none}.end-heart{font-size:clamp(60px,12vw,110px);color:#ee8fa5;animation:beat 1.3s infinite;text-shadow:0 8px 30px rgba(238,143,165,.5)}.intro-end p{margin:6px 0 0;font:700 clamp(30px,6vw,60px) "Caveat",cursive}.intro-end .l2{color:#b04a63;animation:sidePop 1s .6s both}.intro-end .l1{animation:sidePop 1s both}body.in-intro .progress,body.in-intro .title,body.in-intro .zone,body.in-intro .vignette{opacity:0;pointer-events:none;transition:opacity .4s}@media (max-width: 760px){.intro-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:30px}.intro-side{text-align:center}.intro-caption{margin:0 auto}.intro-dots{justify-content:center;margin-top:8px}.phone{--ph: min(66vh, 540px)}.intro-nav .tap-hint{display:none}}@media (max-height: 520px){.phone{--ph: 86vh}.intro-title{font-size:44px}}.fatal{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:12;padding:6px 13px;border:0;border-radius:999px;cursor:pointer;background:linear-gradient(#ff6b6b,#d93c3c);color:#fff;font:900 12px Nunito,sans-serif;letter-spacing:.12em;box-shadow:0 5px 14px #a01e1e73,inset 0 2px #ffffff59;transition:transform .15s}.fatal.armed{animation:fatalPulse .5s infinite alternate;letter-spacing:.04em}@keyframes fatalPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}body.in-intro .fatal{opacity:.85}.goal{position:fixed;top:max(46px,calc(env(safe-area-inset-top) + 36px));left:50%;transform:translate(-50%,-8px);z-index:8;display:flex;align-items:center;gap:10px;padding:7px 18px 7px 12px;border-radius:999px;background:#fcf4e4e6;box-shadow:0 6px 18px #5a463240;color:#5a4331;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.goal.show{opacity:1;transform:translate(-50%)}.goal-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffd98a;color:#8a5a1a;font-size:15px;box-shadow:0 0 0 3px #ffd98a73;transition:transform .12s linear}.goal small{display:block;font:800 9px Nunito;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.goal b{font:800 14px Nunito}.goal em{margin-left:8px;font:700 11px Nunito;font-style:normal;color:#c06a85}.hunt{position:fixed;top:max(100px,calc(env(safe-area-inset-top) + 90px));left:50%;transform:translate(-50%,-8px);z-index:8;display:flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;background:#282030c7;color:#fff;box-shadow:0 6px 18px #0000004d;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.hunt.show{opacity:1;transform:translate(-50%)}.hunt small{font:800 10px Nunito;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.hunt i{width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #ffffff40;opacity:.35;transition:all .4s}.hunt i.got{opacity:1;transform:scale(1.25);box-shadow:0 0 12px var(--c),0 0 0 2px #fff}.hunt b{font:800 12px Nunito}.danger{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;opacity:0;transition:opacity .35s}.danger.on{opacity:1}.danger-vig{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 40px #ff1e1e8c;animation:dangerPulse .9s infinite alternate}@keyframes dangerPulse{0%{box-shadow:inset 0 0 90px 24px #ff1e1e59}to{box-shadow:inset 0 0 150px 60px #ff1e1ea6}}.danger-box{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;padding:10px 28px 12px;border-radius:22px;background:#821018db;color:#fff;box-shadow:0 10px 30px #50000080;animation:dangerShake .4s infinite alternate}@keyframes dangerShake{0%{transform:translate(-50%) rotate(-.6deg)}to{transform:translate(-50%) rotate(.6deg)}}.danger-box b{display:block;font:900 clamp(26px,5vw,44px) "Nunito";letter-spacing:.06em}.danger-box span{display:block;font:700 clamp(13px,1.8vw,17px) "Nunito";opacity:.92}.danger-box .danger-timer{display:block;margin-top:4px;font:800 13px Nunito;font-style:normal;color:#ffd98a}.intro-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;min-height:40px}.nav-btn{border:0;padding:10px 20px;border-radius:999px;cursor:pointer;font:800 14px Nunito;background:#ffffffd9;color:#6a4a36;box-shadow:0 4px 12px #503c2833}.nav-btn.next{background:linear-gradient(#f9a9bb,#e67b95);color:#fff}.nav-btn:disabled{opacity:.35;cursor:default}@media (max-width: 760px){.intro-nav .tap-hint{display:none}}.music-btn{position:fixed;top:max(10px,env(safe-area-inset-top));left:calc(max(12px,env(safe-area-inset-left)) + 112px);z-index:12;width:32px;height:32px;border:0;border-radius:50%;cursor:pointer;font-size:15px;line-height:1;background:#fcf4e4e6;box-shadow:0 4px 12px #503c2840}.fatal.armed+.music-btn{opacity:0}.title{top:max(52px,calc(env(safe-area-inset-top) + 42px))!important}.end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;opacity:0;transition:opacity 1.4s;background:radial-gradient(ellipse at 50% 38%,#5b2a49,#2c1636 55%,#150b22);color:#fff4ea;display:grid;place-items:center;text-align:center;padding:24px}.end-overlay.in{opacity:1}.end-overlay.closing{opacity:0;transition:opacity .45s}.end-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.end-stars i{position:absolute;font-style:normal;color:#ffd9e4;opacity:0;animation:endTwinkle 4.2s ease-in-out infinite}@keyframes endTwinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.85;transform:scale(1.15)}}.end-pics{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity 2s .6s}.final .end-pics{opacity:1}.end-pics figure{position:absolute;top:105%;width:clamp(96px,16vw,170px);margin:0;padding:6px 6px 18px;background:#fffaf0;border-radius:3px;box-shadow:0 10px 26px #00000073;transform:rotate(var(--r, 3deg));opacity:.92;animation:endRise 17s linear infinite}.end-pics img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 30%;display:block}@keyframes endRise{0%{transform:translateY(0) rotate(var(--r, 3deg))}to{transform:translateY(-135vh) rotate(calc(var(--r, 3deg) * -1))}}.end-stage{position:relative;z-index:2;width:min(92vw,720px)}.end-line{margin:0;font:600 clamp(26px,5vw,46px) "Caveat",cursive;line-height:1.3;color:#ffe9f0;text-shadow:0 2px 18px rgba(255,150,190,.45);opacity:0;transform:translateY(14px);transition:opacity 1.4s,transform 1.4s}.end-line.on{opacity:1;transform:none}.end-final{display:none;flex-direction:column;align-items:center;gap:10px}.final .end-final{display:flex;animation:endFinalIn 2.2s both}@keyframes endFinalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.end-names{font:700 clamp(34px,7vw,64px) "Caveat",cursive;color:#ffd1de;text-shadow:0 0 26px rgba(255,130,170,.6);line-height:1.15}.end-date{font:700 14px Nunito;letter-spacing:.22em;text-transform:uppercase;color:#f3c6d2;opacity:.85}.end-tail{margin-top:10px;max-width:440px;font:500 clamp(20px,3vw,28px) "Caveat",cursive;color:#fff0e4;line-height:1.35}.end-close{margin-top:16px;border:0;padding:13px 34px;border-radius:999px;cursor:pointer;font:800 16px Nunito;background:linear-gradient(#ffb9cb,#f07b9b);color:#fff;box-shadow:0 8px 24px #f0648c73}.end-skip{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;font:700 12px Nunito;letter-spacing:.16em;text-transform:uppercase;opacity:.4;z-index:3}.end-stage:before{content:"";position:absolute;top:-60px;right:-40px;bottom:-60px;left:-40px;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.6s;background:radial-gradient(ellipse at center,#1c0c26eb 38%,#1c0c2600 74%)}.final .end-stage:before{opacity:1}.end-pics figure{opacity:.8}