/* Approved wheel design, isolated from the WordPress shell and other pages. */
@scope (.liesa-nf-special-wheel) {
:scope {
      --bg: #070507;
      --surface: rgba(18, 9, 14, .88);
      --surface-strong: #12090f;
      --gold: #d7a45d;
      --gold-soft: #efc987;
      --rose: #d03c73;
      --rose-soft: #ef8eb2;
      --wine: #5b152c;
      --text: #f6edf1;
      --muted: #cbbdc4;
      --line: rgba(215, 164, 93, .32);
      --line-rose: rgba(208, 60, 115, .45);
      --max: 1420px;
    }
    .warning-intro {
      position: relative;
      z-index: 2;
      width: min(var(--max), calc(100% - 38px));
      margin: 0 auto clamp(54px, 6vw, 88px);
      padding: clamp(26px, 3.5vw, 44px);
      border: 1px solid rgba(215, 164, 93, .42);
      border-radius: 22px;
      background:
        linear-gradient(120deg, rgba(73, 16, 40, .92), rgba(13, 8, 11, .95) 58%, rgba(7, 5, 7, .93));
      box-shadow: 0 28px 75px rgba(0, 0, 0, .42), inset 0 0 50px rgba(208, 60, 115, .06);
    }

    .page-head {
      position: relative;
      z-index: 2;
      width: min(var(--max), calc(100% - 38px));
      margin: 0 auto clamp(34px, 4.5vw, 62px);
    }

    .warning-kicker {
      margin-bottom: 8px;
      color: var(--rose-soft);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .24em;
      text-transform: uppercase;
    }

    .page-eyebrow {
      margin-bottom: 12px;
      color: var(--rose);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .26em;
      text-transform: uppercase;
    }

    .page-title {
      max-width: 1100px;
      margin: 0 0 16px;
      font-size: clamp(52px, 7.2vw, 104px);
      font-family: Didot, "Bodoni MT", Georgia, serif;
      font-weight: 500;
    }

    .page-lead {
      max-width: 950px;
      margin: 0 0 38px;
      color: #eadfe4;
      font-size: clamp(18px, 2vw, 24px);
      line-height: 1.55;
    }

    .warning-intro > h2 {
      max-width: 900px;
      margin: 0 0 15px;
      color: var(--gold-soft);
      font: italic 700 clamp(37px, 4.2vw, 61px)/1 Georgia, serif;
    }

    .warning-lead {
      max-width: 1080px;
      margin-bottom: 28px;
      color: #eadde3;
      font-size: clamp(16px, 1.55vw, 20px);
    }

    .warning-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

    .warning-step {
      padding: 21px 22px;
      border: 1px solid rgba(215, 164, 93, .2);
      border-radius: 15px;
      background: rgba(7, 5, 7, .5);
    }

    .warning-step span {
      display: block;
      margin-bottom: 7px;
      color: var(--rose);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .warning-step strong {
      display: block;
      margin-bottom: 7px;
      color: var(--gold-soft);
      font: italic 700 23px/1.1 Georgia, serif;
    }

    .warning-step p { margin: 0; color: #d4c5cc; font-size: 14px; }

    .warning-consent {
      margin: 23px 0 0;
      padding-top: 20px;
      border-top: 1px solid rgba(215, 164, 93, .18);
      color: #b9aab1;
      font-size: 12px;
    }

    .hero-grid {
      width: min(var(--max), calc(100% - 38px));
      margin: auto;
      display: grid;
      grid-template-columns: minmax(540px, 1.1fr) minmax(390px, .9fr);
      gap: clamp(45px, 7vw, 110px);
      align-items: center;
    }

    .wheel-column { min-width: 0; }

    .wheel-stage {
      position: relative;
      width: min(100%, 740px);
      aspect-ratio: 1;
      margin: auto;
      filter: drop-shadow(0 40px 60px rgba(0, 0, 0, .58));
    }

    .wheel-legend {
      width: min(100%, 650px);
      margin: 18px auto 0;
      padding: 14px 17px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px 22px;
      border: 1px solid rgba(215, 164, 93, .2);
      border-radius: 14px;
      color: #cdbfc6;
      background: rgba(7, 5, 7, .76);
      font-size: 12px;
    }

    .wheel-legend strong { color: var(--gold-soft); }
    .legend-stars { color: #f2c66f; text-shadow: 0 0 9px rgba(255, 202, 91, .9); letter-spacing: .13em; }
    .legend-second {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 5px;
      border-radius: 3px;
      background: #9f3e5f;
      box-shadow: 0 0 8px rgba(208, 60, 115, .55);
      vertical-align: -1px;
    }

    .wheel-halo {
      position: absolute;
      inset: 2.8%;
      border-radius: 50%;
      box-shadow:
        0 0 0 1px rgba(239, 201, 135, .25),
        0 0 70px rgba(137, 25, 67, .25),
        inset 0 0 60px rgba(0, 0, 0, .5);
      pointer-events: none;
    }

    #wheel {
      display: block;
      width: 100%;
      height: 100%;
    }

    .pointer {
      position: absolute;
      left: 50%;
      top: -2px;
      z-index: 4;
      width: 46px;
      height: 78px;
      transform: translateX(-50%);
      clip-path: polygon(50% 100%, 3% 15%, 26% 21%, 50% 0, 74% 21%, 97% 15%);
      background: linear-gradient(90deg, #754626, #f1cf8a 48%, #8f5a30 100%);
      filter: drop-shadow(0 8px 8px rgba(0,0,0,.72));
    }

    .pointer::after {
      content: "";
      position: absolute;
      inset: 5px;
      clip-path: inherit;
      background: linear-gradient(90deg, #321413, #7e1e38 50%, #351316);
    }

    .panel { max-width: 560px; }
    .eyebrow {
      margin-bottom: 15px;
      color: var(--rose);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .25em;
      text-transform: uppercase;
    }

    h1 {
      margin-bottom: 24px;
      color: var(--gold);
      font: italic 700 clamp(50px, 6vw, 88px)/.96 Georgia, serif;
      letter-spacing: -.035em;
    }

    .panel-title {
      margin: 0 0 15px;
      color: var(--gold-soft);
      font: italic 700 clamp(35px, 4vw, 54px)/1.02 Georgia, serif;
    }

    .lead {
      max-width: 530px;
      margin-bottom: 30px;
      color: #eadfe4;
      font-size: clamp(18px, 2vw, 22px);
      line-height: 1.65;
    }

    .rule {
      margin: 0 0 29px;
      padding: 20px 22px;
      border-left: 2px solid var(--gold);
      background: linear-gradient(90deg, rgba(93, 20, 48, .28), transparent);
      color: #ddd0d6;
    }

    .rule strong { color: var(--gold-soft); }

    .amount-box {
      padding: 25px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: linear-gradient(145deg, rgba(30, 14, 23, .93), rgba(10, 7, 9, .96));
      box-shadow: 0 22px 55px rgba(0, 0, 0, .3);
    }

    .amount-box label {
      display: block;
      margin-bottom: 10px;
      color: #e8dce1;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .input-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
    .amount-wrap { position: relative; }
    .amount-wrap span {
      position: absolute;
      top: 50%;
      right: 17px;
      transform: translateY(-50%);
      color: var(--gold-soft);
      font: 700 21px/1 Georgia, serif;
    }

    input[type="number"] {
      width: 100%;
      min-height: 53px;
      padding: 10px 49px 10px 16px;
      border: 1px solid rgba(215, 164, 93, .38);
      border-radius: 11px;
      color: white;
      background: #090608;
      font-size: 20px;
      font-weight: 750;
      outline: none;
    }

    input[type="number"]:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(215, 164, 93, .12); }

    .spin-button {
      min-width: 175px;
      min-height: 53px;
      padding: 12px 20px;
      border: 1px solid #d67a9e;
      border-radius: 11px;
      color: white;
      background: linear-gradient(135deg, #b82f64, #751c42);
      box-shadow: 0 10px 27px rgba(158, 35, 82, .27);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
      cursor: pointer;
    }

    .spin-button:hover, .spin-button:focus-visible { filter: brightness(1.13); outline: 2px solid rgba(255,255,255,.68); outline-offset: 3px; }
    .spin-button:disabled { opacity: .46; cursor: not-allowed; filter: grayscale(.4); }

    .amount-help {
      margin: 11px 0 0;
      color: #9f8f97;
      font-size: 12px;
    }

    .pre-spin-note {
      margin: 24px 0 18px;
      padding: 18px 20px;
      border: 1px solid rgba(215, 164, 93, .26);
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(70, 20, 42, .34), rgba(12, 8, 10, .78));
      text-align: left;
    }

    .pre-spin-note span {
      display: block;
      margin-bottom: 5px;
      color: var(--rose-soft);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .pre-spin-note h2 {
      margin: 0 0 7px;
      color: var(--gold-soft);
      font: italic 700 25px/1.08 Georgia, serif;
    }

    .pre-spin-note p { margin: 0; color: #d7c9cf; font-size: 14px; }

    .result {
      display: none;
      margin-top: 18px;
      padding: 20px 22px;
      border: 1px solid var(--line-rose);
      border-radius: 15px;
      background: rgba(71, 16, 42, .25);
    }

    .result.show { display: block; animation: resultIn .5s ease both; }
    .result.orgasm-result {
      position: relative;
      overflow: hidden;
      border-color: rgba(238, 197, 111, .82);
      background:
        radial-gradient(circle at 84% 18%, rgba(255, 224, 143, .17), transparent 28%),
        linear-gradient(135deg, rgba(105, 67, 18, .36), rgba(55, 14, 32, .42));
      box-shadow: 0 0 30px rgba(222, 178, 87, .16), inset 0 0 24px rgba(255, 218, 127, .07);
    }
    .result.orgasm-result::before {
      content: '✦  ✧  ✦';
      position: absolute;
      top: 13px;
      right: 18px;
      color: #f5d98d;
      font-size: 19px;
      letter-spacing: .2em;
      text-shadow: 0 0 6px rgba(255, 226, 142, .9), 0 0 18px rgba(232, 176, 69, .65);
      animation: resultSparkle 1.25s ease-in-out infinite alternate;
      pointer-events: none;
    }
    .result.orgasm-result > * { position: relative; z-index: 1; }
    .result-kicker { margin-bottom: 5px; color: var(--rose-soft); font-size: 10px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
    .result-title { margin-bottom: 8px; color: var(--gold-soft); font: italic 700 30px/1.1 Georgia, serif; }
    .result > p:nth-child(3) { margin-bottom: 17px; }

    .result-contact {
      padding-top: 16px;
      border-top: 1px solid rgba(215, 164, 93, .19);
    }

    .result-contact label {
      display: block;
      margin-bottom: 7px;
      color: #e8d8df;
      font-size: 10px;
      font-weight: 850;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .result-message {
      width: 100%;
      min-height: 170px;
      resize: vertical;
      padding: 13px 14px;
      border: 1px solid rgba(215, 164, 93, .28);
      border-radius: 10px;
      color: #f2e8ec;
      background: rgba(5, 4, 5, .72);
      font: 14px/1.55 Arial, sans-serif;
    }

    .contact-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 11px; }

    .contact-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 37px;
      padding: 8px 13px;
      border: 1px solid rgba(215, 164, 93, .42);
      border-radius: 999px;
      color: #f1e5e9;
      background: rgba(19, 11, 15, .74);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .12em;
      text-decoration: none;
      text-transform: uppercase;
      cursor: pointer;
    }

    .contact-button.primary { border-color: #ce5b87; background: linear-gradient(135deg, #9f2855, #671833); }
    .contact-button:hover, .contact-button:focus-visible { filter: brightness(1.16); outline: 1px solid rgba(255,255,255,.65); outline-offset: 2px; }
    .contact-status { min-height: 18px; margin: 9px 0 0; color: #b7a6ae; font-size: 11px; }

    @keyframes resultIn {
      from { opacity: 0; transform: translateY(9px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes resultSparkle {
      from { opacity: .42; transform: scale(.9); filter: brightness(.9); }
      to { opacity: 1; transform: scale(1.08); filter: brightness(1.35); }
    }

    @media (max-width: 1080px) {
      .nav-links a:not(.pill) { display: none; }
      .hero-grid { grid-template-columns: 1fr; }
      .wheel-stage { width: min(100%, 680px); }
      .panel { max-width: 760px; margin: auto; text-align: center; }
      .lead { margin-inline: auto; }
      .rule { text-align: left; }
      .warning-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 650px) {
      .nav { min-height: 66px; }
      .nav-links { gap: 10px; }
      .nav-links .pill { padding: 7px 9px; font-size: 9px; }
      .subnav-inner { justify-content: flex-start; gap: 15px; overflow-x: auto; }
      .hero { padding-top: 42px; }
      .hero::before { background-attachment: scroll; }
      .page-head { width: min(100% - 24px, var(--max)); }
      .warning-intro { width: min(100% - 24px, var(--max)); margin-bottom: 42px; }
      .hero-grid { width: min(100% - 24px, var(--max)); gap: 38px; }
      .pointer { width: 32px; height: 57px; }
      .input-row { grid-template-columns: 1fr; }
      .spin-button { width: 100%; }
      .amount-box { padding: 20px; }
      .draft-ribbon { left: 12px; bottom: 10px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .result.show { animation: none; }
      .result.orgasm-result::before { animation: none; }
    }
  

.hero{padding:0 0 35px;overflow:visible}.page-head{padding:85px clamp(22px,6vw,95px) 30px;width:100%;margin:0}.page-title{font:italic 400 clamp(46px,6.4vw,86px)/1.23 Georgia,serif}.warning-intro{width:100%;margin-bottom:42px;border-radius:14px;background:linear-gradient(130deg,#211017f7,#140c11f7)}.warning-intro>h2,.panel-title{line-height:1.23;font-weight:400}.hero-grid{width:100%;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start}.panel{width:100%;max-width:none;padding:30px;text-align:left}.amount-box{padding:20px}.wheel-stage{margin-top:35px}.result-title{line-height:1.3}.warning-step{border-radius:8px}.input-row{grid-template-columns:1fr}.spin-button{background:linear-gradient(115deg,#8c562b,#e4bc78 47%,#996432);color:#180c0e;border-color:#ddb573}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.wheel-stage{max-width:640px}.panel{margin:0}.warning-grid{grid-template-columns:1fr}}
@media(max-width:650px){.page-head{padding:55px 19px 25px}.page-title{font-size:47px}.warning-intro{padding:26px 21px}.panel{padding:24px 18px}.amount-box{padding:15px}.hero-grid{gap:24px}.result{padding:18px 15px}}
}