/* ======================================================================
   TEMA MEDIEVALĂ / AURIE (v0.6) – se încarcă după style.css și îi suprascrie culorile și stilurile
   ====================================================================== */
:root {
  --bg: #150e07; --bg2: #26180c; --panel: rgba(44, 29, 15, .9); --panel2: rgba(78, 52, 24, .72);
  --line: rgba(224, 178, 84, .4); --text: #f6e8c8; --mute: #c4a977;
  --cyan: #e7bd52; --violet: #b5803a; --pink: #b5412e; --gold: #ffd36a; --green: #6cb35f; --red: #dd5232; --blue: #5b8fd6;
  --r: 10px; --shadow: 0 12px 40px rgba(0, 0, 0, .6);
  --serif: "Palatino Linotype", "Book Antiqua", Palatino, "Iowan Old Style", Georgia, "Times New Roman", serif;
}
body { font-family: var(--serif); background: #150e07; }
.bgfx { background:
  radial-gradient(900px 600px at 50% -10%, rgba(214, 160, 60, .30), transparent 60%),
  radial-gradient(700px 500px at 100% 100%, rgba(130, 64, 20, .38), transparent 60%),
  repeating-linear-gradient(45deg, rgba(255, 220, 140, .03) 0 2px, transparent 2px 7px),
  linear-gradient(180deg, #1c1209, #0f0905); }
.stars { display: none; }
h1, h2, h3, .brand, .logo .big { font-family: var(--serif); letter-spacing: 1.2px; font-weight: 800; }
.brand, .logo .big { background: linear-gradient(180deg, #fff0b8, #e8b94a 55%, #a9741f); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .55)); }
.crest { font-size: 46px; text-align: center; color: var(--gold); text-shadow: 0 0 18px rgba(255, 200, 80, .6); line-height: 1; margin-bottom: 4px; }

.btn { font-family: var(--serif); border-radius: 7px; border: 1px solid rgba(224, 178, 84, .6);
  background: linear-gradient(180deg, rgba(112, 76, 35, .95), rgba(60, 38, 16, .97)); color: #f6e8c8; text-shadow: 0 1px 0 #000;
  box-shadow: inset 0 1px 0 rgba(255, 230, 160, .25), 0 3px 8px rgba(0, 0, 0, .5); letter-spacing: .3px; }
.btn.primary, .btn.gold { background: linear-gradient(180deg, #f7dc8a, #d5a23a 55%, #a7731c); color: #2a1700; text-shadow: 0 1px 0 rgba(255, 240, 190, .6);
  border-color: #6b4710; box-shadow: inset 0 1px 0 #fff3c4, 0 4px 14px rgba(215, 160, 50, .35); }
.btn.hot { background: linear-gradient(180deg, #e0674a, #a32f1d); color: #fff; border-color: #5c1a0e; box-shadow: inset 0 1px 0 rgba(255, 200, 180, .4), 0 4px 14px rgba(200, 70, 40, .35); }
.card { border-radius: 8px; border: 1px solid rgba(224, 178, 84, .55); backdrop-filter: none;
  background: linear-gradient(180deg, rgba(60, 40, 20, .93), rgba(33, 21, 10, .95));
  box-shadow: inset 0 0 0 3px rgba(18, 11, 5, .9), inset 0 0 0 4px rgba(224, 178, 84, .35), 0 12px 40px rgba(0, 0, 0, .6); }
input, textarea { font-family: var(--serif); background: rgba(20, 12, 5, .72); border: 1px solid rgba(224, 178, 84, .5); color: var(--text); border-radius: 7px; }
input:focus, textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255, 211, 106, .2); }
.pill, .tier, .stat, .lobbyitem, .slot { border-color: rgba(224, 178, 84, .4); }
.nav button.on { background: linear-gradient(180deg, #f7dc8a, #c89533); color: #2a1700; border-color: #6b4710; }
.hero { background: linear-gradient(135deg, rgba(231, 189, 82, .16), rgba(181, 128, 58, .12), rgba(181, 65, 46, .12)); }
.avatars button.on { border-color: var(--gold); box-shadow: 0 0 14px rgba(255, 211, 106, .5); }
.lb tr.mine td { background: rgba(231, 189, 82, .1); }
.skill .ic { filter: drop-shadow(0 0 12px rgba(255, 200, 80, .6)); }
.codebox { color: var(--gold); text-shadow: 0 0 22px rgba(255, 200, 80, .55); }
.slots { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 700px) { .slots { grid-template-columns: repeat(3, 1fr); } .slot .a { font-size: 30px; } }
.timer i { background: linear-gradient(90deg, #f7dc8a, #d5a23a); } .timer.hot i { background: linear-gradient(90deg, #f0b24a, #c0392b); }

/* ---------- avatare (poză sau emoji) ---------- */
.avimg { border-radius: 50%; object-fit: cover; border: 2px solid #d9ab45; vertical-align: middle; width: 28px; height: 28px; background: #2a1a0c; box-shadow: 0 2px 6px rgba(0, 0, 0, .5); }
.avimg.xs { width: 22px; height: 22px; border-width: 1.5px; } .avimg.sm { width: 30px; height: 30px; } .avimg.lg { width: 64px; height: 64px; border-width: 3px; }
.avimg.xl { width: 96px; height: 96px; border-width: 3px; } .avimg.xxl { width: 132px; height: 132px; border-width: 4px; }
.avem { font-size: 22px; line-height: 1; vertical-align: middle; }
.avem.xs { font-size: 17px; } .avem.sm { font-size: 24px; } .avem.lg { font-size: 46px; } .avem.xl { font-size: 70px; } .avem.xxl { font-size: 100px; }
.av { margin-right: 6px; }

/* ---------- dashboard ---------- */
.dashgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; }
.dashhead { display: flex; gap: 22px; align-items: center; grid-column: 1 / -1; }
.dashhead h2 { font-size: 30px; margin-bottom: 6px; }
.dashav .avimg, .dashpreview .avimg { box-shadow: 0 0 22px rgba(255, 200, 80, .45); }
input[type=file] { padding: 9px; }

/* ---------- joc: ecran plin, aspect medieval ---------- */
#game.gamefs { background: radial-gradient(900px 600px at 50% 30%, #3d2813, #120a04 75%); padding: 54px 1.2vw 8px; }
.mapfs { width: min(100%, calc((100vh - 66px) * 1.7778)); border-radius: 5px; border: 0;
  box-shadow: 0 0 0 3px #7a5418, 0 0 0 5px #1c1006, 0 0 0 9px #d9ab45, 0 0 0 11px #1c1006, 0 0 0 14px #7a5418, 0 20px 60px rgba(0, 0, 0, .8); }
.mapimg { filter: sepia(.26) saturate(1.05) contrast(1.04) brightness(.98); }
.hudtop .steps { background: rgba(28, 17, 8, .85); border: 1px solid #b88a33; border-radius: 10px; padding: 5px; gap: 5px; box-shadow: 0 6px 18px rgba(0, 0, 0, .6); }
.step { background: linear-gradient(180deg, #4a3118, #2c1c0c); border: 1px solid #8f6a28; color: #d9c08a; border-radius: 7px; font-family: var(--serif); letter-spacing: .4px; }
.step.on { background: linear-gradient(180deg, #fbe39a, #d5a23a 60%, #a7731c); color: #2a1700; border-color: #5e3d0c; box-shadow: 0 0 16px rgba(255, 200, 80, .5); }
.roundtag, .deadchip { background: rgba(28, 17, 8, .85); border: 1px solid #8f6a28; color: #e9d3a0; }
.floatpill { background: linear-gradient(180deg, rgba(60, 40, 20, .96), rgba(30, 19, 9, .97)); border: 1px solid #b88a33; border-radius: 10px;
  box-shadow: inset 0 0 0 2px rgba(20, 12, 5, .9), inset 0 0 0 3px rgba(224, 178, 84, .3), 0 10px 36px rgba(0, 0, 0, .65); backdrop-filter: none; }
.floatq { background: linear-gradient(180deg, #f3e4bb, #dcc088); color: #2b1a0a; border: 2px solid #6e4a12; border-radius: 10px; backdrop-filter: none;
  box-shadow: inset 0 0 0 3px #f6e9c6, inset 0 0 0 4px #9a6f27, 0 14px 50px rgba(0, 0, 0, .7); }
.floatq .stagetitle { color: #5a3410; font-weight: 800; } .floatq .qcat { color: #7a4f12; } .floatq .qtext { color: #2b1a0a; font-weight: 800; }
.floatq .mute { color: #6b5030; }
.floatq .timer { background: rgba(60, 38, 14, .35); }
.floatq .opt { background: linear-gradient(180deg, #fff7de, #ecd39d); border: 2px solid #8a6424; color: #2b1a0a; box-shadow: 0 2px 0 #6e4a12; font-family: var(--serif); }
.floatq .opt b { background: #8a6424; color: #fff3c4; }
.floatq .opt:not(:disabled):hover { border-color: #b5412e; background: linear-gradient(180deg, #fffbe9, #f3dca8); transform: translateY(-2px); }
.floatq .opt.good { background: linear-gradient(180deg, #d6f0bd, #a9d68a); border-color: #3f8a2e; box-shadow: 0 0 16px rgba(80, 160, 50, .5); }
.floatq .opt.bad { background: linear-gradient(180deg, #f6cfc4, #e59a88); border-color: #b5412e; }
.floatq .opt.rm { opacity: .35; }
.floatq .numrow input { background: #fff7de; color: #2b1a0a; border: 2px solid #8a6424; font-family: var(--serif); }
.floatq .hintbox { background: rgba(138, 100, 36, .18); border-color: #8a6424; color: #3b2508; }
.floatq .answerbox { background: rgba(120, 180, 90, .25); border-color: #3f8a2e; color: #1f3b12; }
.floatq .chip2 { background: rgba(255, 247, 222, .7); color: #2b1a0a; } .floatq .chip2.done { background: color-mix(in srgb, var(--c) 28%, #fff7de); }
.floatq .resdots span { background: rgba(255, 247, 222, .75); color: #2b1a0a; } .floatq .resdots .ok { color: #1f6a1a; } .floatq .resdots .no { color: #9a2a14; }
.floatq .revnote { color: #5a3410; }
.floatq .sk { background: linear-gradient(180deg, #6b4a22, #3c2610); color: #f6e8c8; border-color: #b88a33; }
.pcard .pcname { font-size: 11.5px; font-weight: 900; text-anchor: middle; paint-order: stroke; stroke: #1a0f06; stroke-width: 3.6px; stroke-linejoin: round; }
.pcard .pcst { font-size: 9px; fill: #fff0c4; text-anchor: middle; font-weight: 800; paint-order: stroke; stroke: #1a0f06; stroke-width: 3px; stroke-linejoin: round; }
.pcard .pctag { font-size: 8.5px; font-weight: 900; fill: #fff7de; text-anchor: middle; }
.pcard.me .pcname { filter: drop-shadow(0 0 4px currentColor); }
.castle-hit { pointer-events: all; cursor: pointer; }
.pcard:hover .castle { filter: brightness(1.15) drop-shadow(0 0 4px rgba(255, 220, 120, .8)); }
.flame { transform-box: fill-box; transform-origin: 50% 100%; animation: flick .45s ease-in-out infinite alternate; }
.flame.f2 { animation-duration: .6s; }
@keyframes flick { from { transform: scale(1, 1) skewX(-4deg); opacity: .95; } to { transform: scale(.84, 1.24) skewX(6deg); opacity: .78; } }
.smoke { transform-box: fill-box; transform-origin: center; animation: smk 2.4s ease-out infinite; }
.smoke.s2 { animation-delay: 1.1s; }
@keyframes smk { 0% { transform: translate(0, 0) scale(.6); opacity: .5; } 100% { transform: translate(3px, -13px) scale(1.5); opacity: 0; } }
/* regiunile selectabile se luminează integral (nu doar conturul) */
.reg.sel .hit { fill: rgba(255, 214, 102, .46); animation: litGold 1s infinite; }
.reg.atk .hit { fill: rgba(255, 92, 50, .52); animation: litRed 1s infinite; }
.reg.sel:hover .hit { fill: rgba(255, 224, 140, .7); } .reg.atk:hover .hit { fill: rgba(255, 120, 80, .75); }
.reg.duel .hit { fill: rgba(255, 255, 255, .3); animation: litRed .7s infinite; }
.reg.sel .ring { stroke: #ffe08a; } .reg.atk .ring { stroke: #ff6a3d; }
@keyframes litGold { 50% { fill: rgba(255, 214, 102, .72); } } @keyframes litRed { 50% { fill: rgba(255, 92, 50, .78); } }
.reg .rname { font-family: var(--serif); fill: #fff3d0; }

/* ---------- chenar flotant cu avatarul și detaliile jucătorului ---------- */
.pinfo { position: fixed; z-index: 70; width: 290px; padding: 14px 16px; border-radius: 9px; border: 2px solid #b88a33;
  background: linear-gradient(180deg, #4a3118, #26170a); color: var(--text); box-shadow: inset 0 0 0 2px #140b04, inset 0 0 0 3px rgba(224, 178, 84, .4), 0 16px 44px rgba(0, 0, 0, .75); animation: floatin2 .18s ease-out; }
@keyframes floatin2 { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.pi-head { display: flex; gap: 12px; align-items: center; }
.pi-who { flex: 1; min-width: 0; } .pi-who b { font-size: 19px; }
.pi-x { background: none; border: 0; color: var(--mute); font-size: 18px; padding: 2px 6px; }
.pi-grid { display: grid; grid-template-columns: 1fr auto; gap: 5px 14px; margin: 12px 0 8px; font-size: 14px; } .pi-grid b { text-align: right; }
.pi-note { font-size: 12.5px; color: var(--gold); border-top: 1px solid rgba(224, 178, 84, .3); padding-top: 8px; }
.modal { background: rgba(10, 6, 2, .82); }
.toast { background: #3a2410; border-color: #b88a33; }
.awaycard { border-color: var(--gold); }

/* ---------- ecrane înguste: bara de sus pe două rânduri ---------- */
@media (max-width: 760px) {
  .hudtop { top: 52px; }
  .hudr { top: 10px; right: 64px; max-width: 62vw; }
  #game.gamefs { padding-top: 104px; }
  .mapfs { width: 100%; }
}

/* ---------- autentificare / recuperare parolă ---------- */
.lnk { color: var(--gold); text-decoration: underline dotted; }
.okbox { margin-top: 12px; padding: 10px 12px; border-radius: 8px; background: rgba(108, 179, 95, .18); border: 1px solid #6cb35f; }
.devbox { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: rgba(231, 189, 82, .15); border: 1px dashed #e7bd52; font-size: 13px; }
.warnbar { margin-bottom: 14px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; border-color: var(--gold); }
.sep { border: 0; border-top: 1px solid rgba(224, 178, 84, .3); margin: 16px 0; }
.authcard .field label .mute { font-size: 12px; }

/* ---------- spectator ---------- */
.spectator { background: linear-gradient(180deg, #5a3a96, #36215e); color: #fff; border: 1px solid #b9a0ff; border-radius: 9px; padding: 5px 14px; font-weight: 800; font-size: 13px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .6); animation: floatin2 .2s ease-out; max-width: 92vw; text-align: center; }

/* ---------- panoul de administrare ---------- */
.adminhead { border-color: #b88a33; margin-bottom: 14px; }
.adminnav { margin-bottom: 14px; }
.tablewrap { overflow-x: auto; }
.admint td, .admint th { vertical-align: middle; }
.admint td.acts { white-space: nowrap; }
.admint td.acts .btn { margin: 2px 2px; }
.tier.adm { background: rgba(231, 189, 82, .25); border-color: #e7bd52; } .tier.blk { background: rgba(214, 80, 47, .25); border-color: #d6502f; }
.formgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
@media (max-width: 640px) { .formgrid { grid-template-columns: 1fr; } }
select { font: inherit; color: var(--text); background: rgba(20, 12, 5, .72); border: 1px solid rgba(224, 178, 84, .5); border-radius: 7px; padding: 12px 14px; width: 100%; }
.chk { display: flex; gap: 8px; align-items: center; margin: 6px 0 10px; } .chk input { width: auto; }
.adminnote { border-color: var(--gold); display: flex; gap: 12px; align-items: center; flex-wrap: wrap; grid-column: 1 / -1; }

/* ======================= v0.10: Arena, fortăreață, clasament, profil, magazin ======================= */
.btn.big { font-size: 18px; padding: 14px 26px; }
.row.c { justify-content: center; }
.resumebar { display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; border-color: var(--gold); }

/* Arena Tournament = planul întâi */
.arenahero { text-align: center; padding: 28px 18px 24px; position: relative; overflow: hidden;
  background: radial-gradient(600px 220px at 50% 0%, rgba(255, 211, 106, .22), transparent 70%), linear-gradient(180deg, rgba(76, 50, 22, .96), rgba(34, 22, 10, .97));
  border: 2px solid #e7bd52; }
.arenaflag { font-size: 34px; color: var(--gold); text-shadow: 0 0 20px rgba(255, 200, 80, .7); line-height: 1; }
.arenatitle { font-size: clamp(28px, 6vw, 46px); margin: 4px 0; background: linear-gradient(180deg, #fff0b8, #e8b94a 55%, #a9741f); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 4px; }
.arenasub { color: var(--mute); margin-bottom: 14px; }
.arenamsg { font-size: 20px; font-weight: 700; color: var(--gold); margin: 6px 0 18px; text-shadow: 0 2px 0 #000; }
.arenanote { margin: 16px auto 0; max-width: 680px; color: var(--text); font-size: 14px; background: rgba(0, 0, 0, .28); border: 1px solid rgba(224, 178, 84, .35); border-radius: 8px; padding: 8px 12px; }
.arenarules { margin-top: 10px; color: var(--mute); font-size: 12.5px; }
.seccard { text-align: center; }
.seccard .secico { font-size: 34px; }
.seccard h3 { margin: 2px 0 6px; }
.seccard p { min-height: 54px; }

.grid2 > .card, .dashgrid > .card { min-width: 0; }
.fortmini .fortsvg { display: block; margin: 0 auto; }
.fortmini-info { min-width: 150px; }
.pi-grid { display: grid; grid-template-columns: auto auto; gap: 3px 14px; margin-top: 6px; font-size: 14px; }
.pi-grid span { color: var(--mute); }

/* fortăreața mea */
.forthead { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.fortart { flex: 0 0 auto; margin: 0 auto; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .55)); }
.upcard h3 { display: inline; }
.lvlchip { display: inline-block; font-size: 13px; background: rgba(231, 189, 82, .22); border: 1px solid var(--cyan); border-radius: 10px; padding: 1px 8px; margin-left: 6px; }
.statbar { height: 10px; border-radius: 6px; background: rgba(0, 0, 0, .4); border: 1px solid rgba(224, 178, 84, .4); overflow: hidden; margin-top: 8px; }
.statbar i { display: block; height: 100%; background: linear-gradient(90deg, #a9741f, #ffd36a); }

/* clasament / paginare / Top 100 */
.pager { display: flex; gap: 8px; align-items: center; justify-content: center; margin: 10px 0; flex-wrap: wrap; }
.pgnum { color: var(--gold); font-weight: 800; padding: 0 8px; }
.lb .click { cursor: pointer; }
.lb .click:hover td { background: rgba(231, 189, 82, .16); }
.lb td.goto { color: var(--gold); font-size: 20px; width: 24px; }
.modal .card.wide { width: min(860px, 100%); }
.scrollbox { max-height: 62vh; overflow-y: auto; }
.statgroup { font-size: 12px; text-transform: uppercase; letter-spacing: 1.4px; color: var(--mute); margin: 12px 0 -4px; }
.setsec { background: transparent; box-shadow: none; border: 0; padding-bottom: 0; }
.setsec h3 { border-bottom: 2px solid rgba(224, 178, 84, .5); padding-bottom: 6px; }

/* profil public */
.profcols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
@media (max-width: 700px) { .profcols { grid-template-columns: 1fr; } }
.card.inner { margin-top: 12px; padding: 12px 14px; box-shadow: none; background: rgba(0, 0, 0, .22); }
.profcols .card.inner { margin-top: 0; }
.achchips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; max-height: 220px; overflow-y: auto; }

/* magazin: 4 pe rând; activele sus */
.cards4 { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 14px; }
@media (max-width: 980px) { .cards4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .cards4 { grid-template-columns: 1fr; } }
.shoprow-title { margin: 18px 4px 8px; font-weight: 800; letter-spacing: 1px; color: var(--gold); text-transform: uppercase; font-size: 14px; }
.skill.off { opacity: .55; filter: grayscale(.7); }
.skill.off .price { text-decoration: line-through; }
.offbadge { margin-top: 10px; display: inline-block; padding: 6px 12px; border: 1px dashed rgba(224, 178, 84, .6); border-radius: 8px; color: var(--mute); }
.tier.off { opacity: .55; }

/* realizări pe scări */
.achgroup { margin-bottom: 10px; border: 1px solid rgba(224, 178, 84, .4); border-radius: 8px; background: rgba(20, 12, 5, .45); }
.achgroup > summary { cursor: pointer; padding: 10px 14px; list-style: none; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.achgroup > summary::-webkit-details-marker { display: none; }
.achgroup > summary::before { content: '▸'; color: var(--gold); }
.achgroup[open] > summary::before { content: '▾'; }
.achgroup .achgrid { padding: 0 12px 12px; }

/* părerea publicului (abilitate) */
.opt { position: relative; }
.opt .poll { display: block; position: relative; height: 14px; margin-top: 4px; background: rgba(0, 0, 0, .35); border-radius: 7px; overflow: hidden; }
.opt .poll i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, #a9741f, #ffd36a); }
.opt .poll em { position: relative; font-size: 11px; font-style: normal; color: #fff; padding-left: 6px; text-shadow: 0 1px 1px #000; }

/* puterea fiecarei regiuni, in centrul ei */
.reg .rpts { dominant-baseline: central; alignment-baseline: central; font-weight: 900; fill: #ffd36a; text-anchor: middle; pointer-events: none; paint-order: stroke; stroke: #1a0f06; stroke-width: 2.4px; stroke-linejoin: round; }

/* ======================= Clasamentul rundei (final de meci) ======================= */
.resmodal .card.resbox { width: min(820px, 100%); padding: 18px 18px 20px; }
.reshead { text-align: center; padding: 6px 0 2px; }
.reshead .resico { font-size: 46px; line-height: 1; filter: drop-shadow(0 0 16px rgba(255, 200, 80, .6)); }
.reshead h2 { font-size: clamp(26px, 5vw, 38px); margin: 4px 0; background: linear-gradient(180deg, #fff0b8, #e8b94a 55%, #a9741f); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 3px; text-transform: uppercase; }
.reshead.win .resico { animation: floaty 2.4s ease-in-out infinite; }
@keyframes floaty { 50% { transform: translateY(-6px); } }

.podium { display: flex; justify-content: center; align-items: flex-end; gap: 12px; margin: 18px auto 8px; max-width: 560px; }
.pod { flex: 1; min-width: 0; text-align: center; display: flex; flex-direction: column; align-items: center; }
.pod .crown { font-size: 24px; margin-bottom: -4px; animation: floaty 2s ease-in-out infinite; }
.pod .podav { border-radius: 50%; padding: 3px; background: var(--c); box-shadow: 0 0 18px var(--c); }
.pod .podname { font-weight: 800; margin-top: 6px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pod .podscore { font-size: 13px; color: var(--gold); margin-bottom: 6px; }
.pod .podblock { width: 100%; border-radius: 8px 8px 0 0; border: 1px solid rgba(224, 178, 84, .7); border-bottom: 0; display: grid; place-items: center; font-size: 34px;
  background: linear-gradient(180deg, rgba(231, 189, 82, .38), rgba(120, 78, 28, .5)); }
.pod.p1 .podblock { height: 110px; background: linear-gradient(180deg, #f7dc8a, #b8821f); box-shadow: 0 0 22px rgba(255, 200, 80, .35); }
.pod.p2 .podblock { height: 80px; } .pod.p3 .podblock { height: 58px; }
.pod.me .podname { color: var(--gold); }
.podium.n2 .pod.p2 .podblock { height: 70px; }

.rcards { display: grid; gap: 12px; margin-top: 16px; }
.rcard { border: 1px solid rgba(224, 178, 84, .45); border-left: 5px solid var(--c); border-radius: 8px; padding: 12px 14px; background: rgba(0, 0, 0, .22); }
.rcard.first { background: linear-gradient(90deg, rgba(231, 189, 82, .18), rgba(0, 0, 0, .2)); border-color: var(--gold); border-left-color: var(--c); }
.rcard.me { box-shadow: 0 0 0 1px rgba(255, 211, 106, .55); }
.rhead { display: flex; align-items: center; gap: 10px; }
.rplace { font-size: 28px; width: 38px; text-align: center; }
.rwho { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rwho b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rwho span, .rscore span { font-size: 12px; color: var(--mute); }
.rscore { text-align: right; } .rscore b { display: block; font-size: 22px; color: var(--gold); }
.rstats { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.rchip { background: rgba(231, 189, 82, .12); border: 1px solid rgba(224, 178, 84, .3); border-radius: 14px; padding: 2px 9px; font-size: 13px; white-space: nowrap; }
.rchip i { font-style: normal; color: var(--mute); font-size: 11px; }
.rewards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.rw { text-align: center; border-radius: 8px; padding: 6px 4px; background: rgba(0, 0, 0, .3); border: 1px solid rgba(224, 178, 84, .3); }
.rw b { display: block; font-size: 20px; } .rw span { font-size: 12px; color: var(--mute); }
.rw.up b { color: #86efac; } .rw.down b { color: #fca5a5; }
.rnote { margin-top: 8px; font-size: 13px; }
.rach { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
@media (max-width: 520px) { .podium { gap: 6px; } .pod .podblock { font-size: 26px; } .rchip i { display: none; } }

/* ======================= Contul meu: bară laterală + secțiuni ======================= */
.dashwrap { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 860px) { .dashwrap { grid-template-columns: 1fr; } }
.dashside { position: sticky; top: 10px; padding: 18px 16px; }
@media (max-width: 860px) { .dashside { position: static; } }
.dsprofile { text-align: center; }
.dsprofile .dashav { display: inline-block; border-radius: 50%; padding: 4px; background: linear-gradient(180deg, #f7dc8a, #a7731c); box-shadow: 0 0 22px rgba(255, 200, 80, .35); }
.dsprofile h2 { margin: 10px 0 6px; word-break: break-word; }
.dsbadges { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.dsbio { margin: 8px 0 2px; font-size: 13px; }
.tierbar { height: 8px; border-radius: 6px; margin: 12px 4px 4px; background: rgba(0, 0, 0, .4); border: 1px solid rgba(224, 178, 84, .4); overflow: hidden; }
.tierbar i { display: block; height: 100%; background: linear-gradient(90deg, #a9741f, #ffd36a); }
.dswallet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 14px 0; }
.dswallet div { text-align: center; background: rgba(0, 0, 0, .28); border: 1px solid rgba(224, 178, 84, .3); border-radius: 8px; padding: 7px 2px; }
.dswallet b { display: block; font-size: 15px; } .dswallet span { font-size: 11px; color: var(--mute); }
.dsnav { display: flex; flex-direction: column; gap: 4px; margin: 6px 0 12px; }
.dsnav button { text-align: left; font: inherit; font-weight: 700; color: var(--text); background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 10px 12px; cursor: pointer; }
.dsnav button span { display: inline-block; width: 24px; }
.dsnav button:hover { background: rgba(231, 189, 82, .12); }
.dsnav button.on { background: linear-gradient(180deg, #f7dc8a, #c89533); color: #2a1700; border-color: #6b4710; }
@media (max-width: 860px) { .dsnav { flex-direction: row; overflow-x: auto; } .dsnav button { white-space: nowrap; } }
.dsquick { display: flex; flex-direction: column; gap: 8px; }
.dsquick .btn { width: 100%; }
.dashmain { display: grid; gap: 14px; min-width: 0; }
.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
@media (max-width: 600px) { .kpis { grid-template-columns: repeat(2, 1fr); } }
.kpi { text-align: center; padding: 14px 8px; border-radius: 8px; border: 1px solid rgba(224, 178, 84, .45); background: linear-gradient(180deg, rgba(76, 50, 22, .85), rgba(33, 21, 10, .9)); }
.kpi .kico { font-size: 22px; } .kpi b { display: block; font-size: 26px; color: var(--gold); } .kpi span { font-size: 12px; color: var(--mute); }
.grid2c { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 700px) { .grid2c { grid-template-columns: 1fr; } }
.grid2c > .card, .dashmain > .card { min-width: 0; }
.skillown { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 8px; }
.sk-own { display: flex; align-items: center; gap: 6px; background: rgba(0, 0, 0, .25); border: 1px solid rgba(224, 178, 84, .3); border-radius: 8px; padding: 6px 8px; font-size: 13px; }
.sk-own .ic { font-size: 18px; } .sk-own b { flex: 1; font-weight: 700; } .sk-own em { font-style: normal; color: var(--gold); }
.card .sub { font-size: 13px; margin: 4px 0 10px; }
.subh { margin: 14px 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: 1.2px; color: var(--mute); }
.achprog { margin: 10px 0 4px; } .achprog .mute { font-size: 13px; }

/* panoul intrebarii nu se mai "scutura" la fiecare actualizare (raspuns, abilitate): animatia de intrare ruleaza o singura data */
.floatq.still, .floatpill.still { animation: none !important; }
/* puncte animate "Se caută jucători." -> ".." -> "..." */
.dots { display: inline-block; width: 1.3em; text-align: left; }

/* mesajele de pe harta: chenar plin (fundal opac, margine aurie) */
.banner .mbox, .pbanner .mbox { display: inline-block; max-width: 88%; box-sizing: border-box; padding: 9px 20px 10px; text-align: center;
  background: #24160a; border: 2px solid #e7bd52; border-radius: 8px;
  box-shadow: inset 0 0 0 2px #120a04, inset 0 0 0 3px rgba(224, 178, 84, .45), 0 6px 22px rgba(0, 0, 0, .75); }
.banner .mbox .s, .pbanner .mbox .pbs { color: #fff3d0 !important; }
.pbanner .mbox .pbt { padding: 0; }
.float { font-size: 15px; background: #24160a; border: 1.5px solid #e7bd52; border-radius: 6px; padding: 2px 9px; font-weight: 800; text-shadow: none !important; box-shadow: 0 3px 10px rgba(0, 0, 0, .7); }

/* mesajele de sub harta (panoul cu starea / ordinea / timerul): chenar plin, la fel ca cele de pe harta */
.floatpill { background: #24160a !important; border: 2px solid #e7bd52 !important; border-radius: 8px; padding: 9px 20px 10px;
  box-shadow: inset 0 0 0 2px #120a04, inset 0 0 0 3px rgba(224, 178, 84, .45), 0 8px 26px rgba(0, 0, 0, .75) !important; }
.floatpill .pilltxt { color: #fff3d0; }
.floatpill .chip2 { background: #3a2610; border: 1px solid rgba(224, 178, 84, .5); }