:root{
  --bg: #17130F;
  --bg-panel: #221B14;
  --bg-panel-alt: #2C231A;
  --bg-raised: #34291D;
  --bg-sunk: #120E0A;
  --line: #3E3122;
  --line-soft: #2C2418;
  --ink: #EFE6D3;
  --ink-dim: #B4A588;
  --ink-faint: #7C7160;
  --gold: #C79A3B;
  --gold-dim: #8A6E2E;
  --gold-bright: #E3B857;
  --red: #A1402F;
  --red-dim: #6E2C22;
  --green: #6E7A50;
  --green-dim: #4B5438;
  --blue: #57707A;
  --shadow: rgba(0,0,0,.5);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{scrollbar-color:var(--gold-dim) var(--bg-sunk);}
body{
  background:
    radial-gradient(ellipse 900px 600px at 18% -8%, rgba(199,154,59,.11), transparent 58%),
    radial-gradient(ellipse 900px 700px at 88% 105%, rgba(161,64,47,.10), transparent 58%),
    radial-gradient(ellipse 1400px 900px at 50% 40%, rgba(52,41,29,.35), transparent 70%),
    var(--bg);
  color:var(--ink);
  font-family:'Work Sans', sans-serif;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:998;
  box-shadow:inset 0 0 180px rgba(0,0,0,.55), inset 0 0 60px rgba(0,0,0,.35);
}
body::-webkit-scrollbar{width:10px;}
body::-webkit-scrollbar-track{background:var(--bg-sunk);}
body::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid var(--bg-sunk);}
body::-webkit-scrollbar-thumb:hover{background:var(--gold-dim);}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:999;
  background-image:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 3px);
}
h1,h2,h3,.display{font-family:'Anton', sans-serif; font-weight:400; letter-spacing:.03em; text-transform:uppercase;}
h2,h3{text-shadow:0 1px 0 rgba(0,0,0,.5), 0 3px 8px rgba(0,0,0,.3);}
.mono{font-family:'JetBrains Mono', monospace;}
#app{max-width:1220px;margin:0 auto;padding:20px 18px 60px;}
::selection{background:var(--gold-dim);color:#1a1409;}

@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn2{from{opacity:0;}to{opacity:1;}}
@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
@keyframes glowPulse{0%,100%{box-shadow:0 3px 6px rgba(0,0,0,.55), inset 0 2px 2px rgba(255,255,255,.45), inset 0 -3px 4px rgba(0,0,0,.4), 0 0 0 rgba(227,184,87,0);}50%{box-shadow:0 3px 6px rgba(0,0,0,.55), inset 0 2px 2px rgba(255,255,255,.45), inset 0 -3px 4px rgba(0,0,0,.4), 0 0 16px rgba(227,184,87,.45);}}

.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.icon-lg{width:28px;height:28px;}

/* ---------- efeitos de profundidade (sem rotação, só elevação) ---------- */
.lift{transition:transform .18s ease, box-shadow .18s ease;}
.lift:hover{transform:translateY(-3px);box-shadow:0 16px 26px -12px rgba(0,0,0,.6);}
.raised{box-shadow:0 14px 30px -12px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.4);}

.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--line);padding-bottom:14px;margin-bottom:16px;flex-wrap:wrap;gap:10px;position:relative;}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--gold-bright) 50%,var(--gold-dim) 80%,transparent);opacity:.7;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Anton';font-size:17px;flex-shrink:0;
  background:radial-gradient(circle at 32% 26%, #f3d68a, #C79A3B 45%, #6e5522 100%);
  color:#2c2109; text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:0 3px 6px rgba(0,0,0,.55), inset 0 2px 2px rgba(255,255,255,.45), inset 0 -3px 4px rgba(0,0,0,.4);
  animation:glowPulse 3.2s ease-in-out infinite;}
.brand h1{font-size:21px;margin:0;color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.6), 0 2px 4px rgba(0,0,0,.3);}
.brand span{display:block;font-family:'Oswald';font-size:10.5px;letter-spacing:.18em;color:var(--ink-faint);margin-top:2px;}
.top-stats{display:flex;gap:10px;flex-wrap:wrap;}
.top-stat{text-align:right;background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:6px 12px;display:flex;align-items:center;gap:8px;
  box-shadow:0 3px 8px -3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .2s, transform .2s;}
.top-stat:hover{border-color:var(--gold-dim);transform:translateY(-1px);}
.top-stat .icon{width:16px;height:16px;color:var(--gold-dim);}
.top-stat b{display:block;font-family:'Oswald';font-size:9.5px;letter-spacing:.12em;color:var(--ink-faint);text-align:left;}
.top-stat .val{font-family:'JetBrains Mono';font-size:14.5px;color:var(--gold);text-align:left;transition:color .3s;}
.top-stat.warn .val{color:var(--red);animation:pulseWarn 1.6s ease-in-out infinite;}
@keyframes pulseWarn{0%,100%{opacity:1;}50%{opacity:.45;}}

.tabs{display:flex;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--ink-faint);
  font-family:'Oswald';font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;
  display:flex;align-items:center;gap:7px;cursor:pointer;transition:.15s;position:relative;}
