html{scroll-behavior:smooth}#ambient-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ambient-fog{position:fixed;top:-30%;left:-30%;width:160%;height:160%;pointer-events:none;z-index:0;will-change:transform}.ambient-fog--a{background:radial-gradient(42% 34% at 26% 30%,rgba(212,181,118,.045),transparent 70%),radial-gradient(36% 30% at 74% 72%,rgba(138,138,204,.04),transparent 70%);animation:fog-drift-a 85s ease-in-out infinite alternate}.ambient-fog--b{background:radial-gradient(38% 32% at 70% 24%,rgba(139,26,26,.035),transparent 70%),radial-gradient(44% 36% at 24% 76%,rgba(212,181,118,.03),transparent 70%);animation:fog-drift-b 110s ease-in-out infinite alternate}@keyframes fog-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(6%,-4%) scale(1.08)}}@keyframes fog-drift-b{0%{transform:translate(0) scale(1.06)}to{transform:translate(-5%,5%) scale(1)}}.step-num{position:relative}.step-num:after{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:0 0 18px var(--gold-glow),0 0 4px var(--gold-glow);opacity:0;pointer-events:none}@keyframes num-pulse{0%,to{opacity:0}50%{opacity:1}}.step-tab--active .step-num:after{animation:num-pulse 3.2s ease-in-out infinite}@keyframes gold-line-breathe{0%,to{opacity:.55;width:340px}50%{opacity:1;width:400px}}.header:after{animation:gold-line-breathe 7s ease-in-out infinite}@keyframes titulo-brilho{0%{background-position:-160% 0}22%{background-position:160% 0}100%{background-position:160% 0}}.header h1:after{animation:titulo-brilho 4.5s cubic-bezier(.25,.1,.25,1) infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise-in-soft{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#login-overlay .login-bg{animation:fade-in .7s var(--ease) both}#login-overlay .login-brand{animation:rise-in-soft .6s var(--ease-out) .28s both,login-breathe 6s ease-in-out .88s infinite}#login-overlay .login-logo{animation:rise-in-soft .6s var(--ease-out) .4s both}#login-overlay .login-sub{animation:rise-in-soft .6s var(--ease-out) .5s both}#login-overlay #login-opcoes{animation:rise-in-soft .6s var(--ease-out) .62s both}#login-overlay .login-fechar{animation:fade-in .5s var(--ease) .9s both}@keyframes login-box-glow{0%,to{opacity:0}50%{opacity:1}}#login-overlay .login-box:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 34px #d4b57614;opacity:0;animation:login-box-glow 5.5s ease-in-out .8s infinite}#login-overlay .login-box{animation:rise-in .65s var(--ease-out) .1s both}.login-ghost{position:fixed;inset:0;z-index:9001;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px 0;opacity:1;transition:opacity .55s var(--ease);font-family:var(--font-ui, "Cinzel", serif)}.login-ghost--fading{opacity:0}.login-ghost *{animation:none!important}#login-overlay #login-opcoes:not([hidden]),#login-overlay #login-existente:not([hidden]),#login-overlay #login-novo:not([hidden]),#login-overlay #login-mestre:not([hidden]){animation:rise-in-soft .4s var(--ease-out) both}#login-overlay .login-jogador-item{animation:rise-in-soft .35s var(--ease-out) both}#login-overlay .login-jogador-item:nth-child(2){animation-delay:.04s}#login-overlay .login-jogador-item:nth-child(3){animation-delay:.08s}#login-overlay .login-jogador-item:nth-child(4){animation-delay:.12s}#login-overlay .login-jogador-item:nth-child(5){animation-delay:.16s}#login-overlay .login-jogador-item:nth-child(n+6){animation-delay:.2s}#login-overlay .login-jogador-item{transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease),transform var(--dur-fast) var(--ease),box-shadow .25s var(--ease)}#login-overlay .login-jogador-item:active{transform:scale(.97)}#login-overlay .login-jogador-item--sel{box-shadow:0 0 14px #d4b5761f}#login-overlay #login-pin-wrap:not([hidden]){animation:rise-in-soft .4s var(--ease-out) both}#login-overlay #btn-login-confirmar-existente:not([hidden]){animation:fade-in .35s var(--ease) both}#login-overlay .login-input,#login-overlay .pin-input{transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}#login-overlay .login-input:focus,#login-overlay .pin-input:focus{box-shadow:0 0 0 3px #d4b5761f}@keyframes loading-pulse{0%,to{opacity:.45}50%{opacity:1}}#login-overlay .login-loading{animation:loading-pulse 1.6s ease-in-out infinite}@keyframes pin-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#login-overlay .pin-erro-msg:not([hidden]){animation:pin-shake .3s var(--ease)}body.app-enter .header-logo{animation:rise-in .6s var(--ease-out) both,logo-breathe 6s ease-in-out .6s infinite}body.app-enter .header-eyebrow{animation:rise-in-soft .55s var(--ease-out) .12s both}body.app-enter .header h1{animation:rise-in-soft .55s var(--ease-out) .2s both}body.app-enter .header h2{animation:rise-in-soft .55s var(--ease-out) .28s both}body.app-enter .guia-btn{animation:rise-in-soft .55s var(--ease-out) .36s both}body.app-enter .step-tab{animation:rise-in-soft .45s var(--ease-out) both}body.app-enter .step-tab:nth-child(1){animation-delay:.3s}body.app-enter .step-tab:nth-child(2){animation-delay:.34s}body.app-enter .step-tab:nth-child(3){animation-delay:.38s}body.app-enter .step-tab:nth-child(4){animation-delay:.42s}body.app-enter .step-tab:nth-child(5){animation-delay:.46s}body.app-enter .step-tab:nth-child(6){animation-delay:.5s}body.app-enter .step-tab:nth-child(7){animation-delay:.54s}body.app-enter .step-tab:nth-child(8){animation-delay:.58s}body.app-enter .step-tab:nth-child(9){animation-delay:.62s}body.app-enter .step-tab:nth-child(10){animation-delay:.66s}body.app-enter .step-tab:nth-child(11){animation-delay:.7s}body.app-enter .main{animation:rise-in .6s var(--ease-out) .34s both}@keyframes section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.section--active{animation:section-in var(--dur-slow) var(--ease-out) both}.section--active>.card{animation:rise-in-soft .5s var(--ease-out) both}.section--active>.card:nth-child(2){animation-delay:.05s}.section--active>.card:nth-child(3){animation-delay:.1s}.section--active>.card:nth-child(4){animation-delay:.15s}.section--active>.card:nth-child(5){animation-delay:.2s}.section--active>.card:nth-child(6){animation-delay:.25s}.section--active>.card:nth-child(7){animation-delay:.3s}.section--active>.card:nth-child(n+8){animation-delay:.34s}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-box-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal--open{animation:modal-backdrop-in var(--dur) var(--ease) both}.modal--open .modal-box{animation:modal-box-in var(--dur-slow) var(--ease-out) both}.toast{transition:opacity .3s,transform .3s var(--ease)}.toast--hiding{transform:translate(-50%) translateY(6px)}.nav-btn:active,.resist-chip:active,.passe-opt:active,.guia-btn:active,.login-bar-btn:active,.hud-btn:active{transform:scale(.96)}.nav-btn,.resist-chip,.passe-opt,.guia-btn,.login-bar-btn,.hud-btn{transition-property:transform,border-color,color,background,box-shadow;transition-duration:var(--dur-fast);transition-timing-function:var(--ease)}.step-tab:active .step-num{transform:scale(.9)}.step-num{transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-4);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.racas-grid .raca-card{transform-style:preserve-3d;will-change:transform}.racas-grid .raca-card.tilting{transform:translateY(-2px) perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .06s linear,border-color .25s,box-shadow .25s}.racas-grid .raca-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(212,181,118,.1) 0%,transparent 60%);opacity:0;transition:opacity .35s ease}.racas-grid .raca-card.tilting:after{opacity:1}.nav-btn--primary{will-change:transform}@media(hover:none){.racas-grid .raca-card.tilting{transform:translateY(-2px)}.racas-grid .raca-card:after{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#ambient-canvas,.ambient-fog{display:none}.header h1:after{display:none}.section--active,.section--active>.card,.modal--open,.modal--open .modal-box,.toast,.header:after,.step-tab--active .step-num:after,#login-overlay .login-bg,#login-overlay .login-box,#login-overlay .login-box:after,#login-overlay .login-brand,#login-overlay .login-logo,#login-overlay .login-sub,#login-overlay #login-opcoes,#login-overlay .login-fechar,#login-overlay #login-opcoes:not([hidden]),#login-overlay #login-existente:not([hidden]),#login-overlay #login-novo:not([hidden]),#login-overlay #login-mestre:not([hidden]),#login-overlay .login-jogador-item,#login-overlay #login-pin-wrap:not([hidden]),#login-overlay #btn-login-confirmar-existente:not([hidden]),#login-overlay .login-loading,#login-overlay .pin-erro-msg:not([hidden]),body.app-enter .header-logo,body.app-enter .header-eyebrow,body.app-enter .header h1,body.app-enter .header h2,body.app-enter .guia-btn,body.app-enter .step-tab,body.app-enter .main{animation:none}.login-ghost{transition:none}.toast,.toast--hiding{transform:translate(-50%)}.nav-btn:active,.resist-chip:active,.passe-opt:active,.guia-btn:active,.login-bar-btn:active,.hud-btn:active,.step-tab:active .step-num{transform:none}.racas-grid .raca-card,.racas-grid .raca-card.tilting{transform:none;transition:none}.racas-grid .raca-card:after{display:none}}