:root{--bg:#0b0c18;--surface:#14162b;--surface2:#1d2040;--text:#f9f8ff;--muted:#b9bad3;--violet:#7450ff;--blue:#2f80ed;--pink:#b96cff;--green:#28c78b;--red:#ff6b7a;--yellow:#ffcb57;--border:rgba(255,255,255,.105);--shadow:0 24px 80px rgba(0,0,0,.34);--r:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}
.ambient{position:fixed;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:-1}.ambient-a{width:560px;height:560px;left:-210px;top:-180px;background:radial-gradient(circle,rgba(116,80,255,.28),transparent 66%)}.ambient-b{width:520px;height:520px;right:-180px;bottom:-150px;background:radial-gradient(circle,rgba(47,128,237,.18),transparent 67%)}
.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar,.container,footer{width:min(1180px,calc(100% - 32px));margin-left:auto;margin-right:auto}.topbar{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{border:0;background:transparent;color:white;padding:0;display:flex;align-items:center;gap:12px;text-align:left}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--violet),var(--blue));box-shadow:0 12px 32px rgba(116,80,255,.32)}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:17px}.brand-copy small{color:var(--muted);font-size:11px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:8px}.network-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#d9d8eb;border:1px solid var(--border);background:rgba(255,255,255,.045);padding:9px 11px;border-radius:999px}.network-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(40,199,139,.12)}.network-pill.offline i{background:var(--yellow)}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.045);color:white}
.container{flex:1;margin-top:12px;margin-bottom:44px}.screen{display:none}.screen.active{display:block;animation:screenIn .42s cubic-bezier(.2,.8,.2,1)}@keyframes screenIn{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}.event-ribbon{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;color:#d9d7ec;font-size:11px;letter-spacing:.045em;margin:4px 0 14px}.event-ribbon b{color:#776eff}
.hero-card,.panel,.question-card,.result-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.064),rgba(255,255,255,.027));box-shadow:var(--shadow);border-radius:var(--r);backdrop-filter:blur(8px)}
.hero-card{position:relative;min-height:560px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(116,80,255,.08),transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:2;align-self:center}.sponsor-tag{display:inline-flex;padding:8px 12px;border:1px solid rgba(162,137,255,.28);background:rgba(116,80,255,.09);border-radius:999px;color:#d8ceff;font-size:11px;font-weight:700}.eyebrow{margin:20px 0 0;color:#bdafff;font-size:11px;letter-spacing:.17em;font-weight:900}h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.045em;margin:14px 0 20px;max-width:760px}h1 span{background:linear-gradient(90deg,#ac91ff,#6cb1ff 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:650px;color:var(--muted);font-size:16px;line-height:1.66}
.hero-actions,.setup-actions,.result-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.btn{min-height:49px;border-radius:15px;padding:14px 19px;border:0;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(135deg,var(--violet),var(--blue));box-shadow:0 12px 34px rgba(83,76,241,.22)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{color:white;background:rgba(255,255,255,.045);border:1px solid var(--border)}.btn-xl{min-height:56px;padding:16px 23px}.btn-xl b{font-size:20px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-meta span{font-size:11px;color:#d7d6ea;border:1px solid var(--border);background:rgba(255,255,255,.038);border-radius:999px;padding:8px 10px}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-image-frame{position:relative;width:100%;height:100%;min-height:420px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#12152a;box-shadow:0 18px 46px rgba(0,0,0,.32)}.hero-image-frame img{width:100%;height:100%;object-fit:cover;display:block}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,21,42,.02),rgba(18,21,42,.16) 35%,rgba(18,21,42,.36))}.hero-badges{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.hero-badges span{padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(15,17,31,.56);backdrop-filter:blur(8px);font-size:11px;color:#fff}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.feature-strip article{display:flex;gap:14px;align-items:center;padding:17px 18px;background:rgba(255,255,255,.032);border:1px solid var(--border);border-radius:19px}.feature-strip article>b{font-size:11px;color:#9582ff}.feature-strip strong,.feature-strip small{display:block}.feature-strip strong{font-size:13px}.feature-strip small{font-size:10px;color:var(--muted);margin-top:3px}.event-info-card{display:grid;grid-template-columns:1.7fr .7fr 1fr;gap:1px;margin-top:14px;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--border)}.event-info-card>div{padding:16px 18px;background:#111326}.event-info-card small,.event-info-card strong{display:block}.event-info-card small{font-size:8px;color:#8f90ad;letter-spacing:.13em}.event-info-card strong{font-size:12px;margin-top:5px}
.panel{padding:38px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel .eyebrow{margin-top:0}.panel h2,.question-card h2,.result-card h2{font-size:clamp(29px,5vw,47px);letter-spacing:-.035em;margin:8px 0 0}.mission-summary{width:86px;height:86px;border-radius:24px;display:grid;place-content:center;text-align:center;border:1px solid var(--border);background:rgba(116,80,255,.09)}.mission-summary span{font-weight:900;font-size:27px}.mission-summary small{font-size:9px;color:var(--muted)}.muted{color:var(--muted)}.lead{line-height:1.6}
.rules-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.rules-banner>div{padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.035)}.rules-banner strong,.rules-banner small{display:block}.rules-banner strong{font-size:13px}.rules-banner small{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}
.field-group{margin-top:32px}.field-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.field-title>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:rgba(116,80,255,.16);color:#c8bcff;font-size:11px;font-weight:900}.field-title b,.field-title small{display:block}.field-title small{font-size:10px;color:var(--muted);margin-top:3px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.choice,.level,.journey-step{position:relative;text-align:left;padding:17px;border:1px solid var(--border);background:rgba(255,255,255,.035);color:white;border-radius:18px;transition:.2s ease;overflow:hidden}.choice:hover,.level:hover,.choice.selected,.level.selected{transform:translateY(-2px);border-color:rgba(135,105,255,.82);background:rgba(116,80,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.14)}.choice.selected:after,.level.selected:after{content:"✓";position:absolute;right:10px;top:9px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--violet);font-size:11px;font-weight:900}.choice-icon{display:block;font-size:25px;margin-bottom:9px}.choice b,.choice small,.level b,.level small{display:block}.choice small,.level small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.choice i{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:7px;font-weight:900;color:#bcaeff;letter-spacing:.08em}.choice.featured{background:linear-gradient(145deg,rgba(116,80,255,.14),rgba(47,128,237,.07))}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.level>span{font-size:21px;display:block;margin-bottom:8px}.locked-level{opacity:.58}.locked-level:hover{transform:none!important;border-color:var(--border)!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important}.locked-level:before{content:"🔒";position:absolute;right:10px;top:10px;font-size:16px}.completed-level{border-color:rgba(40,199,139,.45);background:rgba(40,199,139,.08)}.family-mode:before{content:"LIVRE";position:absolute;right:10px;top:10px;font-size:9px;font-weight:900;color:#ffdc85}
.journey-panel{margin-top:22px;padding:18px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,.03)}.journey-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.journey-head strong,.journey-head small{display:block}.journey-head small{font-size:10px;color:var(--muted);line-height:1.5}.journey-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:14px}.journey-step{padding:14px}.journey-step b,.journey-step span{display:block}.journey-step b{font-size:13px}.journey-step span{font-size:10px;color:var(--muted);margin-top:6px}.journey-step.locked{opacity:.55}.journey-step.open{border-color:rgba(128,104,255,.34)}.journey-step.done{background:rgba(40,199,139,.08);border-color:rgba(40,199,139,.45)}.journey-step.selected{box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;background:rgba(116,80,255,.12)}.journey-arrow{color:#8e82ff;font-weight:900;text-align:center}
.setup-actions{justify-content:space-between}
.game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:6px 0 14px}.progress-block{flex:1}.progress-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#bbb0f6}.progress{height:9px;background:rgba(255,255,255,.065);border-radius:99px;overflow:hidden;margin-top:9px}.progress>div{height:100%;width:20%;background:linear-gradient(90deg,var(--violet),#4ca8ff);transition:.36s ease;border-radius:inherit}.hud-blocks{display:flex;gap:10px}.hud-box{text-align:right;min-width:112px;padding:10px 12px;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:16px}.hud-box span,.hud-box strong,.hud-box small{display:block}.hud-box span{font-size:8px;color:#8f90ad;letter-spacing:.13em}.hud-box strong{font-size:26px;line-height:1.15}.hud-box small{font-size:9px;color:var(--muted)}
.question-card{padding:40px}.question-meta{display:flex;gap:7px;flex-wrap:wrap}.question-meta span{font-size:9px;padding:7px 9px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.045);color:#c9c8de}.question-card h2{max-width:930px;margin-top:20px;line-height:1.12}.answers{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:27px}.answer{position:relative;text-align:left;min-height:72px;padding:17px 18px 17px 54px;border-radius:17px;color:white;border:1px solid var(--border);background:rgba(255,255,255,.038);transition:.2s ease}.answer:before{content:attr(data-letter);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:10px;font-weight:900;color:#bbb9d1}.answer:hover:not(:disabled){border-color:#8067ff;background:rgba(116,80,255,.11);transform:translateY(-1px)}.answer.correct{border-color:rgba(40,199,139,.65);background:rgba(40,199,139,.12);animation:pop .3s ease}.answer.wrong{border-color:rgba(255,107,122,.67);background:rgba(255,107,122,.1);animation:shake .3s ease}@keyframes pop{50%{transform:scale(1.015)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.answer:disabled{cursor:default}.feedback{margin-top:18px;padding:16px 17px;border:1px solid var(--border);border-radius:16px;line-height:1.55;font-size:13px}.feedback.success{border-color:rgba(40,199,139,.34);background:rgba(40,199,139,.08)}.feedback.error{border-color:rgba(255,107,122,.32);background:rgba(255,107,122,.075)}.hidden{display:none!important}.question-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px}.question-footer>span{font-size:10px;color:#8f90ad}
.result-card{position:relative;overflow:hidden;text-align:center;max-width:860px;margin:auto;padding:44px}.result-card>.eyebrow{margin-top:10px}.result-icon{font-size:58px;animation:celebrate .65s cubic-bezier(.2,.9,.2,1)}@keyframes celebrate{from{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}.result-message{color:var(--muted);line-height:1.6;max-width:620px;margin:12px auto}.result-stats{display:grid;gap:10px;max-width:540px;margin:24px auto 0}.result-stats-3{grid-template-columns:1fr 1fr 1fr}.result-stats>div{padding:17px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.035)}.result-stats small,.result-stats strong,.result-stats span{display:block}.result-stats small{font-size:8px;color:#8f90ad;letter-spacing:.12em}.result-stats strong{font-size:32px;margin-top:3px}.result-stats span{font-size:9px;color:var(--muted)}.achievement{max-width:540px;margin:13px auto 0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(116,80,255,.15),rgba(47,128,237,.1));border:1px solid rgba(126,100,255,.3);font-weight:700;font-size:13px}
.next-step-card,.reward-card,.retry-panel{max-width:620px;margin:18px auto 0;padding:22px;border-radius:20px}.next-step-card{border:1px solid rgba(126,100,255,.34);background:rgba(116,80,255,.06)}.next-step-card.alert{border-color:rgba(255,107,122,.34);background:rgba(255,107,122,.05)}.reward-card{border:1px dashed rgba(255,203,87,.42);background:rgba(255,203,87,.055)}.reward-kicker{font-size:9px;font-weight:900;letter-spacing:.11em;color:#ffdc85}.next-step-card h3,.reward-card h3{margin:7px 0;font-size:19px}.next-step-card p,.reward-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.reward-code{margin:16px auto 0;max-width:310px;padding:11px;background:rgba(0,0,0,.16);border-radius:13px}.reward-code small,.reward-code strong{display:block}.reward-code small{font-size:7px;color:#9b9cb5;letter-spacing:.13em}.reward-code strong{font-size:20px;letter-spacing:.13em;margin-top:4px}
.retry-panel{text-align:left;border:1px solid var(--border);background:rgba(255,255,255,.03)}.retry-panel strong{display:block;font-size:14px}.retry-panel ul{margin:12px 0 0 18px;padding:0;color:var(--muted);line-height:1.65;font-size:12px}
.result-actions{justify-content:center}.adult-cta{margin:26px auto 0;padding-top:22px;border-top:1px solid var(--border)}.adult-cta p{font-size:12px;line-height:1.55}.adult-cta p span{color:var(--muted)}.adult-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mini-link{text-decoration:none;color:white;font-size:10px;border:1px solid var(--border);padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.035)}.privacy-note{font-size:9px;color:#888aa4;line-height:1.5;margin-top:20px}.confetti i{position:absolute;width:8px;height:15px;border-radius:3px;background:#8265ff;opacity:.55;animation:confetti 3s linear infinite}.confetti i:nth-child(1){left:9%;top:-5%;animation-delay:-.5s}.confetti i:nth-child(2){left:23%;top:-10%;background:#4ba8ff;animation-delay:-1.5s}.confetti i:nth-child(3){left:42%;top:-8%;background:#ffcb57;animation-delay:-2.4s}.confetti i:nth-child(4){left:62%;top:-12%;background:#28c78b;animation-delay:-.9s}.confetti i:nth-child(5){left:79%;top:-7%;background:#b96cff;animation-delay:-1.9s}.confetti i:nth-child(6){left:92%;top:-11%;background:#ff6b7a;animation-delay:-2.8s}@keyframes confetti{to{transform:translateY(820px) rotate(720deg)}}
footer{padding:24px 0 32px;border-top:1px solid rgba(255,255,255,.055);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#898aa3;font-size:10px}footer strong{color:#d9d8e8}.modal{position:fixed;inset:0;z-index:50;background:rgba(4,5,13,.8);backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(560px,100%);background:#17192e;border:1px solid var(--border);border-radius:23px;padding:30px;box-shadow:var(--shadow)}.modal-card .eyebrow{margin-top:0}.modal-card h2{font-size:29px;margin:8px 0 18px}.modal-card ol{padding-left:20px;color:var(--muted);line-height:1.8;font-size:13px}.modal-card li b{color:white}.modal-note{padding:13px 15px;border:1px solid var(--border);background:rgba(116,80,255,.07);border-radius:14px;font-size:11px;color:#d6d4e8}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:white;font-size:28px}.toast{position:fixed;left:50%;bottom:24px;z-index:70;transform:translateX(-50%);padding:11px 15px;border-radius:13px;background:#242744;border:1px solid var(--border);box-shadow:var(--shadow);font-size:11px;color:#f2f0ff}
@media(max-width:980px){.hero-card{grid-template-columns:1fr;padding:30px}.hero-image-frame{min-height:320px}.feature-strip,.choice-grid,.level-grid,.rules-banner{grid-template-columns:1fr 1fr}.event-info-card{grid-template-columns:1fr 1fr}.event-info-card>div:first-child{grid-column:1/-1}.journey-steps{grid-template-columns:1fr;}.journey-arrow{display:none}.panel{padding:30px}}
@media(max-width:640px){.topbar{padding:15px 0}.network-pill>span{display:none}.container{margin-top:4px}.event-ribbon{font-size:9px}.hero-card,.panel,.question-card,.result-card{padding:22px;border-radius:21px}.hero-card{min-height:auto}.hero-image-frame{min-height:250px}.hero-badges{left:10px;right:10px;bottom:10px}.hero-badges span{font-size:10px;padding:8px 10px}.hero-text{font-size:14px}.hero-actions .btn{width:100%}h1{font-size:40px}.feature-strip,.choice-grid,.level-grid,.answers,.rules-banner,.result-stats-3{grid-template-columns:1fr}.feature-strip article{padding:13px;gap:9px}.event-info-card{grid-template-columns:1fr}.event-info-card>div:first-child{grid-column:auto}.panel-head{align-items:center}.mission-summary{width:66px;height:66px;border-radius:20px}.question-card h2{font-size:29px}.question-footer{align-items:flex-start;flex-direction:column}.question-footer .btn{width:100%}.hud-blocks{width:100%;justify-content:space-between}.hud-box{min-width:0;flex:1}.result-card h2{font-size:34px}.result-actions .btn{width:100%}.adult-links{display:grid;grid-template-columns:1fr}.mini-link{padding:11px}.setup-actions .btn{flex:1}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v0.4 — orientação clara de fase, estrelas e Modo Resgate */
.game-status{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.25fr;gap:10px;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(116,80,255,.08),rgba(47,128,237,.04));transition:.25s ease}.game-status.rescue-mode{border-color:rgba(255,203,87,.38);background:linear-gradient(135deg,rgba(255,203,87,.10),rgba(185,108,255,.06));box-shadow:0 0 0 1px rgba(255,203,87,.08) inset}.game-status>div{padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.10)}.game-status small,.game-status strong,.game-status span{display:block}.game-status small{font-size:7px;letter-spacing:.13em;color:#8f90ad}.game-status strong{font-size:14px;margin-top:4px}.status-stars strong,.status-lives strong{font-size:20px;letter-spacing:.08em}.game-status span{font-size:9px;color:var(--muted);margin-top:3px}.rescue-mode .status-phase strong,.rescue-mode .status-goal strong{color:#ffdc85}
.rescue-card{max-width:860px;margin:auto;text-align:center;padding:46px;border:1px solid rgba(255,203,87,.34);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(255,203,87,.12),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:var(--shadow)}.rescue-beacon{width:88px;height:88px;margin:0 auto;border-radius:28px;display:grid;place-items:center;font-size:42px;background:linear-gradient(135deg,rgba(255,203,87,.22),rgba(185,108,255,.18));border:1px solid rgba(255,203,87,.32);animation:rescuePulse 1.5s ease-in-out infinite}@keyframes rescuePulse{50%{transform:scale(1.04);box-shadow:0 0 0 12px rgba(255,203,87,.04)}}.rescue-card .eyebrow{color:#ffdc85}.rescue-card h2{font-size:clamp(34px,6vw,56px);margin:8px 0 8px}.rescue-lead{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.65}.rescue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px auto 0}.rescue-summary>div{padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.035)}.rescue-summary small,.rescue-summary strong,.rescue-summary span{display:block}.rescue-summary small{font-size:8px;letter-spacing:.12em;color:#9b9cb5}.rescue-summary strong{font-size:30px;margin-top:6px}.rescue-summary span{font-size:11px;color:var(--muted);margin-top:4px}.rescue-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;text-align:left}.rescue-rules article{display:flex;gap:11px;padding:15px;border-radius:17px;border:1px solid var(--border);background:rgba(0,0,0,.10)}.rescue-rules article>span{flex:0 0 28px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,203,87,.14);color:#ffdc85;font-size:11px;font-weight:900}.rescue-rules b,.rescue-rules small{display:block}.rescue-rules b{font-size:12px}.rescue-rules small{font-size:10px;color:var(--muted);line-height:1.45;margin-top:4px}.rescue-objective{margin:18px auto;padding:13px 16px;max-width:620px;border-radius:15px;background:rgba(116,80,255,.08);border:1px solid rgba(126,100,255,.24);font-size:12px;color:#ddd9f5}.rescue-card .btn{margin-top:4px}
.feedback strong{font-size:14px}.feedback small{display:block;margin-top:7px;color:#d0cfe0}.feedback.success strong:first-child{color:#8df0bf}.feedback.error strong:first-child{color:#ff9ca8}
@media(max-width:900px){.game-status{grid-template-columns:1fr 1fr}.rescue-summary,.rescue-rules{grid-template-columns:1fr}}
@media(max-width:620px){.game-status{grid-template-columns:1fr 1fr;padding:9px}.game-status>div{padding:9px}.status-goal{grid-column:1/-1}.rescue-card{padding:24px;border-radius:22px}.rescue-summary{grid-template-columns:1fr}.rescue-card .btn{width:100%}}


/* v0.5 — mapa vivo da jornada e eventos de game */
.journey-route{position:relative}
.journey-route .journey-step{min-height:138px;display:flex;flex-direction:column;justify-content:center}
.journey-icon{font-size:25px;margin-bottom:9px}
.journey-state{display:inline-flex;align-self:flex-start;margin-top:10px;padding:5px 7px;border-radius:999px;font-style:normal;font-size:7px;letter-spacing:.1em;font-weight:900;color:#c9c5e6;background:rgba(255,255,255,.055);border:1px solid var(--border)}
.journey-step.done .journey-state{color:#9df1c5;background:rgba(40,199,139,.10);border-color:rgba(40,199,139,.25)}
.journey-step.locked .journey-state{color:#9697aa}
.journey-step.selected{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(140,111,255,.24) inset,0 14px 30px rgba(0,0,0,.16)}
.journey-arrow{width:42px;position:relative}
.journey-arrow span{display:block;width:100%;height:3px;border-radius:99px;background:linear-gradient(90deg,rgba(116,80,255,.32),rgba(47,128,237,.55));position:relative}
.journey-arrow span:after{content:"";position:absolute;right:-2px;top:50%;width:9px;height:9px;border-top:2px solid #6fa6ff;border-right:2px solid #6fa6ff;transform:translateY(-50%) rotate(45deg)}

.live-journey{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center;padding:13px 15px;margin-bottom:14px;border-radius:19px;border:1px solid var(--border);background:rgba(255,255,255,.028)}
.live-journey-head span,.live-journey-head strong{display:block}
.live-journey-head span{font-size:7px;letter-spacing:.14em;color:#898ba7;font-weight:900}
.live-journey-head strong{font-size:12px;margin-top:5px}
.live-route{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;gap:5px}
.live-stage{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.025);opacity:.62;transition:.25s ease}
.live-stage i{font-style:normal;font-size:19px}
.live-stage span{min-width:0}
.live-stage b,.live-stage small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-stage b{font-size:10px}
.live-stage small{font-size:8px;color:var(--muted);margin-top:2px}
.live-stage.current{opacity:1;border-color:rgba(128,104,255,.62);background:linear-gradient(135deg,rgba(116,80,255,.16),rgba(47,128,237,.08));box-shadow:0 0 0 1px rgba(116,80,255,.08) inset}
.live-stage.done{opacity:1;border-color:rgba(40,199,139,.4);background:rgba(40,199,139,.07)}
.live-stage.done small{color:#82dfb0}
.live-stage.open{opacity:.82}
.live-stage.locked{filter:saturate(.55);opacity:.4}
.live-stage.muted-stage{opacity:.15}
.live-rail{height:3px;border-radius:99px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.live-rail:after{content:"";position:absolute;left:0;top:0;bottom:0;width:45%;background:linear-gradient(90deg,var(--violet),var(--blue));opacity:.55}

.event-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:rgba(5,6,15,.70);backdrop-filter:blur(8px)}
.event-card{position:relative;width:min(520px,100%);padding:32px 28px;text-align:center;border-radius:28px;border:1px solid var(--border);background:linear-gradient(180deg,#1b1d37,#111326);box-shadow:0 30px 90px rgba(0,0,0,.48);overflow:hidden;transform:scale(.84) translateY(16px);opacity:0}
.event-card.event-in{animation:eventPop .42s cubic-bezier(.18,.9,.22,1.2) forwards}
@keyframes eventPop{to{transform:none;opacity:1}}
.event-rays{position:absolute;inset:-160px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.035) 0 7deg,transparent 7deg 18deg);animation:eventSpin 18s linear infinite;pointer-events:none}
@keyframes eventSpin{to{transform:rotate(360deg)}}
.event-icon{position:relative;z-index:2;font-size:58px;line-height:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25));animation:eventIcon .55s cubic-bezier(.2,.9,.2,1)}
@keyframes eventIcon{0%{transform:scale(.4) rotate(-12deg)}70%{transform:scale(1.12) rotate(3deg)}100%{transform:none}}
.event-kicker{position:relative;z-index:2;margin:13px 0 0;font-size:9px;letter-spacing:.17em;font-weight:900;color:#b9acff}
.event-card h2{position:relative;z-index:2;margin:7px 0 7px;font-size:clamp(28px,6vw,42px);letter-spacing:-.035em}
.event-card>p:not(.event-kicker){position:relative;z-index:2;margin:0 auto;max-width:420px;color:var(--muted);font-size:13px;line-height:1.55}
.event-status{position:relative;z-index:2;display:inline-flex;margin-top:18px;padding:9px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.045);font-size:12px;font-weight:800;letter-spacing:.04em}
.event-card .btn{position:relative;z-index:2;margin-top:20px;min-width:190px}
.tone-star{border-color:rgba(255,203,87,.42);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 70px rgba(255,203,87,.08)}
.tone-star .event-kicker{color:#ffdc85}
.tone-rescue{border-color:rgba(185,108,255,.40);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 70px rgba(185,108,255,.09)}
.tone-rescue .event-kicker{color:#d6b9ff}
.tone-life{border-color:rgba(40,199,139,.42);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 70px rgba(40,199,139,.09)}
.tone-life .event-kicker{color:#91ecc0}
.tone-danger{border-color:rgba(255,107,122,.40)}
.tone-danger .event-kicker{color:#ff9ca8}
.tone-learn{border-color:rgba(78,166,255,.38)}
.tone-learn .event-kicker{color:#94c9ff}
.tone-unlock{border-color:rgba(255,203,87,.52);background:radial-gradient(circle at 50% 0,rgba(255,203,87,.11),transparent 38%),linear-gradient(180deg,#1d1e3b,#111326);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 90px rgba(116,80,255,.13)}
.tone-unlock .event-kicker{color:#ffdc85}

.result-stats-4{grid-template-columns:repeat(4,1fr);max-width:720px}

@media(max-width:980px){
  .live-journey{grid-template-columns:1fr}
  .result-stats-4{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .journey-route .journey-step{min-height:auto}
  .live-route{grid-template-columns:1fr}
  .live-rail{width:3px;height:18px;margin:auto}
  .live-rail:after{width:100%;height:45%;bottom:auto}
  .live-stage{width:100%}
  .event-card{padding:28px 20px;border-radius:23px}
  .event-card h2{font-size:30px}
  .result-stats-4{grid-template-columns:1fr 1fr}
}


/* Produção v1.0 */
.topbar-production{padding-top:16px;padding-bottom:18px}
.brand-production{gap:14px}
.brand-logo{width:78px;height:78px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.03);padding:4px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.top-actions-production{gap:10px}
.hero-card-production{min-height:540px}
.production-info-card>div{min-height:72px;display:flex;flex-direction:column;justify-content:center}
.production-footer{font-size:11px}
.player-card{margin-top:20px;padding:18px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.player-field-group{margin-top:18px}.compact-top{margin-top:6px}
.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-option{padding:14px 10px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.035);color:white;text-align:center;transition:.2s ease}.avatar-option span,.avatar-option small{display:block}.avatar-option span{font-size:26px}.avatar-option small{font-size:10px;color:var(--muted);margin-top:6px}.avatar-option.selected,.avatar-option:hover{transform:translateY(-2px);border-color:rgba(135,105,255,.82);background:rgba(116,80,255,.12)}
.nickname-wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nickname-input{flex:1;min-width:220px;min-height:48px;padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:white;outline:none}.nickname-input::placeholder{color:#9496af}.nickname-input:focus{border-color:rgba(128,104,255,.64);box-shadow:0 0 0 3px rgba(116,80,255,.12)}.btn-small{min-height:46px;padding:12px 16px}
.game-status{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:12px}.status-player{padding:14px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(116,80,255,.14),rgba(47,128,237,.06))}.status-player small,.status-player strong,.status-player span{display:block}.status-player small{font-size:8px;color:#8f90ad;letter-spacing:.12em}.status-player strong{font-size:20px;margin-top:5px}.status-player span{font-size:10px;color:var(--muted);margin-top:4px}
.player-passport{max-width:760px;margin:0 auto 18px;padding:18px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,.035)}.passport-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.passport-player{display:flex;align-items:center;gap:12px}.passport-player span{font-size:30px}.passport-player small,.passport-player strong,.passport-route small,.passport-route strong{display:block}.passport-player small,.passport-route small{font-size:8px;color:#8f90ad;letter-spacing:.12em}.passport-player strong,.passport-route strong{font-size:14px;margin-top:4px}.passport-medal-row{margin-top:16px}.passport-medal-row small{display:block;font-size:8px;color:#8f90ad;letter-spacing:.12em}.medal-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.medal-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.045)}.medal-chip b{font-size:16px}.medal-chip small{display:inline;color:#ece9ff;font-size:11px;letter-spacing:normal}
.result-card .adult-cta{padding-top:18px}
@media(max-width:980px){.avatar-grid{grid-template-columns:repeat(3,1fr)}.game-status{grid-template-columns:1fr 1fr}.status-player{grid-column:1/-1}}
@media(max-width:640px){.brand-logo{width:62px;height:62px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:10px}.hero-card-production{min-height:auto}.avatar-grid{grid-template-columns:repeat(3,1fr)}.nickname-wrap{flex-direction:column}.nickname-input,.btn-small{width:100%}.game-status{grid-template-columns:1fr}.passport-head{align-items:flex-start}.production-footer{font-size:9px}}


/* Produção v1.1 */
.brand-logo{background:transparent !important;padding:0 !important;box-shadow:none !important;border-radius:0 !important}
.sound-toggle{width:auto !important;min-width:122px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;white-space:nowrap}
@media(max-width:640px){.sound-toggle{min-width:104px;padding:0 12px;font-size:12px}}