.tab-btn:hover{color:var(--ink-dim);}
.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold);text-shadow:0 0 12px rgba(227,184,87,.4);}
.tab-btn .icon{width:16px;height:16px;}

button{font-family:'Oswald';cursor:pointer;border:none;letter-spacing:.06em;}
.btn{background:var(--bg-raised);color:var(--ink);border:1px solid var(--line);padding:11px 20px;font-size:13px;text-transform:uppercase;transition:transform .1s ease, background .12s, border-color .12s, color .12s, box-shadow .12s;border-radius:3px;display:inline-flex;align-items:center;gap:8px;justify-content:center;position:relative;overflow:hidden;
  box-shadow:0 2px 0 rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);}
.btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);}
.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.45);}
.btn:disabled{opacity:.35;cursor:not-allowed;}
.btn-gold{background:linear-gradient(180deg,#dcb15c,var(--gold-dim));border-color:var(--gold);color:#241a08;font-weight:600;
  box-shadow:0 3px 0 #5c481f, inset 0 1px 0 rgba(255,255,255,.4);}
.btn-gold::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .5s ease;}
.btn-gold:hover:not(:disabled)::after{left:130%;}
.btn-gold:hover:not(:disabled){background:linear-gradient(180deg,#e9c274,var(--gold));color:#1a1409;border-color:var(--gold);}
.btn-gold:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #5c481f;}
.btn-red{background:var(--red-dim);border-color:var(--red);color:var(--ink);}
.btn-red:hover:not(:disabled){background:var(--red);}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink-dim);box-shadow:none;}
.btn-ghost:active:not(:disabled){transform:translateY(1px);}
.btn-block{width:100%;}
.btn-sm{padding:6px 11px;font-size:11px;}

.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:4px;padding:20px;position:relative;overflow:hidden;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.4);}
.panel::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-dim) 15%,var(--gold-bright) 50%,var(--gold-dim) 85%,transparent);opacity:.55;}
.panel + .panel{margin-top:16px;}
.stamp{position:absolute;top:14px;right:16px;border:2px solid var(--red-dim);color:var(--red);font-family:'Anton';font-size:11px;letter-spacing:.1em;padding:3px 8px;transform:rotate(6deg);opacity:.75;border-radius:2px;}
.eyebrow{font-family:'Oswald';font-size:11px;letter-spacing:.18em;color:var(--gold-dim);margin-bottom:6px;text-transform:uppercase;display:flex;align-items:center;gap:7px;}
.divider{border:none;border-top:1px dashed var(--line-soft);margin:16px 0;position:relative;}
.divider::after{content:"";position:absolute;left:50%;top:-3px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--line);}

.grid-2{display:grid;grid-template-columns:270px 1fr;gap:18px;align-items:start;}
@media(max-width:860px){.grid-2{grid-template-columns:1fr;}}

.ficha{background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:18px;position:sticky;top:16px;
  box-shadow:0 14px 26px -14px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.04);}
.ficha-head{display:flex;gap:14px;align-items:center;margin-bottom:12px;}
.avatar-wrap{width:60px;height:60px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-raised);
  box-shadow:0 3px 8px rgba(0,0,0,.5), inset 0 2px 2px rgba(255,255,255,.15), inset 0 -3px 4px rgba(0,0,0,.35), 0 0 0 2px var(--bg-panel-alt), 0 0 0 3px var(--gold-dim);}
