.fac-play {
  --fac-ink: #252331;
  --fac-muted: #747180;
  --fac-line: rgba(37, 35, 49, .1);
  --fac-pink: #ff6f91;
  --fac-coral: #ff806d;
  --fac-lilac: #8b7cf6;
  --fac-paper: #fffdfa;
  width: 100%;
  min-width: 0;
  color: var(--fac-ink);
  background: #fbfafc;
  font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  overflow: hidden;
}

.fac-play *, .fac-play *::before, .fac-play *::after { box-sizing: border-box; }
.fac-play a { color: inherit; text-decoration: none; }
.fac-play button, .fac-play input, .fac-play select { font: inherit; }
.fac-play button { cursor: pointer; }
.fac-play h1, .fac-play h2, .fac-play h3, .fac-play p { margin-top: 0; }
.fac-play svg { display: block; width: 100%; height: 100%; }
.fac-play [hidden] { display: none !important; }

.fac-play-nav {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
  min-height: 70px;
  padding: 0 max(24px, calc((100% - 1180px) / 2));
  border-bottom: 1px solid rgba(37, 35, 49, .08);
  background: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.fac-play-nav__brand { display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 800; white-space: nowrap; }
.fac-play-nav__brand span { display: grid; width: 27px; height: 27px; color: #fff; background: linear-gradient(135deg, #ff7d9c, #ff9b73); border-radius: 9px; place-items: center; box-shadow: 0 6px 14px rgba(255, 111, 145, .22); }
.fac-play-nav__links { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 3vw, 34px); }
.fac-play-nav__links a { position: relative; padding: 23px 0 21px; color: #76727e; font-size: 14px; font-weight: 650; white-space: nowrap; }
.fac-play-nav__links a::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--fac-pink); content: ""; opacity: 0; transform: scaleX(.2); transition: .2s ease; }
.fac-play-nav__links a:hover, .fac-play-nav__links a[aria-current="page"] { color: var(--fac-ink); }
.fac-play-nav__links a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }
.fac-point-chip { display: inline-flex; min-height: 34px; padding: 5px 11px 5px 6px; align-items: center; gap: 7px; border: 1px solid rgba(255, 128, 109, .18); background: #fff7f4; border-radius: 999px; color: #d95362; font-size: 13px; }
.fac-point-chip i { display: grid; width: 22px; height: 22px; color: white; background: linear-gradient(135deg, #ff9b71, #ff6f91); border-radius: 50%; font-size: 11px; font-style: normal; font-weight: 900; place-items: center; }
.fac-point-chip--login { padding: 7px 14px; color: #55515f; font-weight: 700; }
.fac-point-chip--pending { padding: 7px 12px; color: #8a828c; background: #f8f6f8; font-size: 11px; font-weight: 750; }

.fac-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--fac-pink); font-size: 11px; font-weight: 850; letter-spacing: .16em; }
.fac-eyebrow::before { width: 18px; height: 1px; background: currentColor; content: ""; opacity: .7; }

.fac-hub-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  min-height: 500px;
  padding: 85px max(24px, calc((100% - 1100px) / 2));
  align-items: center;
  gap: 70px;
  background:
    radial-gradient(circle at 82% 30%, rgba(198, 181, 255, .28), transparent 25%),
    radial-gradient(circle at 68% 78%, rgba(255, 179, 194, .25), transparent 26%),
    linear-gradient(135deg, #fff9f7 0%, #fbf7ff 48%, #f5f8ff 100%);
}
.fac-hub-hero::after { position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(139,124,246,.18), transparent); content: ""; }
.fac-hub-hero__copy { position: relative; z-index: 2; }
.fac-hub-hero h1 { margin: 17px 0 20px; color: #292637; font-size: clamp(44px, 6vw, 70px); font-weight: 780; letter-spacing: -.065em; line-height: 1.09; }
.fac-hub-hero h1 em { position: relative; color: #ee667f; font-style: normal; }
.fac-hub-hero h1 em::after { position: absolute; right: 1px; bottom: 2px; left: 2px; height: 8px; background: rgba(255, 181, 192, .3); border-radius: 50%; content: ""; z-index: -1; }
.fac-hub-hero p { margin-bottom: 30px; color: #777280; font-size: 16px; line-height: 1.85; }
.fac-hub-hero__actions { display: flex; align-items: center; gap: 24px; }
.fac-text-link { color: #625e6b; font-size: 14px; font-weight: 750; }
.fac-text-link span { display: inline-block; margin-left: 5px; transition: transform .2s ease; }
.fac-text-link:hover span { transform: translateX(4px); }

.fac-button { display: inline-flex; min-height: 52px; padding: 0 24px; border: 0; border-radius: 15px; align-items: center; justify-content: center; gap: 12px; font-weight: 800; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
.fac-button:hover { transform: translateY(-2px); }
.fac-button:disabled { cursor: wait; opacity: .6; transform: none; }
.fac-button--primary { color: #fff !important; background: linear-gradient(135deg, #ff7d91, #ff9670); box-shadow: 0 14px 30px rgba(240, 105, 131, .23); }
.fac-button--primary:hover { box-shadow: 0 17px 34px rgba(240, 105, 131, .31); }

.fac-hub-orbit { position: relative; width: min(390px, 34vw); aspect-ratio: 1; margin: auto; border: 1px solid rgba(139, 124, 246, .12); border-radius: 50%; }
.fac-hub-orbit::before, .fac-hub-orbit::after { position: absolute; border: 1px solid rgba(237, 125, 151, .12); border-radius: 50%; content: ""; inset: 12%; }
.fac-hub-orbit::after { inset: 27%; background: rgba(255, 255, 255, .45); box-shadow: 0 30px 80px rgba(102, 83, 155, .11); }
.fac-hub-orbit__core { position: absolute; z-index: 2; inset: 36%; display: grid; color: #7766c8; background: linear-gradient(145deg, #fff, #f4edff); border: 1px solid rgba(139, 124, 246, .18); border-radius: 42% 58% 46% 54%; font-family: Georgia, serif; font-size: clamp(40px, 5vw, 64px); place-items: center; box-shadow: 0 20px 50px rgba(115, 92, 173, .18); transform: rotate(-7deg); }
.fac-hub-orbit i { position: absolute; width: 10px; height: 10px; background: #ff9ba8; border-radius: 50%; box-shadow: 0 0 0 6px rgba(255,155,168,.12); }
.fac-hub-orbit i:nth-of-type(1) { top: 12%; left: 35%; }.fac-hub-orbit i:nth-of-type(2) { right: 5%; bottom: 38%; background: #9a89ef; }.fac-hub-orbit i:nth-of-type(3) { bottom: 7%; left: 31%; background: #ffc168; }
.fac-hub-orbit b { position: absolute; color: #a18fea; font-size: 25px; font-weight: 400; }
.fac-hub-orbit b:nth-of-type(1) { top: 26%; right: 9%; }.fac-hub-orbit b:nth-of-type(2) { bottom: 18%; left: 3%; color: #ef91a2; }.fac-hub-orbit b:nth-of-type(3) { top: 12%; left: 13%; color: #686096; font-size: 32px; }

.fac-hub-section { max-width: 1150px; margin: auto; padding: 90px 24px 80px; }
.fac-section-heading { display: flex; margin-bottom: 30px; align-items: end; justify-content: space-between; gap: 20px; }
.fac-section-heading h2 { margin: 8px 0 0; font-size: clamp(26px, 3.2vw, 38px); letter-spacing: -.045em; }
.fac-section-heading > p { margin: 0 0 5px; color: var(--fac-muted); font-size: 14px; }
.fac-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.fac-feature-card { position: relative; display: flex; min-height: 300px; padding: 24px; border: 1px solid rgba(40, 35, 65, .08); border-radius: 25px; flex-direction: column; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.fac-feature-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(44, 36, 77, .1); }
.fac-feature-card--night { color: #fff !important; background: radial-gradient(circle at 80% 15%, rgba(153,133,255,.5), transparent 30%), linear-gradient(145deg, #2a254b, #4c407e); }
.fac-feature-card--paper { background: linear-gradient(145deg, #fffaf0, #fff5e4); }
.fac-feature-card--garden { background: linear-gradient(145deg, #effcf5, #e3f7f1); }
.fac-feature-card--sun { background: linear-gradient(145deg, #fff6de, #ffe9c6); }
.fac-feature-card.is-disabled { filter: saturate(.4); opacity: .72; pointer-events: none; }
.fac-feature-card__icon { display: grid; width: 66px; height: 66px; margin-bottom: auto; padding: 13px; background: rgba(255,255,255,.65); border-radius: 21px; color: #7367bf; }
.fac-feature-card__icon svg { fill: currentColor; }.fac-feature-card__icon svg .line { fill: none; stroke: currentColor; stroke-width: 2.5; }
.fac-feature-card--night .fac-feature-card__icon { background: rgba(255,255,255,.1); color: #ded5ff; }
.fac-feature-card--paper .fac-feature-card__icon { color: #bc7455; }.fac-feature-card--garden .fac-feature-card__icon { color: #459d7d; }.fac-feature-card--sun .fac-feature-card__icon { color: #e7933f; }
.fac-feature-card__tag { margin: 22px 0 6px; color: rgba(37,35,49,.56); font-size: 11px; font-weight: 800; }
.fac-feature-card--night .fac-feature-card__tag, .fac-feature-card--night .fac-feature-card__text { color: rgba(255,255,255,.68); }
.fac-feature-card strong { font-size: 21px; letter-spacing: -.035em; }
.fac-feature-card__text { margin-top: 8px; padding-right: 15px; color: #77717e; font-size: 13px; line-height: 1.7; }
.fac-feature-card__arrow { position: absolute; right: 22px; bottom: 22px; display: grid; width: 32px; height: 32px; background: rgba(255,255,255,.65); border-radius: 50%; place-items: center; }
.fac-feature-card--night .fac-feature-card__arrow { background: rgba(255,255,255,.1); }
.fac-hub-note { display: flex; max-width: 1102px; margin: 0 auto 90px; padding: 25px 28px; border: 1px solid #eee8f4; background: #fff; border-radius: 20px; align-items: flex-start; gap: 17px; box-shadow: 0 12px 35px rgba(53,43,85,.05); }
.fac-hub-note > span { color: var(--fac-lilac); font-size: 24px; }.fac-hub-note strong { display: block; margin-bottom: 4px; font-size: 15px; }.fac-hub-note p { margin: 0; color: var(--fac-muted); font-size: 13px; }

.fac-module-hero { position: relative; min-height: 335px; padding: 74px 24px 65px; overflow: hidden; text-align: center; }
.fac-module-hero__inner { position: relative; z-index: 3; max-width: 720px; margin: auto; }
.fac-module-hero h1 { margin: 10px 0 13px; font-size: clamp(38px, 5vw, 57px); font-weight: 790; letter-spacing: -.055em; line-height: 1.15; }
.fac-module-hero p { margin-bottom: 0; color: var(--fac-muted); font-size: 15px; line-height: 1.8; }
.fac-symbol { display: block; width: 58px; height: 58px; margin: 0 auto 9px; color: #d6ceff; }
.fac-symbol svg { fill: currentColor; }.fac-symbol .line { fill: currentColor; }
.fac-module-body { position: relative; max-width: 820px; min-height: 410px; margin: -38px auto 0; padding: 0 24px 100px; z-index: 5; }
.fac-module-body--wide { max-width: 1100px; }

.fac-play--fortune { background: linear-gradient(#2b264b 0 370px, #f6f4fa 370px); }
.fac-play--fortune .fac-play-nav { color: #fff; border-color: rgba(255,255,255,.09); background: rgba(37,32,67,.87); }
.fac-play--fortune .fac-play-nav__links a { color: rgba(255,255,255,.57); }.fac-play--fortune .fac-play-nav__links a:hover, .fac-play--fortune .fac-play-nav__links a[aria-current="page"] { color: #fff; }
.fac-play--fortune .fac-point-chip { color: #f0eaff; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.08); }
.fac-play--fortune .fac-module-hero { color: #fff; background: radial-gradient(circle at 50% 100%, rgba(139,124,246,.27), transparent 40%), linear-gradient(160deg, #211d3c, #332a59); }
.fac-play--fortune .fac-module-hero p { color: rgba(255,255,255,.64); }.fac-play--fortune .fac-eyebrow { color: #c7baff; }
.fac-stars i { position: absolute; width: 3px; height: 3px; background: #fff; border-radius: 50%; box-shadow: 0 0 8px #fff; opacity: .6; }.fac-stars i:nth-child(1){top:18%;left:12%}.fac-stars i:nth-child(2){top:32%;left:27%;width:2px;height:2px}.fac-stars i:nth-child(3){top:20%;right:18%;}.fac-stars i:nth-child(4){bottom:25%;right:31%;width:2px;height:2px}.fac-stars i:nth-child(5){bottom:20%;left:18%;}

.fac-play--saju { background: linear-gradient(#f6eee1 0 370px, #f9f5ee 370px); }
.fac-play--saju .fac-module-hero { background: radial-gradient(circle at 15% 30%, rgba(191,107,76,.08), transparent 25%), radial-gradient(circle at 85% 70%, rgba(62,87,77,.08), transparent 24%), #f6eee1; }
.fac-play--saju .fac-eyebrow { color: #a8644c; }.fac-play--saju .fac-module-hero h1 { font-family: Georgia, "Noto Serif KR", serif; color: #302d2a; }
.fac-saju-seal { position: absolute; inset: 0; opacity: .13; }.fac-saju-seal span { position: absolute; display: grid; width: 75px; height: 75px; border: 1px solid currentColor; border-radius: 50%; color: #80533f; font-family: Georgia, serif; font-size: 28px; place-items: center; }.fac-saju-seal span:nth-child(1){top:14%;left:8%}.fac-saju-seal span:nth-child(2){bottom:8%;left:22%}.fac-saju-seal span:nth-child(3){top:8%;right:22%}.fac-saju-seal span:nth-child(4){bottom:10%;right:8%}.fac-saju-seal span:nth-child(5){top:48%;right:4%;width:45px;height:45px;font-size:18px}
.fac-hero-badge{display:inline-flex;margin-top:18px;padding:7px 13px;border:1px solid rgba(112,73,54,.18);background:rgba(255,255,255,.48);border-radius:999px;color:#765344;font-size:11px;font-weight:800;letter-spacing:.02em}

.fac-play--tests { background: linear-gradient(#f7f2fb 0 380px, #faf9fb 380px); }
.fac-play--tests .fac-module-hero { background: radial-gradient(circle at 28% 55%, rgba(255,176,195,.19), transparent 20%), radial-gradient(circle at 75% 40%, rgba(139,124,246,.16), transparent 25%), linear-gradient(135deg,#fff7fa,#f5f1ff); }
.fac-play--tests .fac-eyebrow { color: #9a6cd4; }
.fac-test-bubbles i { position: absolute; display: grid; border-radius: 50%; font-style: normal; font-weight: 800; place-items: center; }.fac-test-bubbles i:nth-child(1){top:30%;left:12%;width:55px;height:55px;color:#69a68f;background:#dff4e9;transform:rotate(-12deg)}.fac-test-bubbles i:nth-child(2){top:16%;right:15%;width:70px;height:70px;color:#df8199;background:#ffe1e8;font-size:25px;transform:rotate(10deg)}.fac-test-bubbles i:nth-child(3){bottom:15%;right:27%;width:38px;height:38px;color:#8f79d1;background:#e9e2ff}

.fac-play--roulette { background: linear-gradient(#fff3dc 0 380px, #fffaf4 380px); }
.fac-play--roulette .fac-module-hero { background: radial-gradient(circle at 25% 30%, rgba(255,128,109,.2), transparent 22%), radial-gradient(circle at 75% 60%, rgba(255,199,92,.3), transparent 24%), #fff3dc; }
.fac-play--roulette .fac-eyebrow { color: #e87558; }

.fac-input-card { padding: clamp(26px, 5vw, 46px); border: 1px solid rgba(41,36,60,.08); background: rgba(255,255,255,.97); border-radius: 28px; box-shadow: 0 25px 65px rgba(44,34,82,.11); }
.fac-play--saju .fac-input-card { border-color: rgba(120,80,55,.1); background: rgba(255,253,248,.97); box-shadow: 0 25px 65px rgba(83,64,40,.09); }
.fac-card-heading { display: flex; margin-bottom: 30px; align-items: center; gap: 15px; }
.fac-card-heading > span { display: grid; width: 42px; height: 42px; flex: 0 0 auto; color: #776ac8; background: #f0ecff; border-radius: 13px; font-family: Georgia, serif; font-size: 14px; font-weight: 800; place-items: center; }
.fac-play--saju .fac-card-heading > span { color: #9b5d42; background: #f5e7d5; font-size: 20px; }
.fac-card-heading h2 { margin: 0 0 2px; font-size: 22px; letter-spacing: -.035em; }.fac-card-heading p { margin: 0; color: var(--fac-muted); font-size: 13px; }
.fac-field-row { display: grid; gap: 12px; }.fac-field-row--two { grid-template-columns: repeat(2,minmax(0,1fr)); }.fac-field-row--date { grid-template-columns: 1.35fr .8fr .8fr 1.1fr; }.fac-field-row--birthdate{grid-template-columns:1.25fr .8fr .8fr;margin-top:12px}.fac-field-row--time{grid-template-columns:1fr 1fr;margin-top:12px}
.fac-field-row label > span { display: block; margin: 0 0 7px 3px; color: #5f5b67; font-size: 12px; font-weight: 750; }.fac-field-row label small { color: #a39ea8; font-weight: 500; }
.fac-field-row select { width: 100%; height: 54px; padding: 0 42px 0 16px; border: 1px solid #e7e3eb; outline: 0; background: #fbfafc; border-radius: 13px; color: #393542; appearance: auto; transition: border .2s, box-shadow .2s; }
.fac-field-row select:focus { border-color: #a799ed; box-shadow: 0 0 0 3px rgba(139,124,246,.1); }
.fac-play--saju .fac-field-row select:focus { border-color: #bd8065; box-shadow: 0 0 0 3px rgba(166,95,67,.09); }
.fac-saju-basis{display:flex;margin:0 0 20px;padding:13px 15px;border:1px solid #eadfd0;background:#fbf5eb;border-radius:13px;align-items:center;gap:9px;color:#755a4d;font-size:11px}.fac-saju-basis strong{font-size:12px}.fac-saju-basis span{padding-left:9px;border-left:1px solid #ded0bf}.fac-saju-basis small{margin-left:auto;color:#9b806f}.fac-field-help{margin:10px 2px 0;color:#8c817b;font-size:11px;line-height:1.55}
.fac-input-card > .fac-button { width: 100%; margin-top: 24px; }
.fac-button--glow { color: #fff; background: linear-gradient(135deg,#7768d4,#9a78e6); box-shadow: 0 13px 28px rgba(113,93,198,.23); }.fac-button--glow i,.fac-button--ink i{font-style:normal}
.fac-button--ink { color: #fff; background: linear-gradient(135deg,#413a36,#6b5044); box-shadow: 0 13px 28px rgba(68,48,39,.18); }
.fac-form-note { margin: 13px 0 0; color: #99939f; font-size: 11px; text-align: center; }

.fac-result { margin-top: 24px; scroll-margin-top: 90px; }
.fac-result:empty { display: none; }
.fac-result-card { position: relative; padding: clamp(27px,5vw,44px); border: 1px solid rgba(42,36,68,.08); background: #fff; border-radius: 28px; overflow: hidden; box-shadow: 0 20px 55px rgba(42,34,74,.09); }
.fac-result-card::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient(90deg,#8371de,#ff8ca2); content: ""; }
.fac-result-card__head { margin-bottom: 27px; text-align: center; }.fac-result-card__head .fac-eyebrow { justify-content:center }.fac-result-card__head h2 { margin: 8px 0 8px; font-size: clamp(28px,4vw,40px); letter-spacing: -.05em; }.fac-result-card__head > p { max-width: 590px; margin: auto; color: #686370; font-size: 15px; line-height: 1.8; }
.fac-score-grid { display: grid; grid-template-columns: repeat(4,1fr); margin: 28px 0; gap: 9px; }.fac-score { padding: 16px 9px; background:#f8f6fc;border-radius:15px;text-align:center}.fac-score span{display:block;color:#85808b;font-size:11px}.fac-score strong{display:block;margin-top:2px;color:#6658bd;font-size:22px}.fac-score strong small{font-size:11px;font-weight:600}
.fac-lucky-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.fac-lucky{padding:16px;background:#fff8f7;border:1px solid #faeceb;border-radius:15px;text-align:center}.fac-lucky span{display:block;color:#9a8586;font-size:10px}.fac-lucky strong{display:block;margin-top:4px;font-size:14px}
.fac-element-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0}.fac-element{position:relative;padding:13px 5px 16px;background:#f8f4ec;border-radius:14px;text-align:center;overflow:hidden}.fac-element span{display:block;font-family:Georgia,serif;font-size:20px}.fac-element strong{font-size:11px}.fac-element i{position:absolute;right:0;bottom:0;left:0;height:4px;background:#b9a06d;transform-origin:left}.fac-element--wood i{background:#75a981}.fac-element--fire i{background:#dd7666}.fac-element--earth i{background:#c6a35f}.fac-element--metal i{background:#92959d}.fac-element--water i{background:#668ba2}
.fac-detail-list { display: grid; gap: 11px; margin-top: 26px; }.fac-detail-item { padding: 20px 21px; border: 1px solid #ece8f0; background: #fcfbfd; border-radius: 17px; }.fac-detail-item strong { display:block;margin-bottom:5px;font-size:14px}.fac-detail-item p{margin:0;color:#716c77;font-size:13px;line-height:1.75}
.fac-lock-box { position:relative;margin-top:26px;padding:29px 25px;border:1px solid #e6e0ef;background:linear-gradient(145deg,#faf8ff,#fff8f9);border-radius:20px;text-align:center;overflow:hidden}.fac-lock-box::before{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 9px,rgba(139,124,246,.025) 9px,rgba(139,124,246,.025) 18px);content:""}.fac-lock-box>*{position:relative}.fac-lock-box__icon{display:grid;width:42px;height:42px;margin:0 auto 10px;background:#eee9ff;border-radius:50%;color:#7465c4;font-size:17px;place-items:center}.fac-lock-box h3{margin:0 0 5px;font-size:18px}.fac-lock-box p{margin:0 0 16px;color:#7f7987;font-size:12px}.fac-button--unlock{min-height:46px;color:#fff;background:linear-gradient(135deg,#7768d4,#f07e9c);box-shadow:0 10px 22px rgba(112,92,190,.19)}.fac-button--login{min-height:46px;color:#fff!important;background:#34303b}
.fac-result-notice { margin:18px 0 0;color:#9a949e;font-size:10px;text-align:center}.fac-result-actions{display:flex;margin-top:18px;justify-content:center;gap:10px}.fac-result-actions button{padding:7px 12px;border:1px solid #e8e4eb;background:#fff;border-radius:10px;color:#706b76;font-size:11px}
.fac-saju-result-card{border-color:#e2d8c9;background:linear-gradient(180deg,#fffdfa,#fff);box-shadow:0 25px 70px rgba(82,61,43,.11)}.fac-saju-result-card::before{background:linear-gradient(90deg,#4b4039,#a06b51,#d0aa75)}.fac-saju-result-card .fac-result-card__head{padding-bottom:27px;border-bottom:1px solid #eee6dc}.fac-saju-result-card .fac-result-card__head h2{font-family:Georgia,"Noto Serif KR",serif;color:#302a27}.fac-saju-basis-card{display:grid;grid-template-columns:1fr auto;margin:24px 0;padding:19px 20px;border:1px solid #e8dfd3;background:#f9f5ef;border-radius:17px;align-items:center;gap:18px}.fac-saju-basis-card>div>strong{display:block;margin-top:9px;font-size:15px}.fac-saju-basis-card p{margin:4px 0 0;color:#84786f;font-size:11px}.fac-accuracy-badge{display:inline-flex;padding:5px 9px;background:#ede3d7;border-radius:999px;color:#765545;font-size:10px;font-weight:850}.fac-saju-basis-card details{position:relative}.fac-saju-basis-card summary{cursor:pointer;color:#795b4c;font-size:11px;font-weight:800;white-space:nowrap}.fac-saju-basis-card details[open]{grid-column:1/-1}.fac-saju-basis-card ul{margin:14px 0 0;padding:14px 14px 14px 31px;background:#fff;border-radius:12px;color:#766d67;font-size:11px;line-height:1.8}.fac-saju-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;gap:9px}.fac-saju-highlights>div{padding:17px 15px;border:1px solid #ece4da;background:#fff;border-radius:15px}.fac-saju-highlights span{display:block;margin-bottom:5px;color:#9a887b;font-size:10px}.fac-saju-highlights strong{display:block;color:#453b35;font-size:13px;line-height:1.5}.fac-saju-section{margin-top:15px;padding:24px;border:1px solid #ece4da;background:#fff;border-radius:20px}.fac-saju-section__head{display:flex;margin-bottom:20px;align-items:flex-start;gap:12px}.fac-saju-section__head>span{display:grid;width:33px;height:33px;flex:0 0 auto;border:1px solid #d8c8ba;background:#f8f1e9;border-radius:9px;color:#8b634f;font-family:Georgia,serif;font-size:11px;font-weight:800;place-items:center}.fac-saju-section__head strong{display:block;color:#403630;font-size:16px}.fac-saju-section__head p{margin:3px 0 0;color:#91857c;font-size:11px}.fac-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fac-pillar{position:relative;display:flex;min-height:190px;padding:15px 10px;border:1px solid #e9e0d7;background:#faf7f2;border-radius:16px;align-items:center;flex-direction:column}.fac-pillar.is-day{border-color:#a8795f;background:linear-gradient(180deg,#f8ecdf,#fff)}.fac-pillar>span{display:flex;color:#887c73;font-size:10px;align-items:center;gap:5px}.fac-pillar>span em{padding:2px 5px;background:#9b6a52;border-radius:99px;color:#fff;font-size:8px;font-style:normal}.fac-pillar>b{display:flex;margin-top:9px;color:#3f3732;font-family:Georgia,"Noto Serif KR",serif;font-size:30px;font-weight:500;line-height:1;align-items:end;gap:5px}.fac-pillar>b small{color:#a39890;font-family:Pretendard,"Noto Sans KR",sans-serif;font-size:9px}.fac-pillar>i{margin-top:auto;color:#97735f;font-size:10px;font-style:normal;font-weight:800}.fac-pillar.is-empty{justify-content:center;border-style:dashed;opacity:.72}.fac-pillar.is-empty b{margin:2px;font-size:20px}.fac-pillar.is-empty small{margin-top:8px;color:#9c928c;font-size:9px}.fac-saju-section .fac-element-grid{margin:5px 0 0}.fac-annual-card{padding:18px 19px;background:linear-gradient(135deg,#39312d,#57473e);border-radius:16px;color:#fff}.fac-annual-card>span{display:block;color:#d7c4b7;font-size:9px;font-weight:800;letter-spacing:.14em}.fac-annual-card>strong{display:block;margin:6px 0 5px;font-size:17px}.fac-annual-card>p{margin:0;color:#ded6d1;font-size:11px;line-height:1.7}.fac-cycle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;gap:8px}.fac-cycle-row>div{display:grid;padding:13px;border:1px solid #ece4db;background:#fbf9f6;border-radius:13px;grid-template-columns:1fr auto;align-items:center}.fac-cycle-row span{color:#93857b;font-size:9px}.fac-cycle-row strong{grid-row:1/3;grid-column:2;color:#56463d;font-family:Georgia,serif;font-size:20px}.fac-cycle-row small{color:#88786d;font-size:9px}.fac-saju-tags{display:flex;margin-top:11px;gap:6px;flex-wrap:wrap}.fac-saju-tags span{padding:5px 9px;border:1px solid #dfd3c8;border-radius:999px;color:#7f6556;font-size:9px;font-weight:750}.fac-paid-report{margin-top:20px;padding:24px;border:1px solid #dfd1c6;background:linear-gradient(180deg,#fffaf5,#fff);border-radius:20px}.fac-paid-report .fac-detail-list{margin-top:0}.fac-paid-report .fac-detail-item{border-color:#eadfd6;background:#fff}.fac-saju-result-card .fac-lock-box{border-color:#e2d5ca;background:linear-gradient(145deg,#f8f1e8,#fff8f4)}.fac-saju-result-card .fac-button--unlock{background:linear-gradient(135deg,#55463e,#a46b50)}
.fac-saju-ai{position:relative;margin-top:20px;padding:26px;border:1px solid #d8d0e9;background:radial-gradient(circle at 100% 0,rgba(161,137,235,.18),transparent 33%),linear-gradient(145deg,#17142a,#25213d);border-radius:22px;color:#fff;overflow:hidden}.fac-saju-ai::before{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.3) .7px,transparent .7px);background-size:22px 22px;opacity:.14;pointer-events:none;content:""}.fac-saju-ai>*{position:relative}.fac-saju-ai__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.fac-saju-ai__head>div>span{display:block;margin-bottom:6px;color:#c5b9ed;font-size:9px;font-weight:900;letter-spacing:.16em}.fac-saju-ai__head h3{margin:0;color:#fff;font-size:19px}.fac-saju-ai__head p{margin:5px 0 0;color:#c7c1d6;font-size:11px;line-height:1.6}.fac-saju-ai__head>i{display:grid;width:43px;height:43px;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#8d7ad3,#d07da2);border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.2);font-size:12px;font-style:normal;font-weight:900;place-items:center}.fac-ai-state{margin-top:20px;padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:16px}.fac-ai-state strong{display:block;font-size:14px}.fac-ai-state p{margin:5px 0 14px;color:#bbb5ca;font-size:11px;line-height:1.7}.fac-ai-state .fac-button{display:inline-flex;width:auto;padding:0 18px;align-items:center}.fac-ai-prompts{display:flex;margin-top:20px;gap:7px;flex-wrap:wrap}.fac-ai-prompts button{padding:7px 11px;border:1px solid rgba(213,201,249,.25);background:rgba(255,255,255,.06);border-radius:999px;color:#ded7f1;font-size:10px;cursor:pointer;transition:.18s ease}.fac-ai-prompts button:hover{border-color:#c4b2f5;background:rgba(164,139,228,.2);color:#fff;transform:translateY(-1px)}.fac-ai-form{margin-top:12px;padding:18px;border:1px solid rgba(255,255,255,.13);background:rgba(7,5,18,.24);border-radius:17px}.fac-ai-form>label{display:block;margin-bottom:8px;color:#eeeaf8;font-size:11px;font-weight:800}.fac-ai-form textarea{display:block;width:100%;min-height:105px;padding:14px;border:1px solid rgba(255,255,255,.16);outline:0;background:#fff;border-radius:13px;box-shadow:none;color:#322e3b;font-family:inherit;font-size:13px;line-height:1.65;resize:vertical}.fac-ai-form textarea:focus{border-color:#b9a8eb;box-shadow:0 0 0 3px rgba(178,153,236,.16)}.fac-ai-form textarea::placeholder{color:#9a94a4}.fac-ai-form__meta{display:flex;margin:9px 1px 14px;color:#a9a3b8;font-size:9px;justify-content:space-between;gap:10px}.fac-ai-form__meta strong{color:#e7dff8;font-size:10px}.fac-button--ai{width:100%;min-height:47px;border:0;color:#fff;background:linear-gradient(135deg,#846ed0,#cf759c);box-shadow:0 12px 25px rgba(5,3,15,.28)}.fac-button--ai:disabled{cursor:wait;opacity:.62}.fac-ai-form__notice{margin:9px 0 0!important;color:#928ba2!important;font-size:9px!important;text-align:center}.fac-ai-form .fac-inline-error{margin:10px 0 0;padding:9px 11px;background:rgba(239,112,137,.12);border-radius:9px;color:#ffc2ce;font-size:10px}.fac-ai-answer{margin-top:18px;padding:22px;border:1px solid rgba(223,213,250,.2);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border-radius:18px}.fac-ai-answer>span{display:block;color:#bfb1eb;font-size:8px;font-weight:900;letter-spacing:.15em}.fac-ai-answer h4{margin:6px 0 11px;color:#fff;font-size:17px}.fac-ai-answer__body{color:#e2ddea;font-size:12px;line-height:1.85}.fac-ai-answer__action{margin-top:15px;padding:13px 14px;border-left:3px solid #c28ddb;background:rgba(10,7,24,.27);border-radius:0 10px 10px 0}.fac-ai-answer__action strong{display:block;color:#d7c8f5;font-size:9px}.fac-ai-answer__action p{margin:4px 0 0;color:#fff;font-size:11px;line-height:1.7}.fac-ai-answer>small{display:block;margin-top:12px;color:#918a9f;font-size:9px;line-height:1.6}.fac-ai-history{margin-top:15px;border-top:1px solid rgba(255,255,255,.11)}.fac-ai-history>summary{padding:15px 0 3px;color:#c8c0d7;font-size:10px;font-weight:800;cursor:pointer}.fac-ai-history>div>details{margin-top:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:12px}.fac-ai-history>div>details>summary{display:flex;padding:12px 13px;color:#ddd7e8;font-size:10px;cursor:pointer;justify-content:space-between;gap:12px}.fac-ai-history>div>details>summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fac-ai-history>div>details>summary small{flex:0 0 auto;color:#a79db9}.fac-ai-history .fac-ai-answer{margin:0;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 12px 12px}
.fac-loading{display:grid;min-height:170px;background:#fff;border-radius:25px;place-items:center;box-shadow:0 18px 50px rgba(44,34,82,.08)}.fac-loading span{display:flex;gap:6px}.fac-loading i{width:8px;height:8px;background:#8b7cf6;border-radius:50%;animation:facBounce .8s infinite alternate}.fac-loading i:nth-child(2){animation-delay:.15s}.fac-loading i:nth-child(3){animation-delay:.3s}@keyframes facBounce{to{transform:translateY(-8px);opacity:.5}}
.fac-error{padding:18px 20px;border:1px solid #f2d5d8;background:#fff5f6;border-radius:15px;color:#a34855;font-size:13px;text-align:center}

.fac-test-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fac-test-card{position:relative;min-height:405px;padding:28px;border:1px solid rgba(48,40,72,.07);border-radius:27px;overflow:hidden;box-shadow:0 17px 45px rgba(56,44,86,.07)}.fac-test-card--mint{background:linear-gradient(150deg,#effbf5,#e1f5ec)}.fac-test-card--rose{background:linear-gradient(150deg,#fff3f6,#ffe4eb)}.fac-test-card--lilac{background:linear-gradient(150deg,#f7f3ff,#eae2ff)}.fac-test-card__time{display:inline-flex;padding:5px 9px;background:rgba(255,255,255,.65);border-radius:999px;color:#77717c;font-size:10px;font-weight:800}.fac-test-card__art{display:block;width:150px;height:112px;margin:17px auto 13px;color:#72aa91}.fac-test-card__art svg{fill:currentColor}.fac-test-card__art .line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}.fac-test-card--rose .fac-test-card__art{color:#ec95aa}.fac-test-card--lilac .fac-test-card__art{color:#9b86de}.fac-test-card h2{margin:0 0 8px;font-size:22px;letter-spacing:-.04em}.fac-test-card p{min-height:45px;margin:0;color:#76717a;font-size:12px;line-height:1.65}.fac-button--test{width:100%;min-height:46px;margin-top:19px;padding:0 18px;background:rgba(255,255,255,.78);color:#4b4851;box-shadow:0 8px 18px rgba(49,44,64,.06)}.fac-button--test span{margin-left:auto}
.fac-test-runner{position:relative;max-width:760px;margin:0 auto;padding:clamp(27px,5vw,48px);border:1px solid #e9e4ef;background:#fff;border-radius:28px;box-shadow:0 25px 70px rgba(44,34,78,.12);scroll-margin-top:90px}.fac-test-runner__close{position:absolute;top:17px;right:17px;width:36px;height:36px;border:0;background:#f4f1f6;border-radius:50%;color:#79737f;font-size:23px;line-height:1}.fac-test-progress{height:6px;margin-bottom:30px;background:#eeebf1;border-radius:99px;overflow:hidden}.fac-test-progress i{display:block;height:100%;background:linear-gradient(90deg,#82cbaa,#9c82dd);border-radius:99px;transition:width .25s ease}.fac-test-meta{color:#9a869d;font-size:11px;font-weight:800;letter-spacing:.08em}.fac-test-question h2{margin:8px 40px 25px 0;font-size:clamp(23px,3.5vw,30px);letter-spacing:-.04em}.fac-test-options{display:grid;gap:10px}.fac-test-option{width:100%;min-height:54px;padding:12px 17px;border:1px solid #e9e5ec;background:#fbfafc;border-radius:14px;color:#4e4955;text-align:left;transition:.16s}.fac-test-option:hover{border-color:#a897dc;background:#f8f5ff;transform:translateX(3px)}

.fac-roulette-card{display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.8fr);padding:clamp(28px,5vw,50px);border:1px solid #f2dfc4;background:#fff;border-radius:30px;align-items:center;gap:60px;box-shadow:0 24px 65px rgba(113,76,35,.1)}.fac-wheel-wrap{position:relative;width:min(360px,100%);aspect-ratio:1;margin:auto}.fac-wheel{position:absolute;inset:0;border:10px solid #fff;border-radius:50%;background:conic-gradient(#ff907a 0 60deg,#ffd06e 60deg 120deg,#ffafbf 120deg 180deg,#a8ddbd 180deg 240deg,#a79ae8 240deg 300deg,#ffba73 300deg);box-shadow:0 16px 40px rgba(121,76,42,.18),0 0 0 1px #f0ddc3;transition:transform 4.5s cubic-bezier(.12,.69,.12,1)}.fac-wheel::after{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.55);border-radius:50%;content:""}.fac-wheel span{position:absolute;z-index:2;top:10%;left:42%;color:#fff;font-size:13px;font-weight:900;text-shadow:0 1px 2px rgba(72,40,33,.2);transform-origin:50% 310%}.fac-wheel span:nth-child(2){transform:rotate(60deg)}.fac-wheel span:nth-child(3){transform:rotate(120deg)}.fac-wheel span:nth-child(4){transform:rotate(180deg)}.fac-wheel span:nth-child(5){transform:rotate(240deg)}.fac-wheel span:nth-child(6){transform:rotate(300deg)}.fac-wheel-center{position:absolute;z-index:3;inset:38%;display:grid;border:6px solid rgba(255,255,255,.8);background:linear-gradient(145deg,#fff9ec,#fff);border-radius:50%;color:#e76e5b;font-weight:900;place-items:center;box-shadow:0 5px 18px rgba(85,54,38,.16)}.fac-wheel-pin{position:absolute;z-index:5;top:-17px;left:calc(50% - 17px);width:34px;height:48px;background:#ee6759;clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 4px 3px rgba(80,38,28,.18))}.fac-roulette-copy h2{margin:9px 0 11px;font-size:clamp(25px,3.5vw,36px);letter-spacing:-.05em}.fac-roulette-copy>p{color:#7e756e;font-size:13px;line-height:1.8}.fac-button--spin{width:100%;margin-top:14px;color:#fff;background:linear-gradient(135deg,#ef715c,#ff9a62);box-shadow:0 13px 28px rgba(225,100,73,.22)}.fac-coming-soon{display:flex;margin-top:22px;padding:17px;background:#fff7e8;border:1px dashed #e8c893;border-radius:15px;flex-direction:column}.fac-coming-soon strong{font-size:13px}.fac-coming-soon span{color:#967c63;font-size:11px}.fac-roulette-result{margin-top:18px}.fac-roulette-win{padding:17px;background:#fff4d8;border-radius:15px;color:#aa6a29;text-align:center}.fac-roulette-win strong{display:block;font-size:25px}.fac-roulette-win span{font-size:12px}

@media (max-width: 980px) {
  .fac-play-nav { grid-template-columns:1fr auto; gap:15px; padding:0 20px; }
  .fac-play-nav__links { grid-column:1/-1; grid-row:2; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; margin:0 -20px; padding:0 20px; border-top:1px solid rgba(37,35,49,.06); }
  .fac-play-nav__links::-webkit-scrollbar{display:none}.fac-play-nav__links a{padding:12px 0 11px;font-size:12px}.fac-play-nav__links a::after{bottom:0}.fac-play-nav__brand{padding-top:10px}.fac-point-chip{margin-top:10px}
  .fac-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.fac-feature-card{min-height:270px}
  .fac-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fac-test-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px);width:100%;margin:auto}
  .fac-field-row--date{grid-template-columns:repeat(2,minmax(0,1fr))}
	.fac-saju-highlights{grid-template-columns:1fr}.fac-pillar-grid{gap:6px}.fac-pillar{min-height:175px;padding:13px 7px}.fac-pillar>b{font-size:26px}
  .fac-roulette-card{gap:35px}
}

@media (max-width: 720px) {
  .fac-desktop-only { display:none; }
  .fac-hub-hero{grid-template-columns:1fr;min-height:auto;padding:65px 22px 50px;text-align:center;gap:25px}.fac-hub-hero__copy .fac-eyebrow{justify-content:center}.fac-hub-hero h1{font-size:45px}.fac-hub-hero p{font-size:14px}.fac-hub-hero__actions{justify-content:center;flex-wrap:wrap}.fac-hub-orbit{width:240px;order:-1}.fac-hub-orbit__core{font-size:39px}
  .fac-hub-section{padding:62px 18px 55px}.fac-section-heading{display:block;text-align:center}.fac-section-heading .fac-eyebrow{justify-content:center}.fac-section-heading>p{margin-top:8px}.fac-feature-grid{grid-template-columns:1fr}.fac-feature-card{min-height:200px;padding:21px}.fac-feature-card__icon{width:53px;height:53px}.fac-feature-card__tag{margin-top:19px}.fac-feature-card__text{max-width:70%}.fac-hub-note{margin:0 18px 65px;padding:21px}
  .fac-module-hero{min-height:300px;padding:55px 20px 65px}.fac-module-hero h1{font-size:39px}.fac-module-hero p{font-size:13px}.fac-module-body{margin-top:-42px;padding:0 14px 70px}.fac-input-card{padding:25px 19px;border-radius:23px}.fac-card-heading{align-items:flex-start}.fac-card-heading h2{font-size:19px}.fac-field-row--two,.fac-field-row--date,.fac-field-row--birthdate{grid-template-columns:repeat(2,minmax(0,1fr))}.fac-field-row select{height:50px;padding-left:12px;font-size:13px}.fac-field-row--birthdate label:first-child{grid-column:1/-1}.fac-saju-basis{align-items:flex-start;flex-wrap:wrap}.fac-saju-basis small{width:100%;margin-left:0}.fac-saju-basis-card{grid-template-columns:1fr}.fac-saju-basis-card details{justify-self:start}.fac-saju-section{padding:20px 13px}.fac-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fac-pillar{min-height:165px}.fac-cycle-row{grid-template-columns:1fr}.fac-paid-report{padding:20px 13px}.fac-saju-ai{padding:21px 15px}.fac-saju-ai__head h3{font-size:17px}.fac-saju-ai__head>i{width:38px;height:38px}.fac-ai-form{padding:14px}.fac-ai-form__meta{align-items:flex-start;flex-direction:column}.fac-ai-answer{padding:18px 15px}
  .fac-result-card{padding:28px 18px;border-radius:23px}.fac-result-card__head h2{font-size:29px}.fac-score-grid{grid-template-columns:repeat(2,1fr)}.fac-lucky-grid{grid-template-columns:1fr}.fac-element-grid{gap:4px}.fac-element{padding:10px 2px 13px}.fac-element span{font-size:17px}
  .fac-test-grid{grid-template-columns:1fr}.fac-test-card,.fac-test-card:last-child{max-width:none;min-height:370px;grid-column:auto}.fac-test-card__art{height:100px}.fac-test-runner{padding:30px 18px;border-radius:23px}.fac-test-question h2{font-size:23px}.fac-test-option{font-size:13px}
  .fac-roulette-card{grid-template-columns:1fr;padding:28px 20px;gap:35px;text-align:center}.fac-wheel-wrap{max-width:290px}.fac-roulette-copy .fac-eyebrow{justify-content:center}
  .fac-saju-seal span{width:48px;height:48px;font-size:18px}.fac-test-bubbles i:nth-child(1){left:3%;}.fac-test-bubbles i:nth-child(2){right:3%}
}

@media (max-width: 390px) {
  .fac-hub-hero h1{font-size:39px}.fac-field-row--date{grid-template-columns:1fr 1fr}.fac-field-row--time{grid-template-columns:1fr}.fac-play-nav__brand{font-size:15px}.fac-feature-card__text{max-width:80%}.fac-module-hero h1{font-size:34px}
}

@media (prefers-reduced-motion: reduce) {
  .fac-play *, .fac-play *::before, .fac-play *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}