:root{--bg:#080714;--paper:#121022;--paper2:#19152d;--ink:#f5efe2;--muted:#b9b0c8;--gold:#d8bb73;--gold2:#f3dfa8;--line:rgba(232,210,155,.2);--accent:#c8a85e;--god:#d8bb73;--god2:#fff0bc;--shadow:0 28px 80px rgba(0,0,0,.52)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#18142f 0,#080714 48%,#05040c 100%);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit}#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E")}.aurora{position:fixed;width:40vw;height:40vw;filter:blur(100px);border-radius:50%;opacity:.09;pointer-events:none;z-index:0}.aurora-a{left:-15vw;top:10vh;background:#764aa5}.aurora-b{right:-18vw;bottom:-5vh;background:#c69642}.app-shell{position:relative;z-index:2;min-height:100vh}.screen{display:none;min-height:100vh;padding:72px 24px;animation:fadeIn .75s ease}.screen.active{display:flex}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.3em;font:600 11px/1.4 Inter;color:var(--gold2)}h1,h2,h3{font-family:Cinzel,serif;margin-top:0}.intro-screen{align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.intro-content{width:min(770px,100%);position:relative;z-index:2}.intro-content h1{font-size:clamp(42px,7vw,78px);line-height:1.05;letter-spacing:-.04em;margin-bottom:24px;text-shadow:0 0 45px rgba(230,201,128,.12)}.intro-content h1 em{font-family:Marcellus,serif;font-weight:400;color:var(--gold2)}.lead{max-width:620px;margin:0 auto 34px;color:var(--muted);font-size:17px;line-height:1.8}.fine-print{margin-top:25px;color:#81798d;font-size:12px;letter-spacing:.08em}.ornament{display:flex;align-items:center;gap:16px;justify-content:center;margin:0 auto 22px;color:var(--gold)}.ornament:before,.ornament:after{content:"";width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament:after{transform:rotate(180deg)}.intro-temple{position:absolute;inset:auto 50% -12vh;transform:translateX(-50%);width:min(1100px,120vw);height:56vh;opacity:.13;display:flex;justify-content:space-around;align-items:flex-end;mask-image:linear-gradient(to top,#000 30%,transparent)}.intro-temple:before{content:"";position:absolute;top:1%;left:0;right:0;height:11%;background:linear-gradient(#e5d1a0,#685a38);clip-path:polygon(0 100%,8% 0,92% 0,100% 100%)}.intro-temple i{width:8%;height:80%;border-radius:10px 10px 0 0;background:repeating-linear-gradient(90deg,#d5c194 0 10%,#81714c 11% 18%);box-shadow:inset 12px 0 20px rgba(255,255,255,.18)}.primary-btn,.ghost-btn{border-radius:999px;padding:15px 26px;cursor:pointer;transition:.3s ease;margin:5px;border:0}.primary-btn{position:relative;background:linear-gradient(135deg,#e6d29b,#a88239);color:#15101f;font-weight:700;box-shadow:0 12px 30px rgba(190,151,67,.2);overflow:hidden}.primary-btn:after{content:"";position:absolute;inset:-150% -30%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 49%,transparent 58%);transform:translateX(-70%);transition:.75s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(190,151,67,.3)}.primary-btn:hover:after{transform:translateX(70%)}.ghost-btn{background:rgba(255,255,255,.025);border:1px solid var(--line);color:#ddd4e4}.ghost-btn:hover{background:rgba(255,255,255,.07);border-color:rgba(242,220,160,.38)}.audio-control{position:fixed;right:20px;top:20px;z-index:30;display:flex;justify-content:flex-end}.sound-toggle{position:relative;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(8,7,20,.78);backdrop-filter:blur(14px);cursor:pointer;color:var(--gold2);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);transition:.28s ease}.sound-toggle:hover,.sound-toggle[aria-expanded="true"]{border-color:rgba(242,220,160,.48);background:rgba(18,15,34,.92);box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 22px rgba(216,187,115,.12)}.sound-toggle span{font-size:18px;line-height:1;filter:grayscale(1) sepia(.25)}.sound-toggle.muted{opacity:.58}.volume-panel{position:absolute;right:0;top:56px;width:230px;padding:16px 17px 15px;border:1px solid rgba(232,210,155,.2);border-radius:16px;background:linear-gradient(145deg,rgba(22,18,39,.97),rgba(8,7,20,.97));backdrop-filter:blur(18px);box-shadow:0 20px 52px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:.24s ease;pointer-events:none}.audio-control.open .volume-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}.volume-panel:before{content:"";position:absolute;right:15px;top:-6px;width:11px;height:11px;transform:rotate(45deg);background:#151126;border-left:1px solid rgba(232,210,155,.2);border-top:1px solid rgba(232,210,155,.2)}.volume-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.volume-panel label{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ddd4e4}.volume-panel output{min-width:38px;text-align:right;font:600 12px/1 Inter,sans-serif;color:var(--gold2)}#volumeSlider{-webkit-appearance:none;appearance:none;display:block;width:100%;height:20px;margin:0;cursor:pointer;accent-color:var(--gold);background:transparent}#volumeSlider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold) 0 var(--volume-fill,20%),rgba(255,255,255,.1) var(--volume-fill,20%) 100%)}#volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;margin-top:-6.5px;border-radius:50%;border:2px solid #fff0bc;background:#c9a652;box-shadow:0 0 0 4px rgba(216,187,115,.12),0 0 18px rgba(216,187,115,.42)}#volumeSlider::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.1)}#volumeSlider::-moz-range-progress{height:4px;border-radius:999px;background:var(--gold)}#volumeSlider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:2px solid #fff0bc;background:#c9a652;box-shadow:0 0 0 4px rgba(216,187,115,.12),0 0 18px rgba(216,187,115,.42)}.modal-screen{position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;background:rgba(4,3,11,.8);backdrop-filter:blur(15px)}.modal-card{width:min(650px,100%);background:linear-gradient(145deg,rgba(29,24,49,.97),rgba(12,10,25,.97));padding:42px;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;border-radius:4px}.modal-card h2{font-size:32px;line-height:1.2}.modal-card p{color:var(--muted);line-height:1.8}.close-btn{position:absolute;right:18px;top:15px;background:none;border:0;font-size:30px;cursor:pointer;color:var(--muted)}.quiz-screen{flex-direction:column;align-items:center}.quiz-header{width:min(1020px,100%);display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:18px;margin-bottom:55px}.mini-btn{background:none;border:0;color:#958ca5;cursor:pointer;text-align:left;font-size:12px}.progress-wrap{height:2px;background:rgba(255,255,255,.08)}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 12px var(--gold);transition:width .5s ease}.quiz-header span{font-size:12px;color:#958ca5;text-align:right}.question-shell{width:min(1050px,100%);text-align:center}.question-shell h2{font-size:clamp(27px,4vw,45px);line-height:1.25;margin:0 auto 12px;max-width:850px}.question-hint{color:#9990a7;margin:0 0 34px;font:italic 14px/1.6 Marcellus,serif}.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.answer-card{border:1px solid rgba(236,216,163,.15);background:linear-gradient(145deg,rgba(29,25,47,.72),rgba(12,10,24,.8));min-height:92px;padding:22px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.35s ease;position:relative;overflow:hidden;color:#ded7e5}.answer-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(237,211,143,.13),transparent 60%);opacity:0;transition:.35s}.answer-card:hover{transform:translateY(-4px);border-color:rgba(236,216,163,.45);box-shadow:0 18px 45px rgba(0,0,0,.28)}.answer-card:hover:before{opacity:1}.answer-card.visual{padding:0;min-height:275px;align-items:stretch}.visual-art{height:210px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 60%)}.visual-art svg{width:100%;height:100%;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));transition:transform .5s ease}.answer-card.visual:hover svg{transform:scale(1.045)}.visual-label{min-height:64px;display:flex;align-items:center;justify-content:center;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);font-family:Marcellus,serif;font-size:16px}.answers-grid.visual-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reveal-screen{align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;overflow:hidden}.reveal-screen h2{font-size:clamp(31px,5vw,52px);max-width:780px;margin-bottom:12px}.reveal-screen>p:not(.eyebrow){color:var(--muted)}.reveal-ring{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;margin-bottom:38px;position:relative;border:1px solid rgba(242,221,164,.25);box-shadow:0 0 80px rgba(216,187,115,.13),inset 0 0 45px rgba(216,187,115,.08);animation:float 3s ease-in-out infinite}.reveal-ring:before,.reveal-ring:after{content:"";position:absolute;border-radius:50%;inset:-15px;border:1px dashed rgba(242,221,164,.18);animation:spin 14s linear infinite}.reveal-ring:after{inset:-35px;animation-direction:reverse;animation-duration:22s}.reveal-ring span{font-size:65px;color:var(--gold2);text-shadow:0 0 30px var(--gold);animation:pulse 1.8s ease-in-out infinite}.reveal-progress{width:min(420px,70vw);height:2px;background:rgba(255,255,255,.08);margin-top:34px;overflow:hidden}.reveal-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),#fff4c7);box-shadow:0 0 16px var(--gold);transition:width 8s linear}.reveal-columns i{position:absolute;bottom:-20%;width:110px;height:110%;opacity:.08;background:repeating-linear-gradient(90deg,#fff4d0 0 9px,#826f42 10px 18px)}.reveal-columns i:first-child{left:8%}.reveal-columns i:last-child{right:8%}.mist{position:absolute;width:70vw;height:34vh;background:radial-gradient(ellipse,rgba(230,220,255,.14),transparent 70%);filter:blur(25px);bottom:-5vh;animation:mist 7s ease-in-out infinite alternate}.mist-b{animation-delay:-3s;transform:translateX(20%)}.result-screen{display:none;flex-direction:column;align-items:center;padding-left:0;padding-right:0}.result-screen.active{display:flex}.result-stage{width:100%;min-height:78vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:95px 190px 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--god) 20%,transparent),transparent 45%),linear-gradient(#080714,#0b0916)}.result-aura{position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--god) 25%,transparent),transparent 68%);filter:blur(20px);animation:pulse 4s ease-in-out infinite}.result-sigil-wrap{width:150px;height:150px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--god) 45%,transparent);box-shadow:0 0 70px color-mix(in srgb,var(--god) 25%,transparent),inset 0 0 35px color-mix(in srgb,var(--god) 12%,transparent);position:relative;z-index:2}.result-sigil-wrap:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--god) 30%,transparent);animation:spin 20s linear infinite}.result-sigil{font-size:70px;color:var(--god2);text-shadow:0 0 28px var(--god)}.result-kicker{margin-top:34px;position:relative;z-index:2}.result-stage h1{font:400 clamp(25px,4vw,42px)/1.3 Marcellus,serif;margin:0 0 7px;color:#e8dfef;position:relative;z-index:2}.chosen-by{color:#9c93aa;margin:0 0 2px;position:relative;z-index:2}.result-stage h2{font-size:clamp(58px,10vw,116px);line-height:1;margin:4px 0 8px;color:var(--god2);text-shadow:0 0 45px color-mix(in srgb,var(--god) 35%,transparent);position:relative;z-index:2}.god-title{font:400 18px/1.5 Marcellus,serif;color:var(--god2);letter-spacing:.15em;text-transform:uppercase;position:relative;z-index:2}.result-intro{max-width:720px;color:#c5bdcd;line-height:1.8;position:relative;z-index:2}.pillar{position:absolute;bottom:-20px;width:140px;height:72%;opacity:.2}.pillar-left{left:4%}.pillar-right{right:4%;transform:scaleX(-1)}.pillar:before{content:"";position:absolute;left:-18px;right:-18px;top:-24px;height:40px;background:linear-gradient(#eadcb4,#776642);clip-path:polygon(10% 100%,0 10%,100% 10%,90% 100%)}.pillar:after{content:"";position:absolute;left:-28px;right:-28px;bottom:0;height:35px;background:linear-gradient(#d9c99e,#6d5f40);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.pillar i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#e4d6ad 0 10px,#9b895b 11px 21px);mask-image:linear-gradient(#000,rgba(0,0,0,.65));box-shadow:inset 18px 0 24px rgba(255,255,255,.16)}.divine-symbols{position:absolute;inset:0;pointer-events:none}.floating-symbol{position:absolute;color:var(--god2);opacity:.12;font-size:clamp(22px,3vw,45px);text-shadow:0 0 20px var(--god);animation:floatSymbol 7s ease-in-out infinite}.result-grid{width:min(1100px,calc(100% - 40px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:-35px;position:relative;z-index:4}.result-card{background:linear-gradient(145deg,rgba(28,24,45,.95),rgba(12,10,23,.96));border:1px solid rgba(240,219,162,.16);padding:34px;border-radius:2px;box-shadow:0 22px 60px rgba(0,0,0,.3);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--god),transparent);opacity:.65}.result-card.wide{grid-column:1/-1}.card-ornament{position:absolute;right:25px;top:20px;color:var(--god2);opacity:.24;font-size:30px}.traits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.traits-grid div{border-left:1px solid rgba(255,255,255,.08);padding-left:18px}.traits-grid span{display:block;color:#8f879a;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}.traits-grid strong{font:400 17px/1.4 Marcellus,serif;color:#f0e8f3}.result-card h3{font-size:27px;margin-bottom:10px;color:var(--god2)}.result-card p{color:#b9b0c3;line-height:1.7}.small-sigil{font-size:35px;color:var(--god2);text-shadow:0 0 18px var(--god);margin-bottom:17px}.prophecy-card{text-align:center;padding:55px}.prophecy-card blockquote{font:400 clamp(23px,3vw,34px)/1.5 Marcellus,serif;margin:0 auto;max-width:850px;color:#ece4ef}.score-bars{display:grid;gap:15px}.score-row{display:grid;grid-template-columns:105px 1fr 45px;gap:15px;align-items:center}.score-row span{font-family:Marcellus,serif}.score-track{height:5px;background:rgba(255,255,255,.07);overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--god),var(--god2));box-shadow:0 0 15px color-mix(in srgb,var(--god) 45%,transparent);width:0;transition:width 1.1s ease}.score-number{text-align:right;color:#91899d;font-size:12px}.result-actions{padding:40px 20px 80px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#efe3bf;color:#161020;padding:12px 18px;border-radius:999px;font-size:13px;z-index:50;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.06);opacity:.75}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes mist{to{transform:translateX(-18%) scale(1.12)}}@keyframes floatSymbol{50%{transform:translateY(-18px) rotate(8deg);opacity:.22}}
@media(max-width:850px){.answers-grid.visual-grid{grid-template-columns:repeat(2,1fr)}.result-stage{padding:85px 85px 75px}.pillar{width:90px}.traits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.screen{padding:70px 16px}.intro-content h1{font-size:43px}.quiz-header{grid-template-columns:70px 1fr 50px;margin-bottom:42px}.answers-grid{grid-template-columns:1fr}.answers-grid.visual-grid{grid-template-columns:repeat(2,1fr);gap:9px}.answer-card.visual{min-height:220px}.visual-art{height:160px}.visual-label{font-size:14px}.question-shell h2{font-size:28px}.result-stage{padding:80px 24px 65px;min-height:82vh}.pillar{opacity:.1;width:70px}.pillar-left{left:-20px}.pillar-right{right:-20px}.result-stage h2{font-size:62px}.result-grid{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:-18px}.result-card.wide{grid-column:auto}.traits-grid{grid-template-columns:1fr}.result-card{padding:27px}.prophecy-card{padding:38px 25px}.score-row{grid-template-columns:78px 1fr 35px;gap:9px}.modal-card{padding:34px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.epic-brand{width:min(430px,78vw);height:auto;margin:0 auto 26px;filter:drop-shadow(0 0 24px rgba(0,175,235,.28));display:block}.result-epic-logo{width:74px;height:74px;object-fit:contain;position:relative;z-index:3;margin-bottom:18px;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--god) 45%,transparent))}.result-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.card-btn{background:linear-gradient(110deg,#043f79,#069ed0 48%,#0b2a86);box-shadow:0 12px 40px rgba(0,154,211,.22)}.card-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}
@media(max-width:600px){.epic-brand{width:min(335px,84vw);margin-bottom:22px}.result-epic-logo{width:62px;height:62px}.result-actions{flex-direction:column}.result-actions button{width:min(340px,100%)}}

/* Visual answer cards: illustration above, centered title below */
.answers-grid.visual-grid{gap:18px;align-items:stretch}
.answer-card.visual{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:334px;border-radius:5px;background:linear-gradient(155deg,rgba(28,23,47,.93),rgba(9,8,20,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.answer-card.visual:after{content:"";position:absolute;left:18%;right:18%;bottom:57px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,213,156,.28),transparent);pointer-events:none}
.visual-art{width:100%;height:252px;min-height:252px;flex:none;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.065);background:radial-gradient(circle at 50% 38%,rgba(235,210,145,.07),transparent 62%)}
.visual-art svg{display:block;width:100%;height:100%}
.visual-label{width:100%;min-height:80px;padding:17px 15px 20px;display:flex;align-items:center;justify-content:center;text-align:center;border-top:0;font:400 18px/1.25 Marcellus,serif;color:#f1e9f3;position:relative;z-index:2}
.answer-card.visual:hover{border-color:rgba(238,216,156,.58);box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 25px rgba(220,188,110,.07)}
.answer-card.visual:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}

/* Instagram story actions */
.result-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:980px;margin:0 auto}
.story-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.story-action-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.instagram-btn{background:linear-gradient(115deg,#ffd46a 0%,#f07a3f 28%,#d52e87 58%,#7554d9 100%);color:white;text-shadow:0 1px 12px rgba(0,0,0,.22);box-shadow:0 14px 36px rgba(186,45,124,.22)}
.instagram-btn svg .ig-dot{fill:currentColor;stroke:none}
.story-share-note{flex-basis:100%;max-width:650px;margin:10px auto 0;color:#898093;font-size:12px;line-height:1.6;text-align:center}

@media(max-width:850px){
  .answer-card.visual{min-height:310px}
  .visual-art{height:225px;min-height:225px}
}
@media(max-width:600px){
  .answers-grid.visual-grid{gap:11px}
  .answer-card.visual{min-height:248px}
  .visual-art{height:176px;min-height:176px}
  .visual-label{min-height:70px;padding:13px 9px 17px;font-size:15px}
  .answer-card.visual:after{bottom:49px}
  .result-actions{padding-left:14px;padding-right:14px}
  .result-actions .primary-btn,.result-actions .ghost-btn{width:100%;margin:3px 0}
}

/* 2026-08 refinement: brighter celestial field, balanced result branding */
#greekAmbient{display:none}
.result-stage{padding-top:205px}
.result-epic-logo{
  position:absolute;
  top:38px;
  left:50%;
  transform:translateX(-50%);
  width:min(220px,30vw);
  height:auto;
  max-height:92px;
  object-fit:contain;
  margin:0;
  z-index:6;
  filter:drop-shadow(0 0 18px rgba(0,177,235,.34)) drop-shadow(0 0 26px color-mix(in srgb,var(--god) 18%,transparent));
}
.result-epic-logo::after{content:""}
.result-sigil-wrap{margin-top:0}
.result-actions{max-width:1180px;padding-left:24px;padding-right:24px;gap:12px}
.result-actions button{white-space:nowrap}
.result-actions button[disabled]{opacity:.58;cursor:wait;transform:none}
.story-share-note{margin-top:8px}

@media(max-width:850px){
  .result-stage{padding-top:180px}
  .result-epic-logo{top:34px;width:190px;max-height:80px}
}
@media(max-width:600px){
  .result-stage{padding-top:155px}
  .result-epic-logo{top:25px;width:155px;max-height:68px}
  .result-actions button{white-space:normal}
}


/* 2026-08-06: parallel creature result tab */
.result-tabs{
  position:sticky;top:14px;z-index:24;
  width:min(540px,calc(100% - 28px));margin:0 auto -58px;
  display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;
  border:1px solid rgba(239,220,168,.18);border-radius:999px;
  background:rgba(8,7,20,.78);backdrop-filter:blur(18px);
  box-shadow:0 18px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)
}
.result-tab{
  min-height:46px;border:0;border-radius:999px;background:transparent;color:#a9a0b5;
  cursor:pointer;font:600 12px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  transition:.3s ease
}
.result-tab:hover{color:#f3e8c5;background:rgba(255,255,255,.045)}
.result-tab.active{color:#171021;background:linear-gradient(135deg,#f1dda7,#b99142);box-shadow:0 8px 24px rgba(197,157,71,.24)}
.result-tab:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.result-tab-panel{width:100%}
.result-tab-panel[hidden]{display:none!important}
#divineResultPanel{padding-top:0}

.creature-result-panel{--creature:#8c6dbe;--creature2:#efe2ff}
.creature-stage{
  width:100%;min-height:78vh;display:flex;align-items:center;justify-content:center;flex-direction:column;
  text-align:center;padding:205px 190px 88px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 50% 39%,color-mix(in srgb,var(--creature) 25%,transparent),transparent 43%),
    radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--creature2) 8%,transparent),transparent 42%),
    linear-gradient(#070613,#0c0918)
}
.creature-stage:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background-image:radial-gradient(circle at center,rgba(255,255,255,.7) 0 1px,transparent 1.5px);
  background-size:61px 61px;mask-image:linear-gradient(to bottom,transparent 2%,#000 30%,#000 75%,transparent 100%)
}
.creature-epic-logo{
  position:absolute;top:38px;left:50%;transform:translateX(-50%);width:min(220px,30vw);height:auto;max-height:92px;
  object-fit:contain;z-index:7;filter:drop-shadow(0 0 20px rgba(0,177,235,.34)) drop-shadow(0 0 30px color-mix(in srgb,var(--creature) 24%,transparent))
}
.creature-emblem{
  width:210px;height:210px;display:grid;place-items:center;position:relative;z-index:4;margin-bottom:28px;
  border-radius:50%;border:1px solid color-mix(in srgb,var(--creature2) 45%,transparent);
  background:radial-gradient(circle,rgba(8,7,20,.72),rgba(8,7,20,.34) 58%,transparent 70%);
  box-shadow:0 0 95px color-mix(in srgb,var(--creature) 34%,transparent),inset 0 0 48px color-mix(in srgb,var(--creature) 13%,transparent)
}
.creature-emblem:before,.creature-emblem:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.creature-emblem:before{inset:-17px;border:1px dashed color-mix(in srgb,var(--creature2) 30%,transparent);animation:spin 23s linear infinite}
.creature-emblem:after{inset:-37px;border:1px solid color-mix(in srgb,var(--creature) 13%,transparent);animation:pulse 4s ease-in-out infinite}
.creature-emblem svg{width:82%;height:82%;overflow:visible;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--creature) 70%,transparent))}
.creature-kicker{position:relative;z-index:4;margin-top:18px}
.creature-stage h1{font:400 clamp(25px,4vw,42px)/1.3 Marcellus,serif;margin:0 0 7px;color:#e9e1ef;position:relative;z-index:4}
.creature-chosen{color:#9f96aa;margin:0 0 3px;position:relative;z-index:4}
.creature-stage h2{font-size:clamp(58px,10vw,112px);line-height:1;margin:4px 0 10px;color:var(--creature2);text-shadow:0 0 48px color-mix(in srgb,var(--creature) 46%,transparent);position:relative;z-index:4}
.creature-title{font:400 18px/1.5 Marcellus,serif;color:var(--creature2);letter-spacing:.15em;text-transform:uppercase;position:relative;z-index:4}
.creature-intro{max-width:760px;color:#c7bfce;line-height:1.85;position:relative;z-index:4}
.creature-pillar{position:absolute;bottom:-28px;width:136px;height:68%;opacity:.14;z-index:1}
.creature-pillar-left{left:4%}.creature-pillar-right{right:4%;transform:scaleX(-1)}
.creature-pillar:before{content:"";position:absolute;left:-25px;right:-25px;top:-30px;height:54px;border-radius:50% 50% 8px 8px;background:linear-gradient(#e6dbba,#756347);clip-path:polygon(8% 100%,0 25%,18% 0,82% 0,100% 25%,92% 100%)}
.creature-pillar:after{content:"";position:absolute;left:-34px;right:-34px;bottom:0;height:38px;background:linear-gradient(#d9cba7,#62543b);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.creature-pillar i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#d8caab 0 9px,#7a694e 10px 19px);mask-image:linear-gradient(#000,rgba(0,0,0,.55));box-shadow:inset 18px 0 28px rgba(255,255,255,.13)}
.creature-mist{position:absolute;z-index:1;width:66vw;height:30vh;bottom:-3vh;background:radial-gradient(ellipse,color-mix(in srgb,var(--creature2) 13%,transparent),transparent 70%);filter:blur(30px);animation:creatureMist 8s ease-in-out infinite alternate}
.creature-mist-b{animation-delay:-4s;transform:translateX(22%)}
.creature-particles{position:absolute;inset:0;pointer-events:none;z-index:2}
.creature-particle{position:absolute;color:var(--creature2);opacity:.11;font-size:clamp(18px,2.5vw,35px);text-shadow:0 0 20px var(--creature);animation:creatureFloat 8s ease-in-out infinite}

.creature-grid{
  width:min(1100px,calc(100% - 40px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  margin:-35px auto 0;position:relative;z-index:8
}
.creature-card{
  background:linear-gradient(145deg,rgba(28,24,45,.96),rgba(11,9,22,.98));border:1px solid color-mix(in srgb,var(--creature) 24%,rgba(240,219,162,.12));
  padding:34px;border-radius:3px;box-shadow:0 22px 60px rgba(0,0,0,.32);position:relative;overflow:hidden
}
.creature-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--creature),transparent);opacity:.82}
.creature-card.wide{grid-column:1/-1}
.creature-card .eyebrow{color:var(--creature2)}
.creature-card h3{font-size:26px;margin:0 0 10px;color:var(--creature2)}
.creature-card p{color:#bcb3c5;line-height:1.72;margin-bottom:0}
.creature-card-ornament{position:absolute;right:26px;top:20px;color:var(--creature2);opacity:.23;font-size:34px}
.creature-reason-card{text-align:center;padding:52px 44px}
.creature-reason-card blockquote{font:400 clamp(22px,3vw,32px)/1.55 Marcellus,serif;max-width:850px;margin:0 auto;color:#ece5f0}
.creature-bars{display:grid;gap:15px}
.creature-score-row{display:grid;grid-template-columns:120px 1fr 45px;gap:15px;align-items:center}
.creature-score-row span{font-family:Marcellus,serif}
.creature-score-track{height:5px;background:rgba(255,255,255,.07);overflow:hidden}
.creature-score-fill{height:100%;width:0;background:linear-gradient(90deg,var(--creature),var(--creature2));box-shadow:0 0 15px color-mix(in srgb,var(--creature) 52%,transparent);transition:width 1.1s ease}
.creature-score-number{text-align:right;color:#91899d;font-size:12px}

@keyframes creatureMist{to{transform:translateX(-17%) scale(1.13)}}
@keyframes creatureFloat{50%{transform:translateY(-17px) rotate(7deg);opacity:.22}}

@media(max-width:850px){
  .result-tabs{top:10px;margin-bottom:-55px}
  .creature-stage{padding:180px 85px 78px}
  .creature-epic-logo{top:34px;width:190px;max-height:80px}
  .creature-pillar{width:88px}
}
@media(max-width:600px){
  .result-tabs{width:calc(100% - 20px);margin-bottom:-47px;padding:4px;gap:3px}
  .result-tab{min-height:42px;font-size:10px;letter-spacing:.045em;padding:0 8px}
  .creature-stage{padding:155px 23px 68px;min-height:82vh}
  .creature-epic-logo{top:25px;width:155px;max-height:68px}
  .creature-emblem{width:164px;height:164px;margin-bottom:24px}
  .creature-stage h2{font-size:58px}
  .creature-pillar{opacity:.08;width:66px}.creature-pillar-left{left:-19px}.creature-pillar-right{right:-19px}
  .creature-grid{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:-18px}
  .creature-card.wide{grid-column:auto}.creature-card{padding:27px}.creature-reason-card{padding:38px 25px}
  .creature-score-row{grid-template-columns:92px 1fr 35px;gap:9px}
}

/* 2026-08-06: inline alternate destiny — placed before the Oracle words */
#divineResultPanel{width:100%}
.alternate-destiny-card{
  --creature:#8c6dbe;--creature2:#efe2ff;
  grid-column:1/-1;
  padding:0;
  min-height:0;
  background:
    radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--creature) 16%,transparent),transparent 26%),
    radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--creature2) 8%,transparent),transparent 27%),
    linear-gradient(145deg,rgba(3,3,7,.985),rgba(8,7,14,.985) 56%,rgba(4,4,8,.99));
  border:1px solid rgba(218,226,255,.16);
  box-shadow:0 26px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.025);
  isolation:isolate;
  overflow:hidden;
}
.alternate-destiny-card:before{
  height:2px;
  z-index:5;
  background:linear-gradient(90deg,transparent 0%,#73e7ff 16%,#8d7cff 34%,#f18cf2 52%,#ffd987 70%,#75f0d4 86%,transparent 100%);
  background-size:180% 100%;
  opacity:.92;
  animation:alternateIridescentLine 7s linear infinite;
}
.alternate-destiny-card:after{
  content:"";
  position:absolute;
  inset:-45% -20%;
  z-index:-1;
  pointer-events:none;
  opacity:.13;
  filter:blur(54px);
  background:conic-gradient(from 40deg,transparent 0 11%,#58e7ff 18%,#7d6cff 27%,#f07ad9 38%,#ffdc78 48%,transparent 58% 72%,#75f6cd 82%,transparent 92%);
  animation:alternateAura 16s linear infinite;
}
.alternate-iridescence{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;
  background:
    linear-gradient(112deg,transparent 8%,rgba(115,231,255,.13) 24%,transparent 38%,rgba(244,121,225,.12) 54%,transparent 66%,rgba(255,222,128,.11) 82%,transparent 94%);
  background-size:220% 100%;
  animation:alternateSheen 10s ease-in-out infinite alternate;
}
.alternate-stars{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.5px);background-size:73px 73px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.alternate-destiny-card .creature-particles{z-index:1;opacity:.72}
.alternate-destiny-card .creature-particle{opacity:.10;color:var(--creature2);text-shadow:0 0 24px var(--creature)}
.alternate-destiny-summary{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) auto;
  align-items:center;
  gap:34px;
  padding:38px 42px;
}
.alternate-destiny-card .creature-emblem{
  width:148px;height:148px;margin:0;
  border:1px solid color-mix(in srgb,var(--creature2) 38%,transparent);
  background:radial-gradient(circle,rgba(11,10,18,.9),rgba(4,4,8,.72) 62%,transparent 72%);
  box-shadow:0 0 58px color-mix(in srgb,var(--creature) 24%,transparent),inset 0 0 34px color-mix(in srgb,var(--creature) 10%,transparent);
}
.alternate-destiny-card .creature-emblem:before{inset:-12px;opacity:.7}
.alternate-destiny-card .creature-emblem:after{inset:-25px;opacity:.65}
.alternate-destiny-card .creature-emblem svg{width:78%;height:78%}
.alternate-destiny-copy{text-align:left;min-width:0}
.alternate-kicker{margin-bottom:9px;color:#b9b8c8!important}
.alternate-destiny-copy h2{
  margin:0 0 6px;
  font:400 clamp(25px,3.4vw,38px)/1.15 Marcellus,serif;
  color:#f6f3fb;
  letter-spacing:-.015em;
}
.alternate-chosen{margin:0 0 2px!important;color:#908a9a!important;font-size:13px}
.alternate-destiny-copy h3{
  margin:2px 0 3px;
  font-size:clamp(34px,5vw,56px);
  line-height:1;
  color:var(--creature2);
  text-shadow:0 0 32px color-mix(in srgb,var(--creature) 42%,transparent);
}
.alternate-destiny-card .creature-title{margin:7px 0 5px;color:var(--creature2);font:500 12px/1.45 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.alternate-destiny-card .creature-intro{margin:7px 0 0;max-width:670px;color:#bdb7c7;line-height:1.65}
.alternate-expand-btn{
  position:relative;z-index:3;
  min-width:214px;
  padding:14px 18px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  border-radius:999px;
  border:1px solid rgba(197,207,255,.22);
  background:linear-gradient(115deg,rgba(20,20,29,.9),rgba(9,9,14,.94));
  color:#eeeaf5;
  cursor:pointer;
  font:600 11px/1.3 Inter,sans-serif;
  letter-spacing:.06em;
  transition:.3s ease;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.26)
}
.alternate-expand-btn:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(110deg,#67e5ff,#8a7fff,#e985e8,#ffd685,#74efd0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.48;pointer-events:none}
.alternate-expand-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 14px 34px rgba(58,43,89,.25),0 0 30px color-mix(in srgb,var(--creature) 12%,transparent)}
.alternate-expand-btn i{font-style:normal;font-size:17px;line-height:1;color:var(--creature2)}
.alternate-details{
  position:relative;z-index:2;
  padding:0 42px 42px;
  border-top:1px solid rgba(255,255,255,.07);
  animation:alternateDetailsIn .45s ease;
}
.alternate-details[hidden]{display:none!important}
.alternate-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:28px}
.alternate-detail-card{
  min-height:170px;
  padding:23px 22px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.009));
  border:1px solid rgba(255,255,255,.07);
  position:relative;
  overflow:hidden
}
.alternate-detail-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--creature),var(--creature2),transparent);opacity:.55}
.alternate-detail-card .eyebrow,.alternate-reason-card .eyebrow,.alternate-echoes-card .eyebrow{color:#aaa3b7;margin-bottom:11px}
.alternate-detail-card h4{margin:0 0 8px;font:400 21px/1.25 Marcellus,serif;color:var(--creature2)}
.alternate-detail-card p{margin:0;color:#9891a2;font-size:13px;line-height:1.6}
.alternate-reason-card,.alternate-echoes-card{margin-top:12px;padding:28px 30px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.012)}
.alternate-reason-card{text-align:center}
.alternate-reason-card blockquote{max-width:820px;margin:0 auto;font:400 clamp(19px,2.5vw,28px)/1.5 Marcellus,serif;color:#e9e5ef}
.alternate-echoes-card .creature-bars{margin-top:18px}
.alternate-destiny-card .creature-score-row{grid-template-columns:120px 1fr 45px}
.alternate-destiny-card .creature-score-track{height:4px;background:rgba(255,255,255,.06)}
.alternate-destiny-card .creature-score-fill{background:linear-gradient(90deg,var(--creature),var(--creature2),#f1a5e6);box-shadow:0 0 16px color-mix(in srgb,var(--creature) 50%,transparent)}

@keyframes alternateIridescentLine{to{background-position:180% 0}}
@keyframes alternateAura{to{transform:rotate(360deg)}}
@keyframes alternateSheen{from{background-position:0 0}to{background-position:100% 0}}
@keyframes alternateDetailsIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(max-width:850px){
  .alternate-destiny-summary{grid-template-columns:135px minmax(0,1fr);gap:26px;padding:34px}
  .alternate-destiny-card .creature-emblem{width:124px;height:124px}
  .alternate-expand-btn{grid-column:1/-1;width:100%;margin-top:0}
  .alternate-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .alternate-destiny-card{grid-column:auto}
  .alternate-destiny-summary{display:flex;flex-direction:column;text-align:center;gap:18px;padding:34px 24px 28px}
  .alternate-destiny-copy{text-align:center}
  .alternate-destiny-card .creature-emblem{width:132px;height:132px}
  .alternate-expand-btn{width:100%;min-width:0}
  .alternate-details{padding:0 18px 24px}
  .alternate-detail-grid{grid-template-columns:1fr;padding-top:20px}
  .alternate-detail-card{min-height:0}
  .alternate-reason-card,.alternate-echoes-card{padding:24px 20px}
  .alternate-destiny-card .creature-score-row{grid-template-columns:90px 1fr 34px;gap:8px}
}

@media(max-width:600px){.audio-control{right:14px;top:14px}.sound-toggle{width:44px;height:44px}.volume-panel{top:53px;width:min(230px,calc(100vw - 28px))}}

/* 2026-08-06: definitive horizontal centering for the complete result content */
#divineResultPanel,
#creatureResultPanel{
  width:100%;
  margin-inline:auto;
}

.result-grid{
  margin:-35px auto 0;
}

.creature-grid{
  margin-left:auto;
  margin-right:auto;
}

.result-actions{
  width:min(1180px,calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  text-align:center;
}

.result-actions .story-share-note{
  flex-basis:100%;
  width:100%;
  text-align:center;
}

@media(max-width:600px){
  .result-grid{margin:-18px auto 0}
  .result-actions{width:calc(100% - 24px)}
}


/* Five-option text questions: the final choice is centered on desktop. */
.answers-grid.answers-5 .answer-card:last-child{
  grid-column:1/-1;
  width:calc(50% - 7px);
  justify-self:center;
}
@media(max-width:600px){
  .answers-grid.answers-5 .answer-card:last-child{
    grid-column:auto;
    width:100%;
  }
}


/* 2026-08-06: final inline creature placement fix */
.result-screen > .result-tabs{display:none!important}
#divineResultPanel{width:100%;margin:0 auto;padding:0}
.result-grid{width:min(1100px,calc(100% - 40px));margin:-35px auto 0}
.profile-card{order:1}
.secondary-card,.mark-card{order:2}
.alternate-destiny-card{order:3;width:100%;margin:0}
.prophecy-card{order:4}
.affinities-card{order:5}
@media(max-width:600px){.result-grid{width:calc(100% - 24px);margin:-18px auto 0}}

/* Vetores transparentes das alternativas visuais — somente nas perguntas */
.visual-art .question-vector-icon{
  display:block;
  width:92%;
  height:92%;
  object-fit:contain;
  object-position:center;
  transform:scale(.96);
  opacity:.98;
  filter:brightness(0) saturate(100%) invert(91%) sepia(38%) saturate(587%) hue-rotate(354deg) brightness(103%) contrast(93%) drop-shadow(0 14px 18px rgba(0,0,0,.3)) drop-shadow(0 0 10px rgba(228,203,135,.24)) drop-shadow(0 0 22px rgba(228,203,135,.16));
  transition:transform .5s ease,filter .5s ease,opacity .5s ease;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.answer-card.visual:hover .question-vector-icon{
  transform:scale(1.025);
  opacity:1;
  filter:brightness(0) saturate(100%) invert(92%) sepia(41%) saturate(672%) hue-rotate(352deg) brightness(105%) contrast(95%) drop-shadow(0 17px 22px rgba(0,0,0,.34)) drop-shadow(0 0 16px rgba(234,210,144,.34)) drop-shadow(0 0 30px rgba(234,210,144,.22));
}
@media(max-width:600px){
  .visual-art .question-vector-icon{width:94%;height:94%}
}