.avatar-wrap svg{width:110%;height:110%;}
.ficha-head h3{margin:0;font-size:17px;}
.ficha-head p{margin:2px 0 0;color:var(--ink-faint);font-size:11.5px;font-family:'JetBrains Mono';}
.bar-row{margin-bottom:9px;}
.bar-row .lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-dim);margin-bottom:3px;font-family:'Oswald';letter-spacing:.04em;}
.bar-row .lbl b{color:var(--ink);font-family:'JetBrains Mono';font-weight:400;}
.bar-bg{background:var(--bg-sunk);border:1px solid var(--line);height:9px;border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 3px rgba(0,0,0,.6);}
.bar-fill{height:100%;border-radius:3px;transition:width .4s ease;position:relative;overflow:hidden;}
.bar-fill::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,0));}
.fill-energia{background:linear-gradient(90deg,var(--green-dim),var(--green));}
.fill-energia.low{background:linear-gradient(90deg,var(--red-dim),var(--red));animation:pulseWarn 1.6s ease-in-out infinite;}
.fill-fama{background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));}
.fill-skill{background:linear-gradient(90deg,var(--blue),#7391a0);}
.fill-saude{background:linear-gradient(90deg,var(--red-dim),#c2604a);}
.tag{display:inline-block;font-family:'Oswald';font-size:10px;letter-spacing:.08em;padding:2px 7px;border:1px solid var(--line);border-radius:2px;color:var(--ink-dim);margin:2px 4px 0 0;text-transform:uppercase;}
.tag-gold{border-color:var(--gold-dim);color:var(--gold);}
.tag-red{border-color:var(--red-dim);color:#d99a8c;}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px;}
.card{background:var(--bg-panel-alt);border:1px solid var(--line);padding:16px;border-radius:4px;cursor:pointer;
  box-shadow:0 8px 18px -10px rgba(0,0,0,.5);}
.card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 8px 18px -8px rgba(199,154,59,.35);}
.card h4{margin:0 0 4px;font-size:16px;}
.card .role{font-family:'JetBrains Mono';font-size:11px;color:var(--gold);margin-bottom:8px;display:block;}
.card p{font-size:12.5px;color:var(--ink-dim);line-height:1.5;margin:0 0 10px;}

.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px;}
@media(max-width:760px){.day-grid{grid-template-columns:repeat(4,1fr);}}
.day-card{background:var(--bg-sunk);border:1px solid var(--line);border-radius:4px;padding:9px 7px;text-align:center;box-shadow:inset 0 2px 6px rgba(0,0,0,.4);}
.day-card .day-name{font-family:'Oswald';font-size:9.5px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:7px;}
.day-act-btn{width:100%;background:var(--bg-panel-alt);border:1px solid var(--line-soft);color:var(--ink-dim);padding:6px 2px;border-radius:2px;margin-bottom:4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:'Oswald';font-size:8.6px;letter-spacing:.02em;transition:border-color .12s, color .12s, background .12s;}
.day-act-btn .icon{width:13px;height:13px;}
.day-act-btn:hover{border-color:var(--gold-dim);}
.day-act-btn.active{border-color:var(--gold);color:var(--gold);background:var(--bg-raised);}
.sub-row{display:flex;flex-direction:column;gap:3px;margin-top:5px;}
.sub-chip{background:transparent;border:1px solid var(--line-soft);color:var(--ink-faint);font-size:8.6px;padding:3px 2px;border-radius:2px;font-family:'Oswald';letter-spacing:.02em;}
.sub-chip.active{border-color:var(--gold-dim);color:var(--gold);}

.routine-summary{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-family:'JetBrains Mono';font-size:11.5px;color:var(--ink-dim);}
.routine-summary span b{color:var(--gold);}

.risk-box{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;border:1px solid var(--line);margin-top:12px;font-size:12px;}
.risk-low{background:rgba(110,122,80,.12);border-color:var(--green-dim);color:#c3d1a8;}
.risk-mid{background:rgba(199,154,59,.1);border-color:var(--gold-dim);color:#e0c58a;}
.risk-high{background:rgba(161,64,47,.12);border-color:var(--red-dim);color:#d99a8c;}
.risk-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor;}

.toggle-group{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;}
.toggle-opt{flex:1;min-width:170px;border:1px solid var(--line);background:var(--bg-panel-alt);padding:12px;border-radius:4px;cursor:pointer;transition:border-color .12s, background .12s, box-shadow .12s;}
.toggle-opt:hover{border-color:var(--gold-dim);}
.toggle-opt.active{border-color:var(--gold);background:var(--bg-raised);box-shadow:0 6px 14px -8px rgba(199,154,59,.4);}
.toggle-opt h5{margin:0 0 4px;font-family:'Oswald';font-size:12.5px;letter-spacing:.04em;color:var(--ink);text-transform:uppercase;}
.toggle-opt p{margin:0;font-size:11.5px;color:var(--ink-faint);line-height:1.4;}

.log{max-height:220px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:8px;padding-right:4px;}
.log-item{font-size:12.5px;color:var(--ink-dim);border-left:2px solid var(--line);padding:4px 0 4px 10px;}
.log-item b{color:var(--ink);}
.log::-webkit-scrollbar{width:6px;}
.log::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;}

.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;}
.market-card{background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 16px -10px rgba(0,0,0,.5);}
.market-card.selected{border-color:var(--gold);}
.market-card.owned{opacity:.55;}
.market-card h5{margin:0;font-size:13.5px;font-family:'Oswald';letter-spacing:.03em;display:flex;align-items:center;gap:8px;}
.market-card p{margin:0;font-size:11.5px;color:var(--ink-faint);line-height:1.5;flex:1;}
.market-price{font-family:'JetBrains Mono';font-size:13px;color:var(--gold);}
.chance-tag{font-family:'JetBrains Mono';font-size:11px;color:var(--ink-dim);}

.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px;}
.person-card{background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:14px;box-shadow:0 8px 16px -10px rgba(0,0,0,.5);}
.person-card.rival{border-color:var(--red-dim);}
.person-card.treinador{border-color:var(--gold-dim);}
.person-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.npc-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg-raised);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Anton';color:var(--ink-dim);flex-shrink:0;font-size:14px;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.4);}
.person-head .name{font-family:'Oswald';font-size:13.5px;letter-spacing:.02em;}
.person-head .local{font-size:10.5px;color:var(--ink-faint);font-family:'JetBrains Mono';}
.person-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.person-actions .btn{flex:1 1 auto;white-space:nowrap;}

.momentum-bar{height:11px;border-radius:5px;overflow:hidden;background:var(--bg-sunk);border:1px solid var(--line);display:flex;margin:10px 0 14px;box-shadow:inset 0 2px 4px rgba(0,0,0,.6);}
.momentum-fill-p{background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));transition:width .5s ease;}
.momentum-fill-r{background:linear-gradient(90deg,#7a3629,var(--red));transition:width .5s ease;}
.round-list{display:flex;flex-direction:column;gap:8px;margin:12px 0;}
.round-item{border-left:3px solid var(--line);padding:6px 0 6px 10px;font-size:12.5px;color:var(--ink-dim);opacity:0;animation:fadeIn .4s ease forwards;}
.round-item.jogador{border-color:var(--gold);}
.round-item.rival{border-color:var(--red);}
.round-item.equilibrio{border-color:var(--blue);}
.round-item b{color:var(--ink);font-family:'Oswald';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:2px;}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.fight-vs{display:flex;justify-content:space-between;align-items:center;font-family:'Oswald';font-size:12px;color:var(--ink-dim);margin-bottom:4px;}
.fight-vs b{color:var(--gold);}

.attr-block{margin-bottom:14px;}
.attr-block .attr-desc{font-size:11.5px;color:var(--ink-faint);line-height:1.5;margin-top:4px;}

/* ---------- Cartão do lutador / OVR ---------- */
.ovr-hex{width:64px;height:72px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 4px 10px rgba(0,0,0,.55), inset 0 2px 2px rgba(255,255,255,.4), inset 0 -3px 4px rgba(0,0,0,.4);
  animation:glowPulse 3.6s ease-in-out infinite;}
.ovr-hex .ovr-num{font-family:'Anton';font-size:22px;line-height:1;color:#241a08;}
.ovr-hex .ovr-lbl{font-family:'Oswald';font-size:8px;letter-spacing:.1em;color:#241a08;opacity:.75;}
.ovr-hex.sm{width:46px;height:52px;}
.ovr-hex.sm .ovr-num{font-size:16px;}
.ovr-hex.sm .ovr-lbl{font-size:6.5px;}
.card-lutador{border:2px solid var(--gold-dim);background:linear-gradient(165deg, var(--bg-raised), var(--bg-panel-alt));border-radius:8px;padding:22px;position:relative;overflow:hidden;
  box-shadow:0 20px 44px -18px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06);animation:fadeInUp .5s ease;}
.card-lutador::before{content:"";position:absolute;top:-40%;left:-20%;width:60%;height:180%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);pointer-events:none;}
.card-lutador-head{display:flex;align-items:center;gap:16px;margin-bottom:6px;}
.card-lutador-head .avatar-wrap{width:74px;height:74px;}
.card-lutador-head .info{flex:1;}
.card-lutador-head .info h3{margin:0;font-size:20px;}
.tier-label{font-family:'Oswald';font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;}
.attr-grid-card{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:16px;}
.attr-cell{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line-soft);padding-bottom:5px;}
.attr-cell .attr-abbr{font-family:'Oswald';font-size:11.5px;letter-spacing:.08em;color:var(--ink-dim);}
.attr-cell .attr-val{font-family:'JetBrains Mono';font-size:15px;color:var(--gold-bright);}

.chart-wrap{background:var(--bg-sunk);border:1px solid var(--line);border-radius:4px;padding:10px;margin-top:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.5);}
.chart-legend{display:flex;gap:16px;margin-top:8px;font-family:'JetBrains Mono';font-size:11px;color:var(--ink-dim);}
.chart-legend span{display:flex;align-items:center;gap:6px;}
.legend-dot{width:9px;height:9px;border-radius:50%;}

