@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f3f7f5;--bg2:#e8f0ec;--card:#fff;--card2:#fff;--text:#173d42;--muted:#526d6f;--border:#cbdcd5;--accent:#fa8e35;--accent2:#bf5911;--good:#267452;--bad:#b33e36;--font-display:'Barlow Condensed','Arial Narrow',sans-serif;--font-body:Manrope,'Segoe UI',sans-serif}
body{background:var(--bg);font-size:15px}.app{max-width:1480px;padding:0 4vw 28px}header.top{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:22px 0;margin:0;gap:20px}.brandmark .logo{border-radius:50%;background:var(--accent);color:var(--text);font-size:27px}.brandmark .titles .t1{font:600 20px var(--font-body)}.brandmark .titles .t2{text-transform:none;letter-spacing:0;font-size:11px}.hud{flex-wrap:wrap;gap:9px}.hud button{font-size:12px}.tabs{padding:16px 0;margin:0 0 25px;gap:8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:30px;padding:11px 18px;font-family:var(--font-body);font-size:13px}.tabs button.active{background:var(--text);color:white}.tabs button:hover{background:#d9eee5;color:var(--text)}.card{background:white;border:1px solid var(--border);border-radius:18px;padding:30px}.card h2{font-size:38px;line-height:1.1;letter-spacing:-.4px;margin-bottom:12px}.card h3{font-size:25px}.small{line-height:1.75;color:var(--muted)}.eyebrow,label{text-transform:none;letter-spacing:0}.eyebrow{font-size:13px;color:var(--muted)}.btn{background:#e8f0ec;color:var(--text);border:1px solid var(--border);font-family:var(--font-body);text-decoration:none;justify-content:center}.btn.primary{background:var(--accent);color:#18383b;border:0}.btn.primary:hover{background:#ffab63}.btn.ghost{background:transparent}.btn:hover{background:#d9eee5;transform:none}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bf5911;outline-offset:4px}input[type=text],input[type=email],input[type=password],select,textarea{background:#f6f9f7;color:var(--text);border:1px solid var(--border);padding:13px 14px;font:14px var(--font-body)}label{font-weight:700}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}table{background:white}th{background:#e8f0ec;color:var(--muted);text-transform:none;letter-spacing:0;padding:14px}td{padding:16px 14px;border-color:var(--border)}tr.own-row{background:#e8f5ed}tbody tr:hover{background:#f3f7f5}.week-box,.warn-box{background:#fff2df;color:#725024;border-color:#e4c69f}.progressbar{background:#dce8e1}.progressbar>div{background:var(--good)}
#screen-login{display:grid;grid-template-columns:1.15fr 1fr;margin:30px 0;overflow:hidden;padding:0;min-height:650px}.login-hero{position:relative;display:flex;align-items:flex-end;background:#173d42 url('/missoes/assets/forever.png') center/cover;padding:38px;border:0;min-height:650px}.login-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14383bf5,transparent 95%)}.node-canvas{display:none}.login-hero-inner{position:relative;z-index:1;max-width:510px}.login-title{font-size:clamp(42px,4.6vw,68px);line-height:.98;color:white;margin:12px 0 22px}.login-sub{color:#ecf5ef;font-size:15px;max-width:440px}.login-hero .eyebrow{color:#e2ece4}.stat-strip{border-top:1px solid #ffffff55;display:flex;gap:22px;margin-top:28px;padding-top:18px;background:none}.stat-strip .stat{background:none;border:0;padding:0}.stat b{font:600 25px var(--font-display);color:white}.stat span{color:#e3eee7;font-size:11px}.login-form{padding:44px 36px;align-self:center;width:100%}.login-form h2{font:700 40px var(--font-display)}#authLoginPane .grid{grid-template-columns:1fr;gap:20px}#authLoginPane .btn{min-width:160px}#authRegisterPane .grid{gap:12px}.login-form .link{color:#267452}.role-card{background:#f3f7f5;border-color:var(--border);padding:12px 7px}.role-card .emoji{background:white;border-color:var(--border)}.role-card.sel{background:#d9eee5;border-color:var(--good);box-shadow:none}.role-card .name{font-family:var(--font-body);font-size:12px}.role-card .desc{color:var(--muted)}.role-card:hover{transform:none}#screen-recovery{max-width:650px;margin:40px auto}.warn-box{line-height:1.6}
#screen-menu{padding:0;border:0;background:transparent}.hub-hero{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:32px}.hub-feature{position:relative;min-height:380px;overflow:hidden;border-radius:20px;background:#173d42}.hub-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 40%}.hub-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123c40f5, #173d42a6 50%,transparent)}.hub-feature-content{position:relative;z-index:1;padding:35px;color:white;max-width:470px}.hub-feature-content h1{font:700 clamp(38px,4vw,59px)/1 var(--font-display);margin:10px 0 18px}.hub-feature-content p{font-size:14px;line-height:1.7;color:#e3eee7}.hub-feature-content .btn{margin-top:12px}.hub-progress{padding:30px;background:#d9eee5;border-radius:20px;display:flex;flex-direction:column;justify-content:center}.hub-progress h2{font-size:32px}.hub-progress b{font:700 66px var(--font-display);display:block}.hub-progress p{line-height:1.7}.hub-progress a{color:var(--text);font-weight:700}.hub-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.hub-heading h2{font-size:36px}.hub-heading p{max-width:450px;font-size:13px;line-height:1.7;color:var(--muted)}.hub-filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 24px}.hub-filters button{border:1px solid var(--border);border-radius:30px;background:transparent;color:var(--text);padding:10px 16px;font:600 12px var(--font-body);cursor:pointer}.hub-filters button[aria-pressed=true]{background:var(--text);color:white;border-color:var(--text)}#missionSearch{width:260px;margin-left:auto}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hub-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:white;display:flex;flex-direction:column}.hub-card img{width:100%;height:210px;object-fit:cover}.hub-card-body{padding:22px;flex:1;display:flex;flex-direction:column}.hub-card h3{font:700 29px/1.1 var(--font-display);margin:9px 0}.hub-card p{font-size:12px;line-height:1.65;color:var(--muted)}.hub-card .hub-client{font-size:11px;margin:0}.hub-card a{margin-top:auto;align-self:flex-start}.hub-card .hub-record{font-weight:700;color:var(--good);font-size:12px;margin:8px 0 18px}.hub-empty{padding:35px;background:#e8f0ec;border-radius:12px;grid-column:1/-1}.training-section{margin-top:38px;border-top:1px solid var(--border);padding:24px 0}.training-section>summary{cursor:pointer;font:700 30px var(--font-display)}.training-section .menu-head{background:none;border:0;padding:24px 0 0}.menu-title{font-size:34px}.level-row{gap:12px}.level-card{background:white;border-color:var(--border);box-shadow:none}.level-card.playable,.level-card.done{background:#edf6f0;border-color:#95bca7;box-shadow:none}.level-card.locked{opacity:.65}.level-card h3{font-size:23px}.lvl-num{background:#d9eee5;color:var(--text);box-shadow:none}.lt-node{background:#d6e5dc}.stars{color:#ad6817}.level-card .btn{font-size:12px}.lvl-best{color:var(--good)}
.section-scene{padding:28px 32px;background:#173d42;color:white;border-radius:14px;margin-bottom:28px;position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column;justify-content:center}.section-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#173d42, #173d42e0 55%,#173d4244),var(--scene) right 40%/cover}.section-scene>*{position:relative;max-width:610px}.section-scene h2{font-size:46px}.section-scene p{color:#e1eee6;margin:0;line-height:1.7;font-size:13px}#duelSetup>.card{padding:27px;background:#f3f7f5}#duelSetup h3{font-size:30px}.duel-guide{display:flex;gap:24px;margin:0 0 26px;flex-wrap:wrap}.duel-guide span{font-size:12px;color:var(--muted);border-left:3px solid var(--accent);padding-left:10px}.code-box{background:#d9eee5;border:1px dashed #649480;color:var(--text);font-size:40px;letter-spacing:.15em;padding:20px;border-radius:12px}.duel-side{background:#e8f0ec;border-color:var(--border)}.rank-switch{display:flex;gap:8px;margin-bottom:24px}.rank-switch button{border-radius:25px}.rank-switch button[aria-pressed=true]{background:var(--text);color:white}.ranking-caption{font-size:13px;line-height:1.7;color:var(--muted);max-width:720px}.rank-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.rank-podium article{border-top:3px solid var(--accent);background:#edf4ef;padding:22px;border-radius:0 0 12px 12px}.rank-podium strong{font:700 29px var(--font-display);display:block}.rank-podium small{display:block;margin:8px 0;color:var(--muted)}.badge-card{background:#f3f7f5;border-color:var(--border)}.badge-card.unlocked{background:#e4f1e7;box-shadow:none}.option,.q-option,.answer-btn,.order-row,.ww-qbtn{background:#f3f7f5;color:var(--text);border-color:var(--border)}.chip{background:#e8f0ec;color:var(--text)}.question-box{background:#f3f7f5}.brandfact-box{background:#eaf2ed}footer{margin-top:30px;border-top:1px solid var(--border);padding-top:18px;color:var(--muted)}.hub-status{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:1000px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-hero{grid-template-columns:1.5fr 1fr}#screen-login{grid-template-columns:1fr 1fr}.login-form{padding:30px 24px}.role-pick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app{padding:0 5vw 24px}header.top{flex-wrap:wrap;gap:12px}.hud{font-size:11px}.tabs{flex-wrap:nowrap;overflow-x:auto;gap:3px}.tabs button{white-space:nowrap;padding:10px 12px}.card{padding:20px}.card h2{font-size:34px}#screen-login{grid-template-columns:1fr;margin-top:20px}.login-hero{min-height:370px;padding:26px;background-position:center 32%}.login-title{font-size:44px}.login-sub{font-size:13px}.stat-strip{margin-top:16px}.login-form{padding:28px 24px}.hub-hero{grid-template-columns:1fr}.hub-feature{min-height:365px}.hub-feature-content{padding:26px;max-width:330px}.hub-progress{padding:24px}.hub-progress b{font-size:45px}.hub-heading{display:block}.hub-grid{grid-template-columns:1fr}.hub-card{display:grid;grid-template-columns:120px 1fr}.hub-card img{height:100%;min-height:245px}.hub-card-body{padding:18px}.hub-card h3{font-size:26px}.hub-card p{font-size:11px}#missionSearch{width:100%;margin:3px 0}.section-scene{padding:25px}.section-scene h2{font-size:38px}.rank-podium{grid-template-columns:1fr}.rank-podium article{padding:16px}.level-row{grid-template-columns:1fr}.hub-feature-content h1{font-size:44px}.brandmark .titles .t1{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.login-hero .stat-strip .stat b{color:white}.login-hero .stat-strip .stat span{color:#e3eee7;text-transform:none;letter-spacing:0}.hub-filters input[type=search]{border:1px solid var(--border);border-radius:30px;padding:11px 16px;color:var(--text);background:white;font:13px var(--font-body)}[hidden]{display:none!important}

nav.tabs button{background:transparent;color:var(--muted);border:0}nav.tabs button.active{background:var(--text);color:white}nav.tabs button:hover{background:#d9eee5;color:var(--text)}.level-card h3{font:700 25px var(--font-display)}.opt{background:#f3f7f5;color:var(--text);border-color:var(--border)}.opt:hover{background:#e8f0ec}.opt.correct{background:#e1f1e5;color:var(--good)}.opt.wrong{background:#fbe9e5;color:var(--bad)}.scenario-box{color:var(--text);background:#edf4ef}.badge-card.locked{opacity:.65}#screen-menu .hub-feature-content h1{color:white}.tier-pill{color:#526d6f}.login-hero .stat-strip{color:white}
@media(max-width:720px){nav.tabs{flex-wrap:nowrap;overflow-x:auto}nav.tabs button{flex-shrink:0}}

#screen-duel:has(#duelRoomBox:not(.hidden)) #duelSetup{display:none}#duelRoomBox{max-width:650px;margin:30px auto!important}.code-box{user-select:all}

h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}
nav.tabs{position:sticky;top:0;z-index:30;background:var(--bg)}.explain{color:var(--text)}.bonus-intro-badge,.rankup-banner{background:#fff0da;color:#83501c;border-color:#e1bb88}.tier-bronze{color:#855422}.tier-prata{color:#586779}.tier-ouro{color:#8b6816}.tier-diamante{color:#176f85}#adminForm{background:#f3f7f5!important}.afOption{background:#f3f7f5!important;color:var(--text)!important}.match-select{max-width:100%}
@media(max-width:520px){.match-row{flex-direction:column;align-items:stretch}.match-select{min-width:0}.duel-vs{gap:8px}.duel-side{padding:12px 8px}}