:root{--gold:#d9b25a;--gold-soft:#f2dcae;--gold-deep:#a8843a;--ink:#0b0805;--panel:#120d08d1;--panel-2:#0a0704bd;--line:#d9b25a61;--house-1:#d9b25a;--house-2:#a8843a;--house-glow:#d9b25a73;--fade:.62s;--ease:cubic-bezier(.22, .61, .36, 1);--font-display:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-title:"Cinzel", Georgia, serif;--font-body:"EB Garamond", "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{z-index:1;position:relative}body{color:var(--gold-soft);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:default;caret-color:#0000;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#07060a;font-size:18px;line-height:1.55;overflow:hidden}::selection{background:0 0}input{cursor:text;caret-color:var(--gold);-webkit-user-select:text;user-select:text}input::selection{background:#d9b25a4d}img,video,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body.locked{cursor:progress}.stage-bg{z-index:0;pointer-events:none;background:#07060a;position:fixed;inset:0}.cena-css{background:radial-gradient(14% 30% at 50% 26%,#466ec84d,#0000 72%),radial-gradient(70% 45% at 50% 6%,#ffaa5a24,#0000 70%),radial-gradient(9% 12% at 4% 44%,#ff8c3c4d,#0000 72%),radial-gradient(9% 12% at 96% 44%,#ff8c3c4d,#0000 72%),radial-gradient(30% 24% at 50% 62%,#78503238,#0000 75%),linear-gradient(#120c08 0%,#1d140d 55%,#0b0806 100%);position:absolute;inset:0}.cena-parada{background-image:var(--cena-paisagem);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (aspect-ratio<=4/5){.cena-parada{background-image:var(--cena-retrato)}}.cena-3d-camada{opacity:0;transition:opacity .9s;position:absolute;inset:0}.cena-3d-camada.on{opacity:1}.cena-3d-camada canvas{display:block}.scrim{background:linear-gradient(#000000bd 0%,#0000001f 26% 52%,#000000d1 100%),radial-gradient(#0000 42%,#0000008c 100%);position:absolute;inset:0}#app{z-index:1;height:100%;position:relative}.screen{opacity:0;visibility:hidden;transition:opacity var(--fade) var(--ease), transform var(--fade) var(--ease), visibility 0s linear var(--fade);position:absolute;inset:0;transform:translateY(10px)}.screen.is-active{opacity:1;visibility:visible;transition-delay:0s;transform:none}.stage{text-align:center;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100%;padding:clamp(14px,2.6vh,30px) clamp(16px,4vw,54px) clamp(16px,3vh,34px);display:grid;position:relative}.stage-top,.stage-bottom{align-content:start;justify-items:center;gap:10px;display:grid}.stage-bottom{align-content:end}.stage-middle{min-height:0}.panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), var(--panel-2));-webkit-backdrop-filter:blur(7px);width:min(880px,94vw);animation:panelIn .5s var(--ease) both;border-radius:3px;padding:clamp(14px,2.2vh,22px) clamp(20px,3vw,38px);position:relative;box-shadow:0 18px 44px #0009,inset 0 0 40px #d9b25a12}.panel:before,.panel:after{content:"";border:1px solid var(--gold);opacity:.7;width:16px;height:16px;position:absolute}.panel:before{border-bottom:0;border-right:0;top:5px;left:5px}.panel:after{border-top:0;border-left:0;bottom:5px;right:5px}@keyframes panelIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.panel--start{width:min(760px,94vw)}.panel--suspense{width:min(680px,94vw)}.eyebrow{font-family:var(--font-title);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);text-shadow:0 2px 8px #000000e6;margin:0;font-size:clamp(.58rem,1.1vw,.72rem)}.title{font-family:var(--font-display);color:var(--gold-soft);text-shadow:0 0 30px #d9b25a66,0 4px 12px #000000f2;margin:0;font-size:clamp(1.9rem,5.2vw,3.4rem);line-height:1.02}.title span{color:var(--gold)}.lead{color:#d8c49a;max-width:52ch;margin:0 auto 14px;font-size:clamp(.95rem,1.6vw,1.05rem);font-style:italic}.start-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;display:flex}.name-field{justify-items:center;gap:5px;min-width:240px;display:grid}.name-field span{font-family:var(--font-title);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-size:.66rem}.name-field em{text-transform:none;letter-spacing:.04em;opacity:.75}.name-field input{text-align:center;width:100%;font-family:var(--font-body);color:var(--gold-soft);border:1px solid var(--line);background:#ffffff0d;border-radius:2px;outline:none;padding:10px 14px;font-size:1rem;transition:border-color .25s,box-shadow .25s,background .25s}.name-field input::placeholder{color:#f2dcae4d}.name-field input:focus{border-color:var(--gold);background:#ffffff14;box-shadow:0 0 0 3px #d9b25a24}.btn{font-family:var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);border:1px solid var(--gold-deep);cursor:pointer;transition:transform .25s var(--ease), box-shadow .3s, border-color .3s, color .3s;background:linear-gradient(#d9b25a33,#d9b25a0d);border-radius:2px;padding:12px 30px;font-size:clamp(.8rem,1.3vw,.95rem);font-weight:600;position:relative;overflow:hidden}.btn:after{content:"";transition:transform .7s var(--ease);background:linear-gradient(105deg,#0000 35%,#ffecbe52 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff5dd;transform:translateY(-2px);box-shadow:0 0 24px #d9b25a4d,inset 0 0 18px #d9b25a1f}.btn:hover:not(:disabled):after{transform:translate(120%)}.btn:active:not(:disabled){transform:translateY(0)scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn-primary{padding:13px 36px}.btn-ghost{letter-spacing:.18em;opacity:.75;background:#0a070499;padding:6px 16px;font-size:.68rem}.btn-ghost:hover{opacity:1}.q-header{justify-items:center;gap:7px;display:grid}.q-counter{font-family:var(--font-title);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);text-shadow:0 2px 8px #000000e6;margin:0;font-size:clamp(.58rem,1.1vw,.7rem)}.runes{gap:10px;display:flex}.runes i{border:1px solid var(--gold-deep);width:8px;height:8px;transition:background .4s,box-shadow .4s,transform .4s;transform:rotate(45deg)}.runes i.done{background:var(--gold);box-shadow:0 0 10px var(--gold)}.runes i.current{background:var(--gold-soft);box-shadow:0 0 14px var(--gold-soft);transform:rotate(45deg)scale(1.35)}.q-text{font-family:var(--font-title);color:var(--gold-soft);text-shadow:0 2px 14px #000000f2;margin:0;font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:700;line-height:1.3}.options{width:min(1020px,96vw);animation:optionsIn .5s 80ms var(--ease) both;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@keyframes optionsIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.option{text-align:left;width:100%;font-family:var(--font-body);color:var(--gold-soft);border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);cursor:pointer;transition:transform .2s var(--ease), box-shadow .25s, background .25s, border-color .25s, opacity .35s;background:linear-gradient(#120d08d6,#0a0704c2);border-radius:3px;align-items:center;gap:12px;padding:11px 16px;font-size:clamp(.88rem,1.35vw,1rem);line-height:1.35;display:flex;box-shadow:0 10px 26px #00000080}.option .letter{height:30px;font-family:var(--font-title);color:#1a1206;background:linear-gradient(180deg, var(--gold-soft), var(--gold-deep));transition:transform .25s var(--ease);border-radius:50%;flex:0 0 30px;place-items:center;font-size:.9rem;font-weight:700;display:grid;box-shadow:0 0 12px #d9b25a4d}.option .txt{flex:1}.option:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(#261b0ce6,#140e07d6);transform:translateY(-3px);box-shadow:0 14px 32px #0009,0 0 22px #d9b25a33}.option:hover:not(:disabled) .letter{transform:scale(1.1)rotate(-6deg)}.option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.option:disabled{cursor:not-allowed}.option.faded{opacity:.28}.option.chosen{opacity:1;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 30px #d9b25a59;animation:chosenPulse .7s var(--ease);background:linear-gradient(#3a2a10eb,#1e1508db)}@keyframes chosenPulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.listening{opacity:0;justify-content:center;align-items:center;gap:12px;min-height:38px;transition:opacity .35s;display:flex}.listening.on{opacity:1}.listening-text{font-family:var(--font-title);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);text-shadow:0 2px 8px #000000e6;font-size:.68rem}.wave{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.wave i{background:var(--gold);border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}.wave i:first-child{height:7px;animation-delay:0s}.wave i:nth-child(2){height:14px;animation-delay:.12s}.wave i:nth-child(3){height:18px;animation-delay:.24s}.wave i:nth-child(4){height:12px;animation-delay:.36s}.wave i:nth-child(5){height:8px;animation-delay:.48s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.suspense-text{font-family:var(--font-display);color:var(--gold-soft);text-shadow:0 0 24px #d9b25a52,0 2px 12px #000000e6;margin:0 0 4px;font-size:clamp(1.2rem,3.2vw,2rem)}.suspense-sub{color:#b9a377;margin:0;font-size:.95rem;font-style:italic}.dots i{font-style:normal;animation:1.4s infinite blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:0}30%{opacity:1}}.result-scrim{z-index:0;background:radial-gradient(60% 55% at 50% 45%, var(--house-glow), transparent 70%), #040306cc;animation:scrimIn .9s var(--ease) both;pointer-events:none;position:fixed;inset:0}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.stage--result{grid-template-rows:1fr;place-items:center}.result-box{justify-items:center;gap:6px;max-height:100%;display:grid}.result-pre{font-family:var(--font-title);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);margin:0;font-size:clamp(.6rem,1.2vw,.74rem)}.crest{filter:drop-shadow(0 18px 30px #000000b3);width:clamp(140px,22vh,230px);animation:crestIn .9s var(--ease) both;margin:2px 0}.crest svg,.crest img{width:100%;height:auto;display:block}@keyframes crestIn{0%{opacity:0;filter:blur(10px);transform:scale(.6)rotate(-8deg)}60%{opacity:1;filter:blur();transform:scale(1.06)rotate(2deg)}to{transform:scale(1)rotate(0)}}.house-name{font-family:var(--font-display);color:var(--house-1);letter-spacing:.04em;text-shadow:0 0 36px var(--house-glow), 0 3px 10px #000c;animation:nameIn .8s .25s var(--ease) both;margin:2px 0;font-size:clamp(1.8rem,6.5vw,3.6rem);line-height:1}@keyframes nameIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.house-motto{color:#d0bb90;max-width:42ch;animation:nameIn .8s .45s var(--ease) both;margin:0;font-size:clamp(.9rem,1.5vw,1rem);font-style:italic}.tiebreak-note{max-width:46ch;font-family:var(--font-body);color:#9a8760;animation:nameIn .8s .68s var(--ease) both;margin:8px 0 12px;font-size:.8rem;font-style:italic}.result-actions{animation:nameIn .8s .75s var(--ease) both}body[data-house=grifinoria]{--house-1:#e8bd3a;--house-2:#7f0909;--house-glow:#a01e1473}body[data-house=sonserina]{--house-1:#3fc178;--house-2:#1a472a;--house-glow:#1a5a3773}body[data-house=corvinal]{--house-1:#8fb8ea;--house-2:#0e1a40;--house-glow:#1e377873}body[data-house=lufalufa]{--house-1:#f5cf6d;--house-2:#726255;--house-glow:#96731e73}.controles-tela{z-index:5;gap:6px;display:flex;position:fixed;top:10px;right:10px}.btn-icone{-webkit-backdrop-filter:blur(4px);width:36px;height:36px;color:var(--gold-soft);opacity:.72;cursor:pointer;background:#0a07048c;border:1px solid #d9b25a52;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,border-color .2s,background .2s;display:grid}.btn-icone:hover{opacity:1;border-color:var(--gold)}.btn-icone:focus-visible{opacity:1;outline:2px solid var(--gold);outline-offset:2px}.btn-icone[aria-pressed=true]{background:#3c280eb3}@media (height<=720px){.stage{gap:6px;padding-top:10px;padding-bottom:12px}.panel{padding:10px 20px}.lead{margin-bottom:10px}.option{padding:9px 13px}.listening{min-height:30px}}@media (width<=760px){body{font-size:16px}.options{grid-template-columns:1fr;gap:8px;width:96vw}.option{padding:10px 13px}.start-row{flex-direction:column;align-items:stretch}.btn-primary{width:100%}.stage{padding-left:14px;padding-right:14px}}@media (width<=1100px){.stage{padding-top:54px}}@media (width<=760px){.eyebrow{letter-spacing:.18em}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.escolha-sub{text-align:center;color:var(--parchment-dim,#c9b98f);margin:0 0 12px;font-size:.95rem}.options--escolha{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.option--casa{border-left:3px solid var(--casa)}.option--casa .txt{text-align:left;gap:4px;display:grid}.option--casa strong{color:var(--casa);font-size:1.05rem}.option--casa small{opacity:.8;font-size:.82rem;line-height:1.35}