.achv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:14px;}
.achv-item{text-align:center;}
.medal{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:transform .3s ease;}
.medal.unlocked{background:radial-gradient(circle at 32% 26%, #f3d68a, #C79A3B 45%, #6e5522 100%);
  box-shadow:0 4px 10px rgba(0,0,0,.5), inset 0 2px 2px rgba(255,255,255,.4), inset 0 -3px 4px rgba(0,0,0,.4);}
.medal.locked{background:var(--bg-sunk);border:1px dashed var(--line);opacity:.45;}
.achv-item:hover .medal.unlocked{transform:scale(1.08);}
.medal .icon{width:26px;height:26px;color:#2c2109;}
.medal.locked .icon{color:var(--ink-faint);}
.achv-name{font-family:'Oswald';font-size:11px;letter-spacing:.03em;color:var(--ink-dim);}
.achv-desc{font-size:10px;color:var(--ink-faint);margin-top:2px;line-height:1.4;}

.rank-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12.5px;}
.rank-table th{text-align:left;font-family:'Oswald';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:6px 8px;border-bottom:1px solid var(--line);}
.rank-table td{padding:8px 8px;border-bottom:1px solid var(--line-soft);color:var(--ink-dim);}
.rank-table tr.me td{color:var(--gold-bright);font-weight:600;background:rgba(199,154,59,.08);}
.rank-table td.pos{font-family:'JetBrains Mono';color:var(--ink-faint);width:32px;}
.rank-table td.ovr{font-family:'JetBrains Mono';text-align:right;color:var(--gold);}

.escada-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.escada-item{display:flex;align-items:center;gap:14px;background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:12px 16px;box-shadow:0 6px 14px -10px rgba(0,0,0,.5);}
.escada-item.vencido{opacity:.6;border-color:var(--green-dim);}
.escada-item.bloqueado{opacity:.4;}
.escada-num{width:30px;height:30px;border-radius:50%;background:var(--bg-sunk);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono';font-size:12px;color:var(--ink-faint);flex-shrink:0;}
.escada-item.vencido .escada-num{background:var(--green-dim);color:var(--ink);border-color:var(--green);}
.escada-item.disponivel .escada-num{background:var(--gold-dim);color:#241a08;border-color:var(--gold);}
.escada-info{flex:1;min-width:140px;}
.escada-info .nome{font-family:'Oswald';font-size:14px;letter-spacing:.02em;}
.escada-info .meta{font-size:11px;color:var(--ink-faint);font-family:'JetBrains Mono';margin-top:2px;}
.escada-status{font-family:'Oswald';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:2px;border:1px solid var(--line);}
.escada-status.vencido{color:var(--green);border-color:var(--green-dim);}
.escada-status.bloqueado{color:var(--ink-faint);}
.escada-status.disponivel{color:var(--gold);border-color:var(--gold-dim);}
.escada-item.titulo{border-color:var(--gold);background:linear-gradient(90deg, rgba(199,154,59,.12), var(--bg-panel-alt));box-shadow:0 0 0 1px var(--gold-dim) inset, 0 6px 16px -8px rgba(199,154,59,.35);}
.escada-item.titulo .escada-info .nome{color:var(--gold-bright);}

.recovery-box{text-align:center;padding:30px 16px;}
.recovery-box .icon-lg{width:48px;height:48px;color:var(--red);margin-bottom:10px;}

.modal-overlay{position:fixed;inset:0;background:rgba(10,8,5,.78);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadeIn2 .25s ease;}
.modal{background:var(--bg-panel);border:1px solid var(--gold-dim);border-radius:6px;max-width:560px;width:100%;padding:26px;box-shadow:0 24px 70px var(--shadow), inset 0 1px 0 rgba(255,255,255,.06);max-height:88vh;overflow-y:auto;animation:modalIn .3s cubic-bezier(.2,.9,.3,1.3);}
@keyframes modalIn{from{opacity:0;transform:scale(.94) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}
.modal h2{margin:0 0 4px;font-size:22px;}
.modal .sub{color:var(--ink-faint);font-size:12.5px;margin-bottom:16px;font-family:'JetBrains Mono';}
.choice-btns{display:flex;flex-direction:column;gap:10px;margin-top:14px;}

.center-wrap{max-width:680px;margin:40px auto;}
.field{margin-bottom:16px;}
.field label{display:block;font-family:'Oswald';font-size:12px;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:6px;text-transform:uppercase;}
.field input[type=text]{width:100%;background:var(--bg-panel-alt);border:1px solid var(--line);color:var(--ink);padding:10px 12px;font-family:'Work Sans';font-size:14px;border-radius:3px;}
.field input[type=text]:focus{outline:none;border-color:var(--gold);}
.swatches{display:flex;gap:8px;flex-wrap:wrap;}
.swatch{width:34px;height:34px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 3px 6px rgba(0,0,0,.4), inset 0 2px 2px rgba(255,255,255,.3);}
.swatch.selected{border-color:var(--ink);}
.style-row{display:flex;gap:8px;flex-wrap:wrap;}
.style-btn{background:var(--bg-panel-alt);border:1px solid var(--line);color:var(--ink-dim);padding:8px 14px;border-radius:3px;font-family:'Oswald';font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.style-btn.active{border-color:var(--gold);color:var(--gold);background:var(--bg-raised);}
.avatar-preview{width:110px;height:110px;border-radius:50%;background:var(--bg-panel-alt);border:2px solid var(--gold-dim);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.5), inset 0 2px 2px rgba(255,255,255,.08);}
.avatar-preview svg{width:118%;height:118%;}

/* ---------- Arena de seleção (fundo com spotlight + textura de tela) ---------- */
.arena-backdrop{position:relative;border-radius:10px;overflow:hidden;padding:28px 16px 14px;margin-bottom:20px;
  background:
    radial-gradient(ellipse 380px 300px at 50% 20%, rgba(227,184,87,.22), transparent 65%),
    repeating-linear-gradient(45deg, rgba(199,154,59,.05) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(-45deg, rgba(199,154,59,.05) 0 1px, transparent 1px 16px),
    linear-gradient(180deg, #201709, #0e0b07 75%);
  border:1px solid var(--gold-dim);
  box-shadow:inset 0 0 70px rgba(0,0,0,.65), 0 20px 40px -22px rgba(0,0,0,.75);}
.arena-backdrop::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.7;}
.arena-avatar-wrap{width:150px;height:180px;margin:0 auto;position:relative;display:flex;align-items:flex-end;justify-content:center;}
.arena-avatar-wrap svg{width:150px;height:150px;filter:drop-shadow(0 14px 12px rgba(0,0,0,.55));}
.arena-caption{text-align:center;font-family:'Oswald';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim);margin-top:6px;transition:color .3s;}

@keyframes avatarPop{0%{transform:scale(.82) translateY(6px);opacity:.4;}55%{transform:scale(1.06) translateY(-2px);opacity:1;}100%{transform:scale(1) translateY(0);}}
@keyframes arenaFlash{0%{box-shadow:inset 0 0 70px rgba(0,0,0,.65), 0 20px 40px -22px rgba(0,0,0,.75), 0 0 0 rgba(227,184,87,0);}30%{box-shadow:inset 0 0 40px rgba(227,184,87,.25), 0 20px 40px -22px rgba(0,0,0,.75), 0 0 50px rgba(227,184,87,.5);}100%{box-shadow:inset 0 0 70px rgba(0,0,0,.65), 0 20px 40px -22px rgba(0,0,0,.75), 0 0 0 rgba(227,184,87,0);}}
@keyframes ringPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
.arena-avatar-wrap{animation:avatarPop .4s cubic-bezier(.34,1.56,.64,1);}
.arena-backdrop.arena-selected{animation:arenaFlash .6s ease;}
.arena-caption.caption-ativa{color:var(--gold-bright);text-shadow:0 0 12px rgba(227,184,87,.6);}

.stepper-trilha{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:22px;}
.stepper-ponto{width:9px;height:9px;border-radius:50%;background:var(--line);transition:background .3s, transform .3s;}
.stepper-ponto.ativo{background:var(--gold);transform:scale(1.3);box-shadow:0 0 8px rgba(227,184,87,.6);}
.stepper-ponto.feito{background:var(--gold-dim);}
.stepper-linha{width:26px;height:2px;background:var(--line);}
.stepper-linha.feita{background:var(--gold-dim);}

.especialidade-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.especialidade-card:hover .especialidade-icone{animation:ringPulse .5s ease;}
.especialidade-card.selected .especialidade-icone{filter:drop-shadow(0 0 10px rgba(227,184,87,.6)) drop-shadow(0 6px 6px rgba(0,0,0,.5));}
.swatch{transition:transform .15s ease, box-shadow .15s ease;}
.swatch:hover{transform:scale(1.15);}
.swatch.selected{animation:ringPulse .4s ease;}
.style-btn{transition:transform .12s ease, border-color .12s ease, color .12s ease;}
.style-btn:hover{transform:translateY(-1px);}

/* ---------- Grade de especialidades com ícone grande (estilo seleção de personagem) ---------- */
.especialidade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px;}
.especialidade-card{background:linear-gradient(165deg,var(--bg-raised),var(--bg-panel-alt));border:1px solid var(--line);border-radius:8px;padding:16px 12px;text-align:center;cursor:pointer;position:relative;overflow:hidden;
  box-shadow:0 10px 22px -14px rgba(0,0,0,.6);}
.especialidade-card:hover{border-color:var(--gold-dim);transform:translateY(-2px);}
.especialidade-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 24px -6px rgba(227,184,87,.5);}
.especialidade-icone{width:56px;height:56px;margin:0 auto 10px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5));}
.especialidade-nome{font-family:'Oswald';font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}
.especialidade-role{font-family:'JetBrains Mono';font-size:10px;color:var(--gold-dim);margin-top:2px;display:block;}

