@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}:root{--gold:#d9b96a;--ink:#efe9dc;--dim:#b8ad97}body{color:var(--ink);background:#14121f;min-height:100vh;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;animation:.9s cubic-bezier(.22,.7,.3,1) both app-in;overflow-x:hidden}@keyframes app-in{0%{opacity:0;transform:translateY(14px)scale(.994)}to{opacity:1;transform:none}}::view-transition-old(root){animation:.34s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:.5s cubic-bezier(.2,.7,.3,1) both vt-in}@keyframes vt-out{to{opacity:0;transform:translateY(-10px)scale(.995)}}@keyframes vt-in{0%{opacity:0;transform:translateY(12px)scale(.995)}}@media (prefers-reduced-motion:reduce){body{animation:none}::view-transition-old(root){animation-duration:10ms}::view-transition-new(root){animation-duration:10ms}}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.hero-title,.deck-name,.draw-guide,.rc-name,.rc-quote,.result-summary .rs-line,.card-plate{font-family:Noto Serif KR,Georgia,serif}.page{flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px 60px;display:flex;position:relative}.page>*,.page .reveal>*,.result-wrap>*,.adv-fold>*{max-width:100%}.page-bg{z-index:-2;background-position:50%;background-size:cover;position:fixed;inset:0}.page-bg:after{content:"";background:radial-gradient(at 50% 30%,#0000 30%,#0a0814d1 100%),linear-gradient(#0a081459,#0a0814a6);position:absolute;inset:0}.hero-title{letter-spacing:10px;color:var(--gold);text-align:center;margin:26px 0 6px;font-size:clamp(30px,6vw,44px);font-weight:300;animation:4s ease-in-out infinite alternate title-glow}.hero-sub{color:var(--dim);letter-spacing:2px;text-align:center;font-size:14px}.hero-orn{aspect-ratio:1133/242;opacity:.8;background:url(/ui/orn-divider.webp) 50%/contain no-repeat;width:min(280px,62%);margin:16px auto 26px}@keyframes title-glow{0%{text-shadow:0 0 18px #d9b96a40}to{text-shadow:0 0 34px #d9b96a8c,0 0 70px #d9b96a2e}}@keyframes deck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.deck-row{perspective:1200px;flex-wrap:wrap;justify-content:center;gap:clamp(8px,3vw,26px);margin-top:22px;display:flex}.deck-item{flex-direction:column;align-items:center;gap:10px;display:flex}.deck-choice{color:var(--ink);animation:5.5s ease-in-out infinite deck-float;animation-delay:var(--fd,0s);background:0 0;border:none;flex-direction:column;align-items:center;gap:14px;display:flex}.deck-view-link{letter-spacing:2px;color:var(--dim);border-bottom:1px solid #b8ad9759;padding-bottom:2px;font-size:12px;transition:color .18s,border-color .18s}.deck-view-link:hover{color:var(--gold);border-color:var(--gold)}.deck-view-link .dv-short{display:none}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;width:min(94vw,1080px);margin-top:26px;display:grid}.gcard{cursor:pointer;background:#0a081480;border:1px solid #d9b96a66;border-radius:10px;width:100%;margin:0;padding:0;transition:transform .25s ease-out,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 10px 24px #00000073}.gcard:hover{transform:translateY(-6px);box-shadow:0 18px 34px #0000008c,0 0 22px #d9b96a33}.gcard img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.box-sec{width:min(94vw,1080px)}.box-sec>.step-label{justify-content:center}.box-sec>.wish-hint{text-align:center;margin-bottom:14px}.box-grid{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}.box-card{--tile:168px;width:var(--tile);text-align:center;text-decoration:none;display:block}.box-3d{aspect-ratio:1;perspective:700px;justify-content:center;align-items:center;display:flex;position:relative}.deck3d{--w:calc(var(--tile) * .52);--h:calc(var(--tile) * .924);--d:calc(var(--tile) * .2);width:var(--w);height:var(--h);transform-style:preserve-3d;transition:transform .45s;position:relative;transform:rotateX(-7deg)rotateY(-34deg)}.box-card:hover .deck3d{transform:rotateX(-4deg)rotateY(-20deg)}.d3{backface-visibility:hidden;position:absolute;top:50%;left:50%}.d3-front{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);transform:translateZ(calc(var(--d) / 2));background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 0 0 1px #d9b96a4d}.d3-side{width:var(--d);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--d) / -2);transform:translateX(calc(var(--w) / 2)) rotateY(90deg);background:repeating-linear-gradient(to right, #ffffff29 0 1px, #00000029 1px 3px), linear-gradient(to bottom, var(--edge,#d9b96a), color-mix(in srgb, var(--edge,#d9b96a) 45%, #000))}.d3-top{width:var(--w);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--w) / -2);transform:translateY(calc(var(--h) / -2)) rotateX(90deg);background:linear-gradient(to bottom, color-mix(in srgb, var(--edge,#d9b96a) 78%, #fff), color-mix(in srgb, var(--edge,#d9b96a) 70%, #000))}.box-3d:after{content:"";filter:blur(3px);background:radial-gradient(#0009,#0000 72%);border-radius:50%;width:58%;height:9%;position:absolute;bottom:8%;left:50%;transform:translate(-52%)}.box-name{letter-spacing:1px;color:#efe3c2;margin-top:10px;font-family:Noto Serif KR,Georgia,serif;font-size:13.5px;display:block}.box-meta{letter-spacing:1px;color:#b9b0c8;border-bottom:2px solid #0000;margin-top:3px;padding-bottom:2px;font-size:11.5px;display:inline-block}@media (prefers-reduced-motion:reduce){.box-face,.box-card:hover .box-face{transition:none}}@media (max-width:560px){.box-grid{gap:12px}.box-card{--tile:132px}.box-name{font-size:12.5px}}.gcard.empty{cursor:default;border-style:dashed;border-color:#d9b96a38}.gcard.empty:hover{box-shadow:none;transform:none}.gcard-blank{aspect-ratio:9/16;letter-spacing:2px;color:#efe3c273;opacity:.5;justify-content:center;align-items:center;width:100%;font-family:Noto Serif KR,Georgia,serif;font-size:12px;display:flex}.gcard.empty .gcard-cap{color:#efe3c273}.gcard-cap{letter-spacing:1px;color:#efe3c2;text-align:center;background:#0c0918d9;padding:8px 4px;font-family:Noto Serif KR,Georgia,serif;font-size:12.5px;display:block}.gallery-hint{letter-spacing:2px;color:var(--dim);margin-top:4px;font-size:12px}.cd-backdrop{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06050ed1;justify-content:center;align-items:center;padding:24px 16px;animation:.3s both cd-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}.cd-panel{background:linear-gradient(165deg,#1e1836f7,#0b0816fa);border:1px solid #d9b96a73;border-radius:18px;grid-template-columns:minmax(200px,300px) 1fr;gap:32px;width:min(96vw,940px);max-height:88vh;padding:30px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #0009}.cd-close{z-index:2;color:var(--dim);background:0 0;border:none;border-radius:50%;padding:6px 10px;font-size:18px;transition:color .18s;position:absolute;top:12px;right:14px}.cd-close:hover{color:var(--gold)}.cd-left{flex-direction:column;align-items:center;gap:14px;display:flex}.cd-card{aspect-ratio:9/16;object-fit:cover;border:1px solid #d9b96a80;border-radius:10px;width:100%;box-shadow:0 18px 40px #0000008c,0 0 30px #d9b96a1f}.cd-deckname{letter-spacing:3px;color:var(--dim);font-size:11px}.cd-right{max-height:calc(88vh - 60px);padding-right:10px;overflow-y:auto}.cd-right::-webkit-scrollbar{width:5px}.cd-right::-webkit-scrollbar-thumb{background:#d9b96a59;border-radius:3px}.cd-head{border-bottom:1px solid #d9b96a40;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.cd-num{color:#d9b96a80;font-family:Georgia,serif;font-size:26px}.cd-title{color:var(--gold);letter-spacing:1px;text-shadow:0 0 20px #d9b96a40;font-family:Noto Serif KR,Georgia,serif;font-size:27px;font-weight:700}.cd-en{letter-spacing:2px;color:var(--dim);font-size:12px}.cd-sec{margin-bottom:22px}.cd-sec h3{letter-spacing:2px;color:#e8d9a8;margin-bottom:10px;font-family:Noto Serif KR,Georgia,serif;font-size:14px;font-weight:700}.cd-sec h3.cd-up{color:#f0dba4}.cd-sec h3.cd-rev{color:#e8a8a8}.cd-sec p{color:#e6e0d2;word-break:keep-all;overflow-wrap:break-word;font-size:14.5px;line-height:1.95}.cd-sec p+p{margin-top:10px}.cd-kw{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.cd-kw span{letter-spacing:1px;color:#f0dba4;background:#d9b96a24;border:1px solid #d9b96a66;border-radius:12px;padding:3px 11px;font-size:11.5px}.cd-kw.rev span{color:#e8a8a8;background:#be6e7821;border-color:#d890906b}.cd-adv{background:#d9b96a12;border-left:2px solid #d9b96a80;border-radius:0 6px 6px 0;margin-top:10px;padding:10px 14px;font-size:13.5px!important}.cd-adv b{color:var(--gold);letter-spacing:1px;margin-right:8px;font-size:12px}.cd-topics{flex-direction:column;gap:12px;list-style:none;display:flex}.cd-topics li{grid-template-columns:78px 1fr;align-items:start;gap:12px;display:grid}.cd-tlabel{letter-spacing:1px;color:var(--gold);white-space:nowrap;padding-top:4px;font-size:12px}.cd-topics li p{font-size:13.5px;line-height:1.85}@media (max-width:720px){.cd-panel{grid-template-columns:1fr;gap:18px;max-height:92vh;padding:22px 18px;overflow-y:auto}.cd-left{flex-direction:row;align-items:flex-end;gap:14px}.cd-card{width:128px}.cd-right{max-height:none;padding-right:0;overflow:visible}.cd-title{font-size:22px}.cd-topics li{grid-template-columns:1fr;gap:2px}}.deck-frame{aspect-ratio:9/16;perspective:700px;width:clamp(74px,27vw,152px);transform-style:preserve-3d;display:block;position:relative}.deck-card{transform-style:preserve-3d;background-position:50%;background-size:cover;border:1px solid #d9b96a73;border-radius:12px;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:0 3px 10px #0006,inset 0 0 0 1px #ffffff0f}.deck-frame:after{content:"";filter:blur(5px);pointer-events:none;background:radial-gradient(#00000073,#0000 68%);height:24px;position:absolute;bottom:-18px;left:4%;right:4%}.deck-choice:hover .deck-card{box-shadow:0 26px 50px #000000a6,0 0 34px #d9b96a40}.deck-name{letter-spacing:3px;color:var(--gold);font-size:16px}.deck-tag{color:var(--dim);letter-spacing:.5px;font-size:12px}.wish-input{text-align:center;width:min(480px,92%);height:56px;color:var(--ink);background:#0e0b1ab8;border:1px solid #d9b96a73;border-radius:28px;margin-top:16px;padding:0 22px;font-family:Noto Serif KR,Georgia,serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.wish-input::placeholder{color:#b8ad978c}.wish-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 22px #d9b96a33}.wish-hint{letter-spacing:1px;color:var(--dim);margin-top:10px;font-size:12px}.verdict-card{text-align:center;background:linear-gradient(165deg,#1c1632f0,#0b0816f0);border:1px solid #d9b96a80;border-radius:18px;padding:26px 24px 24px;box-shadow:0 18px 44px #00000080,0 0 40px #d9b96a1a}.verdict-card .v-wish{color:#f6efdd;margin-bottom:8px;font-family:Noto Serif KR,Georgia,serif;font-size:18px;font-weight:600;line-height:1.7}.verdict-card .v-nowish{letter-spacing:1px;color:#a9a294;font-size:14px;font-weight:400}.verdict-card .v-pct{color:var(--gold);text-shadow:0 0 34px #d9b96a66;font-family:Georgia,Noto Serif KR,serif;font-size:76px;font-weight:700;line-height:1.1}.verdict-card .v-unit{margin-left:2px;font-size:34px}.verdict-card .v-label{letter-spacing:5px;color:var(--dim);margin:2px 0 10px;font-size:11px}.verdict-card .v-tier{letter-spacing:1px;color:#efe3c2;font-size:15px;line-height:1.7}.topic-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;display:flex}.topic-btn{min-width:128px;color:var(--ink);letter-spacing:1px;background:#141022a8;border:1px solid #d9b96a59;border-radius:24px;padding:11px 20px;font-size:14px;transition:all .2s ease-out}.topic-btn:hover{color:var(--gold);background:#d9b96a24;border-color:#d9b96ab3;transform:translateY(-1px)}.topic-btn.on{color:#2e2205;background:linear-gradient(160deg,#e8cc84,#c9a44f);border-color:#b8933f;font-weight:700;box-shadow:0 4px 16px #d9b96a4d}.topic-btn:active{transform:translateY(1px)}.step-label{color:var(--dim);letter-spacing:4px;align-items:center;gap:16px;margin-top:44px;margin-bottom:4px;font-size:12px;display:flex}.step-label:before,.step-label:after{content:"";width:60px;height:1px}.step-label:before{background:linear-gradient(90deg,#0000,#d9b96a80)}.step-label:after{background:linear-gradient(90deg,#d9b96a80,#0000)}.draw-guide{color:var(--ink);letter-spacing:2px;text-align:center;text-shadow:0 2px 8px #000c;min-height:22px;margin:14px 0 6px;font-size:15px}.draw-sub{color:var(--dim);text-align:center;letter-spacing:1px;min-height:16px;font-size:12px}@media (max-width:720px){.pick-hint{font-size:16px}}@keyframes hint-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.deck-pile{aspect-ratio:9/16;width:clamp(96px,22vw,132px);transform-style:preserve-3d;perspective:700px;background:0 0;border:none;margin:28px 0 10px;padding:0;transition:transform .4s;position:relative;transform:rotateX(34deg)}.deck-pile:hover{transform:rotateX(28deg)}.pile-card{transform:translate3d(0, calc(var(--i) * -.4px), calc(var(--i) * 2.4px));transform-origin:50% 92%;background-position:50%;background-size:cover;border:1px solid #d9b96a73;border-radius:8px;transition:transform .42s cubic-bezier(.22,.9,.3,1);position:absolute;inset:0}.deck-pile:hover .pile-card,.deck-pile:focus-visible .pile-card{transform:translate3d(calc((var(--i) - 4.5) * 7px), calc(var(--i) * -.4px), calc(var(--i) * 2.4px)) rotate(calc((var(--i) - 4.5) * 2.6deg))}@media (prefers-reduced-motion:reduce){.deck-pile:hover .pile-card,.deck-pile:focus-visible .pile-card{transform:translate3d(0, calc(var(--i) * -.4px), calc(var(--i) * 2.4px))}}.deck-pile .pile-card:first-child{filter:drop-shadow(0 18px 14px #00000073)}.fan-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:min(96vw,1000px);margin-top:20px;padding:14px 2px 18px;overflow:auto hidden}.fan-scroll::-webkit-scrollbar{height:5px}.fan-scroll::-webkit-scrollbar-thumb{background:#d9b96a59;border-radius:3px}.fan-scroll.fan-away{display:none}.fan-rows{--cw:70px;--strip:36px;--per:26;min-width:calc(var(--cw) + (var(--per) - 1) * var(--strip));flex-direction:column;gap:16px;width:fit-content;margin:0 auto;display:flex}.fan-row{height:calc(var(--cw) * 16 / 9);position:relative}.fan-card{top:0;left:calc(var(--k) * (100% - var(--cw)) / var(--n));width:var(--cw);height:calc(var(--cw) * 16 / 9);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:0;transition:opacity .35s;position:absolute}@keyframes fan-deal{0%{transform:translateX(calc((var(--mid) - var(--k)) * var(--strip))) rotate(calc((var(--k) - var(--mid)) * 1.2deg)) scale(.96);opacity:0}to{opacity:1;transform:none}}.fan-rows.dealing .fan-card{animation:.52s cubic-bezier(.22,.9,.3,1) both fan-deal;animation-delay:var(--ad,0s)}@media (prefers-reduced-motion:reduce){.fan-rows.dealing .fan-card{animation:none}}.fan-card .back-face{filter:drop-shadow(-3px 6px 6px #0006);background-position:50%;background-size:cover;border:1px solid #d9b96a80;border-radius:8px;width:100%;height:100%;transition:transform .18s ease-out,filter .18s ease-out;display:block}.fan-card.lift .back-face{filter:drop-shadow(-3px 14px 12px #00000073)drop-shadow(0 0 14px #d9b96a66);transform:translateY(-18px)}.fan-card:active .back-face{filter:drop-shadow(-3px 12px 10px #00000073)drop-shadow(0 0 16px #d9b96a8c);transform:translateY(-14px)scale(1.03)}.fan-card.gone{opacity:0;pointer-events:none}@keyframes card-beckon{0%,to{transform:translateY(0)}45%{transform:translateY(-12px)}}.fan-rows.beckon .fan-card:not(.gone) .back-face{animation:card-beckon .5s ease-in-out calc(var(--i) * 14ms + .4s) 1}.pick-hint{text-align:center;letter-spacing:.5px;color:#f4e6ba;text-shadow:0 0 22px #d9b96a66,0 2px 12px #000000e6;pointer-events:none;max-width:92vw;margin:24px auto 6px;font-family:Noto Serif KR,Georgia,serif;font-size:23px;font-weight:700;line-height:1.6;animation:.9s both hint-in}.pick-hint small{color:var(--dim);letter-spacing:2px;margin-left:10px;font-size:13px}@media (max-width:720px){.pick-hint{font-size:16px}}.slots{perspective:850px;transform-style:preserve-3d;gap:clamp(10px,3vw,26px);margin-top:18px;display:flex}.slot{aspect-ratio:9/16;width:clamp(72px,26vw,150px);transform-style:preserve-3d;border-radius:11px;transition:transform .9s cubic-bezier(.3,.8,.3,1);position:relative}.slots.triptych{pointer-events:none;gap:clamp(14px,4vw,34px);margin-bottom:26px}.slots.triptych .slot{pointer-events:auto;width:clamp(76px,27vw,205px)}.slots.triptych .slot:first-child{transform:rotateY(15deg)translateZ(-24px)scale(.95)}.slots.triptych .slot:nth-child(2){z-index:2;transform:translateZ(60px)scale(1.09)}.slots.triptych .slot:nth-child(3){transform:rotateY(-15deg)translateZ(-24px)scale(.95)}.tilt3d-zone{transform-style:preserve-3d;position:absolute;inset:0}.tilt3d{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.slot .slot-empty{color:#d9b96a99;letter-spacing:3px;text-align:center;background:#0a081459;border:1px dashed #d9b96a66;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 12px;font-size:12px;display:flex;position:absolute;inset:0}.slot .slot-empty small{letter-spacing:0;color:#b8ad97a6;word-break:keep-all;font-size:11px;line-height:1.65}.flip-card{transform-style:preserve-3d;animation:.3s ease-out .55s both land;position:absolute;inset:0}@keyframes land{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fly-card{z-index:300;pointer-events:none;background-position:50%;background-size:cover;border:1px solid #d9b96a80;border-radius:9px;position:fixed;box-shadow:0 16px 34px #0000008c}.flip-card.flipped{animation:.9s forwards flip3d}@keyframes flip3d{0%{animation-timing-function:cubic-bezier(.3,.6,.4,1);transform:translateZ(0)rotateY(0)}24%{animation-timing-function:cubic-bezier(.5,.05,.4,.95);transform:translateZ(52px)rotateY(0)}76%{animation-timing-function:cubic-bezier(.35,.4,.4,1);transform:translateZ(52px)rotateY(180deg)}to{transform:translateZ(0)rotateY(180deg)}}.face-art{background-position:50%;background-size:cover;position:absolute;inset:0}.flip-card.reversed .face-art{transform:rotate(180deg)}.card-plate{z-index:1}.flip-face.front,.flip-face.front .face-art,.flip-face.front .card-plate{backface-visibility:hidden}.flip-card:not(.flipped) .card-plate{opacity:0}.flip-card.flipped .card-plate{opacity:1;transition:opacity .2s .45s}.flip-face{backface-visibility:hidden;background-position:50%;background-size:cover;border:1px solid #d9b96a8c;border-radius:11px;position:absolute;inset:0;transform:translateZ(6px);box-shadow:0 2px 10px #00000059}.slot:has(.flip-card):after{content:"";filter:blur(5px);pointer-events:none;background:radial-gradient(#00000080,#0000 68%);height:24px;position:absolute;bottom:-16px;left:6%;right:6%;transform:translateZ(-40px)}.flip-face.front{overflow:hidden;transform:rotateY(180deg)translateZ(6px)}.card-edge{pointer-events:none;background:linear-gradient(165deg,#d8b968,#93742f 60%,#6f5722);border-radius:12px;position:absolute;inset:-1px;transform:translateZ(0)}.flip-card.flipped .flip-face.front:after{content:"";background:radial-gradient(42% 32%,#fff6d62e,#0000 70%);animation:.8s ease-out .8s forwards glare;position:absolute;inset:-40%;transform:translate(-120%)translateZ(.5px)}@keyframes glare{to{transform:translate(120%)translateZ(.5px)}}.card-plate{text-align:center;letter-spacing:2px;color:#efe3c2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c09189e;border:1px solid #d9b96a73;border-radius:6px;padding:4px 2px;font-size:12px;position:absolute;bottom:6%;left:8%;right:8%}.slot-label{text-align:center;letter-spacing:4px;color:var(--dim);font-size:11px;position:absolute;bottom:-26px;left:0;right:0}.result-wrap>*{animation:.7s both rise-in;animation-delay:var(--rd,0s)}.guide-list{border-top:none;margin-top:8px;padding-top:0}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.result-wrap{flex-direction:column;gap:18px;width:min(94vw,700px);margin-top:92px;display:flex}.result-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(165deg,#1c1632f0,#0b0816f0);border:1px solid #d9b96a61;border-radius:16px;padding:26px 30px 24px;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000080,inset 0 1px #ffffff0f}.result-card.focus{border-color:#d9b96abf;box-shadow:0 18px 44px #00000080,0 0 42px #d9b96a1f,inset 0 1px #ffffff14}.result-card:before{content:attr(data-num);color:#d9b96a12;letter-spacing:-4px;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:130px;font-weight:700;position:absolute;top:-26px;right:14px}.result-card .rc-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.rc-pos{letter-spacing:4px;color:var(--dim);border:1px solid #b8ad9759;border-radius:4px;padding:2px 9px;font-size:11px}.rc-dir{color:#f0dba4;letter-spacing:1px;background:#d9b96a29;border:1px solid #d9b96a8c;border-radius:14px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:600}.rc-dir.rev{color:#e8a8a8;background:#be6e7824;border-color:#d890908c}.rc-name{color:var(--gold);letter-spacing:2px;text-shadow:0 0 18px #d9b96a40;font-size:24px;font-weight:700}.rc-en{color:var(--dim);letter-spacing:3px;margin-left:10px;font-size:12px}.rc-orn{color:#d9b96a73;letter-spacing:8px;margin:10px 0 12px;font-size:10px}.rc-quote{color:#f6efdd;word-break:keep-all;overflow-wrap:break-word;padding-left:26px;font-size:17px;font-weight:600;line-height:1.85;position:relative}.rc-quote+.reading-para{border-top:1px solid #d9b96a29;margin-top:14px;padding-top:14px}.rc-quote:before{content:"“";color:#d9b96aa6;font-family:Georgia,serif;font-size:34px;position:absolute;top:-8px;left:-2px}.rc-sub{color:var(--dim);border-left:2px solid #d9b96a59;margin-top:12px;padding-left:12px;font-size:13px;line-height:1.75}.result-summary{text-align:center;padding:4px 10px 2px}img.rs-orn{opacity:.85;width:auto;height:26px;margin:0 auto 14px;display:block}.result-summary .rs-line{color:var(--gold);letter-spacing:2px;text-shadow:0 0 22px #d9b96a4d;font-size:18px;font-weight:600;line-height:1.9}.action-row{flex-wrap:wrap;justify-content:center;gap:10px;width:min(94vw,720px);margin-top:22px;display:flex}.gold-btn,.ghost-btn,.text-btn{letter-spacing:2px;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:103% 110%;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:min(200px,100%);max-width:100%;height:52px;padding:0 clamp(16px,5vw,32px);font-size:14px;transition:transform .18s ease-out,filter .18s ease-out;display:inline-flex}.gold-btn:hover,.ghost-btn:hover,.text-btn:hover{transform:translateY(-2px)}.gold-btn:active,.ghost-btn:active,.text-btn:active{filter:brightness(.95);transform:translateY(1px)}.gold-btn{color:#2e2205;text-shadow:0 1px #fff6d680;background-image:url(/ui/btn-primary.webp),linear-gradient(172deg,#f0d99c,#cfa955 52%,#b8933f);font-weight:700;box-shadow:0 8px 22px #00000073,0 0 18px #d9b96a29}.gold-btn:hover{filter:brightness(1.07);box-shadow:0 12px 26px #00000080,0 0 26px #d9b96a4d}.ghost-btn{color:#e6d6a8;background-image:url(/ui/btn-secondary.webp),linear-gradient(#100d1ed9,#100d1ed9);box-shadow:0 8px 22px #0006}.ghost-btn:hover{filter:brightness(1.2)}.text-btn{color:var(--dim);background-image:url(/ui/btn-tertiary.webp),linear-gradient(#0e0b1ab3,#0e0b1ab3)}.text-btn:hover{color:var(--gold);filter:brightness(1.35)}button:focus-visible,a:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #d9b96ad9}.reading-para{word-break:keep-all;overflow-wrap:break-word;line-height:1.95}.reading-card .reading-para{color:#efe9dc;word-break:keep-all;margin-bottom:12px;font-size:15px;line-height:1.9}.adv-list{border-top:1px solid #d9b96a40;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;list-style:none;display:flex}.adv-list li{word-break:keep-all}.adv-tag{letter-spacing:2px;color:var(--gold);margin-bottom:4px;font-family:Noto Serif KR,Georgia,serif;font-size:13px;font-weight:700;display:block}.adv-list li p{color:#efe9dc;font-size:14.5px;line-height:1.8}.reading-synthesis{font-size:15.5px}.wish-reveal{flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:6px;animation:.6s both hint-in;display:flex}.wish-reveal .gold-btn{margin-top:18px}.toast{text-align:center;min-height:20px;color:var(--gold);letter-spacing:1px;margin-top:12px;font-size:13px}.back-link{color:var(--dim);letter-spacing:2px;background:#0a08148c;border:1px solid #d9b96a40;border-radius:20px;padding:9px 16px;font-size:13px;transition:color .18s,border-color .18s,transform .18s;position:absolute;top:20px;left:20px}.shuffle-btn{color:var(--dim);letter-spacing:2px;cursor:pointer;background:#0a08148c;border:1px solid #d9b96a40;border-radius:20px;padding:9px 16px;font-size:13px;transition:color .18s,border-color .18s,transform .18s;position:absolute;top:20px;right:20px}.shuffle-btn:hover{color:var(--gold);border-color:#d9b96a99;transform:translate(2px)}.back-link:hover{color:var(--gold);border-color:#d9b96a99;transform:translate(-2px)}@media (max-width:560px){.page{padding:18px 10px 48px}.back-link,.shuffle-btn{padding:7px 11px;font-size:11px;top:12px}.back-link{left:12px}.shuffle-btn{right:12px}.hero-title{letter-spacing:clamp(2px,1.4vw,5px);margin-top:40px;font-size:clamp(17px,6.2vw,22px)}.hero-sub{padding:0 14px;font-size:12px}.step-label{letter-spacing:2px;text-align:center;word-break:keep-all;font-size:11.5px}.step-label:before,.step-label:after{width:30px}.wish-input{height:50px;font-size:14px}.deck-row{flex-wrap:wrap;gap:clamp(8px,3vw,14px);max-width:96vw;margin-top:18px}.deck-frame{width:clamp(72px,26vw,104px)}.deck-name{letter-spacing:.5px;white-space:nowrap;font-size:clamp(11px,3.4vw,13px)}.deck-tag{word-break:keep-all;max-width:28vw;font-size:clamp(11px,3vw,12px);line-height:1.5}.deck-view-link{letter-spacing:0;white-space:nowrap;font-size:11px}.deck-view-link .dv-long{display:none}.deck-view-link .dv-short{display:inline}.draw-guide{letter-spacing:0;margin-top:36px;padding:0 12px;font-size:15px}.draw-sub{padding:0 16px;font-size:11px}.fan-scroll{width:100%;padding-left:10px;padding-right:10px}.slot .slot-empty{font-size:0}.slot-label{letter-spacing:0;word-break:keep-all;font-size:11px}.card-plate{letter-spacing:.5px;padding:3px 2px;font-size:11px}.result-wrap{gap:14px;margin-top:64px}.slots.triptych{gap:clamp(5px,2.5vw,10px)}.slots.triptych .slot{width:clamp(76px,27vw,132px)}.slots{gap:clamp(5px,2.5vw,12px)}.verdict-card{padding:20px 16px 18px}.verdict-card .v-wish{font-size:15px}.verdict-card .v-pct{font-size:52px}.verdict-card .v-unit{font-size:24px}.verdict-card .v-tier{font-size:13px}.result-summary .rs-line{letter-spacing:1px;font-size:15px}.result-card{padding:18px 16px 16px}.result-card:before{font-size:80px;top:-14px;right:8px}.rc-name{letter-spacing:1px;font-size:19px}.rc-en{letter-spacing:1.5px;margin-left:6px;font-size:11.5px}.rc-quote{padding-left:14px;font-size:15px}.reading-para,.reading-synthesis{font-size:13.5px;line-height:1.85}.adv-list li p{font-size:13.5px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:clamp(7px,3vw,12px);width:94vw}.gcard-cap{letter-spacing:0;word-break:keep-all;padding:6px 3px;font-size:clamp(11px,3vw,12px)}.cd-backdrop{padding:14px 8px}.cd-panel{gap:14px;padding:20px 14px}.cd-left{gap:10px}.cd-card{width:clamp(88px,30vw,128px)}.cd-num{font-size:20px}.cd-sec p,.cd-topics li p{font-size:13.5px;line-height:1.85}.cd-kw span{padding:3px 9px;font-size:11px}.action-row{flex-direction:column;align-items:center;gap:9px}.gold-btn,.ghost-btn,.text-btn{width:min(100%,320px);height:50px}}@media (max-width:380px){.page{padding:14px 8px 40px}.back-link,.shuffle-btn{letter-spacing:1px;padding:6px 9px;font-size:11px}.hero-sub,.wish-hint{word-break:keep-all;font-size:11px}.step-label{gap:8px;font-size:11px}.step-label:before,.step-label:after{width:16px}.wish-input{height:46px;padding:0 14px;font-size:13px}.draw-guide{margin-top:34px;font-size:13.5px}.pick-hint{letter-spacing:0;font-size:14px}.verdict-card .v-pct{font-size:44px}.verdict-card .v-wish{font-size:14px}.verdict-card .v-tier,.result-summary .rs-line{letter-spacing:0;font-size:12.5px}.result-card{padding:15px 13px 14px}.rc-head{flex-wrap:wrap;gap:6px}.rc-name{font-size:17px}.rc-quote{padding-left:12px;font-size:14px}.rc-quote:before{font-size:26px}.reading-para,.reading-synthesis,.adv-list li p,.cd-sec p{font-size:12.8px;line-height:1.85}.adv-tag{letter-spacing:1px;font-size:12px}.cd-title{font-size:19px}.gold-btn,.ghost-btn,.text-btn{letter-spacing:1px;font-size:13px}}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;width:min(94vw,780px);margin-top:18px;display:grid}.cat-card{background:linear-gradient(165deg,#1c1632d1,#0b0816db);border:1px solid #d9b96a52;border-radius:12px;flex-direction:column;gap:5px;padding:16px 18px;transition:transform .2s ease-out,border-color .2s,box-shadow .2s;display:flex}.cat-card:hover{border-color:#d9b96abf;transform:translateY(-3px);box-shadow:0 12px 28px #00000073,0 0 20px #d9b96a1f}.cat-name{color:var(--gold);letter-spacing:1px;font-family:Noto Serif KR,Georgia,serif;font-size:16px;font-weight:700}.cat-hint{color:var(--dim);word-break:keep-all;font-size:12px;line-height:1.6}.foot-links{letter-spacing:2px;margin-top:30px;font-size:13px}.foot-links a{color:var(--dim);border-bottom:1px solid #b8ad9759;padding-bottom:2px}.foot-links a:hover{color:var(--gold);border-color:var(--gold)}.disclaimer{color:#b8ad979e;text-align:center;word-break:keep-all;max-width:min(92vw,620px);margin-top:30px;font-size:11.5px;line-height:1.8}.q-examples{flex-wrap:wrap;justify-content:center;gap:7px;max-width:min(92vw,560px);margin-top:12px;display:flex}.q-chip{color:var(--dim);word-break:keep-all;background:#14102299;border:1px solid #d9b96a47;border-radius:16px;padding:6px 13px;font-family:inherit;font-size:11.5px;transition:color .18s,border-color .18s}.q-chip:hover{color:var(--gold);border-color:#d9b96ab3}.spread-list{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:10px;width:min(94vw,760px);margin-top:16px;display:grid}.spread-item{text-align:left;color:var(--ink);background:#0e0b1ab3;border:1px solid #d9b96a4d;border-radius:10px;flex-direction:column;gap:5px;padding:13px 15px;font-family:inherit;transition:border-color .18s,background .18s;display:flex}.spread-item:hover{border-color:#d9b96a99}.spread-item.on{border-color:var(--gold);background:#d9b96a21}.sp-head{align-items:baseline;gap:8px;display:flex}.sp-head b{color:var(--gold);font-family:Noto Serif KR,Georgia,serif;font-size:14.5px}.sp-head em{color:var(--dim);letter-spacing:1px;font-size:11px;font-style:normal}.sp-desc{color:var(--dim);word-break:keep-all;font-size:12px;line-height:1.6}.deck-choice.on .deck-card{box-shadow:0 0 0 2px var(--gold), 0 18px 34px #0000008c}.opt-row{color:var(--ink);cursor:pointer;align-items:center;gap:9px;margin-top:20px;font-size:13.5px;display:flex}.opt-row input{accent-color:#c9a44f;width:17px;height:17px}.opt-row em{color:var(--dim);font-size:11.5px;font-style:normal}.slots.grid{perspective:1400px;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.6vw,16px);width:min(96vw,900px);display:grid}.slots.grid .slot{width:100%}.slots.grid.triptych .slot,.slots.grid.triptych .slot:first-child,.slots.grid.triptych .slot:nth-child(2),.slots.grid.triptych .slot:nth-child(3){width:100%;transform:none}.cd-page{grid-template-columns:minmax(180px,290px) 1fr;align-items:start;gap:34px;width:min(94vw,940px);margin-top:24px;display:grid}.cd-page .cd-left{flex-direction:column;align-items:center;gap:12px;display:flex;position:static}.cd-page .cd-right{max-height:none;padding-right:0;overflow:visible}.cd-flabel{min-width:62px;color:var(--gold);letter-spacing:1px;margin-right:8px;font-size:12px;display:inline-block}.cd-astro-label{letter-spacing:.5px;color:#f0e6cd;margin:0 0 12px;font-family:Noto Serif KR,Georgia,serif;font-size:15px}.cd-astro-parts{gap:8px;display:grid}.cd-astro-part{background:#1c1a3080;border:1px solid #b4afd247;border-radius:8px;grid-template-columns:62px 96px 1fr;align-items:baseline;gap:10px;padding:8px 10px;display:grid}.cd-astro-kind{letter-spacing:1px;color:#9a93b8;font-size:11px}.cd-astro-name{color:#e6dcc4;font-family:Noto Serif KR,Georgia,serif;font-size:13.5px}.cd-astro-kw{color:#b9b0c8;font-size:12.5px;line-height:1.6}@media (max-width:560px){.cd-astro-part{grid-template-columns:52px 1fr}.cd-astro-kw{grid-column:1/-1}}.cd-nav{color:var(--dim);border-top:1px solid #d9b96a38;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;font-size:12.5px;display:flex}.cd-nav a:hover{color:var(--gold)}@media (max-width:720px){.cd-page{grid-template-columns:1fr;gap:18px}.cd-page .cd-left{flex-direction:row;align-items:flex-end}.cd-page .cd-card{width:132px}.slots.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.cat-grid{grid-template-columns:1fr 1fr;gap:9px}.cat-card{padding:13px 12px}.cat-name{font-size:14px}.cat-hint{font-size:11px}.spread-list{grid-template-columns:1fr}}.rev-row{flex-wrap:wrap;gap:10px;width:min(94vw,560px);margin:4px auto 0;display:flex}.rev-opt{text-align:left;color:#e8e3f2;cursor:pointer;background:#ffffff08;border:1px solid #d9b96a38;border-radius:12px;flex-direction:column;flex:150px;gap:4px;padding:12px 14px;transition:border-color .25s,background .25s,transform .25s;display:flex}.rev-opt:hover{border-color:#d9b96a80;transform:translateY(-2px)}.rev-opt.on{background:#d9b96a1f;border-color:#d9b96ae6;box-shadow:0 0 18px #d9b96a2e}.rev-opt.sex-opt{text-align:center;flex:none;align-items:center;min-width:84px}.rev-label{letter-spacing:1px;font-size:14px}.rev-hint{color:#a79cc0;word-break:keep-all;font-size:11.5px}@media (max-width:560px){.rev-row{gap:8px}.rev-opt{flex:100%;padding:10px 12px}.rev-label{font-size:13px}.rev-hint{font-size:11px}}.gfilter{flex-wrap:wrap;justify-content:center;gap:8px;width:min(94vw,1080px);margin:20px auto 6px;display:flex}.gchip{color:#c9c1dd;letter-spacing:.5px;background:#ffffff08;border:1px solid #d9b96a3d;border-radius:999px;padding:7px 15px;font-size:12.5px;text-decoration:none;transition:border-color .25s,color .25s,background .25s}.gchip:hover{color:#f0ead9;border-color:#d9b96a8c}.gchip.on{color:#f3e9cd;background:#d9b96a21;border-color:#d9b96ad9}@media (max-width:560px){.gfilter{gap:6px;margin-top:16px}.gchip{padding:6px 12px;font-size:11.5px}}@media (max-width:470px){.deck-row{grid-template-columns:repeat(2,1fr);justify-items:center;row-gap:24px;max-width:92vw;display:grid}.deck-frame{width:clamp(88px,34vw,128px)}}@media (hover:none){.gchip,.q-chip{align-items:center;min-height:34px;display:inline-flex}.back-link{padding-block:8px}.deck-view-link,.cd-nav a,.foot-links a{padding-block:9px}.back-link,.shuffle-btn{align-items:center;min-height:34px;display:inline-flex}}.back-link,.shuffle-btn{align-items:center;min-height:30px;display:inline-flex}.splash{z-index:90;justify-content:center;align-items:center;width:100%;height:100dvh;animation:.95s cubic-bezier(.45,0,.2,1) 2.3s forwards splash-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}html[data-splash-seen] .splash{display:none}.splash-veil{background:radial-gradient(at 50% 40%,#3f36688c 0%,#0000 62%),url(/ui/home-bg.webp) 50%/cover no-repeat,radial-gradient(at 50% 0,#241f3c 0%,#100e18 62%);animation:2.4s ease-out both splash-veil;position:absolute;inset:0}.splash-inner{text-align:center;padding:0 22px;animation:1.1s cubic-bezier(.2,.7,.3,1) 2.15s both splash-lift;position:relative}.splash-orn{aspect-ratio:1133/242;opacity:0;background:url(/ui/orn-divider.webp) 50%/contain no-repeat;width:min(240px,54vw);margin:0 auto 22px;animation:1s cubic-bezier(.2,.7,.3,1) .1s both splash-orn}.splash-logo{letter-spacing:clamp(4px,1.8vw,14px);text-indent:clamp(4px,1.8vw,14px);color:var(--gold);white-space:nowrap;opacity:0;font-family:Noto Serif KR,Georgia,serif;font-size:clamp(30px,9.5vw,62px);font-weight:600;animation:1.5s cubic-bezier(.16,.8,.24,1) .35s both splash-logo,1.6s ease-in-out 1.5s both splash-glow;display:inline-block;position:relative}.splash-line{letter-spacing:clamp(1px,.5vw,3px);color:#cfc6b2;word-break:keep-all;opacity:0;margin-top:clamp(16px,3.4vw,26px);font-size:clamp(12.5px,3.4vw,17px);line-height:1.9;animation:1.4s cubic-bezier(.2,.7,.3,1) 1.05s both splash-line}.splash-br:before{content:", "}@media (max-width:430px){.splash-br{height:0;display:block}.splash-br:before{content:""}}.splash-skip{bottom:max(28px, env(safe-area-inset-bottom,0px));letter-spacing:1.5px;color:#b8ad9780;opacity:0;font-size:11px;animation:.6s ease-out 1.35s both splash-skip;position:absolute}@keyframes splash-veil{0%{filter:brightness(.5);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}@keyframes splash-orn{0%{opacity:0;transform:scaleX(.4)}to{opacity:.75;transform:none}}@keyframes splash-logo{0%{opacity:0;letter-spacing:clamp(14px,5vw,44px);filter:blur(9px);text-shadow:0 0 #d9b96a00}to{opacity:1;filter:blur();text-shadow:0 0 34px #d9b96a57}}@keyframes splash-glow{0%{text-shadow:0 0 34px #d9b96a57}45%{text-shadow:0 0 16px #fff4d6bf,0 0 58px #d9b96a99}to{text-shadow:0 0 30px #d9b96a61}}@keyframes splash-line{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes splash-skip{to{opacity:1}}@keyframes splash-lift{to{opacity:0;transform:translateY(-16px)scale(1.05)}}@keyframes splash-out{to{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.splash{animation:.4s linear 1.1s forwards splash-out}.splash-veil,.splash-inner,.splash-orn,.splash-logo,.splash-line{opacity:1;filter:none;animation:none;transform:none}.splash-skip{display:none}}.pair-note+.pair-note{border-top:1px solid #d9b96a24;margin-top:16px;padding-top:16px}.pair-route{letter-spacing:.5px;color:var(--gold);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:7px;font-size:12.5px;display:flex}.pair-route em{color:#d9b96a8c;font-style:normal}.pair-tag{color:#f0e6cd;background:#d9b96a1a;border:1px solid #d9b96a4d;border-radius:999px;margin-left:2px;padding:2px 9px;font-size:11.5px;font-weight:400}.pair-gap{color:#bdb3a0;border-top:1px dashed #d9b96a29;margin-top:14px;padding-top:12px}@media (max-width:560px){.pair-route{gap:5px;font-size:11.5px}.pair-tag{padding:2px 7px;font-size:10.5px}.pair-note+.pair-note{margin-top:13px;padding-top:13px}}.gfilter.deck-pick{margin-bottom:0}.gfilter.deck-pick .gchip{align-items:center;gap:7px;display:inline-flex}.gfilter.deck-pick .gchip em{color:#d9c9a2;background:#d9b96a29;border-radius:999px;padding:1px 6px;font-size:10.5px;font-style:normal}.gfilter.deck-pick .gchip.on em{color:#f6efdc;background:#d9b96a4d}@media (max-width:560px){.gfilter.deck-pick .gchip{gap:5px}.gfilter.deck-pick .gchip em{padding:1px 5px;font-size:10.5px}}.pos-classic{color:#9a93b8;font-size:.92em;font-style:italic}.pos-note{color:#ded5c2;background:#d9b96a12;border-left:2px solid #d9b96a73;border-radius:0 8px 8px 0;margin-top:10px;padding:10px 14px;font-size:13.5px}@media (max-width:560px){.pos-note{padding:9px 11px;font-size:12.5px}}.ab-row{justify-content:center;align-items:center;gap:12px;width:min(94vw,560px);margin:6px auto 0;display:flex}.ab-input{flex:1 1 0;width:auto;min-width:0;height:48px;margin-top:0;padding:0 14px;font-size:14px}.ab-vs{color:var(--gold);letter-spacing:1px;flex:none;font-size:12px}@media (max-width:430px){.ab-row{flex-wrap:wrap;gap:8px}.ab-input{flex:100%;height:44px}.ab-vs{text-align:center;flex:100%}}.mode-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:min(94vw,860px);margin:8px auto 0;display:grid}.mode-card{--card-bg:url(/ui/mode-classic.webp);isolation:isolate;background:linear-gradient(165deg,#1c1632e6,#0b0816e6);border:1px solid #d9b96a52;border-radius:16px;flex-direction:column;gap:8px;padding:24px 24px 20px;text-decoration:none;transition:border-color .22s,transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";z-index:-1;background:var(--card-bg) right center / cover no-repeat;transition:transform .6s;position:absolute;inset:0}.mode-card:after{content:"";z-index:-1;background:linear-gradient(90deg,#0c0a16db 0%,#0c0a16a8 48%,#0c0a162e 100%);position:absolute;inset:0}.mode-card:hover{border-color:#d9b96abf;transform:translateY(-3px);box-shadow:0 16px 38px #00000080}.mode-card:hover:before{transform:scale(1.05)}.mode-card.star{--card-bg:url(/ui/mode-star.webp);background:linear-gradient(165deg,#181a38eb,#090a18eb)}.mode-card.saju{--card-bg:url(/ui/mode-saju.webp)}.mode-tag{letter-spacing:2px;color:var(--gold);background:#d9b96a1a;border:1px solid #d9b96a59;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px}.mode-name{letter-spacing:2px;color:var(--ink);font-family:Noto Serif KR,Georgia,serif;font-size:22px}.mode-desc{color:#c8bfae;word-break:keep-all;font-size:13.5px;line-height:1.8}.mode-meta{letter-spacing:.5px;color:#8d8470;margin-top:4px;font-size:11.5px}@media (max-width:640px){.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{padding:18px 18px 16px}.mode-name{font-size:19px}.mode-desc{font-size:12.5px}}.bd-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(100%,460px);margin-top:6px;display:flex}.bd-input{text-align:center;width:92px;height:52px;margin-top:0;font-size:18px}.bd-sep{color:var(--dim);margin-right:6px;font-size:14px}.zo-found{background:#d9b96a14;border:1px solid #d9b96a66;border-radius:14px;flex-direction:column;align-items:center;gap:4px;margin:16px auto 0;padding:14px 22px;display:flex}.zo-name{letter-spacing:3px;color:var(--gold);font-family:Noto Serif KR,Georgia,serif;font-size:22px}.zo-sub{color:#cec5b2;font-size:12.5px}.zo-kw{color:#9a917e;letter-spacing:.5px;font-size:12px}.zo-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:min(94vw,620px);margin:6px auto 0;display:grid}.zo-chip{color:#ded5c2;cursor:pointer;background:#ffffff08;border:1px solid #d9b96a38;border-radius:11px;flex-direction:column;gap:2px;padding:10px 6px;transition:border-color .2s,background .2s;display:flex}.zo-chip:hover{border-color:#d9b96a8c}.zo-chip.on{background:#d9b96a21;border-color:#d9b96ae6}.zo-chip b{letter-spacing:.5px;font-size:13px;font-weight:400}.zo-chip em{color:#8d8470;font-size:10.5px;font-style:normal}@media (max-width:560px){.zo-grid{grid-template-columns:repeat(3,1fr)}.zo-chip b{font-size:12px}}.astro-box{background:#3c468224;border:1px solid #8ca0dc47;border-radius:10px;margin-top:12px;padding:12px 14px}.astro-box.r3{background:#d9b96a1c;border-color:#d9b96a99}.astro-box.r2{border-color:#b4afd266}.astro-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.astro-label{letter-spacing:.5px;color:#cdd4f0;font-size:12.5px}.astro-box.r3 .astro-label{color:#f0e6cd}.astro-score{color:#f3e9cd;background:#d9b96a33;border-radius:999px;flex:none;padding:2px 9px;font-size:11px}.astro-score em{opacity:.65;font-style:normal}.astro-box .reading-para{color:#ded5c2;font-size:13.5px}.astro-rev{margin-top:6px;color:#b3aa98!important}@media (max-width:560px){.astro-box{padding:10px 11px}.astro-label{font-size:11.5px}.astro-box .reading-para{font-size:12.5px}}.guard-box{text-align:left;background:#1c1a30b8;border:1px solid #d9b96a66;border-radius:12px;width:min(92vw,560px);margin-top:18px;padding:14px 16px}.guard-crisis{background:#401c22cc;border-color:#e88080a6}.guard-block{border-color:#e8b0708c}.guard-title{color:#f0e6cd;margin-bottom:6px;font-family:Noto Serif KR,Georgia,serif;font-size:14.5px;display:block}.guard-msg{color:#d8d0c0;margin:0;font-size:13px;line-height:1.7}.guard-again{color:#b9b0c8;margin-top:8px}.guard-res{color:#efe3c2;margin:10px 0 0;padding:0;font-size:13px;line-height:1.9;list-style:none}.guard-res a{color:#f2c9c9;font-weight:700;text-decoration:underline}.decan-today{text-align:left;background:#1c1a3099;border:1px solid #b4afd24d;border-radius:12px;align-items:center;gap:14px;width:min(92vw,560px);margin-top:20px;padding:12px 14px;display:flex}.decan-today img{border:1px solid #d9b96a59;border-radius:6px;width:56px}.decan-today .dt-text b{color:#f0e6cd;margin-bottom:4px;font-family:Noto Serif KR,Georgia,serif;font-size:13.5px;display:block}.decan-today .dt-text span{color:#b9b0c8;font-size:12.5px;line-height:1.65}.birth-cards{flex-wrap:wrap;justify-content:center;gap:14px;width:min(92vw,560px);margin-top:16px;display:flex}.bc-item{text-align:center;width:104px}.bc-item img{border:1px solid #d9b96a59;border-radius:8px;width:100%}.bc-item b{letter-spacing:1px;color:#9a93b8;margin-top:6px;font-size:11.5px;display:block}.bc-item span{color:#efe3c2;font-family:Noto Serif KR,Georgia,serif;font-size:13px}.bc-note{color:#8f88a6;text-align:center;width:100%;margin:2px 0 0;font-size:12px;line-height:1.7}.bd-year{width:104px}.bd-input::placeholder{letter-spacing:0;font-size:14px}.gold-btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.gold-btn:disabled:hover,.ghost-btn:disabled:hover{transform:none}.saju-pillars{gap:12px;margin-top:18px;display:flex}.sp-item{text-align:center;background:#1c1a3099;border:1px solid #d9b96a59;border-radius:12px;width:108px;padding:12px 10px}.sp-item b{letter-spacing:2px;color:#9a93b8;font-size:11px;display:block}.sp-hanja{letter-spacing:4px;color:#f0e6cd;margin:6px 0 2px;font-family:Noto Serif KR,Georgia,serif;font-size:26px;display:block}.sp-ko{color:#b9b0c8;font-size:11.5px}.ilgan-card{text-align:left;background:#221e38b8;border:1px solid #d9b96a73;border-radius:12px;align-items:center;gap:16px;width:min(92vw,560px);margin-top:16px;padding:14px 16px;display:flex}.ilgan-card img{border:1px solid #d9b96a66;border-radius:8px;width:74px}.ilgan-card .ic-text b{color:#f0e6cd;margin-bottom:5px;font-family:Noto Serif KR,Georgia,serif;font-size:14.5px;display:block}.ilgan-card .ic-text span{color:#c8bfae;font-size:12.5px;line-height:1.7}.ilgan-card .ic-text em{color:#e8c877;font-style:normal}.ohaeng-grid{flex-wrap:wrap;justify-content:center;gap:12px;width:min(94vw,640px);display:flex}.oh-item{text-align:center;width:104px}.oh-item img{border:1px solid #d9b96a59;border-radius:8px;width:100%}.oh-item.lack img{opacity:.42;filter:grayscale(.55)}.oh-item b{color:#efe3c2;margin-top:6px;font-family:Noto Serif KR,Georgia,serif;font-size:13px;display:block}.oh-bar{letter-spacing:3px;color:#d9b96a;margin-top:2px;font-size:10px;display:block}.oh-note{color:#9a93b8;margin-top:2px;font-size:11px;display:block}.sipseong-list{gap:8px;width:min(92vw,560px);display:grid}.ss-item{text-align:left;background:#1c1a308c;border:1px solid #b4afd242;border-radius:10px;grid-template-columns:52px 76px 1fr;align-items:baseline;gap:10px;padding:8px 12px;display:grid}.ss-item b{color:#e6dcc4;font-family:Noto Serif KR,Georgia,serif;font-size:13.5px}.ss-line{color:#b9b0c8;font-size:12px}@media (max-width:560px){.sp-item{width:92px}.sp-hanja{font-size:22px}.ss-item{grid-template-columns:44px 68px 1fr}}.obs-list{flex-direction:column;gap:16px;margin-top:8px;list-style:none;display:flex}.obs-list li{align-items:flex-start;gap:12px;display:flex}.obs-tag{text-align:center;letter-spacing:1px;min-width:66px;color:var(--gold);word-break:keep-all;border:1px solid #d9b96a59;border-radius:999px;flex:none;margin-top:3px;padding:4px 10px;font-family:Noto Serif KR,Georgia,serif;font-size:11.5px;font-weight:700}.obs-list li p{color:#efe9dc;word-break:keep-all;font-size:14.5px;line-height:1.85}.story-steps{flex-direction:column;gap:18px;margin:12px 0 4px;list-style:none;display:flex}.story-step{padding-left:24px;position:relative}.story-step:before{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:4px;box-shadow:0 0 8px #d9b96a8c}.story-step:not(:last-child):after{content:"";background:linear-gradient(#d9b96a73,#d9b96a1a);width:1px;position:absolute;top:21px;bottom:-15px;left:7.5px}.step-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.step-pos{letter-spacing:2px;color:var(--gold);font-family:Noto Serif KR,Georgia,serif;font-size:12px;font-weight:700}.step-card{color:#f4eee0;font-family:Noto Serif KR,Georgia,serif;font-size:16.5px;font-weight:700}.step-rev{color:#d8a0a8;border:1px solid #d8a0a866;border-radius:999px;padding:1px 8px;font-size:11px}.reveal{display:contents}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal>*{animation:.5s cubic-bezier(.22,.9,.3,1) both reveal-in}.reveal>:first-child{animation-delay:30ms}.reveal>:nth-child(2){animation-delay:80ms}.reveal>:nth-child(3){animation-delay:.13s}.reveal>:nth-child(4){animation-delay:.18s}.reveal>:nth-child(5){animation-delay:.23s}.reveal>:nth-child(n+6){animation-delay:.28s}@media (prefers-reduced-motion:reduce){.reveal>*{animation:none}}.step-focus{letter-spacing:.5px;color:#2e2205;background:linear-gradient(172deg,#f0d99c,#cfa955);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700}.story-step.focus-step:before{width:11px;height:11px;top:6px;left:2.5px;box-shadow:0 0 12px #d9b96ad9}.evidence-label{letter-spacing:2px;color:#8d8778;align-items:center;gap:12px;width:min(94vw,720px);margin:26px auto 2px;font-family:Noto Serif KR,Georgia,serif;font-size:12px;display:flex}.evidence-label:before,.evidence-label:after{content:"";background:linear-gradient(90deg,#0000,#d9b96a47,#0000);flex:1;height:1px}.flow-chip{background:#d9b96a0f;border:1px solid #d9b96a4d;border-radius:13px;width:min(94vw,620px);margin:16px auto 0;padding:12px 16px 11px}.flow-chip>b{letter-spacing:1.5px;color:var(--gold);font-family:Noto Serif KR,Georgia,serif;font-size:12.5px;display:block}.flow-chip ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.flow-chip li{color:#f4eee0;background:#d9b96a14;border:1px solid #d9b96a47;border-radius:999px;padding:3px 10px;font-size:12.5px}.flow-chip>span{color:#a9a294;margin-top:9px;font-size:12px;line-height:1.7;display:block}.saju-todo{background:#d9b96a12;border:1px solid #d9b96a6b;border-radius:14px;width:min(94vw,620px);margin:18px auto 4px;padding:14px 18px 13px}.saju-todo b{color:var(--gold);margin-bottom:7px;font-family:Noto Serif KR,Georgia,serif;font-size:14.5px;display:block}.saju-todo ul{margin:0;padding-left:17px}.saju-todo li{color:#e9e3d6;font-size:13.5px;line-height:1.8}.saju-todo li b{font-size:inherit;margin:0;display:inline}.saju-todo>span{color:#a9a294;margin-top:8px;font-size:12.5px;line-height:1.7;display:block}.saju-more{width:min(94vw,720px);margin:16px auto 0}.saju-more>summary{cursor:pointer;color:var(--gold);letter-spacing:1px;border:1px solid #d9b96a4d;border-radius:12px;padding:12px 34px 12px 16px;font-family:Noto Serif KR,Georgia,serif;font-size:14px;list-style:none;position:relative}.saju-more>summary::-webkit-details-marker{display:none}.saju-more>summary:after{content:"▾";color:#d9b96ab3;position:absolute;top:13px;right:16px}.saju-more[open]>summary:after{content:"▴"}.saju-more>summary span{letter-spacing:0;color:#a9a294;margin-top:3px;font-family:inherit;font-size:12px;display:block}.t-pos{color:var(--gold);font-weight:700}.step-link{color:var(--gold);opacity:.9;font-style:normal}.step-adv{border-left:2px solid #d9b96a73;margin-top:7px;padding-left:11px;color:#f4eee0!important}.story-step p{color:#e9e3d6;word-break:keep-all;font-size:14.5px;line-height:1.85}.synthesis{background:linear-gradient(160deg,#d9b96a17,#d9b96a05);border:1px solid #d9b96a4d;border-radius:12px;margin-top:18px;padding:15px 17px}.syn-label{letter-spacing:3px;color:var(--gold);margin-bottom:7px;font-family:Noto Serif KR,Georgia,serif;font-size:12px;font-weight:700;display:block}.synthesis p{color:#f2ecdf;word-break:keep-all;font-size:15px;line-height:1.9}@media (max-width:560px){.obs-list li{flex-direction:column;gap:5px}.obs-tag{align-self:flex-start}}.mode-card.gallery{--card-bg:url(/ui/mode-gallery.webp);background:linear-gradient(165deg,#2e2618e0,#100c08eb)}.gchip-div{background:#d9b96a47;align-self:center;width:1px;height:20px;margin:0 6px}.draw-guide,.draw-sub,.pick-hint,.v-tier,.rs-line,.wish-hint,.guard-msg,.slot-empty,.hero-sub,.mode-name,.box-name,.step-label,.gcard-cap,.disclaimer{word-break:keep-all;overflow-wrap:break-word}.pick-hint small{white-space:nowrap}.interp-box{width:min(94vw,640px);margin:6px auto 0}.interp-core{color:#efe9dc;word-break:keep-all;text-align:left;font-size:15px;line-height:1.9}.interp-ss{color:var(--gold);font-weight:700}.interp-dig{letter-spacing:1px;color:#b8ad97;font-size:12px}.deck-fixed{color:#d9d2c2;word-break:keep-all;border:1px solid #d9b96a4d;border-radius:999px;align-items:center;gap:10px;width:fit-content;max-width:94vw;margin:22px auto 0;padding:10px 16px;font-size:13.5px;display:flex}.deck-fixed-thumb{background-position:50%;background-size:cover;border:1px solid #d9b96a66;border-radius:4px;flex:none;width:22px;height:36px}.adv-fold{width:min(94vw,640px);margin:18px auto 0}.adv-fold summary{cursor:pointer;text-align:center;letter-spacing:1px;color:var(--dim);padding:8px 0;font-size:13px;list-style:none}.adv-fold summary::-webkit-details-marker{display:none}.adv-fold summary:after{content:" ▾";opacity:.7}.adv-fold[open] summary:after{content:" ▴"}.adv-fold summary b{color:var(--gold);font-weight:600}.adv-fold .wish-hint{text-align:center}.guide-fold>summary{cursor:pointer;list-style:none}.guide-fold>summary::-webkit-details-marker{display:none}.guide-summary{justify-content:space-between;align-items:center;display:flex}.guide-open{color:var(--dim);letter-spacing:1px;font-size:12px}.guide-fold[open] .guide-open{display:none}@media (max-width:560px){.wish-hint,.disclaimer{max-width:100%;padding-left:14px;padding-right:14px}}.spread-fold{margin-top:20px}.spread-fold .spread-list{width:100%;margin-top:10px}@media (max-width:380px){.hero-title{letter-spacing:4px;font-size:24px}.deck-frame{width:84px}.spread-list{grid-template-columns:1fr}.slots.triptych .slot{width:clamp(72px,26vw,94px)}.v-pct{font-size:44px}.step-card{font-size:15px}.obs-tag{min-width:0}.gold-btn,.ghost-btn{padding-left:18px;padding-right:18px}.deck-fixed{padding:8px 12px;font-size:12.5px}.bd-row{gap:4px}.bd-input{width:66px;font-size:16px}.bd-year{width:76px}.bd-sep{margin-right:0;font-size:11px}}.v-verdict{letter-spacing:3px;font-family:Noto Serif KR,Georgia,serif;font-size:clamp(26px,5vw,34px)}.ai-reading{border-color:#d9b96a59}.ai-tickets{color:#d9b96a;letter-spacing:1px;margin-left:auto;font-size:12px}.ai-intro{color:#cfc8b8}.ai-gen-btn{width:100%;margin-top:10px}.ai-loading{color:#b9b2a2;text-align:center;padding:18px 0;animation:2.2s ease-in-out infinite ai-pulse}@keyframes ai-pulse{0%,to{opacity:.55}50%{opacity:1}}.ai-text{white-space:pre-wrap}.ai-note{color:#8d8778;margin-top:12px;font-size:12px;line-height:1.6}.ai-earn{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ai-earn li{background:#d9b96a0d;border:1px solid #d9b96a47;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13.5px;display:flex}.ai-earn li b{color:#efe3c2;font-weight:600}.ai-earn li span{color:#d9b96a;font-size:12px}.ai-earn li.soon{opacity:.5}.ai-earn li.soon span{color:#8d8778}.ad-reward-btn{cursor:pointer;width:100%;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.ad-reward-btn:disabled{cursor:wait;opacity:.6}.ad-reward-btn b{color:#efe3c2;font-weight:600}.ad-reward-btn span{color:#d9b96a;font-size:12px}.ad-reward-msg{color:#cfc4a8;flex-basis:100%;margin:8px 0 0;font-size:12px}.ai-earn li:has(.ad-reward-btn){flex-wrap:wrap}.uc-earn{margin:0 0 10px;padding:0;list-style:none}.bd-panel{background:linear-gradient(170deg,#18132cc7,#0b0816d9);border:1px solid #d9b96a52;border-radius:16px;width:min(480px,94vw);margin:14px auto 0;overflow:hidden;box-shadow:0 14px 34px #00000059}.bd-sec{text-align:left;grid-template-columns:96px 1fr;align-items:start;gap:14px;padding:18px 20px;display:grid}.bd-sec+.bd-sec{border-top:1px solid #d9b96a24}.bd-sec-label{letter-spacing:2px;color:#d9b96a;word-break:keep-all;padding-top:9px;font-size:12.5px}.bd-sec-body{min-width:0}.bd-sec-hint{color:#8f87a8;word-break:keep-all;margin:9px 0 0;font-size:12px;line-height:1.65}.bd-sec-hint b{color:#cfc4a8;font-weight:600}.bd-fields{align-items:flex-end;gap:10px;display:flex}.bd-f{flex-direction:column;gap:5px;display:flex}.bd-f span{letter-spacing:1px;color:#9c93b5;font-size:10.5px}.bd-f input{text-align:center;color:#f0e9d8;background:#0806108c;border:1px solid #d9b96a47;border-radius:10px;outline:none;width:58px;height:44px;font-family:Noto Serif KR,Georgia,serif;font-size:18px;transition:border-color .18s,box-shadow .18s}.bd-f input::placeholder{color:#9c93b566}.bd-f input:focus{border-color:#d9b96abf;box-shadow:0 0 14px #d9b96a24}.bd-f-year input{width:84px}.bd-colon{color:#d9b96a8c;padding-bottom:11px;font-size:18px}.bd-time{margin-top:12px;animation:.3s both hero-rise}.bd-seg{background:#0806108c;border:1px solid #d9b96a47;border-radius:999px;padding:3px;display:inline-flex}.bd-seg button{color:#9c93b5;letter-spacing:.5px;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 18px;font-size:13px;transition:background .18s,color .18s}.bd-seg button.on{color:#14121f;background:linear-gradient(160deg,#f6e7bdf2,#d9b96af2);font-weight:700}@media (max-width:560px){.bd-sec{grid-template-columns:1fr;gap:8px;padding:15px 16px}.bd-sec-label{padding-top:0}}.ai-earn-login{background:#d9b96a12;border:1px solid #d9b96a59;border-radius:10px;justify-items:center;gap:10px;margin:12px 0;padding:14px;display:grid}.ai-earn-login>b{color:#efe3c2;font-size:14px;font-weight:600}.google-btn-slot{justify-content:center;min-height:40px;display:flex}.ai-bonus{color:#e8c877;text-align:center;background:#d9b96a1f;border-radius:8px;margin:8px 0 2px;padding:9px 12px;font-size:13.5px}.ai-card-note{background:#d9b96a0f;border-left:2px solid #d9b96a8c;border-radius:0 8px 8px 0;margin:10px 0 4px;padding:10px 12px 10px 14px}.ai-card-tag{letter-spacing:2px;color:#d9b96a;margin-bottom:6px;font-size:11px;display:inline-block}.ai-card-note p{color:#e6dfd0;margin:0;font-size:14px;line-height:1.85}.ai-in{animation:.7s both ai-fade-in}@keyframes ai-fade-in{0%{opacity:.15;transform:translateY(4px)}to{opacity:1;transform:none}}.ai-writing{letter-spacing:.4px;color:#d9b96acc;margin:8px 0 2px;font-size:12.5px;animation:1.6s ease-in-out infinite ai-writing-pulse}@keyframes ai-writing-pulse{0%,to{opacity:.45}50%{opacity:1}}.ai-reading{background:linear-gradient(#d9b96a0f,#0000 120px),#100e1ab8;border:1px solid #d9b96a66;box-shadow:0 0 0 1px #d9b96a14,0 18px 44px #00000059}.ai-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.ai-head-line{background:linear-gradient(90deg,#0000,#d9b96a80);flex:1;height:1px}.ai-head-line:last-child{background:linear-gradient(90deg,#d9b96a80,#0000)}.ai-head-title{letter-spacing:4px;color:#e8c877;white-space:nowrap;font-family:Noto Serif KR,Georgia,serif;font-size:15px}.ai-tickets-line{text-align:center;letter-spacing:1.5px;color:#d9b96abf;margin:0 0 10px;font-size:11.5px}.ai-body{padding:2px 2px 0}.ai-body .ai-text{color:#ece5d6;text-align:left;white-space:pre-wrap;margin:0;font-size:15px;line-height:2.05}.ai-body .ai-text+.ai-text{margin-top:26px;position:relative}.ai-body .ai-text+.ai-text:before{content:"✦";color:#d9b96a8c;font-size:9px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.ai-reading .ai-note{text-align:center;border-top:1px solid #d9b96a24;margin-top:16px;padding-top:12px}.ai-card-note{background:linear-gradient(135deg,#d9b96a14,#d9b96a05);border:1px solid #d9b96a38;border-left:2px solid #d9b96a99;border-radius:0 10px 10px 0;margin:12px 0 4px;padding:12px 14px}.ai-card-tag{letter-spacing:3px;font-family:Noto Serif KR,Georgia,serif}.ai-card-note p{line-height:1.95}@media (max-width:560px){.ai-head-title{letter-spacing:3px;font-size:13px}.ai-body .ai-text{font-size:14px;line-height:1.95}}.ai-cta{border-top:1px solid #d9b96a24;justify-items:center;gap:10px;margin-top:16px;padding-top:14px;display:grid}.ai-cta .ai-gen-btn{width:min(100%,340px);margin:0}.ai-cta .ai-note{border:0;margin:0;padding:0}.card-basis{margin-top:12px}.card-basis summary{cursor:pointer;letter-spacing:2px;color:#d9b96ab3;align-items:center;gap:8px;font-size:12px;list-style:none;display:flex}.card-basis summary::-webkit-details-marker{display:none}.card-basis[open] summary{margin-bottom:6px}.basis-sub{margin-top:16px}.basis-sub+.basis-sub{border-top:1px solid #d9b96a1f;padding-top:14px}.ai-earn-login{background:radial-gradient(120% 90% at 50% 0,#d9b96a21,#d9b96a05 55%),#0e0c1699;border:1px solid #d9b96a73;border-radius:14px;justify-items:center;gap:6px;margin:14px 0 4px;padding:26px 20px 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d9b96a14,0 14px 34px #00000059}.ai-earn-login:before{content:"";pointer-events:none;border:1px solid #d9b96a29;border-radius:10px;position:absolute;inset:5px}.login-fan{justify-content:center;height:46px;margin-bottom:4px;display:flex}.login-ticket{color:#d9b96a;background:linear-gradient(160deg,#2b2445,#171226 70%);border:1px solid #d9b96aa6;border-radius:5px;justify-content:center;align-items:center;width:30px;height:44px;margin:0 -7px;font-size:12px;display:flex;box-shadow:0 4px 12px #00000080}.login-ticket.t1{transform:rotate(-14deg)translateY(4px)}.login-ticket.t2{z-index:1;transform:translateY(-2px)}.login-ticket.t3{transform:rotate(14deg)translateY(4px)}.login-title{letter-spacing:1px;color:#f0e8d6;font-family:Noto Serif KR,Georgia,serif;font-size:16px;font-weight:600}.login-sub{color:#b9b2a2;margin-bottom:10px;font-size:13.5px}.login-sub em{color:#e8c877;font-style:normal;font-weight:700}.login-privacy{color:#7d7768;letter-spacing:.3px;margin:8px 0 0;font-size:11.5px}.google-btn-slot{border-radius:999px;transition:box-shadow .25s;box-shadow:0 0 0 1px #d9b96a59,0 0 22px #d9b96a1f}.google-btn-slot:hover{box-shadow:0 0 0 1px #d9b96a99,0 0 28px #d9b96a38}.ai-tickets-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ai-user{color:#d9b96ab3;letter-spacing:1px;font-size:11.5px}.ticket-chip{color:#e8c877;letter-spacing:1.5px;background:linear-gradient(160deg,#d9b96a29,#d9b96a0a);border:1px solid #d9b96a80;border-radius:999px;align-items:center;gap:6px;padding:4px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.ticket-chip i{font-size:10px;font-style:normal}.ai-stage{text-align:center;padding:26px 0 18px}.ai-stage-cards{justify-content:center;height:74px;margin-bottom:18px;display:flex}.stage-card{color:#d9b96a;background:radial-gradient(60% 45% at 50% 38%,#d9b96a38,#0000 70%),linear-gradient(160deg,#2c2449,#151021 70%);border:1px solid #d9b96ab3;border-radius:7px;justify-content:center;align-items:center;width:46px;height:68px;margin:0 -9px;font-size:14px;display:flex;box-shadow:0 8px 22px #0000008c,0 0 18px #d9b96a1f}.stage-card.c1{transform-origin:bottom;animation:2.6s ease-in-out infinite stage-sway}.stage-card.c2{z-index:1;animation:2.6s ease-in-out .3s infinite stage-lift}.stage-card.c3{transform-origin:bottom;animation:2.6s ease-in-out .6s infinite reverse stage-sway}@keyframes stage-sway{0%,to{transform:rotate(-13deg)translateY(6px)}50%{transform:rotate(-9deg)translateY(-2px)}}@keyframes stage-lift{0%,to{transform:translateY(0);box-shadow:0 8px 22px #0000008c,0 0 18px #d9b96a1f}50%{transform:translateY(-9px);box-shadow:0 16px 30px #0009,0 0 30px #d9b96a4d}}.ai-stage-line{letter-spacing:1px;background:linear-gradient(90deg,#8d8778 20%,#f4e3b2 50%,#8d8778 80%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-family:Noto Serif KR,Georgia,serif;font-size:15.5px;animation:2.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.ai-stage-sub{color:#7d7768;letter-spacing:.5px;margin:0;font-size:12px}.ai-body .ai-text{letter-spacing:.01em;color:#efe9db;word-break:keep-all;font-family:Noto Serif KR,Georgia,serif;font-size:15.5px;line-height:2.12}.ai-body .ai-text:first-child:first-letter{color:#e8c877;font-size:1.5em;line-height:1}button.cat-card{font:inherit;text-align:left;cursor:pointer;width:100%}.cat-card.on{background:#d9b96a1a;border-color:#d9b96abf}.ai-reading{background:linear-gradient(#0c0a14d1,#0c0a14e6),url(/ui/ai-bg.webp) 50%/cover no-repeat,#100e1ae6}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(92vw,640px);display:grid}.scope-card{font:inherit;text-align:left;cursor:pointer;background:#141120a6;border:1px solid #d9b96a59;border-radius:14px;gap:6px;padding:22px 20px;transition:border-color .2s,background .2s,transform .2s;display:grid}.scope-card:hover{background:#d9b96a14;border-color:#d9b96abf;transform:translateY(-2px)}.scope-name{color:#efe3c2;letter-spacing:1px;font-family:Noto Serif KR,Georgia,serif;font-size:19px}.scope-deck{color:#d9b96a;letter-spacing:.5px;font-size:12px}.scope-hint{color:#8d8778;font-size:12.5px;line-height:1.6}@media (max-width:560px){.scope-grid{grid-template-columns:1fr}}.hero-title{letter-spacing:clamp(6px,1.6vw,14px);background:linear-gradient(#f6e7bd 0%,#d9b96a 55%,#a8853f 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 0 22px #d9b96a47)drop-shadow(0 2px 2px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,58px)}.hero-sub{letter-spacing:clamp(2px,.6vw,5px);color:#cfc4a8;font-size:clamp(14px,2.4vw,17px)}.home-hero{text-align:center;width:100%;position:relative}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#d9b96a29,#785ac812 45%,#0000 70%);width:min(720px,96vw);height:300px;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.hero-eyebrow{letter-spacing:clamp(3px,.8vw,6px);color:#d9b96abf;margin:4px 0 0;font-size:clamp(11px,1.8vw,13px);animation:.9s both hero-rise;position:relative}.hero-eyebrow span{vertical-align:2px;opacity:.8;font-size:9px}.hero-title-xl{letter-spacing:clamp(7px,2vw,18px);background:linear-gradient(100deg,#a8853f 0%,#f6e7bd 22%,#d9b96a 45%,#fff3cf 58%,#d9b96a 72%,#a8853f 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:14px 0 8px;padding-left:clamp(7px,2vw,18px);font-size:clamp(38px,8.4vw,74px);animation:8s linear infinite gold-sheen,1.1s both hero-rise;position:relative}@keyframes gold-sheen{to{background-position:-220% 0}}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home-hero .hero-sub{animation:1.3s both hero-rise}@media (prefers-reduced-motion:reduce){.hero-title-xl,.hero-eyebrow,.home-hero .hero-sub{animation:none}}.basis-dir{letter-spacing:1px;color:#d9b96a;border:1px solid #d9b96a73;border-radius:999px;margin-right:8px;padding:1px 9px;font-size:11px;font-weight:600;display:inline-block}.basis-dir.rev{color:#a99fd0;border-color:#968cbe80}.basis-more{color:#d9b96a;border-bottom:1px solid #d9b96a66;margin-top:8px;font-size:12.5px;text-decoration:none;display:inline-block}.basis-more:hover{color:#f0dfae}.ai-oneliner{background:radial-gradient(60% 120%,#d9b96a1a,#0000 75%);border-top:1px solid #d9b96a59;border-bottom:1px solid #d9b96a59;justify-content:center;align-items:center;gap:14px;margin:22px 0 4px;padding:20px 16px;display:flex}.ai-oneliner p{letter-spacing:.5px;text-align:center;word-break:keep-all;background:linear-gradient(#f6e7bd,#d9b96a 70%);color:#0000;filter:drop-shadow(0 0 14px #d9b96a40);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Noto Serif KR,Georgia,serif;font-size:clamp(17px,3.4vw,21px);line-height:1.7}.ai-ol-orn{color:#d9b96a99;flex:none;font-size:12px}.ai-cta .ai-earn{width:100%}.ai-earn li{gap:14px}.ai-earn li b{flex:1}.ai-earn li span{white-space:nowrap;flex:none}.deck-row>.deck-choice:only-child{grid-column:1/-1}.wish-input::placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:430px){.wish-input::placeholder{font-size:15px}}.user-chip-wrap{z-index:80;position:fixed;top:14px;right:14px}.user-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e6dfd0;cursor:pointer;background:#0d0b18b8;border:1px solid #d9b96a73;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.user-chip:hover{border-color:#d9b96ad9;box-shadow:0 0 18px #d9b96a2e}.uc-tickets{color:#d9b96a;letter-spacing:.5px;white-space:nowrap}.uc-tickets i{font-size:11px;font-style:normal}.uc-name{text-overflow:ellipsis;white-space:nowrap;color:#cfc4a8;max-width:84px;overflow:hidden}.uc-avatar{color:#14121f;background:linear-gradient(160deg,#f6e7bd,#d9b96a);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.uc-avatar.big{width:34px;height:34px;font-size:16px}.uc-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0c1af5;border:1px solid #d9b96a66;border-radius:14px;width:min(306px,100vw - 28px);padding:16px;animation:.18s both uc-pop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #0000008c}@keyframes uc-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.uc-row{color:#cfc4a8;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.uc-account{justify-content:flex-start;margin-bottom:12px}.uc-account b{color:#f0e9d8;font-size:14px;display:block}.uc-account small{color:#8f87a8;overflow-wrap:anywhere;font-size:11.5px;display:block}.uc-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.uc-stats.solo{grid-template-columns:1fr}.uc-stats>div{text-align:center;background:#d9b96a0d;border:1px solid #d9b96a38;border-radius:10px;padding:10px 8px}.uc-stats b{color:#d9b96a;font-family:Noto Serif KR,Georgia,serif;font-size:22px;display:block}.uc-stats span{color:#9c93b5;letter-spacing:1px;font-size:11.5px}.uc-pay{border-top:1px dashed #d9b96a33;padding:9px 2px}.uc-soon{color:#8f87a8;font-size:12px}.uc-logout{color:#a99fd0;cursor:pointer;background:0 0;border:1px solid #968cbe59;border-radius:9px;width:100%;margin-top:10px;padding:8px 0;font-size:12.5px}.uc-logout:hover{border-color:#968cbeb3}.uc-hint{text-align:center;color:#cfc4a8;margin:0 0 10px;font-size:13px}.uc-hint em{color:#d9b96a;font-style:normal}.uc-note{color:#8f87a8;text-align:center;margin:10px 0 0;font-size:11.5px}@media (max-width:560px){.user-chip-wrap{top:10px;right:10px}.user-chip{padding:6px 11px;font-size:12px}.uc-name{max-width:56px}}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:min(560px,94vw);margin:6px auto 0;display:grid}.shop-card{color:inherit;text-align:left;cursor:pointer;background:linear-gradient(170deg,#18132ccc,#0b0816db);border:1px solid #d9b96a59;border-radius:14px;flex-direction:column;gap:6px;padding:20px 18px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.shop-card:hover{border-color:#d9b96acc;transform:translateY(-2px);box-shadow:0 14px 30px #00000073}.shop-badge{color:#14121f;letter-spacing:1px;background:linear-gradient(160deg,#f6e7bd,#d9b96a);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:-9px;right:14px}.shop-name{color:#f0e9d8;font-size:16px}.shop-price{color:#d9b96a;font-family:Noto Serif KR,Georgia,serif;font-size:24px}.shop-desc{color:#9c93b5;word-break:keep-all;font-size:12.5px;line-height:1.6}.shop-perk{color:#d9b96a;font-size:12px}.shop-checkout{background:#0f0c1ae6;border:1px solid #d9b96a59;border-radius:14px;flex-direction:column;gap:10px;width:min(480px,94vw);margin:0 auto;padding:16px;display:flex}.shop-summary{color:#f0e9d8;justify-content:space-between;align-items:center;font-size:15px;display:flex}.shop-summary span{color:#d9b96a;font-size:18px}.shop-pay-btn{width:100%}.shop-note{text-align:center;color:#cfc4a8;margin:14px 0 0;font-size:13.5px}.shop-note.dim{color:#8f87a8;font-size:12px}.shop-login{color:#cfc4a8;text-align:center;background:#0f0c1ae6;border:1px solid #d9b96a59;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:min(360px,94vw);margin:0 auto;padding:18px;font-size:13.5px;display:flex}.shop-checkout-desc{color:#9c93b5;word-break:keep-all;margin:0;font-size:13px;line-height:1.65}.shop-paylist{flex-wrap:wrap;gap:6px;margin:4px 0 2px;padding:0;list-style:none;display:flex}.shop-paylist li{color:#cfc4a8;border:1px solid #d9b96a40;border-radius:999px;padding:4px 11px;font-size:11.5px}.uc-pass{color:#d9b96a;text-align:center;background:#d9b96a14;border:1px solid #d9b96a66;border-radius:9px;margin:0 0 10px;padding:8px 10px;font-size:12px}.uc-shop-btn{text-align:center;color:#d9b96a;border:1px solid #d9b96a80;border-radius:9px;margin-top:2px;padding:10px 0;font-size:13px;text-decoration:none;transition:background .18s;display:block}.uc-shop-btn:hover{background:#d9b96a1a}.ai-earn-link{justify-content:space-between;align-items:center;width:100%;text-decoration:none;display:flex}.ai-earn-link b{color:#efe3c2;font-weight:600}.ai-earn-link span{color:#d9b96a;font-size:12px}.ad-banner{width:min(720px,94vw);margin:26px auto 0}.ad-banner-label{letter-spacing:1px;color:#9c93b58c;text-align:center;margin-bottom:4px;font-size:10.5px;display:block}.adgate-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06040cb8;justify-content:center;align-items:center;animation:.25s both uc-pop;display:flex;position:fixed;inset:0}.adgate{text-align:center;background:linear-gradient(170deg,#1a152efa,#0c0918fa);border:1px solid #d9b96a80;border-radius:18px;flex-direction:column;align-items:center;gap:8px;width:min(340px,90vw);padding:26px 22px 20px;display:flex;box-shadow:0 24px 60px #0009,0 0 40px #d9b96a14}.adgate-orn{color:#d9b96a;font-size:18px}.adgate-title{letter-spacing:3px;color:#f0e9d8;font-family:Noto Serif KR,Georgia,serif;font-size:19px}.adgate-body{color:#cfc4a8;word-break:keep-all;margin:0;font-size:13.5px;line-height:1.75}.adgate-count{color:#d9b96a;border:1px solid #d9b96a80;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:6px 0;font-family:Noto Serif KR,Georgia,serif;font-size:24px;animation:1s ease-in-out infinite ai-writing-pulse;display:flex}.adgate-buy{width:100%}.adgate-note{color:#8f87a8;margin:0;font-size:11.5px}.adgate-login{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.kakao-btn{color:#191919;cursor:pointer;background:#fee500;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:270px;height:40px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.kakao-btn:hover{filter:brightness(.96)}.kakao-symbol{display:inline-flex}.site-footer{text-align:center;border-top:1px solid #d9b96a24;width:100%;margin-top:40px;padding:22px 16px 26px}.sf-biz{color:#9c93b5bf;word-break:keep-all;margin:2px 0;font-size:11.5px;line-height:1.7}.sf-biz a{color:#cfc4a8e6;text-decoration:none}.sf-links{margin:8px 0 0;font-size:12px}.sf-links a{color:#d9b96abf;border-bottom:1px solid #d9b96a4d;text-decoration:none}.terms-body{text-align:left;width:min(640px,94vw);margin:0 auto}.terms-body h2{letter-spacing:1px;color:#d9b96a;margin:26px 0 8px;font-family:Noto Serif KR,Georgia,serif;font-size:16px}.terms-body p,.terms-body li{color:#cfc4a8;word-break:keep-all;font-size:13.5px;line-height:1.85}.terms-body b{color:#f0e9d8}.terms-body ul{margin:6px 0;padding-left:18px}