/* Independent v0.1: warm paper, jade ink, cinnabar and mature wuxia sprites.
   Same responsive container and reveal lifecycle as the frozen conversion page. */
:root{--wuxia-ink:#233f39;--wuxia-jade:#466a59;--wuxia-red:#9e4434;--wuxia-paper:#f6f0e2}
.option.selected{background:#e1ebdf;border-color:#466a59;color:#233f39;box-shadow:0 4px 0 #a2b19a}
.option.selected .option-check{background:#466a59;border-color:#466a59}
.option:focus-visible{outline:3px solid #a87637;outline-offset:3px}
.persona-card{--card-ink:#264d46;--card-tone:#bcd6ca;--card-light:#f7f0dc;--scene-sky:#bfe3d2;--scene-haze:#e9e3b8;--scene-far:#5d8c76;--scene-near:#254f49;--scene-sun:#ffe3a1}
.persona-card.palette-1{--card-ink:#595736;--card-tone:#e1d8b7;--card-light:#fbf1df;--scene-sky:#efdca6;--scene-haze:#f8edce;--scene-far:#9a8b55;--scene-near:#4f5638;--scene-sun:#fff0a8}
.persona-card.palette-2{--card-ink:#4e4a59;--card-tone:#d2cbd6;--card-light:#f6eee1;--scene-sky:#bfc9dd;--scene-haze:#e9e1d8;--scene-far:#6f7189;--scene-near:#3d435a;--scene-sun:#f5d8b0}
.persona-card.palette-3{--card-ink:#394753;--card-tone:#c5d2d3;--card-light:#f5f0e1;--scene-sky:#d4a995;--scene-haze:#ecd9bc;--scene-far:#806961;--scene-near:#344852;--scene-sun:#ffd48d}
.persona-card .card-face{border-radius:8px;background:linear-gradient(145deg,#c5ae72,#ece1b7 42%,#a48d58);padding:6px}
.persona-card .card-face .holo-card__front{border-radius:3px;background:var(--card-light)}
.persona-card .card-face .holo-card__rotator{border-radius:3px}
.card-heading{font-size:11px;letter-spacing:.15em}
.card-name{padding:10px 0 9px;justify-content:flex-start}
.card-name .result-title{font-size:29px;font-weight:850;letter-spacing:.09em}
.card-art{height:222px;border-color:#8e906e;background:radial-gradient(circle at 76% 23%,var(--scene-sun) 0 10%,transparent 10.5%),linear-gradient(180deg,var(--scene-sky) 0 48%,var(--scene-haze) 100%)}
.card-art::before{display:block;content:'';position:absolute;inset:30% -8% -7%;background:linear-gradient(145deg,transparent 0 22%,var(--scene-far) 22.5% 40%,transparent 40.5%) 0 0/58% 100% no-repeat,linear-gradient(215deg,transparent 0 24%,var(--scene-far) 24.5% 45%,transparent 45.5%) 100% 0/62% 100% no-repeat,linear-gradient(148deg,transparent 0 29%,var(--scene-near) 29.5% 58%,transparent 58.5%) -20% 100%/75% 82% no-repeat,linear-gradient(212deg,transparent 0 28%,var(--scene-near) 28.5% 60%,transparent 60.5%) 120% 100%/78% 88% no-repeat;opacity:.78}
.card-art::after{display:block;content:'';position:absolute;left:-15%;right:-15%;bottom:-19px;width:auto;height:76px;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 100%,#fffceb 0 8px,#fffceb99 9px 15px,transparent 16px 24px);opacity:.78;filter:blur(.4px);box-shadow:none}
.card-orbit{display:block;width:170px;height:170px;border-color:#fff8;outline-color:#fff4;opacity:.6}
.card-art .personality-avatar{width:228px;max-width:90%;filter:drop-shadow(0 4px 2px #233f3920)}
.art-star{display:none}
.art-caption{font-size:10px;bottom:6px;letter-spacing:.09em;background:var(--card-ink);border:0;padding:3px 10px}
.wuxia-preferences{display:grid;gap:10px;margin-top:12px}
.preference-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.5;margin-bottom:5px;color:#52624c}
.preference-label>span{letter-spacing:.18em;font-weight:750}.preference-label>b{font-weight:750;color:var(--card-ink)}
.preference-scale{position:relative;height:9px;border-radius:5px;margin:0 5px;background:linear-gradient(90deg,#367bc0 0%,#79b6d2 34%,#e7d9b7 50%,#df8b68 68%,#c33d45 100%);box-shadow:inset 0 1px 2px #17314f45,0 0 0 1px #8a7b5d55}
.wuxia-preference:nth-child(2) .preference-scale{background:linear-gradient(90deg,#4e9e93 0%,#8bc5b2 34%,#eadcb5 50%,#d98172 68%,#a83f5d 100%)}
.wuxia-preference:nth-child(3) .preference-scale{background:linear-gradient(90deg,#2b83b6 0%,#78b8c7 34%,#eadcb5 50%,#bd7f8d 68%,#744b91 100%)}
.preference-scale::before{content:'';position:absolute;top:1px;bottom:1px;width:1px;left:50%;background:#80745455}
.preference-scale i{position:absolute;top:-4px;left:var(--position);width:13px;height:17px;transform:translateX(-50%);background:#fff6d3;border:2px solid #293e50;box-shadow:0 2px 0 #6c704d,0 0 0 1px #fff8}
.preference-scale .position-1{--position:0%}.preference-scale .position-15{--position:14.1414%}.preference-scale .position-40{--position:39.3939%}.preference-scale .position-50{--position:49.4949%}.preference-scale .position-65{--position:64.6465%}.preference-scale .position-90{--position:89.899%}.preference-scale .position-100{--position:100%}
.preference-poles{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#726950;margin-top:5px;line-height:1}
.preference-poles>span:nth-child(2){font-variant-numeric:tabular-nums;color:#676954;font-size:10px}.preference-poles small{font-size:8px;color:#908771}
.flexible-preference{margin:0;color:#726950;font-size:11px;line-height:1.5;padding:4px 0;border-top:1px dashed #c9bea1}
.card-footer{font-size:11px;margin-top:12px}
/* Keep the familiar reveal-side treatment from the original card: the new
   wuxia wording changes, but its gold frame, orbit and glow stay recognisable. */
.card-back{border-radius:15px;background:repeating-linear-gradient(45deg,#ffffff04 0 1px,transparent 1px 10px),radial-gradient(ellipse,#35595b,#182e39);box-shadow:inset 0 0 0 7px #cfb373,inset 0 0 0 9px #f0d693,inset 0 0 0 13px #183544}
.card-back .back-emblem{font-size:90px;line-height:1.2;font-weight:inherit;border:0;padding:0;text-shadow:0 0 30px #f7d580}
.card-back::after{border-radius:50%;inset:24px}
.card-back small{font-size:8px;letter-spacing:.16em}
.result-info>.personality-kicker{color:#8a663c;font-size:14px;letter-spacing:.15em}
.personality-code{font-size:clamp(32px,4vw,48px);line-height:1.3;letter-spacing:.08em;margin:0 0 16px;color:#233f39;white-space:nowrap}
.personality-summary{display:block;color:#526257;font-size:17px;border:0;border-left:3px solid #b9a379;background:#eee9db;padding:14px 18px;max-width:none}
.result-info .preference-tags span{background:#e9e5d5;color:#3f5b4d;font-size:13px}
.result-info .personality-offer{border-color:#c7bda4}
.result-info .offer-total{color:#ad4336}
.result-showcase{align-items:center}
@media(max-width:850px){.card-art{height:208px}.card-art .personality-avatar{width:218px}.card-name .result-title{font-size:26px}.personality-code{font-size:34px}}
@media(max-width:620px){.personality-code{font-size:37px;text-align:center;letter-spacing:.08em}.result-info>.personality-kicker{text-align:center;font-size:12px}.personality-summary{font-size:16px}.result-info .preference-tags{justify-content:center}.result-info .preference-tags span{font-size:12px}.card-name .result-title{font-size:28px}.option strong{font-size:18px}.card-art{height:216px}.card-art .personality-avatar{width:222px}}
@media(max-width:350px){.card-art{height:195px}.card-art .personality-avatar{width:202px}.card-name .result-title{font-size:25px}.personality-code{font-size:32px}.preference-label{font-size:11px}.wuxia-preferences{gap:9px}.result-info .preference-tags span{font-size:11px}}
@media(max-width:420px){
 .passport .progress-panel{grid-template-columns:42px minmax(0,1fr);column-gap:10px;padding-left:13px;padding-right:13px}
 .passport .quiz-brand{width:42px;height:34px}
 .passport .progress-row{min-width:0;gap:8px}
 .passport .stamp-path{min-width:0;gap:7px}
 .passport .stamp-stop{min-width:0;gap:3px}
 .passport #completion-count{min-width:31px;font-size:14px;flex:none}
 .passport .stamp-stop>b{font-size:9px}
 .passport .stamp{width:24px;height:24px}
 .passport .stamp>svg{width:15px;height:15px}
 .quiz-bottom-call{gap:9px;padding-left:10px;padding-right:10px}
 .quiz-bottom-call b{font-size:14px;white-space:nowrap}
 .quiz-bottom-call svg{width:17px;height:17px}
}