:root{--night:#1c1239;--purple:#5c35a4;--purple2:#8454df;--mint:#39d6a5;--green:#25b878;--gold:#ffc83d;--orange:#ff884d;--red:#ef5d6c;--cream:#fff8e9;--ink:#28213c;--muted:#746e85;--panel:#fffdf6;--line:#dcd4ea;--shadow:#28155155}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);font-family:"Trebuchet MS",Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.screen{display:none;min-height:100dvh;position:relative;overflow:hidden}.screen.active{display:block}.app{min-height:100dvh}.game-panel{background:linear-gradient(145deg,#fffef9,#f6edff);border:3px solid #fff;box-shadow:0 8px 0 #3c2769,0 16px 35px var(--shadow);border-radius:24px}.kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:var(--purple)}

/* Entrada */
.login-screen{background:radial-gradient(circle at 50% 20%,#8e5be8 0,#392064 42%,#17102f 100%);padding:26px 18px 42px}.login-sky{position:absolute;inset:0;background:linear-gradient(transparent 68%,#0f0a21aa);pointer-events:none}.spark{position:absolute;color:#ffeaa1;animation:twinkle 2s infinite}.s1{left:12%;top:13%;font-size:25px}.s2{right:13%;top:20%;animation-delay:.5s}.s3{left:72%;top:7%;font-size:13px;animation-delay:1s}@keyframes twinkle{50%{opacity:.25;transform:scale(.75)}}.login-world{position:absolute;left:50%;top:3vh;width:min(75vw,330px);height:min(75vw,330px);transform:translateX(-50%);border-radius:50%;background:linear-gradient(155deg,#6ae1b6,#1b937c);box-shadow:inset -25px -28px 0 #116c64,0 24px 60px #0a082d99;border:6px solid #95f1ce;overflow:hidden}.world-coin{position:absolute;right:19%;top:18%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gold);border:5px solid #e28d24;box-shadow:0 7px 0 #8f541f;font:900 24px "Arial Rounded MT Bold","Trebuchet MS";animation:float 2.4s ease-in-out infinite}.world-path{position:absolute;width:82%;height:42%;left:9%;bottom:6%;border:23px solid #ffe6a6;border-left-color:transparent;border-radius:50%;transform:rotate(-18deg)}@keyframes float{50%{transform:translateY(-8px) rotate(6deg)}}.login-card{position:relative;z-index:2;width:min(100%,430px);margin:min(31vh,300px) auto 0;padding:28px 24px;text-align:center}.logo-orb{width:62px;height:62px;margin:-58px auto 10px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(#ffd964,#ffad2e);border:4px solid white;box-shadow:0 7px 0 #b76225;color:#4d2c65;font:900 24px "Arial Rounded MT Bold","Trebuchet MS"}.login-card h1{margin:0;font:800 clamp(42px,12vw,64px)/.78 "Arial Rounded MT Bold","Trebuchet MS";letter-spacing:-.04em;color:#3d276b;text-shadow:0 3px 0 white}.login-card h1 span{color:var(--green)}.subtitle{margin:17px auto 21px;max-width:310px;color:var(--muted);line-height:1.4}.entry-actions,.player-form{display:grid;gap:12px}.game-btn{min-height:52px;border:0;border-radius:15px;padding:13px 18px;font-weight:900;letter-spacing:.01em;transition:transform .12s,filter .12s}.game-btn:active{transform:translateY(4px)}.game-btn.primary{color:white;background:linear-gradient(#42d7a3,#1eaa72);box-shadow:0 6px 0 #117452}.game-btn.secondary{color:white;background:linear-gradient(#8c62df,#6540ae);box-shadow:0 6px 0 #40276f}.game-btn.gold{color:#503314;background:linear-gradient(#ffe064,#ffb52f);box-shadow:0 6px 0 #b86b23}.player-form{text-align:left}.player-form h2{text-align:center;margin:0 0 5px;font:800 27px "Arial Rounded MT Bold","Trebuchet MS";color:#4c317a}.player-form label{display:grid;gap:5px;font-size:12px;font-weight:900;color:#5a5270}.player-form input,.player-form select{width:100%;padding:13px 14px;border:2px solid #d7cae8;background:white;border-radius:13px;outline:none}.player-form input:focus,.player-form select:focus{border-color:var(--purple2);box-shadow:0 0 0 4px #8c62df22}.mini-back{justify-self:start;border:0;background:transparent;color:var(--purple);font-weight:900}.form-error{min-height:16px;margin:0;color:var(--red);font-size:12px}.prototype-note{margin:20px 0 0;color:#817991;font-size:10px}

/* HUD */
.hud{position:relative;z-index:20;min-height:76px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#28154eeb,#1a1038eb);border-bottom:3px solid #8d67db;box-shadow:0 5px 20px #10072688;color:white}.avatar-badge{max-width:112px;display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;border:0;border-radius:30px;background:#ffffff18;color:white}.avatar-badge span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--gold);border:3px solid white;color:#553164;font-weight:900}.avatar-badge small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.hud-progress{flex:1;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.hud-progress>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#cdbbf1}.hud-progress .bar{grid-row:2;height:9px;background:#100a28;border:2px solid #6e50a8;border-radius:10px;overflow:hidden}.hud-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#b6ff8d);transition:width .4s}.hud-progress strong{grid-row:1/3;grid-column:2;font-size:11px}.hud-chip{height:43px;display:flex;align-items:center;gap:6px;padding:4px 9px;border:2px solid #ffe385;border-radius:22px;background:#3e285e;color:white;font-weight:900}.coin-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff5a7,#ffc52e 48%,#d7781e 50%);border:2px solid #ffec92;color:#8b4f1a;font:900 15px "Arial Rounded MT Bold","Trebuchet MS";box-shadow:inset 0 -3px 0 #c97119}.hud.compact{position:sticky;top:0}.hud.compact>div:nth-child(2){flex:1;display:grid}.hud.compact small{font-size:9px;color:#cdbbf1;font-weight:900}.hud.compact strong{font-size:13px}.round-btn{width:48px;height:48px;border:3px solid white;border-radius:50%;background:linear-gradient(#8c62df,#523099);box-shadow:0 5px 0 #321d62;font-size:21px}.round-btn.small{width:42px;height:42px;font-size:17px;color:white}

/* Mapa principal */
.map-screen{min-height:100dvh;background:#253059 url('../assets/game-map.png') center top/cover no-repeat;padding-bottom:80px}.map-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(#26164a55,transparent 18%,transparent 78%,#19102fbb);pointer-events:none}.map-actions{position:relative;z-index:3;display:flex;justify-content:flex-end;gap:10px;padding:15px}.map-title{position:relative;z-index:3;width:min(calc(100% - 30px),470px);margin:0 auto 18px;padding:13px 18px;text-align:center}.map-title p{margin:0;color:var(--purple);font-size:10px;font-weight:900;text-transform:uppercase}.map-title h2{margin:0;font:800 29px "Arial Rounded MT Bold","Trebuchet MS";color:#3e2868}.map-title span{font-size:11px;color:var(--muted)}.phase-map{position:relative;z-index:3;width:min(calc(100% - 24px),520px);min-height:1100px;margin:auto;padding:20px 16px}.phase-node{position:absolute;width:154px;border:0;background:transparent;text-align:center;color:white}.phase-node .node-orb{position:relative;width:76px;height:76px;margin:auto;display:grid;place-items:center;border-radius:50%;border:5px solid white;background:linear-gradient(#55e4b5,#1ca873);box-shadow:0 8px 0 #126549,0 10px 25px #150c39aa;font:900 26px "Arial Rounded MT Bold","Trebuchet MS"}.phase-node .node-title{display:block;margin-top:8px;padding:6px 9px;background:#261544e8;border:2px solid #8d68c8;border-radius:12px;font-size:11px;font-weight:900;line-height:1.15;box-shadow:0 4px 0 #130b29}.phase-node.done .node-orb:after{content:"✓";position:absolute;right:-8px;top:-8px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--gold);border:3px solid white;color:#553314;font-size:15px}.phase-node.open .node-orb{background:linear-gradient(#ffe36c,#ff9d31);box-shadow:0 8px 0 #b85c23,0 0 0 8px #fff7a955,0 0 30px #fff16e;animation:nodePulse 1.5s infinite}.phase-node.locked{filter:grayscale(.8);opacity:.72}.phase-node.locked .node-orb{background:linear-gradient(#918b9d,#5c5867);box-shadow:0 8px 0 #393641}.phase-node.locked .node-orb:after{content:"🔒";font-size:24px}.phase-node.locked .node-orb span{display:none}@keyframes nodePulse{50%{transform:scale(1.06)}}.map-footer-clouds{height:80px}

/* Mapa interno */
.phase-screen{background:radial-gradient(circle at 50% 15%,#7048ba,#28174d 55%,#15102e);padding-bottom:40px}.phase-world{width:min(100%,700px);margin:auto;padding:18px 14px}.phase-intro{display:flex;align-items:center;gap:13px;padding:16px}.phase-emblem{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(#ffe46d,#ff9d38);border:3px solid white;box-shadow:0 6px 0 #b65e25;font-size:31px}.phase-intro p{margin:0;color:var(--purple);font-size:9px;font-weight:900;text-transform:uppercase}.phase-intro h1{margin:0;font:800 27px "Arial Rounded MT Bold","Trebuchet MS";color:#452d71}.phase-intro span{font-size:11px;color:var(--muted)}.challenge-map{position:relative;min-height:820px;margin-top:20px}.challenge-map:before{content:"";position:absolute;left:50%;top:40px;bottom:75px;width:10px;transform:translateX(-50%);background:repeating-linear-gradient(#ffdb69 0 16px,#804fc1 16px 30px);border:3px solid #fff;border-radius:10px}.challenge-node{position:absolute;width:calc(50% - 20px);border:0;background:transparent;color:white}.challenge-node:nth-child(odd){left:0}.challenge-node:nth-child(even){right:0}.challenge-node .mission-orb{width:74px;height:74px;display:grid;place-items:center;margin:auto;border:4px solid white;border-radius:23px;background:linear-gradient(#9c70ec,#643bad);box-shadow:0 7px 0 #3d246b;font-size:28px}.challenge-node.done .mission-orb{background:linear-gradient(#59deb0,#20a672);box-shadow:0 7px 0 #12694b}.challenge-node.locked .mission-orb{filter:grayscale(1);opacity:.7}.challenge-node .mission-label{display:block;margin-top:8px;padding:7px;background:#ffffff17;border:2px solid #a98ae1;border-radius:12px;font-size:11px;font-weight:900;line-height:1.1}.challenge-node.final{width:70%;left:15%!important;bottom:0}.challenge-node.final .mission-orb{width:92px;height:92px;border-radius:50%;font-size:38px;background:linear-gradient(#ffdc60,#ff873e);box-shadow:0 8px 0 #a54a28}.map-return{display:block;margin:10px auto 30px;background:#ffffff18;color:white;border:2px solid #9f80d2;box-shadow:0 5px 0 #170e31}

/* Desafios */
.challenge-screen{background:radial-gradient(circle at 50% 0,#7449bc,#29174f 42%,#15102e)}.challenge-content{width:min(calc(100% - 26px),760px);margin:auto;padding:23px 0 60px}.lesson-card,.quiz-box,.match-game{padding:20px;margin-bottom:18px}.lesson-card{position:relative;overflow:hidden;color:white;background:linear-gradient(135deg,#6e45b8,#3d286f);border:3px solid #a98ce0;box-shadow:0 8px 0 #1d123d,0 15px 30px #0d0925aa;border-radius:22px}.lesson-card .lesson-icon{font-size:38px}.lesson-card h1{margin:6px 0;font:800 32px "Arial Rounded MT Bold","Trebuchet MS"}.lesson-card p{margin:0;color:#e4d8fa;line-height:1.5}.quiz-box h2,.match-game h2{margin:0 0 16px;font:800 23px/1.15 "Arial Rounded MT Bold","Trebuchet MS";color:#482f73}.answer-buttons{display:grid;gap:10px}.answer-btn{position:relative;min-height:62px;padding:13px 14px 13px 49px;text-align:left;border:3px solid #d9ccec;border-radius:15px;background:white;color:var(--ink);font-weight:800;box-shadow:0 4px 0 #b8a6d2}.answer-btn span{position:absolute;left:10px;top:50%;width:28px;height:28px;display:grid;place-items:center;transform:translateY(-50%);border-radius:9px;background:#ece3fa;color:#6540a7;font-weight:900}.answer-btn.correct{border-color:var(--green);background:#e5fff3;box-shadow:0 4px 0 #17835a}.answer-btn.wrong{border-color:var(--red);background:#fff0f1;box-shadow:0 4px 0 #b3374b}.answer-btn:disabled{cursor:default}.feedback-strip{margin-top:14px;padding:13px;border-radius:13px;background:#efe7fb;color:#4d3b68;font-size:12px;line-height:1.45}.feedback-strip.good{background:#dff9ed;color:#176544}.continue-row{display:flex;justify-content:flex-end;margin-top:17px}.continue-row .game-btn{min-width:180px}.match-instruction{margin:-7px 0 15px;color:var(--muted);font-size:12px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-left,.match-right{display:grid;gap:8px}.match-fixed,.match-card{min-height:82px;display:flex;align-items:center;padding:10px;border-radius:13px;font-size:11px;font-weight:800;line-height:1.25}.match-fixed{background:#39235f;color:white;border:2px solid #8058be}.match-card{position:relative;padding-right:29px;background:white;border:3px solid #d8c9ec;box-shadow:0 3px 0 #b8a4d3;touch-action:none;user-select:none}.match-card:after{content:"↕";position:absolute;right:8px;color:#896ab8}.match-card.dragging{opacity:.7;transform:scale(1.03);box-shadow:0 10px 25px #3a225055}.match-card.correct{border-color:var(--green);background:#e2fff1}.match-card.wrong{border-color:var(--red);background:#fff0f2}.match-actions{display:flex;gap:10px;margin-top:17px}.match-actions .game-btn{flex:1;min-width:0}.tiny-btn{border:2px solid #b79fd9;border-radius:10px;padding:7px 10px;background:#efe7fa;color:#583b82;font-weight:900}

/* Orçamento */
.budget-screen{background:linear-gradient(#39205e,#162e4a)}.budget-world{width:min(calc(100% - 22px),980px);margin:auto;padding:18px 0 60px}.mission-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;margin-bottom:13px}.mission-banner p{margin:0;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.mission-banner>div>strong{font:800 28px "Arial Rounded MT Bold","Trebuchet MS";color:#4e3279}.balance-orb{min-width:125px;padding:8px 13px;border-radius:16px;text-align:right;background:#dff9ed;border:3px solid var(--green);transition:.2s}.balance-orb.negative{background:#ffe8e9;border-color:var(--red)}.balance-orb small{display:block;font-size:9px;font-weight:900;text-transform:uppercase}.balance-orb b{font-size:17px;color:#14704d}.balance-orb.negative b{color:#a72b40}.mission-rules{padding:13px 17px;margin-bottom:13px}.mission-rules h2{margin:0 0 7px;font:800 18px "Arial Rounded MT Bold","Trebuchet MS"}.mission-rules ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none}.mission-rules li{padding:7px 9px;border-radius:10px;background:#eee8f7;color:#675d77;font-size:10px;font-weight:800}.mission-rules li.done{background:#dff9ed;color:#176845}.mission-rules li.done:before{content:"✓ ";font-weight:900}.budget-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.budget-board,.expense-tray{padding:14px}.board-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.board-title p,.tray-title p{margin:0;color:var(--purple);font-size:9px;font-weight:900;text-transform:uppercase}.board-title h2{margin:0;font:800 22px "Arial Rounded MT Bold","Trebuchet MS"}.drop-zone{min-height:135px;margin:10px 0;padding:11px;border:3px dashed #b59ad7;border-radius:16px;background:#f7f1ff;transition:.15s}.drop-zone.over{border-color:var(--gold);background:#fff8d8;transform:scale(1.01)}.drop-zone h3{margin:0;font:800 16px "Arial Rounded MT Bold","Trebuchet MS"}.drop-zone>p{margin:0 0 7px;color:var(--muted);font-size:9px}.allocated-list{display:flex;flex-wrap:wrap;gap:6px}.allocated-chip{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:9px;background:white;border:2px solid #d7c7ea;font-size:10px;font-weight:900}.allocated-chip button{width:19px;height:19px;padding:0;border:0;border-radius:50%;background:#ffe7e9;color:#a82e41;font-weight:900}.tray-title span{display:block;margin:3px 0 10px;color:var(--muted);font-size:9px}.expense-items{display:grid;grid-template-columns:1fr 1fr;gap:7px}.expense-card{position:relative;min-height:92px;display:grid;align-content:center;gap:3px;padding:10px;border:3px solid #daccec;border-radius:14px;background:white;box-shadow:0 4px 0 #b6a3d0;user-select:none}.expense-card:active{transform:translateY(3px);box-shadow:0 1px 0 #b6a3d0}.expense-card.selected{border-color:var(--gold);box-shadow:0 0 0 4px #ffd95755,0 4px 0 #c68024}.expense-card.disabled{opacity:.45;filter:grayscale(1)}.expense-card .expense-emoji{font-size:22px}.expense-card strong{font-size:11px;line-height:1.05}.expense-card span:last-child{color:var(--purple);font-size:12px;font-weight:900}.expense-card small{position:absolute;right:5px;top:5px;padding:3px 5px;border-radius:8px;background:#efe7f9;color:#62418e;font-size:8px;font-weight:900}.budget-actions{display:flex;gap:10px;justify-content:center;margin-top:17px}.budget-actions .game-btn{min-width:210px}

/* Modais e efeitos */
.modal-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:#100922c9;backdrop-filter:blur(4px)}.modal-card{width:min(100%,480px);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;text-align:center}.modal-icon{width:72px;height:72px;display:grid;place-items:center;margin:-4px auto 10px;border-radius:25px;background:linear-gradient(#ffe066,#ff9b35);border:4px solid white;box-shadow:0 6px 0 #ae5626;font-size:37px}.modal-card h2{margin:8px 0;font:800 29px "Arial Rounded MT Bold","Trebuchet MS";color:#452b72}.modal-card p{color:var(--muted);line-height:1.5}.modal-card .result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.result-stats div{padding:10px;border-radius:12px;background:#eee7f8}.result-stats small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:900}.result-stats strong{font-size:18px;color:#4b2f76}.modal-actions{display:grid;gap:9px;margin-top:15px}.coin-burst{position:fixed;z-index:150;left:50%;top:43%;display:flex;align-items:center;gap:5px;padding:12px 20px;border-radius:22px;background:#251341ee;border:3px solid var(--gold);color:white;box-shadow:0 0 45px #ffd94baa;transform:translate(-50%,-50%);animation:coinPop 1.5s both}.coin-icon.big{width:42px;height:42px;font-size:21px}.coin-burst strong{font:900 31px "Arial Rounded MT Bold","Trebuchet MS";color:var(--gold)}@keyframes coinPop{0%{opacity:0;transform:translate(-50%,-20%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-100%) scale(.9)}}

/* Resultado reutilizado pelo novo quiz, mantendo o padrão visual dos modais. */
.quiz-box .result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}

@media(min-width:720px){.screen{border-left:1px solid #ffffff20;border-right:1px solid #ffffff20}.map-screen,.phase-screen,.challenge-screen,.budget-screen{max-width:1180px;margin:auto}.phase-map{min-height:1200px}.challenge-map{min-height:860px}.challenge-node{width:42%}.challenge-node:nth-child(odd){left:5%}.challenge-node:nth-child(even){right:5%}}
@media(max-width:700px){.budget-layout{grid-template-columns:1fr}.expense-tray{grid-row:1}.mission-rules ul{grid-template-columns:1fr}.budget-actions{display:grid}.budget-actions .game-btn{width:100%;min-width:0}.match-fixed,.match-card{min-height:102px}.map-title{margin-top:2px}.phase-map{min-height:1060px}}
@media(max-width:390px){.hud{padding-inline:8px}.hud-chip{padding-inline:6px}.hud-progress>span{display:none}.hud-progress .bar{grid-row:1}.phase-node{width:136px}.expense-items{grid-template-columns:1fr 1fr}.login-card{padding-inline:17px}.match-fixed,.match-card{font-size:10px;padding:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}