*{box-sizing:border-box}body{margin:0;background:#061322;color:#f4f8fc;font-family:Inter,system-ui,Arial,sans-serif}.hidden{display:none!important}button{font:inherit;border:0;cursor:pointer;border-radius:12px;padding:12px 18px;font-weight:800}.primary{background:#39d98a;color:#062014}.secondary{background:#193650;color:#fff}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#071a2d;border-bottom:1px solid #17324b}.brand{font-weight:950;letter-spacing:.08em;text-decoration:none;color:inherit;cursor:pointer}.brand:hover{opacity:.85}.brand span{color:#57a9ff}.top-actions{display:flex;gap:8px}.top-actions button{padding:8px 11px;background:#132d46;color:#fff}.screen{min-height:calc(100vh - 58px);display:flex;align-items:center;justify-content:center;padding:24px}.panel{background:linear-gradient(145deg,#0d243d,#09192b);border:1px solid #1c3c59;border-radius:24px;box-shadow:0 24px 90px #0007}.hero{max-width:760px;text-align:center;padding:55px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;color:#5db0ff;margin-bottom:10px}h1{font-size:clamp(38px,7vw,72px);line-height:.98;margin:0 0 18px}h2{font-size:34px;margin:0 0 18px}p{color:#b8c9d9;line-height:1.6}.map-panel{width:min(1050px,100%);padding:32px}.path{display:flex;gap:10px;align-items:center;overflow:auto;padding:28px 4px}.level,.boss{min-width:145px;min-height:125px;background-color:#153652;color:#fff;border:1px solid #244d6d;position:relative}.level.active{background-color:#176a55;border-color:#39d98a;box-shadow:0 0 0 3px #39d98a44;animation:pulseAtivo 1.8s ease-in-out infinite}
@keyframes pulseAtivo{0%,100%{box-shadow:0 0 0 3px #39d98a44}50%{box-shadow:0 0 0 6px #39d98a22}}
.level.completed,.boss.completed{background-color:#173a30;border-color:#39d98a66}
.selo-concluido{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#39d98a;color:#062014;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}.level.locked,.boss.locked{opacity:.45;cursor:not-allowed}.level span,.boss span{display:block;font-size:12px;margin-top:8px;color:#b8c9d9}.map-footer{display:flex;gap:18px;align-items:center;justify-content:flex-end;border-top:1px solid #1a3852;padding-top:20px}.map-footer>div:first-child{margin-right:auto}.game-wrap{position:relative;width:min(1200px,100%);aspect-ratio:1200/680;border-radius:18px;overflow:hidden;border:1px solid #21445f}.game-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;pointer-events:none}.hud>div{background:#071729dd;border:1px solid #ffffff1c;border-radius:10px;padding:8px 12px;min-width:90px}.hud small{display:block;color:#91a9bf;font-size:10px}.hud b{font-size:18px}.hud .mission{margin-left:auto;min-width:300px}.hud .mission span{font-size:12px}.controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#071729cc;border-radius:9px;padding:7px 12px;font-size:11px;color:#b8c9d9}.command-panel{width:min(720px,100%);padding:32px}.profile{display:flex;gap:18px;align-items:center;background:#08192b;border-radius:16px;padding:18px}.avatar{font-size:54px}.profile h3{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metrics div{background:#102b45;padding:16px;border-radius:14px}.metrics small{display:block;color:#91a9bf}.metrics strong{font-size:25px}.command-panel li{margin:9px 0;color:#b8c9d9}.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{width:min(560px,100%);padding:30px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{min-height:75px;background:#173b58;color:#fff}.choices button.good{background:#39d98a;color:#062014}.choices button.warn{background:#e86666;color:#250606}@media(max-width:700px){.hero{padding:32px 20px}.path{align-items:stretch}.map-footer{flex-wrap:wrap}.map-footer>div:first-child{width:100%}.hud{flex-wrap:wrap}.hud .mission{order:5;min-width:100%;margin:0}.controls{display:none}.metrics{grid-template-columns:1fr}.choices{grid-template-columns:1fr}}
.raiox-panel{width:min(640px,100%);padding:36px}
.raiox-pergunta{font-size:21px;margin:22px 0;color:#f4f8fc;line-height:1.4;font-weight:700}
.raiox-opcoes{display:flex;flex-direction:column;gap:10px}
.raiox-opcoes button{background:#173b58;color:#fff;text-align:left;padding:15px 18px;font-weight:600;transition:background .15s}
.raiox-opcoes button:hover{background:#1e4e73}
.raiox-progresso{font-size:12px;color:#5db0ff;font-weight:800;letter-spacing:.1em;margin-top:4px}
.raiox-resultado{margin-top:8px}
#raioX{background-image:url('../fase3.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
#raioX .panel{background:linear-gradient(145deg,rgba(13,36,61,.94),rgba(9,25,43,.94))}
.plano-panel{width:min(640px,100%);padding:36px}
.plano-total{font-family:monospace;font-weight:800;color:#5db0ff;margin:16px 0 8px}
.plano-categorias{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.plano-cat{background:#0d2136;border-radius:14px;padding:14px 16px}
.plano-cat-topo{display:flex;justify-content:space-between;font-weight:800;margin-bottom:8px}
.plano-barra{height:10px;background:#1a3852;border-radius:6px;overflow:hidden}
.plano-barra-fill{height:100%;background:linear-gradient(90deg,#39d98a,#57a9ff);transition:width .2s}
.plano-dica{font-size:12px;color:#91a9bf;margin:8px 0}
.plano-botoes{display:flex;gap:8px;justify-content:flex-end}
.plano-botoes button{padding:6px 14px;background:#193650;color:#fff;font-size:13px}
.plano-botoes button:disabled{opacity:.35;cursor:not-allowed}
.plano-resumo-linha{padding:10px 14px;background:#0d2136;border-radius:10px;margin-bottom:8px;font-weight:600}
.plano-estrelas-resultado{font-size:26px;letter-spacing:3px;text-align:center;margin:18px 0}
.level,.boss{background-size:100% 100%;background-position:center;background-repeat:no-repeat;text-shadow:0 2px 4px #000a}
.level[data-level="1"]{background-image:linear-gradient(rgba(8,15,26,.5),rgba(8,15,26,.78)),url('../01vale.jpg')}
.level[data-level="2"]{background-image:linear-gradient(rgba(8,15,26,.5),rgba(8,15,26,.78)),url('../02dinheiro.jpg')}
.level[data-level="3"]{background-image:linear-gradient(rgba(8,15,26,.5),rgba(8,15,26,.78)),url('../03raiox.jpg')}
.level[data-level="4"]{background-image:linear-gradient(rgba(8,15,26,.5),rgba(8,15,26,.78)),url('../04montanha.jpg')}
.level[data-level="5"]{background-image:linear-gradient(rgba(8,15,26,.5),rgba(8,15,26,.78)),url('../05plano.jpg')}
.boss[data-level="6"]{background-image:linear-gradient(rgba(30,5,5,.55),rgba(30,5,5,.8)),url('../06caos.jpg')}
.level.locked,.boss.locked{filter:grayscale(85%) brightness(.5)}
.resultado-panel{width:min(640px,100%);padding:40px;text-align:center}
.resultado-panel h1{font-size:44px;color:#39d98a}
.resumo-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.resumo-final-item{background:#0d2136;border-radius:14px;padding:16px 10px}
.resumo-final-item .valor{font-size:24px;font-weight:900;color:#5db0ff}
.resumo-final-item .rotulo{font-size:11px;color:#91a9bf;margin-top:4px}
.resultado-texto{color:#b8c9d9;line-height:1.7;margin:20px 0}
@media(max-width:700px){.resumo-final-grid{grid-template-columns:repeat(2,1fr)}}