@import url("https://hangeul.pstatic.net/hangeul_static/css/maru-buri.css");.casual-page{position:relative;min-height:100dvh;background:radial-gradient(120% 70% at 70% -10%,rgba(122,84,220,.32),transparent 62%),linear-gradient(180deg,#241549,#170e33 46%,#0e081f)}.casual-sky{position:fixed;top:0;bottom:0;left:var(--app-mobile-inset);right:auto;z-index:0;width:var(--app-mobile-shell);max-width:var(--app-mobile-width);height:100%;object-fit:cover;pointer-events:none}body:has(.casual-page) .content-site-header{display:none}.casual-page>:not(.casual-sky){position:relative;z-index:1}.card-select-screen--casual,.card-select-screen--casual:before{background:transparent}.card-select-screen--casual{width:var(--app-mobile-shell);max-width:var(--app-mobile-width);margin-inline:auto}.card-select-screen--casual:not(.card-select-screen--reading) .card-select-heading,.card-select-screen--casual:not(.card-select-screen--reading) .card-select-question{position:static;translate:none;left:auto;top:auto}.card-select-screen--casual:not(.card-select-screen--reading) .card-select-stack{position:absolute;top:clamp(84px,14vh,132px);left:50%;translate:-50% 0;z-index:4;width:var(--app-mobile-shell);max-width:var(--app-mobile-width);display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:0 18px;pointer-events:none}.card-select-screen--casual.card-select-screen--reading{--card-select-heading-top:var(--ritual-memo-top);--card-select-question-top:var(--ritual-question-top)}.card-select-screen--casual.card-select-screen--reading .card-select-question p{font-size:18.5px;font-weight:700;line-height:1.7;color:#fdf8ee;text-shadow:0 1px 4px rgba(10,5,22,.95),0 3px 16px rgba(10,5,22,.8)}.card-select-screen--casual.card-select-screen--reading .primary-action{height:auto;min-height:52px;max-width:min(392px,calc(100vw - 36px));padding:13px 26px;line-height:1.45;white-space:normal;word-break:keep-all;text-wrap:balance}.card-select-screen--casual:after{background:linear-gradient(180deg,rgba(11,6,22,.34),transparent 28%,rgba(11,6,22,.52))}.card-select-screen--casual .memo-title{width:auto;padding:0 24px;background-image:none;font-size:clamp(20px,5.4vw,24px);font-weight:700;line-height:1.3;letter-spacing:.02em;color:#f4dfa8;text-shadow:0 0 16px rgba(227,190,122,.4),0 1px 10px rgba(0,0,0,.75)}.card-select-screen--casual .card-select-question{width:min(430px,100vw);aspect-ratio:auto;min-height:0;padding:0 28px;background-image:none}.card-select-screen--casual .card-select-question p{font-size:15px;font-weight:400;line-height:1.6;color:#d9cdf0;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.8);transform:none}.card-select-screen--casual .card-select-back-button{top:26px;left:max(18px,calc(50% - 215px));width:38px;height:38px;border-radius:50%;border-color:rgba(227,196,130,.34);background:rgba(20,10,40,.55);box-shadow:none;color:#e3be7a;font-size:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-select-screen--casual .fan-center-marker{top:clamp(8px,1.5svh,18px)}.fan-card-select-screen.card-select-screen--casual{--card-select-fan-height:clamp(292px,39svh,412px);--card-select-fan-bottom:clamp(30px,4svh,44px);overflow-y:clip}.card-select-screen--casual .fan-card{width:clamp(88px,23.5vw,138px)}.card-select-screen--casual .primary-action{min-width:220px;height:52px;border-radius:999px;border:1px solid rgba(255,240,200,.55);color:#2a1638;background:linear-gradient(180deg,#f6e2ae,#d9ab5c 55%,#c2903f);box-shadow:0 8px 20px rgba(0,0,0,.45),0 0 16px rgba(227,190,122,.25);font-size:15px;font-weight:700;letter-spacing:.02em}.casual-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:70dvh;padding:26px 24px;text-align:center}.casual-intro h1{font-size:24px;font-weight:700;color:#f4dfa8;text-shadow:0 0 16px rgba(227,190,122,.35)}.casual-intro p{font-size:13.5px;line-height:1.6;color:#b3a6d4}.casual-screen{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:26px 18px 44px;overflow-x:clip}.casual-topbar{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;width:100%;max-width:430px;margin-bottom:16px}.casual-topbar__title{grid-column:2;font-size:22px;font-weight:700;letter-spacing:.02em;color:#f4dfa8;text-align:center;text-shadow:0 0 16px rgba(227,190,122,.4),0 1px 10px rgba(0,0,0,.75)}.casual-back{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;border:1px solid rgba(227,196,130,.34);background:rgba(20,10,40,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;-webkit-tap-highlight-color:transparent}.casual-back svg{width:18px;height:18px;stroke:#e3be7a;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.casual-back:active{background:rgba(227,190,122,.2)}.casual-verdict{position:relative;margin:4px 0 2px;font-size:clamp(40px,11.5vw,56px);font-weight:700;line-height:1.14;letter-spacing:.01em;text-align:center;text-wrap:balance;word-break:keep-all;background-image:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.9) 50%,transparent 62%),var(--verdict-fill);background-repeat:no-repeat;background-size:240% 100%,100% 100%;background-position:220% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:casual-verdict-arrive .72s cubic-bezier(.2,.8,.2,1) both,casual-verdict-breathe 4.6s ease-in-out .72s infinite,casual-verdict-sheen 5.6s ease-in-out 1.2s infinite}.casual-verdict:before{content:"";position:absolute;inset:-38% -14%;z-index:-1;background:radial-gradient(50% 46% at 50% 50%,var(--verdict-glow),transparent 72%);animation:casual-verdict-halo 4.6s ease-in-out .72s infinite}.casual-verdict--yes{--verdict-fill:linear-gradient(180deg,#fff6d8,#f4dfa8 44%,#d9a94f);--verdict-glow:rgba(227,190,122,0.42)}.casual-verdict--no{--verdict-fill:linear-gradient(180deg,#f8e4f2,#d9b6d2 46%,#a877a4);--verdict-glow:rgba(190,130,180,0.38)}.casual-verdict--notYet{--verdict-fill:linear-gradient(180deg,#e6efff,#b9c8e8 46%,#7d94c6);--verdict-glow:rgba(140,165,220,0.36)}@keyframes casual-verdict-arrive{0%{transform:scale(.82);opacity:0;filter:blur(9px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes casual-verdict-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes casual-verdict-halo{0%,to{opacity:.72;transform:scale(.97)}50%{opacity:1;transform:scale(1.05)}}@keyframes casual-verdict-sheen{0%{background-position:220% 0,0 0}38%,to{background-position:-80% 0,0 0}}.casual-shared-eyebrow{text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em;color:#e3be7a;text-shadow:0 1px 8px rgba(0,0,0,.7)}.casual-screen--shared{justify-content:center}.casual-screen--shared .casual-action{display:grid;place-items:center;text-decoration:none}.casual-card-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px}.casual-flip{width:min(210px,56vw);aspect-ratio:814/1221;perspective:1200px;animation:casual-card-rise .85s cubic-bezier(.2,.7,.2,1) both}.casual-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:casual-card-flip .85s cubic-bezier(.35,.05,.2,1) .3s both}.casual-flip__face{position:absolute;inset:0;border-radius:14px;overflow:hidden;border:1.5px solid rgba(227,190,122,.75);box-shadow:0 22px 46px rgba(0,0,0,.6);-webkit-backface-visibility:hidden;backface-visibility:hidden}.casual-flip__face img{display:block;width:100%;height:100%;object-fit:cover}.casual-flip__face--front{transform:rotateY(180deg)}.casual-flip__face--front.is-reversed img{transform:rotate(180deg)}@keyframes casual-card-rise{0%{transform:translateY(170px) scale(.82);opacity:.25}to{transform:translateY(0) scale(1);opacity:1}}@keyframes casual-card-flip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.casual-card-name{font-size:22px;font-weight:700;color:#f4dfa8;text-shadow:0 0 16px rgba(227,190,122,.4)}.casual-screen--reveal .casual-card-name{animation:casual-name-arrive .5s ease 1.15s both}@keyframes casual-name-arrive{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.casual-result{width:100%;margin-top:22px;display:flex;flex-direction:column;gap:14px;animation:casual-result-rise .5s ease both}.casual-screen{--casual-column:min(100%,358px)}.casual-screen>*{width:100%;max-width:var(--casual-column)}.casual-screen .casual-prose{max-width:100%}@keyframes casual-result-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.casual-lead{display:flex;align-items:center;gap:15px;padding:16px;border-radius:18px;border:1px solid rgba(227,196,130,.34);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 34%),rgba(16,8,34,.84);box-shadow:0 18px 40px rgba(0,0,0,.5)}.casual-lead__card{flex:none;width:86px;border-radius:10px;overflow:hidden;border:1.5px solid rgba(227,190,122,.7)}.casual-lead__card img{display:block;width:100%;height:auto}.casual-lead__card.is-reversed img{transform:rotate(180deg)}.casual-lead__meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.casual-lead__meta .casual-card-name{font-size:20px}.casual-orientation{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#e3be7a;border:1px solid rgba(227,190,122,.55);background:rgba(227,190,122,.1)}.casual-share-line{font-size:14px;line-height:1.55;color:#f5e6c4}.casual-body{padding:18px;border-radius:18px;border:1px solid rgba(227,196,130,.34);background:rgba(16,8,34,.82)}.casual-section+.casual-section{margin-top:18px}.casual-section h2{font-size:13px;font-weight:700;letter-spacing:.04em;color:#e3be7a}.casual-section p{margin-top:7px;font-size:13.5px;line-height:1.75;color:rgba(245,230,196,.92)}.casual-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(227,196,130,.18)}.casual-keywords span{padding:5px 10px;border-radius:999px;font-size:11px;color:#b3a6d4;border:1px solid rgba(179,166,212,.35);background:rgba(120,100,180,.14)}.casual-disclaimer{align-self:center;width:100%;max-width:min(100%,27em);padding:14px 18px;border-radius:14px;border:1px dashed rgba(179,166,212,.42);background:rgba(26,13,50,.78);font-size:13px;line-height:1.75;color:rgba(202,191,228,.98);text-align:center;word-break:keep-all}.casual-actions{display:flex;gap:10px}.casual-action{flex:1 1;height:50px;border-radius:999px;font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;color:#2a1638;border:1px solid rgba(255,240,200,.55);background:linear-gradient(180deg,#f6e2ae,#d9ab5c 55%,#c2903f);box-shadow:0 8px 20px rgba(0,0,0,.45)}.casual-action--ghost{color:#e3be7a;border-color:rgba(227,196,130,.34);background:rgba(18,9,38,.8);box-shadow:none}.casual-action:active{transform:translateY(1px);filter:brightness(.94)}.casual-screen--judge{justify-content:flex-start}.judge-setup{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:430px;margin-top:clamp(24px,12svh,90px)}.judge-setup__prompt{font-size:15px;color:#b3a6d4;text-shadow:0 1px 8px rgba(0,0,0,.8)}.judge-counts{display:grid;grid-template-columns:repeat(4,56px);grid-gap:10px;gap:10px}.judge-count{height:56px;border:1px solid rgba(227,196,130,.34);border-radius:16px;background:rgba(18,9,38,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5e6c4;font-family:inherit;font-size:19px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.judge-count:active{transform:scale(.94)}.judge-count.is-selected{border-color:rgba(255,240,200,.7);background:linear-gradient(180deg,#f6e2ae,#d9ab5c 55%,#c2903f);color:#2a1638;box-shadow:0 8px 20px rgba(0,0,0,.4)}.judge-verdict{text-align:center;font-size:clamp(22px,6vw,28px);font-weight:700;color:#f4dfa8;text-shadow:0 0 24px rgba(227,190,122,.5);animation:casual-verdict-arrive .5s cubic-bezier(.2,.7,.2,1) both}.judge-hand{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:12px;gap:12px;width:100%}.judge-seat{display:flex;flex-direction:column;align-items:center;gap:6px;perspective:1000px}.judge-seat__player{font-size:15px;font-weight:700;color:#c8bce6}.judge-seat__name{font-size:13px;color:rgba(190,178,220,.85);text-align:center}.judge-seat:not(.is-chosen) .judge-flip__face--front{filter:grayscale(.55) brightness(.72)}.judge-seat.is-chosen .judge-flip__face--front{box-shadow:0 0 0 2px rgba(244,223,168,.5),0 14px 32px rgba(0,0,0,.55),0 0 30px rgba(227,190,122,.4)}.judge-seat.is-chosen .judge-seat__player{color:#f4dfa8}.fan-card-select-screen.card-select-screen--casual.guide-speaking .card-select-heading,.fan-card-select-screen.card-select-screen--casual.stage-fanDealing .card-select-heading,.fan-card-select-screen.card-select-screen--casual.stage-questionReveal .card-select-heading,.fan-card-select-screen.card-select-screen--casual.stage-ready .card-select-heading{animation:casual-float-in .82s cubic-bezier(.19,1,.22,1) .12s both}.fan-card-select-screen.card-select-screen--casual.stage-fanDealing .card-select-question,.fan-card-select-screen.card-select-screen--casual.stage-questionReveal .card-select-question,.fan-card-select-screen.card-select-screen--casual.stage-ready .card-select-question{opacity:1;pointer-events:auto;animation:casual-float-in .82s cubic-bezier(.19,1,.22,1) .46s both}@keyframes casual-float-in{0%{opacity:0;filter:blur(7px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.card-select-intro{position:absolute;top:clamp(210px,30svh,290px);left:50%;z-index:1;width:min(356px,calc(100vw - 48px));translate:-50% 0;padding:14px 20px;border-radius:16px;border:1px solid rgba(227,196,130,.22);background:rgba(16,8,34,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:15px;line-height:1.8;color:#f0e6d2;text-align:center;text-wrap:balance;word-break:keep-all;animation:casual-float-in .82s cubic-bezier(.19,1,.22,1) .8s both}.judge-setup__intro{margin-bottom:2px}.judge-deal{flex:0 0 auto;min-width:220px;height:56px;border-radius:999px;font-size:17px;letter-spacing:.04em}.judge-call{text-align:center;font-size:clamp(20px,5.6vw,25px);font-weight:700;color:#f4dfa8;text-shadow:0 0 22px rgba(227,190,122,.45);animation:judge-call-breathe 2.6s ease-in-out infinite}@keyframes judge-call-breathe{0%,to{opacity:.72;transform:translateY(0) scale(.99)}50%{opacity:1;transform:translateY(-3px) scale(1.02)}}.judge-flip{position:relative;width:100%;aspect-ratio:814/1221;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.35,.05,.2,1)}.judge-flip.is-revealed{transform:rotateY(180deg)}.judge-flip__face{position:absolute;inset:0;overflow:hidden;border-radius:10px;box-shadow:0 12px 26px rgba(0,0,0,.5);-webkit-backface-visibility:hidden;backface-visibility:hidden}.judge-flip__face img{display:block;width:100%;height:100%;object-fit:cover}.judge-flip__face--front{transform:rotateY(180deg)}.judge-flip__face--front.is-reversed img{transform:rotate(180deg)}.judge-flip__number{position:absolute;inset:0;display:grid;place-items:center;background:rgba(12,6,26,.52);color:#f4dfa8;font-size:clamp(28px,9vw,40px);font-weight:700;text-shadow:0 0 18px rgba(227,190,122,.7),0 2px 10px rgba(0,0,0,.8)}.casual-field{position:relative;display:flex;flex-direction:column;gap:8px}.casual-field__label{font-size:15px;font-weight:700;color:#f4dfa8;text-shadow:0 1px 8px rgba(0,0,0,.7)}.casual-field input,.casual-field textarea,.heart-names input,.pair-person__row input{width:100%;border:1.5px solid rgba(255,255,255,.5);background:rgba(16,8,34,.78);color:#fdf8ee;font-family:inherit;font-size:16px;line-height:1.6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .18s ease,background .18s ease}.casual-field input,.heart-names input,.pair-person__row input{height:54px;padding:0 22px;border-radius:999px}.casual-field textarea{padding:15px 18px;border-radius:22px;resize:none;min-height:112px}.casual-field input::placeholder,.casual-field textarea::placeholder,.heart-names input::placeholder{color:rgba(214,198,236,.55)}.casual-field input:focus,.casual-field textarea:focus,.heart-names input:focus{outline:none;border-color:rgba(255,255,255,.92);background:rgba(16,8,34,.9)}.casual-field__count{align-self:flex-end;font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(255,255,255,.58)}.heart-names{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.casual-action:disabled{cursor:default;filter:grayscale(.55) brightness(.72);box-shadow:none}.heart-preview{position:relative;padding:20px 20px 18px;border-radius:16px;border:1px solid rgba(244,223,168,.4);background:radial-gradient(120% 100% at 0 0,rgba(255,245,220,.12),transparent 60%),rgba(38,21,58,.9);box-shadow:0 16px 34px rgba(0,0,0,.46)}.heart-preview:after{content:"";position:absolute;top:-1px;right:-1px;width:26px;height:26px;border-top-right-radius:16px;background:linear-gradient(225deg,rgba(244,223,168,.55) 0 50%,transparent 50%)}.heart-preview__from,.heart-preview__to{font-size:12.5px;font-weight:700;letter-spacing:.03em;color:#e3be7a}.heart-preview__from{margin-top:12px;text-align:right}.heart-preview__message{margin-top:10px;white-space:pre-wrap;word-break:keep-all;font-size:16px;line-height:1.72;color:#f8efdb}.heart-preview__to+.heart-preview__message{margin-top:8px}.heart-link input{width:100%;padding:11px 13px;border-radius:12px;border:1px dashed rgba(227,196,130,.42);background:rgba(12,6,26,.7);color:rgba(214,198,236,.82);font-family:inherit;font-size:12px;text-overflow:ellipsis}.casual-screen--heart{justify-content:center}.casual-screen--heart .casual-action{display:grid;place-items:center;text-decoration:none}.heart-seal{align-self:center;width:min(72vw,300px,42svh * .6667);aspect-ratio:814/1221;padding:0;border:0;border-radius:22px;overflow:hidden;cursor:pointer;background:none;box-shadow:0 20px 46px rgba(0,0,0,.55);animation:heart-seal-breathe 3.4s ease-in-out infinite}.heart-seal img{display:block;width:100%;height:100%;object-fit:cover}.heart-seal:active{transform:translateY(1px) scale(.995)}@keyframes heart-seal-breathe{0%,to{transform:translateY(0) scale(1);box-shadow:0 20px 46px rgba(0,0,0,.55)}50%{transform:translateY(-6px) scale(1.014);box-shadow:0 28px 54px rgba(0,0,0,.5),0 0 34px rgba(227,190,122,.22)}}.casual-screen--heart.is-open .casual-lead{animation:heart-open .62s cubic-bezier(.2,.8,.2,1) both}.casual-screen--heart.is-open .heart-preview{animation:heart-open .62s cubic-bezier(.2,.8,.2,1) .16s both}@keyframes heart-open{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width:360px){.heart-names{grid-template-columns:1fr}}.casual-screen--who{justify-content:flex-start}.casual-screen--who .casual-result{margin-block:auto}.heart-who{gap:14px}.heart-who__intro{margin-bottom:4px}.heart-who__prompt{margin-top:12px;font-size:15px;font-weight:700;color:#f4dfa8;text-shadow:0 1px 8px rgba(0,0,0,.7)}.heart-chips{display:flex;flex-wrap:wrap;gap:9px}.heart-chip{padding:12px 19px;border-radius:999px;border:1.5px solid rgba(255,255,255,.38);background:rgba(16,8,34,.78);color:#ece4f8;font-family:inherit;font-size:15px;line-height:1.2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.heart-chip:hover{border-color:rgba(255,255,255,.7);color:#fff}.heart-chip.is-selected{border-color:rgba(255,240,200,.55);background:linear-gradient(180deg,#f6e2ae,#d9ab5c 55%,#c2903f);color:#2a1638;font-weight:800;box-shadow:none}.heart-chip:active{transform:translateY(1px)}.casual-note{padding:18px;border-radius:18px;border:1px solid rgba(227,196,130,.34);background:rgba(16,8,34,.82);align-self:center;width:100%;max-width:min(100%,25em)}.casual-note h2{font-size:13px;font-weight:700;letter-spacing:.06em;color:#e3be7a}.casual-note p{margin-top:10px;font-size:15.5px;line-height:1.8;color:#f2e9d8;word-break:keep-all}.casual-hero-line{text-align:center;font-size:15px;font-weight:700;letter-spacing:.02em;color:#f4dfa8;text-shadow:0 0 18px rgba(227,190,122,.45),0 1px 10px rgba(0,0,0,.8)}.casual-hero{position:relative;align-self:center;width:min(72vw,300px,42svh * .6667);margin:2px 0 4px;aspect-ratio:814/1221;animation:casual-hero-float 6.4s ease-in-out infinite}.casual-hero img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 26px 60px rgba(0,0,0,.62),0 0 46px rgba(227,190,122,.24)}.casual-hero__name{margin-top:14px;text-align:center;font-size:21px;font-weight:700;letter-spacing:.03em;color:#f6e7c4;text-shadow:0 0 20px rgba(227,190,122,.4),0 2px 12px rgba(0,0,0,.8)}@keyframes casual-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.casual-screen--heart.is-open .casual-hero{animation:casual-hero-arrive .76s cubic-bezier(.2,.8,.2,1) both,casual-hero-float 6.4s ease-in-out .76s infinite}.casual-screen--heart.is-open .casual-hero:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(104deg,transparent 38%,rgba(255,250,232,.5) 50%,transparent 62%);background-size:260% 100%;animation:casual-hero-sheen 1.25s ease-out .62s both}.casual-screen--heart.is-open .casual-hero__name,.casual-screen--heart.is-open .casual-note,.casual-screen--heart.is-open .heart-preview{animation:heart-open .62s cubic-bezier(.2,.8,.2,1) .42s both}@keyframes casual-hero-arrive{0%{transform:translateY(26px) scale(.9);opacity:0;filter:blur(7px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}@keyframes casual-hero-sheen{0%{background-position:220% 0;opacity:1}to{background-position:-90% 0;opacity:0}}.casual-screen--heart .casual-note{border-color:rgba(227,196,130,.2);background:rgba(14,7,30,.66)}.casual-screen--heart{padding-bottom:26px}.casual-screen--heart .casual-result{gap:10px}@media (max-height:760px){.casual-hero{width:min(58vw,236px,38svh * .6667)}.casual-hero__name{margin-top:10px;font-size:19px}}.casual-screen--heart .casual-flip{width:min(72vw,300px,42svh * .6667)}.casual-screen--sealed .casual-result{align-items:stretch;gap:0}.casual-screen--sealed .heart-arrival{margin-bottom:8px}.casual-screen--sealed .pair-band{margin-bottom:26px}.casual-screen--sealed .casual-hero{margin:0 0 26px}.heart-arrival{margin-bottom:clamp(20px,3.6svh,34px);text-align:center;text-wrap:balance;word-break:keep-all;font-size:clamp(17px,4.6vw,20px);font-weight:700;line-height:1.5;letter-spacing:.01em;color:#f4dfa8;text-shadow:0 0 22px rgba(227,190,122,.42),0 2px 12px rgba(0,0,0,.85)}.casual-screen--sealed .heart-seal{margin-bottom:clamp(26px,4.8svh,44px)}.casual-hero.is-reversed img{transform:rotate(180deg)}.casual-hero__name .casual-orientation{margin-left:10px;vertical-align:3px}.casual-prose{align-self:center;width:100%;max-width:min(100%,23em);padding:15px 22px;border-radius:16px;border:1px solid rgba(227,196,130,.22);background:rgba(16,8,34,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:15.5px;line-height:1.8;color:#f0e6d2;text-align:center;text-wrap:balance;word-break:keep-all}.pair-person{display:flex;flex-direction:column;gap:8px;width:100%}.pair-person__row{display:flex;gap:8px;align-items:stretch}.pair-person__row input{flex:1 1;min-width:0}.pair-genders{display:flex;gap:6px;flex:0 0 auto}.pair-gender{height:54px;padding:0 14px;border:1.5px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(16,8,34,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgba(240,232,255,.6);font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.pair-gender.is-on{border-color:rgba(255,240,200,.55);background:linear-gradient(180deg,#f6e2ae,#d9ab5c 55%,#c2903f);color:#2a1638;font-weight:800;box-shadow:none}.pair-stage{flex-direction:row;gap:clamp(10px,3vw,20px)}.pair-stage .casual-flip{width:min(38vw,168px)}.pair-names{margin:0;font-size:15px;font-weight:700;letter-spacing:.02em;color:rgba(240,232,255,.82);text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.75)}.pair-score{margin:2px 0 0;font-size:clamp(34px,9vw,46px);font-weight:800;letter-spacing:.01em;color:#f7e3ab;text-align:center;text-shadow:0 0 22px rgba(227,190,122,.45),0 2px 12px rgba(0,0,0,.7)}.pair-band{margin:0;font-size:14px;color:rgba(226,214,248,.9);text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.8);word-break:keep-all}.pair-cards{display:flex;justify-content:center;gap:clamp(10px,3vw,18px);width:100%}.pair-card{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0;width:min(40vw,158px)}.pair-card img{width:100%;height:auto;border-radius:12px;opacity:.62;box-shadow:0 14px 30px rgba(0,0,0,.5);transition:opacity .22s ease,box-shadow .22s ease}.pair-card img.is-reversed{transform:rotate(180deg)}.pair-card.is-read img{opacity:1;box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 0 1.5px rgba(255,226,160,.75),0 0 26px rgba(227,190,122,.3)}.pair-card figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.pair-card__owner{font-size:12px;color:rgba(226,214,248,.78);text-shadow:0 1px 7px rgba(0,0,0,.8);word-break:keep-all}.pair-card__name{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:13.5px;font-weight:700;color:#f4dfa8;text-shadow:0 1px 8px rgba(0,0,0,.8)}.share-targets{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:100%}.share-target{padding:7px 14px;border:1px solid rgba(255,239,211,.28);border-radius:999px;background:rgba(16,8,34,.62);color:rgba(255,239,211,.78);font-size:12.5px;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:border-color .16s ease,color .16s ease}.share-target:hover{border-color:rgba(255,226,160,.7);color:#fdf3d8}.pair-anon{align-self:center;padding:7px 15px;border:1px solid rgba(255,239,211,.26);border-radius:999px;background:rgba(16,8,34,.62);color:rgba(255,239,211,.72);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.pair-anon.is-on{border-color:rgba(255,226,160,.85);background:rgba(227,190,122,.22);color:#fdf3d8}.casual-screen--judge .casual-actions{justify-content:center}.fortune-ask__year{flex:1 1;min-width:0;min-height:46px;padding:0 16px;border:1px solid rgba(255,225,161,.2);border-radius:999px;background:rgba(255,255,255,.06);color:#f4e7cd;font-size:15px}.fortune-ask__year::-webkit-inner-spin-button,.fortune-ask__year::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.fortune-ask__year[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.fortune-ask__error{margin:6px 0 0;color:#ffb4a8;font-size:13px;text-align:center}.casual-share-status{margin:8px 0 0;color:rgba(242,230,205,.66);font-size:13px;line-height:1.5;text-align:center}@media (max-height:760px){.fan-card-select-screen,.focus-screen.question-ritual-screen.bell-screen{padding-top:0;--ritual-guide-top:clamp(30px,calc(var(--app-mobile-shell) * 0.075),38px);--ritual-guide-size:clamp(148px,calc(var(--app-mobile-shell) * 0.39),168px);--ritual-memo-top:calc(var(--ritual-guide-top) + var(--ritual-guide-size) + clamp(20px, calc(var(--app-mobile-shell) * 0.05), 24px));--ritual-question-top:calc(var(--ritual-memo-top) + clamp(152px, calc(var(--app-mobile-shell) * 0.36), 168px));--ritual-answer-width:min(var(--app-mobile-shell),100vw)}.focus-screen.question-ritual-screen.bell-screen{--bell-guide-top:var(--ritual-guide-top);--bell-guide-size:var(--ritual-guide-size);--bell-heading-top:var(--ritual-memo-top);--bell-question-offset:calc(var(--ritual-question-top) - var(--ritual-memo-top));--bell-ritual-top:calc(var(--ritual-question-top) + clamp(82px, calc(var(--app-mobile-shell) * 0.19), 104px))}.fan-card-select-screen{--card-select-guide-top:var(--ritual-guide-top);--card-select-guide-size:var(--ritual-guide-size);--card-select-heading-top:var(--ritual-memo-top);--card-select-question-top:var(--ritual-question-top);--card-select-fan-bottom:clamp(38px,5svh,52px);--card-select-fan-height:clamp(226px,31svh,292px)}.fan-card-select-screen .guide-talk{width:var(--card-select-guide-size);margin-bottom:0}.card-select-heading h1{font-size:clamp(1.08rem,4vw,1.45rem);line-height:1.12}.card-select-question{top:var(--card-select-question-top);min-height:0;margin-top:0;padding:clamp(48px,calc(var(--app-mobile-shell) * .125),62px) clamp(38px,calc(var(--app-mobile-shell) * .1),54px)}.card-select-question p{font-size:clamp(.94rem,3.7vw,1.08rem);line-height:1.32}.fan-card-stage{bottom:var(--card-select-fan-bottom);margin-top:0}.fan-card-stage,.fan-deck{height:var(--card-select-fan-height)}.fan-deck{bottom:clamp(4px,1.5svh,14px)}.fan-card{width:clamp(78px,21vw,104px)}.tarot-loading-screen{padding-top:82px;padding-bottom:16px}.tarot-loading-oracle{width:104px}.tarot-loading-copy{margin-top:14px}.tarot-loading-copy h1{font-size:1.8rem}.tarot-loading-copy p{margin-top:8px;font-size:.9rem}.tarot-loading-divider{margin:10px 0 8px}.tarot-loading-steps{gap:6px}.tarot-loading-steps li{gap:9px}.tarot-loading-steps li span{width:18px}.tarot-loading-steps li p{font-size:.82rem}.tarot-loading-progress{margin-top:12px}.tarot-loading-progress-track{height:20px}.tarot-loading-note{margin-top:12px;font-size:.86rem;line-height:1.42}.result-screen{--result-board-height:420px}.selected-card-copy{top:16px}.selected-card-copy h2{font-size:clamp(1.3rem,5.2vw,1.72rem)}.selected-card-flow{left:50%;right:auto;bottom:33px;width:min(330px,calc(100% - 88px));font-size:calc(.68rem + 1px);line-height:1.38}.selected-result-card.main{top:calc(30.8% - 20px);width:36%}.selected-result-card.side-1,.selected-result-card.side-2{top:calc(39.2% - 20px);width:27%}.reading-chat-panel{border-radius:0;padding:0 24px max(104px,calc(env(safe-area-inset-bottom) + 92px))}.chat-meta-strip{top:auto;right:auto;font-size:.66rem}.result-meaning-panel{padding:14px}.result-meaning-heading{margin-bottom:0;font-size:.92rem}.tarot-output-content{min-height:178px;padding:20px}.result-meaning-body{grid-template-columns:minmax(0,1fr) 78px;gap:12px}.result-meaning-text p{font-size:.78rem;line-height:1.56}.result-meaning-avatar{width:78px}.chat-follow-up-button,.chat-send-button{min-height:38px;padding:0 22px;font-size:.78rem}}@keyframes result-title-arrive{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes result-board-rise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-card-enter{0%{opacity:0}to{opacity:1}}@keyframes result-meaning-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes result-sheet-rise{0%{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}}@keyframes tarot-output-border-flow{to{--tarot-output-angle:360deg}}@media (max-width:860px){.tarot-shell{padding:88px 14px 18px}.tarot-shell[data-phase=introLoading],.tarot-shell[data-phase=introReady]{padding:0}.ritual-topbar{top:14px;left:calc(var(--app-mobile-inset) + 14px);right:calc(var(--app-mobile-inset) + 14px)}.brand-lockup{font-size:.95rem}.ritual-status span{display:none}.screen{min-height:calc(100dvh - 108px);gap:20px}.intro-screen{min-height:100dvh;gap:0}.intro-content{padding-top:clamp(46px,9vh,76px)}.intro-loader{padding-bottom:clamp(24px,6vh,52px)}.question-screen{display:flex;flex-direction:column}.advisor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.follow-up-area{position:static}.mini-card-row,.result-meta-row,.revealed-cards,.screen-heading.compact{grid-template-columns:1fr}.advisor-action-bar,.follow-up-action-row,.form-row,.reading-title-row,.sticky-action{align-items:stretch;flex-direction:column}.primary-action,.secondary-action{width:100%}.fan-action{align-items:center}.fan-action .primary-action{width:min(220px,62vw)}.fan-action .reading-type-action{width:min(300px,76vw)}.intro-enter-row{width:min(324px,82vw)}.intro-enter{width:auto}}@media (max-width:560px){.advisor-grid{grid-template-columns:1fr}.advisor-portrait,.advisor-portrait img{min-height:250px}}@media (max-width:390px){.signup-modal-backdrop{padding:0}.signup-phone{min-height:100dvh;border-radius:0;padding-inline:14px}.signup-screen{min-height:min(742px,calc(100dvh - 74px))}.signup-title{font-size:28px}.signup-card{padding:22px 17px 18px}.signup-field{min-height:50px}.login-phone{min-height:100dvh;border-radius:0;padding-inline:14px}.login-screen{min-height:min(742px,calc(100dvh - 74px));gap:16px}.login-title{font-size:29px}.login-card{padding:22px 17px 18px}.login-field{min-height:50px}.mypage-phone{padding-inline:14px}.mypage-screen{gap:14px}.mypage-profile-card{padding:20px 17px 18px}.mypage-user-email{max-width:200px}.mypage-point-value{font-size:28px}.archive-phone{padding-inline:14px}.archive-screen{gap:14px}.archive-card{padding:20px 17px 18px}.archive-value{font-size:32px}.archive-reading-card{padding:14px}.charge-phone{padding-inline:14px}.charge-screen{gap:14px}.charge-balance-card{padding:20px 17px 18px}.charge-balance-value{font-size:34px}.charge-package-card{padding:14px}.app-bottom-nav{width:calc(100% - 28px);max-width:380px;gap:6px}.app-bottom-nav,.app-bottom-nav.tm-bottom-nav{grid-template-columns:minmax(0,.86fr) minmax(0,1.42fr) minmax(0,.78fr) 44px}.app-nav-bgm{width:44px;height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}.tarot-shell[data-native-client=ios] .bgm-equalizer span{animation:none;box-shadow:none}.tarot-shell[data-native-client=ios] .app-bottom-nav,.tarot-shell[data-native-client=ios] .bgm-toggle,.tarot-shell[data-native-client=ios] .home-language-panel,.tarot-shell[data-native-client=ios] .mypage-language-panel,.tarot-shell[data-native-client=ios] .question-textarea-panel,.tarot-shell[data-native-client=ios] .ritual-topbar{backdrop-filter:none;-webkit-backdrop-filter:none}.tarot-shell[data-native-client=ios] .home-corner-sparkle,.tarot-shell[data-native-client=ios] .intro-enter-outer-glow,.tarot-shell[data-native-client=ios] .intro-enter-outline-glow,.tarot-shell[data-native-client=ios] .mypage-corner-sparkle,.tarot-shell[data-native-client=ios] .progress-sweep,.tarot-shell[data-native-client=ios] .signup-corner-sparkle,.tarot-shell[data-native-client=ios] .spark{animation:none}.tarot-shell[data-native-client=ios] .home-screen:before{opacity:.2}.tarot-shell[data-native-client=ios] .home-corner-sparkle,.tarot-shell[data-native-client=ios] .mypage-corner-sparkle,.tarot-shell[data-native-client=ios] .signup-corner-sparkle{opacity:.48}.tarot-shell[data-native-client=ios] .guide-talk:before{animation:none;filter:blur(6px);opacity:.42}.tarot-shell[data-native-client=ios] .intro-shop-layer.color,.tarot-shell[data-native-client=ios] .intro-shop-layer.mono{filter:none}.tarot-shell[data-native-client=ios] .charge-phone:before,.tarot-shell[data-native-client=ios] .mypage-phone:before{opacity:.16;background-size:28px 28px,100% 100%;mask-image:none;-webkit-mask-image:none}.tarot-shell[data-native-client=ios] .mypage-profile-shell{border:1px solid rgba(255,225,161,.2);padding:0;box-shadow:0 14px 34px rgba(0,0,0,.38)}.tarot-shell[data-native-client=ios] .mypage-profile-card:before,.tarot-shell[data-native-client=ios] .mypage-profile-shell:after,.tarot-shell[data-native-client=ios] .mypage-profile-shell:before{display:none}.tarot-shell[data-native-client=ios] .mypage-profile-card{border-radius:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.028),inset 0 -20px 30px rgba(0,0,0,.22)}.tarot-shell[data-native-client=ios] .mypage-auth-skeleton{animation:none;background:rgba(255,255,255,.045)}.tarot-shell[data-native-client=ios] .charge-coin-mark,.tarot-shell[data-native-client=ios] .mypage-avatar,.tarot-shell[data-native-client=ios] .usage-guide-mark{box-shadow:inset 0 1px 1px rgba(255,255,255,.42),inset 0 -10px 16px rgba(93,54,10,.12)}.tarot-shell[data-native-client=ios] .charge-empty-product,.tarot-shell[data-native-client=ios] .charge-history-link,.tarot-shell[data-native-client=ios] .charge-package-card,.tarot-shell[data-native-client=ios] .charge-payment-card,.tarot-shell[data-native-client=ios] .mypage-history-item,.tarot-shell[data-native-client=ios] .mypage-menu-item,.tarot-shell[data-native-client=ios] .mypage-point-panel,.tarot-shell[data-native-client=ios] .point-history-card,.tarot-shell[data-native-client=ios] .usage-guide-document,.tarot-shell[data-native-client=ios] .usage-guide-item{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.tarot-shell[data-native-client=ios] .charge-package-card.selected,.tarot-shell[data-native-client=ios] .usage-guide-item.selected{box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.tarot-shell[data-native-client=ios] .charge-balance-shell{box-shadow:0 14px 34px rgba(0,0,0,.38)}.tarot-shell[data-native-client=ios] .charge-primary-btn,.tarot-shell[data-native-client=ios] .mypage-charge-btn{box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 8px 18px rgba(226,168,65,.16)}.tarot-shell[data-native-client=ios] .charge-corner-sparkle,.tarot-shell[data-native-client=ios] .mypage-corner-sparkle,.tarot-shell[data-native-client=ios] .tm-corner-sparkle{animation:none;box-shadow:none;opacity:.38}