@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";:root{--ink:#0a0806;--parchment:#f5ede0;--gold:#c9973a;--gold-pale:#e8c97a;--gold-dim:#a87c2a;--smoke:#2a2520;--fog:#1a1510;--ash:#8c7c70;--ember:#c45c1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}#root{flex-direction:column;display:flex}html{scroll-behavior:smooth}body{color:var(--parchment);background-color:#0000;background-image:radial-gradient(80% 60% at 50% 0,#281c0ce6 0%,#0000 60%),radial-gradient(100% 80% at 50% 100%,#140c04 0%,#0000 70%),linear-gradient(#0d0a06 0%,#0a0806 40%,#060402 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;font-family:EB Garamond,serif;font-size:18px;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--fog)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.screen{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:780px;margin:0 auto;padding:60px 40px;animation:.8s fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.title-eyebrow{letter-spacing:.4em;color:var(--gold-dim);text-transform:uppercase;text-align:center;margin-bottom:20px;font-family:Cinzel,serif;font-size:11px}h1.display{color:var(--gold);text-align:center;letter-spacing:.05em;text-shadow:0 0 40px #c9973a66,0 2px 4px #000c;margin-bottom:12px;font-family:Cinzel Decorative,serif;font-size:clamp(22px,5vw,42px);font-weight:700;line-height:1.2}h2.subtitle{color:var(--gold-pale);text-align:center;letter-spacing:.1em;font-family:Cinzel,serif;font-size:clamp(16px,3vw,24px);font-weight:400}.divider{width:100%;color:var(--gold-dim);align-items:center;gap:16px;margin:24px 0;font-size:14px;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(to right, transparent, var(--gold-dim), transparent);flex:1;height:1px}.lore-box{color:#f5ede0db;text-align:center;background:#c9973a0d;border:1px solid #c9973a26;border-radius:2px;margin:32px 0;padding:24px 32px;font-size:15px;font-style:italic;line-height:1.8;position:relative}.lore-box:before{content:"✦";color:var(--gold-dim);font-size:10px;font-style:normal;position:absolute;top:10px;left:14px}.lore-box:after{content:"✦";color:var(--gold-dim);font-size:10px;font-style:normal;position:absolute;bottom:10px;right:14px}.btn-primary{letter-spacing:.3em;text-transform:uppercase;color:var(--fog);background:linear-gradient(135deg, var(--gold) 0%, var(--gold-pale) 50%, var(--gold) 100%);cursor:pointer;clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);border:none;padding:16px 48px;font-family:Cinzel,serif;font-size:13px;transition:all .3s;box-shadow:0 0 20px #c9973a4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #c9973a99}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{letter-spacing:.25em;text-transform:uppercase;color:var(--ash);cursor:pointer;background:0 0;border:1px solid #c9973a33;margin-top:16px;padding:12px 32px;font-family:Cinzel,serif;font-size:12px;transition:all .3s}.btn-secondary:hover{color:var(--gold-pale);border-color:#c9973a80}#fog-canvas{pointer-events:none;z-index:0;opacity:.45;width:100%;height:100%;position:fixed;top:0;left:0}.candle-container{pointer-events:none;z-index:3;justify-content:space-between;width:100%;padding:0 4vw;display:flex;position:fixed;bottom:0}.candle{opacity:.55;flex-direction:column;align-items:center;display:flex}.candle-flame{filter:blur(.5px);background:radial-gradient(at 50% 80%,#fff5c0 0%,#ffb347 40%,#f60 70%,#0000 100%);border-radius:50% 50% 30% 30%;width:8px;height:16px;animation:2s ease-in-out infinite alternate flicker;box-shadow:0 0 8px 4px #ffb43c66,0 0 20px 8px #ff781433}.candle-body{background:linear-gradient(90deg,#d4c5a0,#e8dfc0,#c8b890);border-radius:2px;width:12px}@keyframes flicker{0%{opacity:1;transform:scaleX(1)scaleY(1)}25%{opacity:.93;transform:scaleX(.88)scaleY(1.12)translate(-.5px)}50%{opacity:1;transform:scaleX(1.1)scaleY(.94)translate(.5px)}75%{opacity:.91;transform:scaleX(.93)scaleY(1.07)translate(-.3px)}to{opacity:1;transform:scaleX(1)scaleY(1.02)}}@media (width<=600px){.screen{padding:40px 20px}}.intro-wrap{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.intro-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:60px 32px 80px;display:flex;position:relative}.intro-glow{pointer-events:none;filter:blur(30px);background:radial-gradient(#c9973a24 0%,#c9973a0a 40%,#0000 70%);width:700px;height:500px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.intro-title{color:var(--parchment);text-align:center;letter-spacing:.03em;text-shadow:0 0 80px #c9973a4d,0 4px 12px #000000f2;margin:18px 0 12px;font-family:Cinzel Decorative,serif;font-size:clamp(38px,7vw,88px);font-weight:700;line-height:1.05}.intro-title-gold{background:linear-gradient(135deg,#e8c97a 0%,#c9973a 35%,#f5e0a0 60%,#b8832a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #c9973a80);-webkit-background-clip:text;background-clip:text}.intro-subtitle{color:var(--gold-pale);text-align:center;letter-spacing:.22em;text-transform:uppercase;opacity:.8;margin:12px 0 28px;font-family:Cinzel,serif;font-size:clamp(13px,2vw,19px);font-weight:400}.intro-divider{align-items:center;gap:14px;width:100%;max-width:340px;margin-bottom:32px;display:flex}.intro-divider span:not(.intro-divider-diamond){background:linear-gradient(90deg,#0000,#c9973a4d,#0000);flex:1;height:1px}.intro-divider-diamond{color:var(--gold-dim);font-size:12px}.intro-quote{color:#f5ede0c7;text-align:center;max-width:540px;margin:0 0 44px;padding:0 8px;font-family:EB Garamond,serif;font-size:clamp(15px,1.8vw,18px);font-style:italic;line-height:1.9}.intro-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a080699;border:1px solid #c9973a24;align-items:center;margin-bottom:52px;padding:22px 0;display:flex}.intro-stat-group{align-items:center;display:flex}.intro-stat-sep{background:#c9973a26;width:1px;height:44px}.intro-stat{flex-direction:column;align-items:center;gap:5px;padding:0 36px;display:flex}.intro-stat-n{color:var(--gold);text-shadow:0 0 24px #c9973a73;font-family:Cinzel Decorative,serif;font-size:30px;line-height:1}.intro-stat-l{letter-spacing:.35em;text-transform:uppercase;color:var(--gold-dim);font-family:Cinzel,serif;font-size:9px}.intro-cta{flex-direction:column;align-items:center;gap:18px;display:flex}.btn-begin{letter-spacing:.35em;text-transform:uppercase;color:#1a1208;cursor:pointer;clip-path:polygon(14px 0%,calc(100% - 14px) 0%,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0% calc(100% - 14px),0% 14px);background:linear-gradient(135deg,#c9973a 0%,#f0d890 40%,#e8c060 60%,#c9973a 100%);border:none;align-items:center;gap:18px;padding:20px 56px;font-family:Cinzel,serif;font-size:13px;font-weight:600;transition:all .35s;display:inline-flex;box-shadow:0 0 40px #c9973a59,0 0 80px #c9973a1f,inset 0 1px #fff3}.btn-begin:hover{transform:translateY(-3px);box-shadow:0 0 60px #c9973a99,0 0 120px #c9973a40,inset 0 1px #fff3}.btn-begin-arrow{font-size:18px;transition:transform .3s}.btn-begin:hover .btn-begin-arrow{transform:translate(5px)}.intro-fine-print{color:var(--gold-dim);letter-spacing:.12em;opacity:.65;font-size:11px;font-style:italic}.portraits-section{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:1100px;margin:0 auto;padding:0 32px 120px;display:flex}.portraits-label{letter-spacing:.5em;text-transform:uppercase;color:var(--gold-dim);text-align:center;opacity:.7;font-family:Cinzel,serif;font-size:10px}.portraits-row{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;display:grid}.portrait-card{border:1px solid rgba(var(--accent-rgb,201,151,58), .18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;background:#0a0806b3;border-color:#c9973a1f;flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.portrait-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 8px 40px color-mix(in srgb, var(--accent) 15%, transparent)}.portrait-corner{z-index:2;width:16px;height:16px;position:absolute}.portrait-corner:before,.portrait-corner:after{content:"";background:var(--accent,var(--gold));opacity:.55;position:absolute}.portrait-corner:before{width:100%;height:1px;top:0;left:0}.portrait-corner:after{width:1px;height:100%;top:0;left:0}.portrait-corner.tl{top:6px;left:6px}.portrait-corner.tr{top:6px;right:6px;transform:scaleX(-1)}.portrait-corner.bl{bottom:6px;left:6px;transform:scaleY(-1)}.portrait-corner.br{bottom:6px;right:6px;transform:scale(-1)}.portrait-img-wrap{aspect-ratio:3/4;background:#0f0a05cc;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.portrait-img{object-fit:cover;filter:sepia(.3)brightness(.85);width:100%;height:100%}.portrait-silhouette{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 70%);justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.portrait-vignette{background:linear-gradient(#0000 40%,#0a080699 70%,#0a0806f2 100%);position:absolute;inset:0}.portrait-info{flex-direction:column;gap:4px;padding:16px 20px 22px;display:flex}.portrait-pathway{letter-spacing:.3em;text-transform:uppercase;opacity:.85;font-family:Cinzel,serif;font-size:9px}.portrait-name{color:var(--parchment);margin-top:2px;font-family:Cinzel Decorative,serif;font-size:clamp(13px,1.5vw,17px);font-weight:700;line-height:1.2}.portrait-title-label{color:var(--gold-pale);opacity:.7;margin-bottom:4px;font-family:EB Garamond,serif;font-size:13px;font-style:italic}.portrait-desc{color:var(--ash);font-size:13px;line-height:1.6}.portraits-hint{color:var(--gold-dim);opacity:.5;text-align:center;font-size:11px;font-style:italic}.portraits-hint code{background:#c9973a14;border-radius:2px;padding:1px 5px;font-size:10px;font-style:normal}@media (width<=720px){.portraits-row{grid-template-columns:1fr;max-width:340px}.intro-stat{padding:0 16px}.intro-stat-n{font-size:20px}.intro-stat-l{letter-spacing:.2em;font-size:8px}.intro-stats{padding:16px 0}.intro-hero{padding:48px 20px 60px}.intro-quote{font-size:15px}.btn-begin{letter-spacing:.25em;padding:16px 36px;font-size:11px}.portraits-section{padding:0 20px 80px}.tarot-card-wrap{width:180px;height:300px}.tarot-sym{font-size:40px}.tarot-card-name{font-size:15px}.score-row{grid-template-columns:90px 1fr 36px}.traits-grid,.stats-grid{grid-template-columns:1fr}.result-screen{padding:40px 20px}}.warning-screen-box{background:#c9973a0a;border:1px solid #c9973a1f;border-radius:2px;width:100%;max-width:640px;margin:24px 0 32px;padding:28px 32px}.w-title{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:20px;font-family:Cinzel,serif;font-size:12px}.warning-item{color:var(--ash);gap:14px;margin-bottom:16px;font-size:15px;line-height:1.6;display:flex}.warning-item strong{color:var(--parchment)}.w-icon{flex-shrink:0;margin-top:2px;font-size:18px}.ack-row{color:var(--ash);border-top:1px solid #c9973a1a;align-items:flex-start;gap:12px;margin-top:24px;padding-top:20px;font-size:14px;line-height:1.5;display:flex}.ack-row input[type=checkbox]{accent-color:var(--gold);flex-shrink:0;margin-top:3px}.progress-bar-container{width:100%;max-width:640px;margin-bottom:28px}.progress-meta{letter-spacing:.25em;text-transform:uppercase;color:var(--gold-dim);justify-content:space-between;margin-bottom:8px;font-family:Cinzel,serif;font-size:11px;display:flex}.progress-track{background:#c9973a26;border-radius:1px;width:100%;height:2px;overflow:hidden}.progress-fill{background:linear-gradient(to right, var(--gold-dim), var(--gold));border-radius:1px;height:100%}.weight-badge{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);align-items:center;gap:6px;margin-bottom:28px;font-family:Cinzel,serif;font-size:10px;display:flex}.weight-pip{background:#c9973a26;border:1px solid #c9973a4d;border-radius:50%;width:8px;height:8px;display:inline-block}.weight-pip.lit{background:var(--gold-dim);border-color:var(--gold);box-shadow:0 0 6px #c9973a80}.question-text{color:var(--parchment);text-align:center;max-width:560px;margin-bottom:10px;font-family:Cinzel,serif;font-size:clamp(16px,2.5vw,22px);line-height:1.5}.question-subtext{color:var(--ash);text-align:center;margin-bottom:32px;font-size:14px;font-style:italic}.options-grid{flex-direction:column;gap:12px;width:100%;max-width:600px;margin-bottom:36px;display:flex}.option-card{cursor:pointer;background:#c9973a08;border:1px solid #c9973a26;border-radius:1px;align-items:flex-start;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.option-card:hover{background:#c9973a12;border-color:#c9973a66}.option-card.selected{border-color:var(--gold);background:#c9973a1a;box-shadow:0 0 16px #c9973a26}.option-glyph{color:var(--gold-dim);letter-spacing:.1em;min-width:24px;padding-top:3px;font-family:Cinzel,serif;font-size:11px}.option-card.selected .option-glyph{color:var(--gold)}.option-text{color:var(--parchment);font-size:16px;line-height:1.5}.option-subtext{color:var(--ash);margin-top:4px;font-size:13px;font-style:italic}.question-nav{justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.nav-hint{color:var(--gold-dim);letter-spacing:.1em;margin-top:12px;font-size:12px;font-style:italic}.loading-screen{justify-content:flex-start;gap:32px;min-height:100vh;padding-top:60px}.ritual-wrap{flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.ritual-ring{border-radius:50%;position:absolute}.ritual-ring--outer{border:1px solid #c9973a4d;width:180px;height:180px;box-shadow:0 0 20px #c9973a14}.ritual-ring--mid{border:1px dashed #c9973a33;width:130px;height:130px}.ritual-ring--inner{border:1px solid #c9973a73;width:82px;height:82px}.ritual-core{text-align:center;background:#0c0804e6;border:1px solid #c9973a4d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:4px;font-family:Cinzel,serif;display:flex}.loading-header{text-align:center}.loading-title{color:var(--gold);letter-spacing:.06em;margin:8px 0 6px;font-family:Cinzel Decorative,serif;font-size:clamp(18px,4vw,28px)}.loading-subtitle{letter-spacing:.25em;text-transform:uppercase;color:var(--ash);font-size:11px}.pipeline-panel{flex-direction:column;gap:6px;width:100%;max-width:540px;display:flex}.pipeline-step{background:#c9973a0a;border:1px solid #c9973a1a;border-radius:6px;align-items:center;gap:14px;padding:10px 14px;transition:border-color .3s,background .3s;display:flex}.pipeline-step--active{background:#c9973a14;border-color:#c9973a59}.pipeline-step--done{background:#6a9a4a0d;border-color:#6a9a4a40}.pipeline-step-icon{width:28px;height:28px;color:var(--gold-dim);border:1px solid #c9973a33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.pipeline-step--done .pipeline-step-icon{color:#6a9a4a;border-color:#6a9a4a66}.pipeline-check{color:#6a9a4a;font-size:13px}.pipeline-step-body{flex:1;min-width:0}.pipeline-step-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ash);font-family:Cinzel,serif;font-size:11px}.pipeline-step--active .pipeline-step-label{color:var(--gold-pale)}.pipeline-step--done .pipeline-step-label{color:#c9973a80}.pipeline-bar-track{background:#c9973a26;border-radius:2px;height:2px;margin-top:6px;overflow:hidden}.pipeline-bar-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:2px;height:100%}.pipeline-step-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--ash);border:1px solid #c9973a26;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:9px}.pipeline-step-badge--active{color:var(--gold-dim);background:#c9973a14;border-color:#c9973a66}.pipeline-step-badge--done{color:#6a9a4a;background:#6a9a4a0d;border-color:#6a9a4a4d}.loading-status{letter-spacing:.15em;text-transform:uppercase;color:var(--ash);text-align:center;min-height:20px;font-size:12px}.ritual-circle,.loading-text,.loading-subtext{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tarot-scene{perspective:1200px;flex-direction:column;align-items:center;gap:28px;display:flex}.tarot-card-wrap{cursor:default;width:220px;height:360px;position:relative}.tarot-face{backface-visibility:hidden;border:1px solid #c9973a4d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tarot-back{background:linear-gradient(145deg,#0e0a06 0%,#1a1208 50%,#0e0a06 100%);gap:0;overflow:hidden}.tarot-back-pattern{opacity:.18;flex:1;grid-template-columns:repeat(5,1fr);place-items:center;gap:4px;padding:16px;display:grid}.tarot-back-cell{color:var(--gold);font-size:12px}.tarot-back-label{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);opacity:.6;padding-bottom:16px;font-family:Cinzel,serif;font-size:8px}.tarot-front{box-shadow:0 0 40px color-mix(in srgb, var(--card-color,#c9973a) 25%, transparent), inset 0 0 60px #00000080;border-color:color-mix(in srgb, var(--card-color,#c9973a) 50%, transparent);background:linear-gradient(160deg,#120e07 0%,#1e1608 60%,#0e0a04 100%);gap:12px;padding:20px;transform:rotateY(180deg)}.tarot-corner{color:var(--card-color,var(--gold));opacity:.7;letter-spacing:.1em;font-family:Cinzel,serif;font-size:11px;position:absolute}.tarot-corner.tl{top:12px;left:14px}.tarot-corner.tr{top:12px;right:14px}.tarot-corner.bl{bottom:12px;left:14px}.tarot-corner.br{bottom:12px;right:14px}.tarot-sym{filter:drop-shadow(0 0 12px var(--card-color,#c9973a));margin-bottom:4px;font-size:52px}.tarot-card-name{color:var(--card-color,var(--gold));text-align:center;text-shadow:0 0 20px var(--card-color,#c9973a);font-family:Cinzel Decorative,serif;font-size:18px;line-height:1.2}.tarot-card-label{letter-spacing:.35em;text-transform:uppercase;color:var(--ash);text-align:center;font-family:Cinzel,serif;font-size:9px}.tarot-hint{letter-spacing:.4em;text-transform:uppercase;color:var(--gold-dim);font-family:Cinzel,serif;font-size:11px;font-style:italic}.result-screen{gap:0;max-width:800px}.result-header{text-align:center;margin-bottom:32px}.result-sequence{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);margin-top:8px;font-family:Cinzel,serif;font-size:13px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px 32px;width:100%;max-width:600px;margin:8px 0;display:grid}@media (width<=540px){.stats-grid{grid-template-columns:1fr}}.stat-bar-item{flex-direction:column;gap:6px;display:flex}.stat-bar-header{justify-content:space-between;display:flex}.stat-bar-label{letter-spacing:.25em;text-transform:uppercase;color:var(--ash);font-family:Cinzel,serif;font-size:10px}.stat-bar-value{color:var(--gold-pale);font-family:Cinzel,serif;font-size:11px}.stat-bar-track{background:#ffffff12;border-radius:2px;height:4px;overflow:hidden}.stat-bar-fill{border-radius:2px;height:100%}.traits-grid{grid-template-columns:1fr 1fr;gap:24px 40px;width:100%;max-width:700px;margin:8px 0;display:grid}@media (width<=600px){.traits-grid{grid-template-columns:1fr}}.traits-col{flex-direction:column;gap:14px;display:flex}.traits-heading{letter-spacing:.35em;text-transform:uppercase;margin-bottom:6px;font-family:Cinzel,serif;font-size:10px}.traits-heading--strength{color:#6a9a6a}.traits-heading--risk{color:#c96a6a}.trait-item{align-items:flex-start;gap:12px;display:flex}.trait-icon{flex-shrink:0;margin-top:2px;font-size:14px}.trait-icon--strength{color:#6a9a6a}.trait-icon--risk{color:#c96a6a}.trait-name{color:var(--parchment);margin-bottom:2px;font-family:Cinzel,serif;font-size:13px}.trait-desc{color:var(--ash);font-size:13px;line-height:1.5}.score-breakdown{width:100%;max-width:600px;margin:8px 0}.section-heading{letter-spacing:.35em;text-transform:uppercase;color:var(--gold-dim);text-align:center;margin-bottom:20px;font-family:Cinzel,serif;font-size:11px}.score-row{grid-template-columns:120px 1fr 44px;align-items:center;gap:12px;margin-bottom:10px;display:grid}.score-row--winner .score-label{color:var(--gold)}.score-label{color:var(--ash);font-family:Cinzel,serif;font-size:12px}.score-bar-track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%}.score-val{color:var(--ash);text-align:right;font-family:Cinzel,serif;font-size:11px}.warning-block{background:#c45c1a0d;border:1px solid #c45c1a4d;border-radius:2px;width:100%;max-width:600px;margin:8px 0;padding:20px 24px}.warning-label{letter-spacing:.35em;text-transform:uppercase;color:var(--ember);margin-bottom:10px;font-family:Cinzel,serif;font-size:10px}.warning-block p:last-child{color:var(--ash);font-size:14px;line-height:1.7}.result-actions{flex-direction:column;align-items:center;gap:12px;margin-top:48px;padding-bottom:60px;display:flex}.global-stats{width:100%;max-width:600px;margin:0 auto}.stats-subtitle{color:var(--ash);text-align:center;margin-bottom:20px;font-size:13px;font-style:italic}.stats-bars{flex-direction:column;gap:10px;display:flex}.stat-row{grid-template-columns:110px 1fr 40px;align-items:center;gap:10px;display:grid}.stat-row--user .stat-label{color:var(--gold-pale);font-weight:600}.stat-label{color:var(--ash);letter-spacing:.05em;font-family:Cinzel,serif;font-size:11px}.stat-pct{color:var(--ash);text-align:right;font-family:Cinzel,serif;font-size:11px}.model-badge{letter-spacing:.12em;color:var(--gold-dim);background:#c9973a0f;border:1px solid #c9973a40;border-radius:24px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 16px;font-family:Cinzel,serif;font-size:11px;display:flex}.model-badge--ready{color:#6a9a4a;background:#6a9a4a0f;border-color:#6a9a4a59}.model-badge-dot{background:var(--gold-dim);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.model-badge-check{font-size:13px}.model-badge-bar{background:#c9973a26;border-radius:3px;flex-shrink:0;width:80px;height:3px;overflow:hidden}.model-badge-fill{background:var(--gold-dim);border-radius:3px;height:100%;transition:width .4s}.compat-section{width:100%}.compat-intro{color:var(--ash);text-align:center;margin:-8px 0 20px;font-size:13px;font-style:italic}.compat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;width:100%;display:grid}.compat-grid--shadow{grid-template-columns:1fr;max-width:380px;margin:0 auto}.compat-card{background:#c9973a0a;border:1px solid #c9973a26;border-radius:8px;align-items:flex-start;gap:14px;padding:14px 16px;transition:transform .2s;display:flex}.compat-card:hover{transform:translateY(-2px)}.compat-card--shadow{background:#c93a3a0a;border-color:#c93a3a40}.compat-sym{flex-shrink:0;margin-top:2px;font-size:22px;line-height:1}.compat-body{flex:1;min-width:0}.compat-name{letter-spacing:.05em;font-family:Cinzel,serif;font-size:13px;font-weight:600}.compat-seq{letter-spacing:.15em;color:var(--ash);text-transform:uppercase;margin:3px 0 6px;font-size:10px}.compat-note{color:#ffffffb8;font-size:11px;line-height:1.5}.browser-screen{align-items:stretch;gap:32px;max-width:860px;padding-top:60px}.browser-hero{text-align:center}.browser-subtitle{color:var(--ash);margin-top:12px;font-size:14px;line-height:1.7}.browser-controls{flex-direction:column;gap:14px;width:100%;display:flex}.browser-search{width:100%;color:var(--parchment);letter-spacing:.05em;box-sizing:border-box;background:#ffffff0a;border:1px solid #c9973a33;border-radius:8px;outline:none;padding:10px 16px;font-family:Cinzel,serif;font-size:13px}.browser-search:focus{border-color:#c9973a80}.browser-search::placeholder{color:var(--ash)}.browser-filters{flex-wrap:wrap;gap:8px;display:flex}.browser-filter-btn{color:var(--ash);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c9973a33;border-radius:20px;padding:5px 14px;font-family:Cinzel,serif;font-size:10px;transition:all .2s}.browser-filter-btn:hover,.browser-filter-btn.active{color:var(--gold-pale);background:#c9973a0f;border-color:#c9973a80}.browser-groups{flex-direction:column;gap:32px;width:100%;display:flex}.browser-group-header{border-bottom:1px solid #c9973a1f;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.browser-group-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.browser-group-name{letter-spacing:.1em;color:var(--gold-pale);font-family:Cinzel,serif;font-size:13px;font-weight:600}.browser-group-deity{color:var(--ash);margin-top:2px;font-size:11px}.browser-group-count{color:var(--ash);background:#c9973a14;border:1px solid #c9973a26;border-radius:12px;margin-left:auto;padding:2px 10px;font-family:Cinzel,serif;font-size:11px}.browser-cards{flex-direction:column;gap:8px;display:flex}.browser-card{cursor:pointer;background:#ffffff05;border:1px solid #c9973a1f;border-radius:8px;transition:border-color .2s,background .2s;overflow:hidden}.browser-card:hover,.browser-card--open{background:#c9973a0a;border-color:#c9973a59}.browser-card-header{align-items:center;gap:14px;padding:14px 16px;display:flex}.browser-card-sym{color:var(--ash);text-align:center;flex-shrink:0;width:28px;font-family:Cinzel,serif;font-size:13px}.browser-card-meta{flex:1;min-width:0}.browser-card-name{letter-spacing:.06em;font-family:Cinzel,serif;font-size:14px;font-weight:600}.browser-card-seq{letter-spacing:.15em;color:var(--ash);text-transform:uppercase;margin-top:3px;font-size:10px}.browser-card-chevron{color:var(--ash);flex-shrink:0;font-size:9px}.browser-card-body{padding:0 16px 18px;overflow:hidden}.browser-desc{color:#ffffffbf;border-top:1px solid #c9973a1a;margin-bottom:20px;padding-top:14px;font-size:13px;line-height:1.7}.browser-traits{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;display:grid}@media (width<=520px){.browser-traits{grid-template-columns:1fr}}.browser-col-label{letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;font-family:Cinzel,serif;font-size:10px}.browser-col-label--str{color:#6a9a4acc}.browser-col-label--risk{color:#c94a4acc}.browser-trait{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.browser-trait-name{color:var(--parchment);margin-bottom:2px;font-size:12px;font-weight:600}.browser-trait-desc{color:var(--ash);font-size:11px;line-height:1.5}.browser-stats{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.browser-stat-row{grid-template-columns:100px 1fr 44px;align-items:center;gap:10px;display:grid}.browser-stat-label{letter-spacing:.1em;color:var(--ash);text-transform:uppercase;font-family:Cinzel,serif;font-size:10px}.browser-stat-track{background:#ffffff12;border-radius:4px;height:4px;overflow:hidden}.browser-stat-fill{border-radius:4px;height:100%}.browser-stat-val{color:var(--ash);text-align:right;font-family:Cinzel,serif;font-size:10px}.browser-warning{color:#ffffff9e;border-top:1px solid #c9973a1a;padding-top:12px;font-size:11px;line-height:1.6}.browser-warning-label{letter-spacing:.25em;text-transform:uppercase;color:#c9973ad1;margin-bottom:4px;font-family:Cinzel,serif;font-size:9px;display:block}.browser-empty{text-align:center;color:var(--ash);padding:40px 0;font-style:italic}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:40px;display:flex}.share-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-modal{background:linear-gradient(160deg,#0e0a06,#150e08);border:1px solid #c9973a40;border-top-color:#c9973a4d;border-radius:8px;width:min(680px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 0 60px #000000b3}.share-modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.share-modal-title{letter-spacing:.2em;text-transform:uppercase;color:#c9973acc;font-family:Cinzel,serif;font-size:13px}.share-modal-close{color:var(--ash);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:color .2s}.share-modal-close:hover{color:var(--parchment)}.share-preview{border:1px solid #c9973a26;border-radius:4px;width:100%;margin-bottom:20px;overflow:hidden}.share-preview-img{width:100%;height:auto;display:block}.share-platforms{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=480px){.share-platforms{grid-template-columns:repeat(2,1fr)}}.share-btn{cursor:pointer;color:var(--parchment);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 8px;font-family:Cinzel,serif;transition:all .2s;display:flex}.share-btn:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-2px)}.share-btn-icon{font-size:20px;display:block}.share-btn span:nth-child(2){letter-spacing:.08em;font-size:11px;font-weight:600}.share-btn-sub{letter-spacing:.05em;color:var(--ash);font-family:Georgia,serif;font-size:9px;font-style:italic}.share-btn--download{border-color:#4a8ac94d}.share-btn--download:hover{border-color:#4a8ac999;box-shadow:0 0 14px #4a8ac926}.share-btn--twitter{border-color:#ffffff26}.share-btn--twitter:hover{border-color:#ffffff59}.share-btn--discord{border-color:#5865f24d}.share-btn--discord:hover{border-color:#5865f299;box-shadow:0 0 14px #5865f226}.share-btn--reddit{border-color:#ff57004d}.share-btn--reddit:hover{border-color:#ff570099;box-shadow:0 0 14px #ff57001a}.share-btn--insta{border-color:#e1306c4d}.share-btn--insta:hover{border-color:#e1306c99;box-shadow:0 0 14px #e1306c1f}.share-btn--native{border-color:#c9973a59}.share-btn--native:hover{border-color:#c9973aa6}.share-modal-note{color:var(--ash);text-align:center;letter-spacing:.03em;font-size:10px;font-style:italic;line-height:1.6}.ritual-bg-circle{pointer-events:none;z-index:0;opacity:.85;width:min(90vw,600px);height:min(90vw,600px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.candle-container{pointer-events:none;z-index:1;justify-content:space-around;align-items:flex-end;padding:0 clamp(8px,4vw,60px);display:flex;position:fixed;bottom:0;left:0;right:0}.eerie-candle{transform-origin:bottom;flex-direction:column;align-items:center;animation:6s ease-in-out infinite alternate candle-sway;display:flex}@keyframes candle-sway{0%{transform:translate(0)}25%{transform:translate(.5px)}50%{transform:translate(-.3px)}75%{transform:translate(.7px)}to{transform:translate(-.5px)}}.flame-glow{animation:2.8s ease-in-out infinite alternate glow-pulse}@keyframes glow-pulse{0%{opacity:.6}40%{opacity:.9}70%{opacity:.5}to{opacity:.8}}.flame-outer{transform-origin:50%;animation:.18s step-end infinite flame-flicker,2.1s ease-in-out infinite alternate flame-drift}@keyframes flame-flicker{0%{opacity:.82}14%{opacity:.93}28%{opacity:.71}42%{opacity:.89}57%{opacity:.65}71%{opacity:.95}85%{opacity:.78}to{opacity:.88}}@keyframes flame-drift{0%{transform:skew(0)scaleX(1)}30%{transform:skew(3deg)scaleX(.92)}60%{transform:skew(-4deg)scaleX(1.06)}to{transform:skew(2deg)scaleX(.96)}}.flame-inner{transform-origin:50%;animation:.22s step-end infinite flame-inner-flicker,1.7s ease-in-out infinite alternate-reverse flame-drift}@keyframes flame-inner-flicker{0%{opacity:.88}20%{opacity:.97}40%{opacity:.79}60%{opacity:.94}80%{opacity:.72}to{opacity:.91}}.flame-core{animation:.12s step-end infinite core-jitter}@keyframes core-jitter{0%{opacity:.85;transform:translate(0)}25%{opacity:.95;transform:translate(.5px)}50%{opacity:.75;transform:translate(-.5px)}75%{opacity:.9;transform:translate(.3px)}to{opacity:.8;transform:translate(-.3px)}}.scattered-decor{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.decor-item{animation:3s forwards decor-fade-in;position:absolute;transform:translate(-50%,-50%)}@keyframes decor-fade-in{0%{opacity:0}to{opacity:1}}@keyframes decor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes decor-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}to{opacity:.7;transform:scale(.97)}}.blood-eye-blink{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite eye-blink-overlay;transform:scaleY(0)}@keyframes eye-blink-overlay{0%,87%{transform:scaleY(0)}89%{transform:scaleY(1)}91%{transform:scaleY(0)}94%{transform:scaleY(.42)}97%{transform:scaleY(0)}to{transform:scaleY(0)}}.eye-gaze{animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite}.eye-gaze-0{animation-name:gaze-0;animation-duration:9s}.eye-gaze-1{animation-name:gaze-1;animation-duration:7s}.eye-gaze-2{animation-name:gaze-2;animation-duration:11s}.eye-gaze-3{animation-name:gaze-3;animation-duration:8s}@keyframes gaze-0{0%{transform:translate(0)}15%{transform:translate(4px,-1px)}32%{transform:translate(3px,2px)}50%{transform:translateY(2px)}67%{transform:translate(-4px,1px)}84%{transform:translate(-3px,-2px)}to{transform:translate(0)}}@keyframes gaze-1{0%{transform:translate(-3px)}22%{transform:translateY(-2px)}44%{transform:translate(5px,-1px)}66%{transform:translate(2px,2px)}88%{transform:translate(-4px,1px)}to{transform:translate(-3px)}}@keyframes gaze-2{0%{transform:translate(2px,1px)}20%{transform:translate(-5px)}42%{transform:translate(-2px,-2px)}62%{transform:translateY(2px)}80%{transform:translate(4px,-1px)}to{transform:translate(2px,1px)}}@keyframes gaze-3{0%{transform:translateY(-2px)}18%{transform:translate(-5px,1px)}38%{transform:translate(-2px,2px)}56%{transform:translate(3px)}74%{transform:translate(5px,-2px)}92%{transform:translate(1px,1px)}to{transform:translateY(-2px)}}.door-light{animation:4s ease-in-out infinite alternate door-light-flicker}@keyframes door-light-flicker{0%{opacity:.6}30%{opacity:1}55%{opacity:.4}80%{opacity:.9}to{opacity:.55}}