.hero{text-align:center;padding:60px 16px 30px;position:relative;animation:fadeInUp .6s ease;}
.hero::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:520px;height:420px;max-width:100%;
  background:radial-gradient(ellipse at center, rgba(199,154,59,.16), transparent 65%);pointer-events:none;z-index:-1;}
.hero .display{font-size:48px;line-height:1.05;color:var(--ink);margin:0;text-shadow:0 2px 0 rgba(0,0,0,.5), 0 6px 14px rgba(0,0,0,.4), 0 0 40px rgba(199,154,59,.15);}
.hero .display span{color:var(--gold);background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright),var(--gold-dim));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 4s linear infinite;}
.hero p{color:var(--ink-dim);max-width:480px;margin:14px auto 26px;font-size:14.5px;line-height:1.6;}

.actionbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.small{font-size:11.5px;color:var(--ink-faint);}
.result-win{color:var(--gold);}
.result-loss{color:var(--red);}
.result-draw{color:var(--ink-dim);}
.final-card{border:2px solid var(--gold-dim);padding:26px;border-radius:6px;background:var(--bg-panel-alt);box-shadow:0 20px 50px -20px rgba(0,0,0,.7);}
.warn-box{border:1px solid var(--red-dim);background:rgba(161,64,47,.08);color:#d99a8c;padding:10px 12px;border-radius:3px;font-size:12px;margin-top:10px;}
.info-box{border:1px solid var(--line);background:rgba(199,154,59,.06);color:var(--ink-dim);padding:10px 12px;border-radius:3px;font-size:12px;margin-top:10px;}

.objetivos-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.objetivo-item{display:flex;align-items:center;gap:10px;background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:9px 12px;font-size:12.5px;color:var(--ink-dim);}
.objetivo-item .icon{width:17px;height:17px;color:var(--gold-dim);flex-shrink:0;}

/* ---------- Acessibilidade ---------- */
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}

