/* Spânzurătoarea v4 */
.hangman-page .auth-shell{width:100%;max-width:none;padding:46px 24px 64px;background:linear-gradient(180deg,#fff,#f6faf7)}
.hangman-page .auth-card{width:min(1320px,100%);max-width:none;padding:0;border:0;box-shadow:none;background:transparent}
.hangman-page .auth-card-heading{width:min(1180px,100%);margin:0 auto 30px;text-align:center}
.hangman-app,.hangman-leaderboard{width:min(1180px,100%);margin:0 auto}
.hangman-app [hidden],.hangman-page [hidden]{display:none!important}
.hangman-loading,.hangman-error{min-height:420px;display:grid;place-content:center;gap:14px;text-align:center;border:1px solid #dce9df;border-radius:28px;background:#fff}
.hangman-spinner{width:42px;height:42px;margin:0 auto;border:4px solid #dce9df;border-top-color:#16834d;border-radius:50%;animation:hangman-spin .8s linear infinite}
@keyframes hangman-spin{to{transform:rotate(360deg)}}
.hangman-game{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:28px;align-items:start}
.hangman-visual,.hangman-board,.hangman-rules,.hangman-leaderboard-head,.hangman-table-wrap,.hangman-ranking-rules,.hangman-my-rank{border:1px solid #dce9df;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(14,48,29,.08)}
.hangman-visual{position:sticky;top:112px;overflow:hidden}
.hangman-image-frame{aspect-ratio:1122/1402;overflow:hidden;background:#102018}
.hangman-image-frame img{display:block;width:100%;height:100%;object-fit:cover}
.hangman-visual-caption{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;color:#52645b;font-size:13px;font-weight:800}
.hangman-board{min-height:650px;padding:clamp(22px,4vw,38px)}
.hangman-meta{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:10px}
.hangman-meta>div{min-width:0;padding:12px 14px;border-radius:16px;background:#f2f7f4}
.hangman-meta span{display:block;margin-bottom:3px;color:#708078;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.hangman-meta strong{display:block;overflow:hidden;color:#112119;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.hangman-word{min-height:122px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:14px 18px;margin:36px 0 26px}
.hangman-word-group{display:inline-flex;align-items:flex-end;justify-content:center;gap:7px;white-space:nowrap}
.hangman-word-group.is-forced-line{flex-basis:100%}
.hangman-slot{display:inline-grid;place-items:center;height:54px;font-family:"Baloo 2","Nunito",sans-serif;font-size:clamp(25px,3vw,38px);font-weight:800;line-height:1}
.hangman-slot-letter{width:clamp(30px,4vw,43px);border-bottom:4px solid #15241c}
.hangman-slot-separator{min-width:16px}
.hangman-help-panel{min-height:108px;margin-bottom:18px}
.hangman-help-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px}
.hangman-hint{width:100%;margin-top:9px;padding:14px 17px;border:1px solid #f0d991;border-radius:16px;background:#fff8df;color:#664b00}
.hangman-hint-secondary{border-color:#b8d7c5;background:#edf8f1;color:#194e32}
.hangman-hint span{display:block;font-size:11px;font-weight:900;text-transform:uppercase}
.hangman-keyboard{display:grid;grid-template-columns:repeat(9,minmax(42px,1fr));gap:9px}
.hangman-key{min-height:48px;border:1px solid #cddbd2;border-radius:12px;background:#fff;color:#14231b;font:900 16px "Nunito",sans-serif;cursor:pointer}
.hangman-key:hover:not(:disabled){border-color:#16834d;background:#eef8f2}
.hangman-key.is-correct{border-color:#16834d;background:#16834d;color:#fff}
.hangman-key.is-wrong{border-color:#c73939;background:#c73939;color:#fff}
.hangman-key.is-assisted{border-color:#d7a800;background:#f1c40f;color:#292000}
.hangman-key:disabled{cursor:default;opacity:1}
.hangman-keyboard-note{margin:12px 0 0;color:#728078;font-size:12px;text-align:center}
.hangman-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid transparent;border-radius:13px;font:900 14px "Nunito",sans-serif;text-decoration:none;cursor:pointer}
.hangman-btn-primary{background:#16834d;color:#fff}.hangman-btn-primary:hover{background:#10683c}
.hangman-btn-secondary{border-color:#cddbd2;background:#fff;color:#193024}
.hangman-btn-hint{border-color:#e2bf4e;background:#fff8df;color:#674c00}
.hangman-btn-letter{border-color:#d7a800;background:#f1c40f;color:#292000}
.hangman-result{margin-top:28px;padding:24px;border:2px solid #16834d;border-radius:22px;background:linear-gradient(145deg,#f4fff8,#fff);text-align:center}
.hangman-result-kicker{color:#16834d;font-size:12px;font-weight:900;text-transform:uppercase}
.hangman-result h2{margin:3px 0 6px;font-size:clamp(30px,5vw,44px)}
.hangman-answer{margin:18px 0;font-size:17px}
.hangman-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.hangman-result-stats>div{padding:12px;border-radius:15px;background:#eaf6ef}
.hangman-result-stats span{display:block;color:#64746b;font-size:11px;font-weight:900;text-transform:uppercase}
.hangman-login-prompt,.hangman-ranking-summary{margin:18px 0;padding:17px;border-radius:17px;background:#112119;color:#fff}
.hangman-login-prompt p,.hangman-ranking-summary p{margin:5px 0 13px;color:#d8e6dd}
.hangman-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hangman-rules{margin-top:28px;padding:24px 28px;text-align:center}
.hangman-rules h2,.hangman-ranking-rules h2{margin:0 0 6px;font-size:25px}
.hangman-rules p,.hangman-ranking-rules p{margin:0 auto 8px;max-width:820px;color:#5b6a62}
.hangman-leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-bottom:18px}
.hangman-leaderboard-head span,.hangman-my-rank span{display:block;color:#687870;font-size:12px;font-weight:900;text-transform:uppercase}
.hangman-my-rank{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:16px;padding:20px 24px;margin-bottom:18px;background:#effaf3}
.hangman-table-wrap{overflow-x:auto}
.hangman-table{width:100%;border-collapse:collapse}
.hangman-table th,.hangman-table td{padding:15px 18px;border-bottom:1px solid #e6eee9;text-align:left;white-space:nowrap}
.hangman-table th{background:#102018;color:#fff;font-size:12px;text-transform:uppercase}
.hangman-table tr.is-current-user{background:#e8f8ef}
.hangman-empty-ranking{padding:42px!important;text-align:center!important}
.hangman-ranking-rules{margin-top:18px;padding:23px 26px}
.hangman-ranking-rules ol{max-width:700px;margin:18px auto;padding-left:28px;color:#263a2f}
.hangman-ranking-rules li{margin:8px 0}
.hangman-easter-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(4,18,10,.72);backdrop-filter:blur(5px)}
.hangman-easter-modal{width:min(480px,100%);padding:32px;border:2px solid #b9dfc8;border-radius:26px;background:#fff;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.35);animation:hangman-pop .25s ease-out}
.hangman-easter-icon{display:block;font-size:44px}
.hangman-easter-modal h2{margin:8px 0;font-size:31px}
.hangman-easter-modal p{margin:0 0 22px;color:#41554a;font-size:19px;font-weight:800}
.hangman-modal-open{overflow:hidden}
@keyframes hangman-pop{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}
.hangman-app.is-busy{cursor:progress}
@media(max-width:900px){.hangman-game{grid-template-columns:1fr}.hangman-visual{position:static;width:min(460px,100%);margin:0 auto}.hangman-keyboard{grid-template-columns:repeat(7,1fr)}}
@media(max-width:620px){.hangman-page .auth-shell{padding:28px 12px 42px}.hangman-board{padding:18px 14px;border-radius:22px}.hangman-meta{grid-template-columns:1fr 1fr}.hangman-meta>div:first-child{grid-column:1/-1}.hangman-word{gap:12px 10px}.hangman-slot{height:45px;font-size:27px}.hangman-slot-letter{width:29px;border-bottom-width:3px}.hangman-word-group{gap:5px}.hangman-keyboard{grid-template-columns:repeat(6,1fr);gap:7px}.hangman-key{min-height:44px;font-size:14px}.hangman-result-stats{grid-template-columns:1fr}.hangman-result-actions{display:grid}.hangman-leaderboard-head{align-items:stretch;flex-direction:column}.hangman-my-rank{grid-template-columns:1fr}.hangman-table th,.hangman-table td{padding:12px 10px;font-size:13px}.hangman-easter-modal{padding:26px 20px}}

/* MF-HANGMAN-HELP-PROGRESSION-FINAL */
.hangman-help-control {
  min-width: 190px;
  transition:
    opacity .18s ease,
    filter .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.hangman-help-control.is-locked {
  border-color: #d8dfdb;
  background: #eef1ef;
  color: #7d8882;
  opacity: .58;
  filter: grayscale(.35);
  cursor: not-allowed;
  box-shadow: none;
}

.hangman-help-control.is-unlocked {
  opacity: 1;
  filter: none;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(16, 104, 60, .12);
}

.hangman-help-control.is-used {
  border-color: #cbd7cf;
  background: #e8eee9;
  color: #617068;
  opacity: .78;
  cursor: default;
}

.hangman-help-control:disabled {
  cursor: not-allowed;
}

.hangman-help-control.is-unlocked:not(:disabled):hover {
  transform: translateY(-2px);
}

@media (max-width: 620px) {
  .hangman-help-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hangman-help-control {
    width: 100%;
    min-width: 0;
  }
}

/* MF-FOTBAL-PE-LITERE-FINAL-UX:START */
/*
  Corecții finale, strict vizuale:
  1. spațiu mai clar între cuvinte, fără să schimbăm distanța dintre litere;
  2. contorul greșelilor rămâne pe un singur rând;
  3. comportament responsive păstrat.
*/
.hangman-word {
  column-gap: 30px;
}

.hangman-meta > div:last-child {
  min-width: 104px;
}

.hangman-meta > div:last-child strong {
  display: inline-flex;
  align-items: baseline;
  min-width: max-content;
  overflow: visible;
  white-space: nowrap !important;
  text-overflow: clip;
}

.hangman-meta > div:last-child strong [data-wrong] {
  display: inline;
  flex: 0 0 auto;
}

@media (max-width: 620px) {
  .hangman-word {
    column-gap: 22px;
  }

  .hangman-meta > div:last-child {
    min-width: 96px;
  }
}
/* MF-FOTBAL-PE-LITERE-FINAL-UX:END */