@charset "UTF-8";
:root{--u:3.6px;--stage-width:360px;--stage-height:780px;--stage-scale:1;--red:#a9110b;--deep:#300e07;--gold:#edc993;--ink:#572c18;--ivory:#f4e8d4;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark;font-family:"Songti SC","STSong","SimSun",serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#3e140d url('../assets/room.webp') center/cover fixed;display:grid;place-items:center;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;background:rgba(29,8,4,.66);pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button[hidden],[hidden]{display:none!important}img{user-select:none;-webkit-user-drag:none}svg{display:block}button,canvas,[role=slider],.bucket-art,.magnifier,.swing-assembly{touch-action:none}p,h1,h2{margin:0}button{min-height:44px}input{font:inherit}.experience{position:fixed;left:50%;top:50%;width:var(--stage-width);height:var(--stage-height);transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:center;overflow:hidden;color:var(--gold);isolation:isolate;background:#3d160c;box-shadow:0 0 80px #220b09;font-size:14px}.scene-root,.scene,.scene-content{position:absolute;inset:0}.scene{overflow:hidden;background:#301108;--bottom:calc(7% + var(--safe-bottom))}.backdrop,.paper-backdrop,.scene-shade{position:absolute;inset:0;pointer-events:none}.backdrop img,.paper-backdrop img{width:100%;height:100%;object-fit:cover}.backdrop img{transition:transform 1.5s ease,filter 1.2s ease}.paper-backdrop{will-change:opacity}.scene-shade{z-index:1;background:linear-gradient(to bottom,rgba(22,5,2,.65),transparent 35%,transparent 67%,rgba(22,5,2,.65))}.scene-content{z-index:2}.scene-heading{position:absolute;z-index:8;top:calc(11.5% + var(--safe-top) * .5);left:6%;width:88%;text-align:center;pointer-events:none;text-shadow:0 2px 18px #230b07}.scene-tag{font-family:system-ui,sans-serif;font-size:clamp(9px,calc(var(--u) * 2.4),12px);letter-spacing:.24em;opacity:.7;margin-bottom:calc(var(--u) * 2.3)}h1{font-weight:500;font-size:clamp(25px,calc(var(--u) * 7.3),37px);letter-spacing:.1em;line-height:1.3}.scene-heading p{font-size:clamp(12px,calc(var(--u) * 3.5),16px);line-height:1.7;letter-spacing:.06em;margin-top:calc(var(--u) * 3)}.topbar{position:absolute;z-index:12;top:calc(3% + var(--safe-top));left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;height:44px}.icon-button{width:44px;height:44px;padding:10px;display:grid;place-items:center}.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.icon-button:disabled{opacity:0;pointer-events:none}.series-name{font-size:clamp(10px,calc(var(--u) * 2.65),13px);letter-spacing:.18em;opacity:.78}.sound-on .mute-line{display:none}.experience-footer{position:absolute;bottom:calc(2% + var(--safe-bottom));left:7%;right:7%;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.16em;z-index:10;opacity:.68;pointer-events:none}.experience-footer>span:first-child{font-family:system-ui,sans-serif}.journey-line{height:1px;flex:1;background:currentColor;opacity:.5}.journey-line i{display:block;height:2px;background:currentColor;transition:width .6s ease}.scene-bottom{position:absolute;left:8%;right:8%;bottom:var(--bottom);z-index:7;text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3)}.primary-button,.secondary-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border-radius:99px;border:1px solid rgba(245,208,156,.75);font-size:clamp(14px,calc(var(--u) * 4),18px);letter-spacing:.07em;min-height:45px;box-shadow:inset 0 0 0 2px rgba(244,207,158,.12);transition:transform .18s,opacity .3s;background:linear-gradient(90deg,#920704,#b3190f 55%,#920704);color:#f7e5c7}.primary-button span,.secondary-button span{position:absolute;right:18px;font:24px/1 system-ui,sans-serif;opacity:.8}.primary-button:active,.secondary-button:active{transform:scale(.97)}.secondary-button{background:transparent;color:inherit;border-color:currentColor;box-shadow:none;font-size:calc(var(--u) * 3.5);min-height:40px;padding:8px 18px;opacity:.8}.text-button{min-height:44px;border-bottom:1px solid currentColor;letter-spacing:.1em;font-size:calc(var(--u) * 3.6);opacity:.86}.text-button span{margin-left:12px}.bottom-caption{font-size:calc(var(--u) * 3.65);line-height:1.7;letter-spacing:.1em}.bucket-art{position:absolute;left:50%;top:56%;width:92%;aspect-ratio:853/1121;transform:translate(-50%,-50%);transition:filter .5s;will-change:transform}.bucket-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bucket-art .paper-image{height:auto;top:1.4%;transform:scale(1.012);transform-origin:50% 50%;object-fit:contain}.contact-shadow{position:absolute;left:17%;bottom:-1%;width:66%;height:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(25,5,1,.65),transparent 70%);z-index:-1;opacity:.7}.paper-mode{color:var(--ink);color-scheme:light}.paper-mode .scene-heading{text-shadow:none}.paper-mode .completion{color:#8e1009;background:rgba(247,233,211,.83);border-color:rgba(120,44,14,.16)}.paper-mode .scene-tag,.paper-mode .series-name{color:#a9110b}.intro-scene,.finale-scene{background:var(--ivory)}.intro-scene .scene-shade,.finale-scene .scene-shade{background:linear-gradient(180deg,rgba(255,246,227,.08),transparent 73%,rgba(255,245,224,.15))}.intro-scene .bucket-art{top:54%;width:85%;animation:paper-arrive 1.7s ease both}.intro-copy{font-size:calc(var(--u) * 3.5);line-height:1.8;letter-spacing:.1em;margin-bottom:calc(var(--u) * .8)}.intro-scene .contact-shadow,.finale-scene .contact-shadow{display:none}.intro-scene .scene-bottom{bottom:calc(8% + var(--safe-bottom));gap:calc(var(--u) * 4)}.intro-scene .scene-heading h1,.finale-scene .scene-heading h1{color:#b30d09;font-size:calc(var(--u) * 7.1);letter-spacing:.055em}.opening-ritual .paper-image{animation:gold-paper 1.45s ease forwards}.opening-ritual .scene-shade{background:#260c07;animation:paper-darken 1.45s ease forwards}.opening-ritual .primary-button{opacity:.65}.transition-veil{position:absolute;inset:0;background:radial-gradient(ellipse at center,#621409,#260a05);opacity:0;pointer-events:none;z-index:20}.is-transitioning .scene-content,.is-transitioning .scene-bottom{pointer-events:none}.completion{position:absolute;z-index:11;left:8%;right:8%;bottom:calc(21% + var(--safe-bottom));text-align:center;font-size:calc(var(--u) * 4.1);letter-spacing:.1em;line-height:1.7;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;background:rgba(47,14,6,.72);border:1px solid rgba(237,201,147,.14);padding:8px 6px;border-radius:4px;pointer-events:none}.completion.visible{opacity:1;transform:none}.interaction-meter{display:flex;gap:10px;align-items:center;width:94%;font-size:calc(var(--u) * 3);letter-spacing:.05em}.interaction-meter>div{flex:1;height:2px;background:rgba(197,148,90,.32)}.interaction-meter i{display:block;height:2px;background:currentColor;max-width:100%}.interaction-meter b{font-family:system-ui,sans-serif;font-size:calc(var(--u) * 2.7);font-weight:400;min-width:31px}.gesture-hint{position:absolute;left:50%;top:91%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;pointer-events:none;z-index:6;opacity:.87;transition:opacity .5s;color:var(--gold)}.gesture-hint small{font-size:calc(var(--u) * 3.3);letter-spacing:.08em}.gesture-hint.quiet{opacity:0}.gesture-mark{display:block;height:16px;width:54px;position:relative}.swipe .gesture-mark{border-top:1px solid currentColor;animation:swipe-gesture 2.3s infinite ease-in-out}.swipe .gesture-mark:after{content:"";position:absolute;right:0;top:-4px;width:7px;height:7px;border-right:1px solid;border-top:1px solid;transform:rotate(45deg)}.drag .gesture-mark{width:18px;height:18px;border:1px solid;border-radius:50%;animation:drag-gesture 2.3s infinite ease}.reveal-divider,.comparison-line{position:absolute;left:50%;top:4%;height:93%;width:1px;background:linear-gradient(transparent,#edca90 14%,#edca90 85%,transparent);z-index:4;pointer-events:none}.reveal-divider i,.comparison-line span{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#f8e7cd;box-shadow:0 0 0 3px rgba(178,125,58,.24);display:grid;place-items:center;font:19px system-ui,sans-serif;color:#6b3515;font-style:normal}.comparison-line{pointer-events:auto;touch-action:none}.comparison-line:before{content:"";position:absolute;left:-23px;right:-23px;inset-block:0}.reveal-complete{filter:drop-shadow(0 0 6px rgba(243,182,77,.32))}.reveal-surface .gesture-hint{top:98%;color:inherit}.seek-scene .bucket-art{top:57%;transition:transform 1.2s cubic-bezier(.22,.62,.25,1);transform-origin:50% 66.3%;animation:seek-enter 1.4s ease both}.peony-hotspot{position:absolute;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:5}.peony-hotspot>span{position:absolute;inset:3%;border:1px solid rgba(247,198,110,.42);border-radius:50%;animation:breath 2.4s ease infinite}.peony-hotspot>i{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,111,.24),transparent 69%)}.peony-hotspot .gesture-hint{top:128%;color:#f9deb7}.peony-hotspot .gesture-mark{display:none}.touched>span{animation:touch-ripple .8s ease forwards}.seek-zoom .bucket-art{animation:none;transform:translate(-50%,-50%) scale(2.2)}.seek-zoom .backdrop img{filter:blur(3px) brightness(.7);transform:scale(1.05)}.bloom-scene .backdrop img{filter:brightness(.53)}.bloom-flower{position:absolute;width:95%;aspect-ratio:1242/1185;left:50%;top:55.5%;transform:translate(-50%,-50%);perspective:700px;touch-action:none}.bloom-lacquer{position:absolute;inset:-9%;background:radial-gradient(ellipse,#a50e09 10%,#820a06 45%,rgba(94,6,3,.72) 61%,transparent 73%);z-index:-1}.petal-part,.petal-part img{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 52%;pointer-events:none}.petal-part{will-change:transform;backface-visibility:hidden}.flower-heart{position:absolute;left:38%;top:39%;width:24%;height:27%;background:radial-gradient(circle,#ffd381,transparent 68%);pointer-events:none}.rotate.gesture-hint{top:104%}.rotate .gesture-mark{width:49px;height:36px;border:1px solid;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;animation:rotate-hint 3s infinite ease}.rotate .gesture-mark:after{content:"";position:absolute;left:-2px;top:7px;border-top:1px solid;border-left:1px solid;width:6px;height:6px;transform:rotate(-25deg)}.bloom-scene .scene-bottom{bottom:calc(8% + var(--safe-bottom));gap:calc(var(--u) * 4)}.bloom-scene.is-complete .bloom-flower{filter:drop-shadow(0 0 6px rgba(241,162,77,.18))}.sparks{position:absolute;z-index:9;pointer-events:none}.sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f5d19b;animation:spark 1.1s var(--delay) ease-out both}.branch-traces{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.branch-guide{fill:none;stroke:#f8d2a0;stroke-width:8;stroke-linecap:round;opacity:.10}.branch-lit{fill:none;stroke:#f9d896;stroke-width:4;stroke-linecap:round;opacity:.83;filter:drop-shadow(0 0 3px #ffc771)}.branch-bud{fill:rgba(253,205,131,.4);stroke:#fbd49b;stroke-width:1;transition:opacity .6s;opacity:0}.branch-status,.craft-status{display:flex;justify-content:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 3.1);letter-spacing:.05em}.branch-status b{font-weight:400;margin-left:6px;opacity:.7}.done{color:#ffe0a5}.branch-status .done b{opacity:1}.branches.gesture-hint{top:98%}.branches .gesture-mark{height:22px;width:1px;background:currentColor;animation:branch-hint 2.5s infinite}.branches .gesture-mark:before{content:"";position:absolute;top:0;width:6px;height:6px;border-top:1px solid;border-left:1px solid;transform:translateX(-2.5px) rotate(45deg)}.all-flowers-lit{filter:drop-shadow(0 0 5px rgba(255,190,71,.25))}.side-body{position:absolute;width:125%;left:-47%;top:25%;aspect-ratio:853/1121}.side-body img{width:100%;height:100%;object-fit:contain;clip-path:polygon(0 0,100% 0,100% 38%,86% 38%,86% 100%,0 100%)}.swing-assembly{position:absolute;left:69%;top:44%;width:19%;aspect-ratio:416/1730;transform-origin:50% 1%;will-change:transform;cursor:grab}.swing-assembly:before{content:"";position:absolute;inset:-15px;z-index:2}.knot-piece,.silk-piece,.knot-piece img,.silk-piece img{position:absolute;inset:0;width:100%;height:100%}.knot-piece{clip-path:inset(0 0 60% 0);transform-origin:50% 1%}.silk-piece{clip-path:inset(39% 0 0 0);transform-origin:50% 40%;will-change:transform}.swing-assembly .gesture-hint{top:104%;left:22%;white-space:nowrap}.swing-assembly .gesture-hint small{font-size:calc(var(--u) * 3.1)}.tassel-scene .scene-bottom{bottom:calc(8% + var(--safe-bottom))}.tassel-scene .scene-shade{background:linear-gradient(180deg,rgba(22,5,2,.62),transparent 40%,transparent 76%,rgba(22,5,2,.75))}.magnifier{position:absolute;left:51%;top:56%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #eec789;box-shadow:0 0 0 3px rgba(56,22,5,.8),0 8px 22px rgba(16,5,1,.4);overflow:hidden;touch-action:none;cursor:grab;z-index:5;background:#3a190c}.magnifier canvas{display:block;width:100%;height:100%;pointer-events:none}.lens-glint{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:inset 2px 3px 9px rgba(255,226,175,.28),inset -2px -3px 6px rgba(11,3,1,.2);background:linear-gradient(135deg,rgba(255,233,190,.1),transparent 45%)}.magnifier small{position:absolute;right:14px;bottom:12px;font:10px system-ui,sans-serif;color:#ffe6b4;text-shadow:0 1px 4px #2e0800}.magnifier .gesture-hint{display:none}.craft-scene .bucket-art{top:53%;width:87%}.craft-scene .scene-bottom{bottom:calc(7% + var(--safe-bottom));gap:calc(var(--u) * 2.5)}.craft-status{gap:calc(var(--u) * 4);font-size:calc(var(--u) * 2.8);width:100%}.craft-status i{font-style:normal;margin-left:5px;opacity:.85}.craft-info{text-align:center;min-height:54px}.craft-info h2{font-size:calc(var(--u) * 4);font-weight:400;letter-spacing:.08em;margin-bottom:calc(var(--u) * 1.8)}.craft-info p{font-size:calc(var(--u) * 3.1);line-height:1.65;letter-spacing:.04em}.craft-scene .completion.visible{bottom:calc(27.5% + var(--safe-bottom));font-size:calc(var(--u) * 3.8)}.placement-target{opacity:.11;filter:sepia(1) saturate(.4) brightness(2.5);pointer-events:none;transition:opacity .25s}.placement-target .contact-shadow{display:none}.placement-target.near-target{opacity:.31}.placement-bucket{cursor:grab;touch-action:none;transition:filter .3s}.placement-bucket.lifting{filter:drop-shadow(0 9px 7px rgba(10,3,0,.28));cursor:grabbing}.placement-bucket.snapping{transition:top .8s ease,left .8s ease,width .8s ease,filter .8s ease}.placement-bucket .contact-shadow{opacity:.3;transition:opacity .8s,transform .8s}.lifting .contact-shadow{opacity:.1;transform:scale(.7)}.placed .contact-shadow{opacity:1}.placed .placement-target{opacity:0}.placed .backdrop img{transform:scale(.985)}.place-scene .scene-bottom{bottom:calc(7.5% + var(--safe-bottom));gap:calc(var(--u) * 2)}.placement-bucket .gesture-hint{top:99%}.room-warmth{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(120deg,rgba(231,114,31,.17),transparent 55%);opacity:0;transition:opacity 1.5s}.placed .room-warmth{opacity:1}.compare-labels{display:flex;justify-content:space-between;width:100%;font-size:calc(var(--u) * 3.4);letter-spacing:.1em}.compare-scene .gesture-hint{top:98%;color:inherit}.compare-scene .scene-bottom{bottom:calc(7.5% + var(--safe-bottom));gap:calc(var(--u) * 4)}.paper-revealed .comparison-line{opacity:.5}.finale-scene .bucket-art{top:45%;width:65%}.finale-scene .scene-bottom{bottom:calc(7% + var(--safe-bottom));gap:calc(var(--u) * 2.2)}.finale-copy{font-size:calc(var(--u) * 3.3);line-height:1.8;letter-spacing:.035em;margin-bottom:calc(var(--u) * 1.7)}.finale-scene .scene-heading{top:calc(10% + var(--safe-top) * .4)}.finale-scene .scene-heading p{font-size:calc(var(--u) * 4.3);letter-spacing:.12em;color:#a71008;margin-top:calc(var(--u) * 3)}.petal-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.petal-rain img{position:absolute;left:var(--x);top:-4%;width:4%;opacity:0;animation:petal-fall var(--duration) var(--delay) linear infinite}.hall-overlay{position:absolute;z-index:15;inset:0;padding:24% 9% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--ink);background:#f0e0c7 url('../assets/paper.webp') center/cover}.hall-intro{text-align:center;margin-bottom:30px}.hall-intro>span{color:#a50b06;font-size:calc(var(--u) * 3);letter-spacing:.2em}.hall-intro h2{font-size:calc(var(--u) * 9);font-weight:400;margin:28px 0}.hall-intro p{font-size:calc(var(--u) * 3.8);line-height:2}.loading{position:absolute;inset:0;z-index:30;background:#f3e6cf;color:#97221a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:calc(var(--u) * 4);letter-spacing:.1em;transition:opacity .55s}.loading-flower{font-size:60px;font-weight:100;animation:breath 2.5s infinite}.loading-track{width:40%;height:2px;background:rgba(137,39,25,.18)}.loading-track i{display:block;background:#a50b06;height:100%;width:0;transition:width .2s}.loading>span{font:11px system-ui,sans-serif;opacity:.65}.loading.loaded{opacity:0;pointer-events:none}.loading .primary-button{width:60%}.entering .scene-bottom{animation:ui-enter .8s ease both}.entering .bucket-art:not(.placement-bucket){animation:art-enter .9s ease both}
@keyframes paper-arrive{from{opacity:0;filter:brightness(1.15);transform:translate(-50%,-48%) scale(.97)}to{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}}
@keyframes art-enter{from{opacity:0}to{opacity:1}}@keyframes ui-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gold-paper{0%{filter:drop-shadow(0 0 0 #efce91);transform:scale(1.012)}45%{filter:drop-shadow(0 0 5px #efce91)}100%{filter:drop-shadow(0 0 8px #eebd73);transform:scale(1.12)}}@keyframes paper-darken{from{opacity:0}to{opacity:.85}}@keyframes swipe-gesture{0%,100%{transform:translateX(-8px);opacity:.4}50%{transform:translateX(8px);opacity:1}}@keyframes drag-gesture{0%,100%{transform:translate(-5px,3px)}50%{transform:translate(5px,-3px)}}@keyframes rotate-hint{0%{transform:rotate(-18deg);opacity:.35}60%{transform:rotate(35deg);opacity:1}100%{transform:rotate(35deg);opacity:0}}@keyframes breath{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.85;transform:scale(1.03)}}@keyframes touch-ripple{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes spark{from{transform:none;opacity:0}20%{opacity:.8}to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes branch-hint{0%,100%{transform:translateY(4px);opacity:.3}65%{transform:translateY(-6px);opacity:.9}}@keyframes petal-fall{0%{opacity:0;transform:translate(0,-25px) rotate(var(--tilt))}7%{opacity:.7}85%{opacity:.5}100%{opacity:0;transform:translate(var(--sway),calc(var(--stage-height) * 1.05)) rotate(calc(var(--tilt) + 80deg))}}@keyframes seek-enter{from{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(min-aspect-ratio:3/4){.experience{border-radius:0;box-shadow:0 0 100px #1e0804}}
.experience[data-scene="1"] .scene-heading h1,.experience[data-scene="10"] .scene-heading h1{color:#b30d09;font-size:calc(var(--u) * 7.1);letter-spacing:.055em}.experience[data-scene="10"] .scene-heading p{color:#a71008;font-size:calc(var(--u) * 4.3);letter-spacing:.1em}.peony-hotspot .gesture-hint small{display:none}.swing-assembly{left:61.25%;top:55%;width:16.5%}.side-body img{clip-path:polygon(0 0,100% 0,100% 46%,86% 46%,86% 100%,0 100%)}.swing-assembly .gesture-hint{left:35%;top:106%}.swing-assembly .gesture-hint small{display:none}.tassel-scene .scene-bottom>.bottom-caption{font-size:calc(var(--u) * 3.45)}.placement-target{filter:none;opacity:.23}.placement-target.near-target{opacity:.62}.placement-target .real-image{object-fit:contain}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.petal-rain{display:none}}

.side-body img{position:absolute;inset:0}.placement-bucket .gesture-hint small{display:none}
.bucket-art:before,.side-body:before{content:"";display:block;padding-top:131.4185%;pointer-events:none}.bloom-flower:before{content:"";display:block;padding-top:95.4106%;pointer-events:none}.swing-assembly:after{content:"";display:block;padding-top:415.8654%;pointer-events:none}.magnifier canvas{position:absolute;inset:0}.magnifier:before{content:"";display:block;padding-top:100%;pointer-events:none}