/* ---------- Barra de utilidades (som, nova jornada) ---------- */
.util-btns{display:flex;gap:6px;align-items:center;}
.util-btn{background:var(--bg-panel-alt);border:1px solid var(--line);color:var(--ink-dim);border-radius:4px;padding:6px 10px;font-size:12px;font-family:'Oswald';letter-spacing:.06em;}
.util-btn:hover{border-color:var(--gold-dim);color:var(--gold);}
.save-ind{font-family:'JetBrains Mono';font-size:10px;color:var(--ink-faint);}

/* ---------- Posturas de luta / corner ---------- */
.postura-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px;}
.postura-card{border:1px solid var(--line);background:var(--bg-panel-alt);border-radius:6px;padding:12px;cursor:pointer;text-align:left;color:var(--ink);font-family:'Work Sans';letter-spacing:0;transition:border-color .12s, background .12s;}
.postura-card:hover{border-color:var(--gold-dim);}
.postura-card.active{border-color:var(--gold);background:var(--bg-raised);box-shadow:0 0 0 1px var(--gold) inset;}
.postura-card .pc-icon{font-size:20px;}
.postura-card h5{margin:4px 0;font-family:'Oswald';font-size:13px;letter-spacing:.05em;text-transform:uppercase;}
.postura-card p{margin:0;font-size:11px;color:var(--ink-faint);line-height:1.45;}
.adv-box{border:1px dashed var(--red-dim);background:rgba(161,64,47,.07);border-radius:4px;padding:10px 12px;margin-top:10px;font-size:12.5px;color:var(--ink-dim);}
.corner-box{border:1px solid var(--gold-dim);background:linear-gradient(180deg,rgba(199,154,59,.1),transparent);border-radius:6px;padding:14px;margin-top:12px;animation:fadeInUp .3s ease;}
.corner-box .quote{font-family:'Oswald';font-size:15px;color:var(--gold-bright);letter-spacing:.02em;margin:6px 0 8px;}
.corner-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
@media(max-width:480px){.corner-btns{grid-template-columns:1fr;}}
.leitura{font-size:11.5px;color:var(--ink-faint);margin-top:4px;}
.tatica-pill{display:inline-block;font-family:'Oswald';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:10px;border:1px solid var(--gold-dim);color:var(--gold);margin-bottom:8px;}
.round-item.ko{border-color:var(--gold-bright);background:rgba(227,184,87,.08);}

