:root{--cream: #fbf7ee;--ink: #3A2A1A;--orange: #f6a01e;--orange-soft: #fbe3bd;--brown: #3a2a1e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--cream);font-family:"Baloo 2",Nunito,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink)}#root{height:100%;display:flex;justify-content:center}.flow-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.flow-bit{position:absolute;top:0;border-radius:2px;will-change:transform;transform:translateY(-14vh) rotate(var(--rot, 0deg))}@keyframes bg-fall{0%{transform:translateY(-14vh) rotate(var(--rot, 0deg))}to{transform:translateY(118vh) rotate(var(--rot, 0deg))}}.anim-busy .flow-bit{animation-play-state:paused!important}.app-frame{width:100%;max-width:420px;height:100vh;height:100dvh;background:transparent;position:relative;z-index:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;scrollbar-width:thin;scrollbar-color:rgba(58,42,26,.14) transparent}.app-frame::-webkit-scrollbar{width:8px}.app-frame::-webkit-scrollbar-track{background:transparent}.app-frame::-webkit-scrollbar-thumb{background:#3a2a1a24;border-radius:99px;border:2px solid transparent;background-clip:padding-box}.app-frame::-webkit-scrollbar-thumb:hover{background:#3a2a1a73;background-clip:padding-box}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(40px + env(safe-area-inset-top,0px)) 28px calc(36px + env(safe-area-inset-bottom,0px));text-align:center;animation:screen-in .45s cubic-bezier(.2,.7,.2,1) both}@keyframes screen-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.title{color:#3a2a1a;text-align:center;font-family:Be Vietnam Pro,"Baloo 2",system-ui,sans-serif;font-size:40px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-1.2px;margin:8px 0 32px}.phrase{font-size:30px;font-weight:800;margin:22px 0 14px;letter-spacing:-.5px}.scene-title{position:absolute;bottom:calc(112px + env(safe-area-inset-bottom,0px));left:0;right:0;margin:0;line-height:1;color:#3d2619;text-align:center;font-family:Be Vietnam Pro,"Baloo 2",system-ui,sans-serif;font-size:40px;font-style:normal;font-weight:800;letter-spacing:-1.6px;pointer-events:none;animation:smash-ui-up .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:.18s}.scene-title.cpk-below{bottom:auto;top:min(var(--cpk-title-top, 50%),calc(100% - 64px - env(safe-area-inset-bottom,0px)))}.scene-title.leaving{opacity:0;transition:opacity .18s ease}.hint{color:#9a9184;font-size:14px;margin:0 0 18px}.btn-primary{margin-top:auto;width:100%;display:flex;height:56px;padding:12px 20px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border:none;border-radius:16px;background:#3a2a1a;color:#fff9ee;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer}.btn-primary:active{transform:translateY(1px)}.btn-ghost{margin-top:14px;background:none;border:none;color:#b0a696;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit}.pinata-hang{display:flex;justify-content:center}.pinata-img{width:190px;height:auto;transform-origin:top center;-webkit-user-select:none;user-select:none}.float{animation:sway 3.2s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(calc(var(--pin-sway, 2deg) * -1))}50%{transform:rotate(var(--pin-sway, 2deg))}}.shake{animation:shake .18s ease}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(6deg) scale(1.02)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}.screen.intro{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:6}.screen.intro.leaving{overflow:hidden}.pinata-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.shared-pinata{position:absolute;left:50%;top:50%;width:min(480px,100%);aspect-ratio:460 / 700;transform-origin:50% 66%;transition:top .5s cubic-bezier(.5,0,.2,1),transform .5s cubic-bezier(.5,0,.2,1);will-change:transform,top}.shared-pinata.up{top:calc((100% - 460px) * var(--pin-up-pos, .35) + var(--pin-up-yoff, 59px));transform:translate(-50%,-66%) scale(var(--pin-up-scale, .58))}.shared-pinata.down{top:50%;transform:translate(-50%,-66%) scale(.75)}.shared-pinata .pinata-img{width:100%;height:100%;object-fit:contain}.pin-rope-pivot{position:absolute;left:50%;top:63.5%;width:0;height:0;display:none}.shared-pinata.down .pin-rope-pivot,.shared-pinata.up .pin-rope-pivot{display:block}.pin-rope-strip{position:absolute;left:-7px;bottom:-4px;width:14px;height:300vh;background:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%208%201800%27%3E%3Cpath%20d=%27M4%200%20C3.2%2015%203.2%2030%204%2045%20C4.8%2060%204.8%2075%204%2090%20C3.2%20105%203.2%20120%204%20135%20C4.8%20150%204.8%20165%204%20180%20C3.2%20195%203.2%20210%204%20225%20C4.8%20240%204.8%20255%204%20270%20C3.2%20285%203.2%20300%204%20315%20C4.8%20330%204.8%20345%204%20360%20C3.2%20375%203.2%20390%204%20405%20C4.8%20420%204.8%20435%204%20450%20C3.2%20465%203.2%20480%204%20495%20C4.8%20510%204.8%20525%204%20540%20C3.2%20555%203.2%20570%204%20585%20C4.8%20600%204.8%20615%204%20630%20C3.2%20645%203.2%20660%204%20675%20C4.8%20690%204.8%20705%204%20720%20C3.2%20735%203.2%20750%204%20765%20C4.8%20780%204.8%20795%204%20810%20C3.2%20825%203.2%20840%204%20855%20C4.8%20870%204.8%20885%204%20900%20C3.2%20915%203.2%20930%204%20945%20C4.8%20960%204.8%20975%204%20990%20C3.2%201005%203.2%201020%204%201035%20C4.8%201050%204.8%201065%204%201080%20C3.2%201095%203.2%201110%204%201125%20C4.8%201140%204.8%201155%204%201170%20C3.2%201185%203.2%201200%204%201215%20C4.8%201230%204.8%201245%204%201260%20C3.2%201275%203.2%201290%204%201305%20C4.8%201320%204.8%201335%204%201350%20C3.2%201365%203.2%201380%204%201395%20C4.8%201410%204.8%201425%204%201440%20C3.2%201455%203.2%201470%204%201485%20C4.8%201500%204.8%201515%204%201530%20C3.2%201545%203.2%201560%204%201575%20C4.8%201590%204.8%201605%204%201620%20C3.2%201635%203.2%201650%204%201665%20C4.8%201680%204.8%201695%204%201710%20C3.2%201725%203.2%201740%204%201755%20C4.8%201770%204.8%201785%204%201800%27%20fill=%27none%27%20stroke=%27%236A2F2F%27%20stroke-width=%275.9%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E) no-repeat center bottom;background-size:100% auto;pointer-events:none}.shared-pinata .pin-rope{display:none}.pin-bow{position:absolute;left:50%;top:60%;width:16.7%;aspect-ratio:60 / 42;transform:translate(-50%);display:none}.pin-bow svg{width:100%;height:100%;display:block;overflow:hidden}.shared-pinata.down .pin-bow,.shared-pinata.up .pin-bow{display:block}.shared-pinata.up .pin-punch{animation:sway var(--pin-sway-dur, 3.2s) ease-in-out infinite;--pin-sway: 4deg}.pin-swing{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.pin-punch{width:100%;height:100%;transform-origin:50% 63%}.pinata-svg{width:100%;height:100%}.pinata-svg svg{width:100%;height:100%;display:block;overflow:visible;transform-origin:50% 96%;animation:pin-breathe var(--pin-breathe-dur, 3.6s) ease-in-out infinite}.pin-eye,.pin-tail,.pin-leg{transform-box:fill-box}.pin-tail{transform-origin:4% 50%;animation:pin-wag var(--pin-tail-dur, 1.4s) ease-in-out infinite}.pin-eye{transform-origin:50% 50%;animation:pin-blink var(--pin-blink-dur, 4.6s) ease-in-out infinite;animation-play-state:var(--pin-blink-play, running)}.pin-fur{transform-box:view-box;transform-origin:180px 172px;animation:pin-fur-sway var(--pin-fur-dur, 3.2s) ease-in-out infinite;animation-delay:calc(var(--o, 0) * var(--pin-fur-stg, -.14s))}.pin-leg{transform-origin:50% 6%}.pin-leg-f{animation:pin-leg-swing var(--pin-leg-dur, 3.2s) ease-in-out infinite}.pin-leg-b{animation:pin-leg-swing var(--pin-leg-dur, 3.2s) ease-in-out infinite;animation-delay:calc(var(--pin-leg-dur, 3.2s) * -.5)}@keyframes pin-breathe{0%,to{transform:scale(1)}50%{transform:scale(var(--pin-breathe, 1.025))}}@keyframes pin-wag{0%,to{transform:rotate(calc(var(--pin-tail, 8deg) * -1))}50%{transform:rotate(var(--pin-tail, 8deg))}}@keyframes pin-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(var(--pin-blink, .12))}}@keyframes pin-fur-sway{0%,to{transform:rotate(calc(var(--pin-fur, 1.1deg) * -1))}50%{transform:rotate(var(--pin-fur, 1.1deg))}}@keyframes pin-leg-swing{0%,to{transform:rotate(calc(var(--pin-leg, 3.5deg) * -1))}50%{transform:rotate(var(--pin-leg, 3.5deg))}}.shared-pinata.shaking .pin-fur{animation:pin-fur-hit .5s ease-out;animation-delay:calc(var(--o, 0) * .03s)}@keyframes pin-fur-hit{0%{transform:rotate(0)}30%{transform:rotate(3.2deg)}60%{transform:rotate(-2deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.pinata-svg svg,.pin-tail,.pin-eye,.pin-fur,.pin-leg{animation:none!important}}.intro-content{width:100%;margin-top:auto;z-index:6;display:flex;flex-direction:column;align-items:center;padding:0 28px calc(12px + env(safe-area-inset-bottom,0px));transition:opacity .5s ease,transform .5s cubic-bezier(.5,0,.2,1)}.intro.leaving .intro-content{opacity:0;transform:translateY(64px);pointer-events:none}.intro-powered{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;text-decoration:none;cursor:pointer}.intro-powered .powered-by{color:#664634;font-family:Pretendard,system-ui,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.26px}.intro-powered .powered-logo{display:inline-block;width:46px;height:18px;aspect-ratio:23 / 9;background-color:#664634;-webkit-mask:url(/logo-panax.svg) center / contain no-repeat;mask:url(/logo-panax.svg) center / contain no-repeat;margin-left:-4px}.screen.smashing{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;justify-content:flex-end;cursor:pointer;animation:none;overflow:hidden}.smashing .progress{margin-bottom:calc(40px + env(safe-area-inset-bottom,0px))}.smashing .phrase,.smashing .progress{animation:smash-ui-up .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:.18s}.smashing .progress{animation-delay:.26s}@keyframes smash-ui-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}.pinata-hang.is-broken{position:relative;width:480px;max-width:100%;aspect-ratio:460 / 700}.pinata-half{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.pinata-half.left{clip-path:inset(0 50% 0 0);animation:split-left .5s forwards cubic-bezier(.35,.6,.3,1)}.pinata-half.right{clip-path:inset(0 0 0 50%);animation:split-right .5s forwards cubic-bezier(.35,.6,.3,1)}@keyframes split-left{0%{transform:translate(0) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(-48px) rotate(-14deg);opacity:0}}@keyframes split-right{0%{transform:translate(0) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(48px) rotate(14deg);opacity:0}}.hit-fx{position:fixed;z-index:40;width:0;height:0;pointer-events:none}.hit-ring{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #FF9F1C;border-radius:50%;animation:hit-ring .45s cubic-bezier(.2,.7,.3,1) forwards}@keyframes hit-ring{0%{transform:scale(.25);opacity:.95}to{transform:scale(2.8);opacity:0}}.hit-spark{position:absolute;left:0;top:0;width:4px;height:13px;margin:-6.5px 0 0 -2px;border-radius:2px;background:#ffc919;transform-origin:50% 100%;animation:hit-spark .42s cubic-bezier(.2,.7,.3,1) forwards}.hit-spark:nth-of-type(2n){background:#ff62a9}@keyframes hit-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(-8px) scaleY(.5)}to{opacity:0;transform:rotate(var(--a)) translateY(-27px) scaleY(1)}}.progress{position:relative;width:100%;max-width:300px;height:28px;background:#f9e9d2;border-radius:99px;margin-top:0;overflow:hidden}.progress-bar{height:100%;background:#ff9f1c;border-radius:99px;transition:width .25s ease}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#3a2a1a;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.progress-total{color:#3a2a1a80}.picker-card{width:100%;height:227px;box-sizing:border-box;background:#f4ecdb;border-radius:16px;padding:16px;margin-bottom:16px}.picker-label{color:#3a2a1a;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 16px}.wheel-picker{position:relative;display:flex;gap:10px;height:160px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 72%,transparent 100%)}.wheel-highlight{position:absolute;left:0;right:0;top:64px;height:32px;background:#f7d8ab;border-radius:8px;pointer-events:none}.wheel-col{flex:1;position:relative;z-index:1;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;scroll-padding-top:64px;cursor:grab;user-select:none;-webkit-user-select:none}.wheel-col:active{cursor:grabbing}.wheel-col::-webkit-scrollbar{display:none}.wheel-item{height:32px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;color:#b8ad9a;font-weight:500;letter-spacing:-.3px;transition:color .12s,font-size .12s}.wheel-item.is-selected{color:#3d2619;font-weight:500;font-size:20px}.cardpick{justify-content:center}.card-field{position:relative;width:100%;height:360px;display:flex;align-items:center;justify-content:center}.flip-card{position:absolute;width:96px;height:132px;border:none;border-radius:14px;cursor:pointer;box-shadow:0 8px 18px #0000001f;display:flex;align-items:center;justify-content:center;transform:translate(var(--x),var(--y)) rotate(var(--rot))}.flip-card.fall{animation:card-float 3.2s .62s ease-in-out infinite backwards,cardBurst .62s cubic-bezier(.16,.9,.3,1.2) backwards}.flip-card:nth-of-type(2){animation-duration:3.7s,.62s}.flip-card:nth-of-type(3){animation-duration:2.9s,.62s}.flip-card:nth-of-type(4){animation-duration:3.4s,.62s}.flip-card:nth-of-type(5){animation-duration:4.1s,.62s}@keyframes cardBurst{0%{transform:translate(0) scale(.14) rotate(0);opacity:0}45%{opacity:1}72%{transform:translate(calc(var(--x) * 1.12),calc(var(--y) * 1.12)) scale(1.08) rotate(var(--rot))}to{transform:translate(var(--x),var(--y)) scale(1) rotate(var(--rot));opacity:1}}@keyframes card-float{0%,to{transform:translate(var(--x),var(--y)) rotate(var(--rot))}50%{transform:translate(var(--x),calc(var(--y) - 8px)) rotate(var(--rot))}}.flip-card:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 22px 36px #0000003d;z-index:4}.flip-card:not(:disabled):active{filter:brightness(.97)}.flip-card.picked{z-index:10;animation:cardChosen .55s forwards cubic-bezier(.2,.85,.25,1.3)}@keyframes cardChosen{0%{transform:translate(var(--x),var(--y)) rotate(var(--rot)) scale(1)}55%{transform:translate(0) rotate(0) scale(1.34)}to{transform:translate(0) rotate(0) scale(1.24);box-shadow:0 26px 52px #0000004d,0 0 0 6px #ffffff38}}.flip-card.faded{animation:cardScatter .5s forwards ease-in;pointer-events:none}@keyframes cardScatter{to{transform:translate(calc(var(--x) * 2.7),calc(var(--y) * 2.7)) rotate(var(--rot)) scale(.65);opacity:0;filter:blur(2px)}}.card-logo{color:var(--logo, rgba(255,255,255,.72));font-weight:800;font-size:16px;letter-spacing:1px;transform:rotate(-8deg)}.card-logo.big{font-size:40px}.card-logo-img{width:66%;height:auto;opacity:.2;filter:brightness(0);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.screen.cardpick{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;justify-content:flex-start;animation:none}.cardpick.leaving .cpk-deco{opacity:0;transition:opacity .42s ease;pointer-events:none}.cardpick.leaving .cpk-phrase{opacity:0;transition:opacity .18s ease;pointer-events:none}.cpk-scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;--s: 1}.cpk-inner{position:absolute;top:0;left:0;width:320px;height:600px;transform-origin:top left;transform:scale(var(--s));display:flex;align-items:center;justify-content:center}.cpk-card{position:absolute;border:none;border-radius:16px;cursor:pointer;pointer-events:auto;box-shadow:0 8px 18px #0000001f;display:flex;align-items:center;justify-content:center;--yy: calc(var(--y) + var(--cy, 0px));transform:translate(var(--x),var(--yy)) scale(var(--fs, 1)) rotate(var(--rot));animation-name:cpk-float,cpk-burst;animation-duration:var(--fdur),var(--bdur);animation-delay:var(--fdelay),var(--bdelay);animation-timing-function:ease-in-out,var(--bez);animation-iteration-count:infinite,1;animation-fill-mode:backwards,backwards}.cpk-card:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 22px 36px #0000003d;z-index:4}.cpk-card:not(:disabled):active{filter:brightness(.97)}.cpk-logo{width:96%;height:auto;opacity:.2;filter:brightness(0);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}@keyframes cpk-burst{0%{transform:translate(0) scale(var(--ss)) rotate(0);opacity:0}40%{opacity:1}72%{transform:translate(calc(var(--x) * var(--ov)),calc(var(--yy) * var(--ov))) scale(calc(var(--fs) * var(--os))) rotate(var(--rot));opacity:1}to{transform:translate(var(--x),var(--yy)) scale(var(--fs)) rotate(var(--rot));opacity:1}}@keyframes cpk-float{0%,to{transform:translate(var(--x),var(--yy)) scale(var(--fs)) rotate(var(--rot))}50%{transform:translate(var(--x),calc(var(--yy) - var(--amp))) scale(var(--fs)) rotate(var(--rot))}}.cpk-card.picked{opacity:0;pointer-events:none}.cpk-card.faded{animation:cpk-scatter .5s forwards ease-in;pointer-events:none}@keyframes cpk-scatter{to{transform:translate(calc(var(--x) * 2.7),calc(var(--yy) * 2.7)) scale(calc(var(--fs) * .7)) rotate(var(--rot));opacity:0;filter:blur(2px)}}.cpk-fx{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.cpk-bit{position:absolute;left:0;top:0;display:block;opacity:0;transform:translate(-50%,-50%);animation-name:cpk-pfly;animation-timing-function:cubic-bezier(.15,.6,.4,1);animation-fill-mode:forwards}@keyframes cpk-pfly{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.6)}16%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--r)) scale(1)}}.cpk-flash{position:absolute;left:0;top:0;border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:cpk-flash .7s ease-out forwards}@keyframes cpk-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}22%{opacity:var(--flash-op, .8);transform:translate(-50%,-50%) scale(.95)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}.cpk-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cpk-drift{position:absolute;will-change:transform}.cpk-deco-img{position:absolute;left:0;top:0;display:block;transform:translate(-50%,-50%) rotate(var(--rot, 0deg))}.cpk-deco-bit{position:absolute;left:0;top:0;border-radius:2px;transform:translate(-50%,-50%) rotate(var(--rot, 0deg))}@keyframes cpk-fall{0%{transform:translateY(-80px)}to{transform:translateY(780px)}}.cpk-pinata{position:absolute;left:50%;top:50%;transform:translate(-50%,-66%) scale(.75);width:480px;max-width:100%;aspect-ratio:460 / 700;z-index:15;pointer-events:none}.cpk-pinata .pinata-half{transform-origin:50% 66%}.cpk-pinata-svg svg,.cpk-pinata-svg .pin-eye,.cpk-pinata-svg .pin-tail,.cpk-pinata-svg .pin-fur,.cpk-pinata-svg .pin-leg{animation:none!important}.cpk-pinata-svg .pin-front,.cpk-pinata-svg .pin-back{transform-box:fill-box}.cpk-pinata-svg .pin-front{transform-origin:100% 50%;animation:pin-split-left .5s forwards cubic-bezier(.35,.6,.3,1)}.cpk-pinata-svg .pin-back{transform-origin:0% 50%;animation:pin-split-right .5s forwards cubic-bezier(.35,.6,.3,1)}.cpk-pinata-svg .pin-rope{animation:pin-rope-fade .5s forwards cubic-bezier(.35,.6,.3,1)}@keyframes pin-split-left{0%{transform:translate(0) rotate(0);opacity:1}55%{opacity:1}to{transform:translate(-34px,6px) rotate(-18deg);opacity:0}}@keyframes pin-split-right{0%{transform:translate(0) rotate(0);opacity:1}55%{opacity:1}to{transform:translate(34px,6px) rotate(18deg);opacity:0}}@keyframes pin-rope-fade{0%{opacity:1}55%{opacity:1}to{opacity:0}}.cpk-phrase{position:absolute;bottom:96px;left:0;right:0;color:#3d2619;text-align:center;font-family:Be Vietnam Pro,"Baloo 2",system-ui,sans-serif;font-size:40px;font-style:normal;font-weight:800;line-height:normal;letter-spacing:-1.6px}@media(prefers-reduced-motion:reduce){.cpk-card,.cpk-card.picked,.cpk-card.faded,.cpk-bit,.cpk-drift{animation:none!important}.cpk-fx{display:none}}.reveal{justify-content:flex-start;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;min-height:0;animation:none;padding-top:calc(32px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;z-index:3}.reveal.pose-intro{overflow:hidden;scrollbar-gutter:stable}.scroll-cue{position:fixed;left:calc(50% - var(--sbw, 0px) / 2);bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:8;width:34px;height:34px;display:grid;place-items:center;padding:0;border:none;cursor:pointer;border-radius:999px;color:#3a2a1a;background:#fbf7eeb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 3px 12px #3a2a1a29;opacity:0;transition:opacity .3s ease;animation:scroll-cue-bob 1.7s ease-in-out infinite}.scroll-cue.on{opacity:.85}.scroll-cue svg{width:18px;height:18px;display:block}.scroll-cue.on:active{opacity:1}@keyframes scroll-cue-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}@media(prefers-reduced-motion:reduce){.scroll-cue{animation:none}}.reveal.modal-open{overflow:hidden}.reveal .dialog-overlay{padding-right:calc(20px + var(--sbw, 0px))}.reveal:not(.pose-intro){justify-content:safe center}.hero-morph,.twin-card-flip{width:min(340px,86vw);aspect-ratio:3 / 4;height:auto}.hero-morph{position:relative;margin-top:0;transform-origin:50% 50%;will-change:transform;perspective:1200px}.twin-card-flip{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;transition:transform var(--rev-flip-dur, .7s) var(--rev-flip-ease, cubic-bezier(.45,.05,.15,1))}.twin-card-flip.flipped{transform:rotateY(180deg)}.reveal-panel{margin-top:40px;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 28px;transition:opacity .3s ease}.reveal-panel.hidden{opacity:0;pointer-events:none}.reveal-panel .phrase{margin:0 0 6px}.reveal-panel .hint{margin-bottom:14px}.reveal-panel:has(.cust-inputs) .hint,.reveal-panel:has(.share-actions) .hint{margin-bottom:0}.reveal-hero{transition:transform .55s cubic-bezier(.2,.8,.3,1);will-change:transform}.reveal-head{text-align:center;transition:transform .55s cubic-bezier(.2,.8,.3,1);will-change:transform}.reveal.pose-intro .reveal-hero{transform:translateY(var(--rev-hero-ty, clamp(24px, 12vh, 120px)))}.reveal.pose-intro .reveal-head{transform:translateY(clamp(90px,22vh,260px))}.reveal.pose-intro .reveal-head.flip-cue{transform:none}.reveal-head.flip-cue{position:absolute;left:0;right:0;bottom:auto;top:min(var(--rev-head-top, 62%),calc(100% - 96px - env(safe-area-inset-bottom,0px)))}.reveal-head.flip-cue .phrase{margin-bottom:0}.reveal-head.flip-cue .hint{position:absolute;top:100%;left:0;right:0;margin-top:8px}.reveal-head .phrase{color:#3d2619;text-align:center;white-space:nowrap;font-family:Be Vietnam Pro,"Baloo 2",system-ui,sans-serif;font-size:40px;font-style:normal;font-weight:800;line-height:1;letter-spacing:-1.6px;margin:0 0 8px}.reveal-head .hint{color:#3d2619;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.24px}.share-actions{width:min(340px,86vw);margin-top:40px;display:flex;flex-direction:column;align-items:center;animation:cust-rise .5s cubic-bezier(.2,.85,.3,1)}.twin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 14px 30px #00000026}.twin-back{background:linear-gradient(150deg,#6ea0ff,#4d74e6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:rotateY(0);overflow:hidden}.twin-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.38) 49%,rgba(255,255,255,.12) 55%,transparent 64%);transform:translate(-140%);pointer-events:none;z-index:2}.twin-card-flip:not(.flipped) .twin-back:after{animation:card-shine 3.6s ease-in-out infinite}@keyframes card-shine{0%{transform:translate(-140%)}34%{transform:translate(140%)}to{transform:translate(140%)}}.twin-front{transform:rotateY(180deg);padding:14px;display:flex;flex-direction:column;overflow:hidden;color:var(--ink, #08183a)}.twin-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.6) 48%,transparent 64%);transform:translate(-130%);pointer-events:none;z-index:6}@keyframes glare{to{transform:translate(130%)}}.twin-card-flip.flipped .date-badge{animation:pop-in var(--rev-ent-dur, .5s) var(--rev-ent-delay, .42s) backwards cubic-bezier(.2,.9,.3,1.4)}.twin-card-flip.flipped .twin-portrait{animation:rise-in var(--rev-ent-dur, .5s) calc(var(--rev-ent-delay, .42s) + var(--rev-ent-stagger, .06s)) backwards ease}.twin-card-flip.flipped .twin-info{animation:rise-in var(--rev-ent-dur, .5s) calc(var(--rev-ent-delay, .42s) + var(--rev-ent-stagger, .06s) * 2) backwards ease}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.twin-portrait{position:relative;flex:1 1 auto;min-height:0;border-radius:16px;background:var(--port, #f5d178);display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait-ph{font-size:72px;font-weight:800;color:#fffc}.twin-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.twin-portrait-img{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}.date-badge{position:absolute;left:12px;top:12px;z-index:2;display:flex;width:64px;height:64px;flex-direction:column;align-items:center;border-radius:12px;background:#fffaf2;overflow:hidden}.date-badge-mon{display:flex;align-self:stretch;height:24px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;background:var(--card, #7AA1D6);color:#00133d;font-family:Pretendard,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:normal}.date-badge-day{flex:1;display:flex;align-items:center;justify-content:center;color:#00133d;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:normal}.twin-corner-logo{position:absolute;top:12px;right:12px;z-index:2;width:57px;height:20px;aspect-ratio:57 / 20;filter:brightness(0);opacity:.2;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.twin-game-pill{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;justify-content:center;align-items:center;gap:2px;padding:8px 12px;max-width:240px;background:var(--pill-bg, rgba(255,255,255,.1));border-radius:999px;color:#00133d;font-family:Pretendard,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:normal;white-space:nowrap;overflow:hidden}.twin-game-pill a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:2px;min-width:0;max-width:100%}.twin-game-pill .game-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twin-info{margin-top:12px;text-align:center;color:var(--ink, #08183a)}.twin-name{color:var(--twin-text, #00133D);text-align:center;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:normal;letter-spacing:-.48px;margin:0}.twin-desc{color:var(--twin-text, #00133D);text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:normal;margin:6px 8px 0}.twin-foot{margin-top:11px;padding-top:11px;border-top:1px solid rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;gap:8px}.twin-foot .foot-text{color:#00133d80;font-family:Pretendard,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:normal}.twin-foot .foot-text b{color:#00133d;font-weight:500}.foot-avatar{width:22px;height:22px;border-radius:50%;background:#00000024;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.foot-avatar img{width:100%;height:100%;object-fit:cover}.foot-avatar-ic{width:15px;height:15px;color:var(--ink, #08183a)}.capture-wrap{position:fixed;left:-10000px;top:0;pointer-events:none}.capture-card{position:relative;width:340px;height:453px;border-radius:18px;overflow:hidden}.capture-card .twin-front{position:absolute;top:0;right:0;bottom:0;left:0;transform:none}.capture-card *{box-shadow:none!important}.capture-card.cap-overlay .twin-face,.capture-card.cap-overlay .twin-portrait{background:transparent!important}.capture-card.cap-overlay .twin-portrait-img,.capture-card.cap-overlay .twin-info{visibility:hidden!important}.reveal-panel{max-width:min(340px,86vw)}.cust-inputs{width:min(340px,86vw);margin-top:40px;display:flex;flex-direction:column;align-items:center;animation:cust-rise .5s cubic-bezier(.2,.85,.3,1)}@keyframes cust-rise{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}.cust-row{display:flex;gap:16px;width:100%;align-items:center}.photo-upload{position:relative;width:48px;height:48px;flex:none;border-radius:50%;border:0;background:#f9e9d2;box-shadow:0 6px 16px #3a2a1a1f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .15s ease}.photo-upload:hover{border-color:var(--orange)}.photo-upload.has{border:0}.photo-cam{width:26px;height:26px}.photo-upload img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.photo-upload .photo-ph-icon{position:relative;inset:auto;width:24px;height:24px;object-fit:none;border-radius:0;z-index:1}.photo-upload .photo-user{opacity:.5}.photo-edit{position:absolute;right:0;bottom:0;width:20px;height:20px;border-radius:50%;background:#0000009e;color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center}.photo-edit svg{width:11px;height:11px}.name-field{position:relative;flex:1;display:flex}.name-field .text-input{flex:1;padding-right:48px}.name-float{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#3a2a1a;opacity:.4;font-family:Pretendard,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:normal;pointer-events:none;transition:top .15s ease,font-size .15s ease,opacity .15s ease,transform .15s ease}.name-field .text-input:not(:placeholder-shown)+.name-float{top:7px;transform:none;font-size:12px;opacity:.4}.name-field .text-input:not(:placeholder-shown){padding-top:14px;padding-bottom:0}.text-input{border:none;background:#f2e7cf;border-radius:20px;height:48px;padding:0 16px;box-sizing:border-box;color:#3a2a1a;font-family:Pretendard,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:normal;outline:none;width:100%;user-select:text;-webkit-user-select:text}.text-input::placeholder{color:#3a2a1a;opacity:.4}.text-input:focus{border-color:var(--orange)}.name-clear{position:absolute;right:8px;top:0;bottom:0;width:36px;flex-shrink:0;background:none;border:0;color:#3a2a1a;cursor:pointer;opacity:.4;display:flex;align-items:center;justify-content:center}.name-clear .clear-ic{width:36px;height:36px;display:block}.cust-help{color:#3a2a1a;font-family:Pretendard,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:normal;opacity:.6;margin:8px 0 16px 80px;align-self:flex-start}.lock-in{width:100%;margin-top:4px}.act-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:0;margin-bottom:10px;text-decoration:none}.act-ic{width:24px;height:24px;flex:none}.act-btn:disabled{cursor:default}.act-spinner{width:20px;height:20px;flex:none;border-radius:50%;border:2.5px solid rgba(255,249,238,.3);border-top-color:#fff9ee;animation:act-spin .7s linear infinite}@keyframes act-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.act-spinner{animation-duration:1.4s}}.btn-secondary{display:flex;width:100%;height:56px;padding:12px 20px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:16px;background:#f9e9d2;color:#664634;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:normal;cursor:pointer;border:none}.btn-secondary:active{filter:brightness(.97)}.share-links{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 32px}.share-links button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;background:none;border:none;cursor:pointer;color:#664634;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:normal}.share-links button:hover{color:var(--brown)}.link-ic{width:24px;height:24px}.share-div{width:2px;height:16px;flex:none;border-radius:99px;background:#664634;font-size:0;overflow:hidden}.promo-banner{display:block;width:100%;margin-bottom:16px;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #0000001f}.promo-banner img{display:block;width:100%;height:auto}.promo-banner video{display:block;width:100%;height:auto;aspect-ratio:540 / 304;object-fit:cover}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0006;display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade .2s ease;padding:10px}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.sheet{display:flex;width:350px;min-width:256px;max-width:400px;padding:16px;flex-direction:column;align-items:center;gap:8px;border-radius:16px;background:#fff9ee;animation:sheet-up .24s cubic-bezier(.2,.8,.3,1)}@keyframes sheet-up{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.sheet-item{display:flex;height:48px;padding:0 16px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border:none;cursor:pointer;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:normal;border-radius:12px;background:#3a2a1a;color:#fff9ee}.sheet-item.danger{background:#f9e9d2;color:#ed4f2e}.sheet-item.cancel{background:transparent;color:#664634}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;animation:sheet-fade .2s ease}.dialog{display:flex;width:350px;min-width:256px;max-width:400px;height:171px;padding:16px;flex-direction:column;align-items:center;border-radius:16px;background:#fff9ee;text-align:center;animation:dialog-pop .22s cubic-bezier(.2,.8,.3,1)}.dialog-head{flex:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}@keyframes dialog-pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}.dialog-title{margin:0;color:#3a2a1a;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:22px}.dialog-desc{margin:0;color:#3a2a1a;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:21px;opacity:.6}.dialog-ok{display:flex;height:48px;padding:0 16px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border:none;cursor:pointer;border-radius:12px;background:#3a2a1a;color:#fff9ee;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:normal}.dialog-ok:active{transform:scale(.98)}.saveimg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;bottom:-18vh;background:#00000094;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 20px calc(24px + 18vh + env(safe-area-inset-bottom,0px));animation:sheet-fade .2s ease}.saveimg-img{max-width:min(78vw,300px);max-height:58vh;width:auto;height:auto;border-radius:16px;box-shadow:0 12px 40px #00000073;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:auto;animation:dialog-pop .22s cubic-bezier(.2,.8,.3,1)}.saveimg-tip{margin:0;color:#fff9ee;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:17px;font-weight:500;line-height:23px}.saveimg-tip b{font-weight:700}.saveimg-close{width:min(78vw,300px);margin-bottom:0;align-self:center}.crop-dialog{width:320px;height:485px;max-width:92vw;padding:32px 32px 16px;display:flex;flex-direction:column;align-items:center;border-radius:16px;background:#fff9ee;animation:dialog-pop .22s cubic-bezier(.2,.8,.3,1)}.crop-title{margin:0;color:#3a2a1a;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:22px}.crop-sub{margin:8px 0 0;color:#3a2a1a;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:21px;opacity:.6}.crop-view{position:relative;width:100%;aspect-ratio:1;margin-top:24px;overflow:hidden;border-radius:12px;background:#e9e0d0;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.crop-view:active{cursor:grabbing}.crop-view img{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;-webkit-user-drag:none}.crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 9999px #3a2a1a6b,inset 0 0 0 2px #ffffffeb;pointer-events:none}.crop-zoom{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;cursor:pointer;margin-top:20px;background:linear-gradient(to right,#3A2A1A 0%,#3A2A1A var(--fill, 0%),rgba(58,42,26,.16) var(--fill, 0%),rgba(58,42,26,.16) 100%)}.crop-zoom::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3a2a1a;border:none;box-shadow:0 1px 4px #3a2a1a66;cursor:pointer}.crop-zoom::-moz-range-track{height:6px;border-radius:999px;background:#3a2a1a29}.crop-zoom::-moz-range-progress{height:6px;border-radius:999px;background:#3a2a1a}.crop-zoom::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3a2a1a;border:none;box-shadow:0 1px 4px #3a2a1a66;cursor:pointer}.crop-actions{display:flex;gap:8px;width:calc(100% + 32px);margin-top:auto}.crop-actions button{display:flex;height:48px;padding:0 16px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border:none;border-radius:12px;cursor:pointer;text-align:center;font-family:Pretendard,system-ui,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.crop-cancel{background:#f9e9d2;color:#664634}.crop-apply{background:#3a2a1a;color:#fff9ee}.crop-actions button:active{transform:scale(.98)}.photo-toast{position:fixed;z-index:60;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:min(340px,86vw);padding:12px 18px;border-radius:999px;background:#3a2a1af0;color:#fff9ee;font-family:Pretendard,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.3;text-align:center;box-shadow:0 8px 24px #00000038;animation:photo-toast-in .18s ease both}@keyframes photo-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.burst{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.burst .flash{position:absolute;left:calc(var(--rev-flash-size, 280px) / -2);top:calc(var(--rev-flash-size, 280px) / -2);width:var(--rev-flash-size, 280px);height:var(--rev-flash-size, 280px);border-radius:50%;background:radial-gradient(circle,var(--rev-flash-color, #fff4c8),transparent 68%);opacity:0;animation:flash-pop .7s .32s ease-out}@keyframes flash-pop{0%{opacity:0;transform:scale(.3)}22%{opacity:var(--rev-flash-op, .95)}to{opacity:0;transform:scale(1.7)}}.burst .confetti{position:absolute;left:0;top:0;width:var(--rev-conf-size, 9px);height:calc(var(--rev-conf-size, 9px) * 1.55);border-radius:2px;background:var(--c, #ffd86b);opacity:0;transform:translate(-50%,-50%);animation:confetti-fly var(--rev-conf-dur, .95s) calc(.3s + var(--d, 0s)) cubic-bezier(.15,.6,.4,1) forwards}@keyframes confetti-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.6)}16%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--r)) scale(1)}}@media(prefers-reduced-motion:reduce){.screen,.flip-card.fall,.flip-card.picked,.flip-card.faded,.twin-card-flip,.twin-card-flip.flipped,.twin-back,.twin-card-flip.flipped .date-badge,.twin-card-flip.flipped .twin-portrait,.twin-card-flip.flipped .twin-info,.twin-card-flip.flipped .twin-front:after,.twin-card-flip:not(.flipped) .twin-back:after{animation:none!important}.burst{display:none}.twin-face{transition-duration:.25s}}.bgm-toggle{display:flex;width:48px;height:48px;padding:12px;justify-content:center;align-items:center;position:fixed;left:min(calc(50vw + 146px),calc(100vw - 64px));right:auto;top:calc(16px + env(safe-area-inset-top,0px));z-index:50;border:none;cursor:pointer;border-radius:99px;background:#f9e9d2;box-shadow:0 8px 20px #3a2a1a1f;color:#664634;transition:transform .15s ease}.bgm-toggle svg{width:24px;height:24px;flex-shrink:0}.bgm-toggle:hover{transform:scale(1.06)}.bgm-toggle:active{transform:scale(.95)}