/* ---------- Sala de troféus ---------- */
.estante{margin-top:14px;display:flex;flex-direction:column;gap:18px;}
.prateleira{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 10px 10px;}
.prateleira::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;border-radius:2px;
  background:linear-gradient(180deg,#6b4a2a,#3d2914);box-shadow:0 6px 10px -4px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.15);}
.trofeu-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:92px;text-align:center;}
.trofeu-slot svg{width:52px;height:60px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5));}
.trofeu-slot.vazio svg{filter:none;opacity:.35;}
.trofeu-nome{font-family:'Oswald';font-size:9.5px;letter-spacing:.04em;color:var(--ink-dim);margin-top:4px;line-height:1.2;}
.trofeu-slot.vazio .trofeu-nome{color:var(--ink-faint);}
@media(max-width:520px){.prateleira{grid-template-columns:repeat(2,1fr);}}

/* ---------- Investimentos na vila ---------- */
.vila-svg-wrap{background:var(--bg-sunk);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:12px;}
.vila-svg-wrap svg{display:block;width:100%;height:auto;}
.rotina-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;}

/* ---------- Mídia: retratos, vídeo do sparring, música, anúncio ---------- */
img.npc-avatar{object-fit:cover;object-position:50% 30%;padding:0;}
.npc-avatar.grande{width:52px;height:52px;border:2px solid var(--gold-dim);}
.retrato-btn{background:none;border:none;padding:0;border-radius:50%;cursor:zoom-in;flex-shrink:0;transition:transform .15s ease;}
.retrato-btn:hover{transform:scale(1.08);}
.retrato-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}
.retrato-banner-wrap{border:1px solid var(--gold-dim);border-radius:6px;overflow:hidden;margin:14px 0 4px;background:var(--bg-sunk);aspect-ratio:16/9;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.65);}
.retrato-banner-wrap.sm{aspect-ratio:auto;max-height:190px;margin:0 0 12px;}
.retrato-banner{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;}
.corner-head{display:flex;align-items:center;gap:10px;margin:6px 0 2px;}
.wiki-body{font-size:13px;color:var(--ink-dim);line-height:1.6;}
.wiki-body ul{padding-left:18px;margin:8px 0;}
.wiki-body li{margin-bottom:5px;}
.wiki-body b{color:var(--ink);}
.wiki-body .rank-table td{color:var(--ink-dim);}

.sparring-video-wrap{position:relative;border-radius:6px;overflow:hidden;margin-bottom:16px;border:1px solid var(--gold-dim);
  box-shadow:0 14px 30px -14px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.05);}
.sparring-video-wrap video{width:100%;display:block;}
.sparring-video-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 30px rgba(0,0,0,.5);}
.sparring-video-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.7;}

.music-toggle-btn{background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold-dim);
  box-shadow:0 3px 8px -3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .2s, transform .2s, color .2s;}
.music-toggle-btn:hover{border-color:var(--gold-dim);transform:translateY(-1px);color:var(--gold);}
.music-toggle-btn .icon{width:17px;height:17px;margin:0;}
.music-toggle-btn.muted{color:var(--ink-faint);}

#ad-footer{max-width:748px;margin:6px auto 14px;padding:6px;display:flex;justify-content:center;align-items:center;
  border:1px solid var(--line);border-radius:4px;background:var(--bg-panel);opacity:.85;min-height:102px;overflow-x:auto;}

/* ---------- Páginas de texto, SEO e rodapé ---------- */
.seo-intro{max-width:760px;margin:10px auto 18px;padding:0 18px;color:var(--ink-faint);font-size:13px;line-height:1.7;}
.seo-intro h2{font-size:18px;color:var(--ink-dim);margin:0 0 8px;}
.seo-intro b{color:var(--ink-dim);}
.seo-intro a,.site-footer a,.pagina-texto article a:not(.btn){color:var(--gold);}
.site-footer{text-align:center;font-size:12px;color:var(--ink-faint);padding:10px 16px 30px;}
.pagina-texto{max-width:800px;}
.pagina-texto article{line-height:1.7;color:var(--ink-dim);font-size:14.5px;}
.pagina-texto h1{font-family:'Anton';font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);font-size:28px;margin:0 0 12px;}
.pagina-texto h2{font-size:18px;color:var(--gold-bright);margin:22px 0 6px;}
.pagina-texto b{color:var(--ink);}
.site-nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:18px;font-family:'Oswald';font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.site-nav a{color:var(--ink-dim);text-decoration:none;}
.site-nav a:hover{color:var(--gold);}
.site-nav-marca{font-family:'Anton';font-size:20px;color:var(--gold)!important;margin-right:auto;}

/* ---------- Retenção: resumo, missões, bônus diário ---------- */
.resumo-panel{animation:fadeInUp .4s ease;}
.resumo-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.resumo-chip{font-family:'JetBrains Mono';font-size:12px;padding:5px 10px;border-radius:14px;border:1px solid var(--line);background:var(--bg-panel-alt);color:var(--ink-dim);animation:popChip .45s cubic-bezier(.34,1.56,.64,1) both;}
.resumo-chip.pos{border-color:var(--green-dim);color:#c3d1a8;}
.resumo-chip.neg{border-color:var(--red-dim);color:#d99a8c;}
.resumo-chip b{color:var(--gold-bright);}
.resumo-chip:nth-child(2){animation-delay:.06s}.resumo-chip:nth-child(3){animation-delay:.12s}.resumo-chip:nth-child(4){animation-delay:.18s}.resumo-chip:nth-child(5){animation-delay:.24s}.resumo-chip:nth-child(6){animation-delay:.3s}
@keyframes popChip{from{opacity:0;transform:scale(.7);}to{opacity:1;transform:scale(1);}}
.missoes-list{display:flex;flex-direction:column;gap:8px;margin:10px 0;}
.missao-item{display:flex;align-items:center;gap:10px;background:var(--bg-panel-alt);border:1px solid var(--line);border-radius:4px;padding:9px 12px;font-size:12.5px;color:var(--ink-dim);}
.missao-item.ok{border-color:var(--green-dim);background:rgba(110,122,80,.1);}
.missao-check{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:#c3d1a8;flex-shrink:0;}
.missao-item.ok .missao-check{background:var(--green-dim);border-color:var(--green);}
.missao-txt{flex:1;}
.missao-rec{font-family:'JetBrains Mono';font-size:11px;color:var(--gold);white-space:nowrap;}
@media(max-width:480px){.missao-item{flex-wrap:wrap;}.missao-rec{width:100%;padding-left:30px;}}
.streak-trilha{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0;}
.streak-dia{border:1px solid var(--line);border-radius:6px;padding:8px 2px;text-align:center;background:var(--bg-sunk);opacity:.5;display:flex;flex-direction:column;gap:2px;font-size:14px;}
.streak-dia b{font-family:'Oswald';font-size:11px;color:var(--ink-faint);}
.streak-dia.feito{opacity:1;border-color:var(--gold);background:var(--bg-raised);box-shadow:0 0 12px -4px rgba(227,184,87,.6);}
.streak-dia.grande{border-style:dashed;}

/* ---------- Artigos ---------- */
.artigo-meta{font-family:'JetBrains Mono';font-size:11.5px;color:var(--ink-faint);margin:-4px 0 14px;}
.artigo-img{margin:22px 0;border:1px solid var(--gold-dim);border-radius:6px;overflow:hidden;}
.artigo-img img{display:block;width:100%;height:auto;}
.artigo-img figcaption{font-size:12px;color:var(--ink-faint);padding:8px 12px;background:var(--bg-sunk);}
.artigo-cta{margin-top:26px;padding:16px;border:1px solid var(--gold-dim);border-radius:6px;background:linear-gradient(180deg,rgba(199,154,59,.1),transparent);}
.artigo-cta p{margin:0 0 10px;}
.artigos-lista{display:flex;flex-direction:column;gap:12px;margin:16px 0;}
.artigo-card{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg-panel-alt);text-decoration:none;transition:border-color .15s, transform .15s;}
.artigo-card:hover{border-color:var(--gold);transform:translateY(-2px);}
.artigo-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--gold-dim);}
.artigo-card h2{font-size:16px !important;margin:0 0 4px !important;color:var(--ink) !important;}
.artigo-card p{margin:0;font-size:12.5px;color:var(--ink-faint);line-height:1.5;}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin:16px 0;}
.galeria img{width:100%;height:auto;border-radius:50%;border:2px solid var(--gold-dim);}
.pagina-texto .rank-table td{color:var(--ink-dim);}