:root{color-scheme:light;--ink:#172c20;--green:#23613c;--muted:#617267;--cream:#f6f4e9}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}header{height:76px;border-bottom:1px solid #dce2d6;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 950px)/2));background:#faf9f1}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-size:30px}.brand span{font-size:12px;font-weight:900;line-height:1.05;letter-spacing:1px}.tag,.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#58805f}.tag{color:#718076}main{max-width:780px;margin:auto;padding:50px 20px}.intro{text-align:center;margin:0 auto 35px}.intro h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(43px,7vw,66px);line-height:1.02;margin:18px 0}.intro em{color:#398354}.intro p,.caption,.explain p{line-height:1.6;color:var(--muted)}.intro p{max-width:460px;margin:auto}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{flex:1;background:#e9ede1;border:1px solid transparent;border-radius:8px;padding:15px 8px;color:#56695a;font-weight:bold;cursor:pointer}.tabs button.active{background:#dcebdc;border-color:#a5c7a8;color:#205535}.card{border:1px solid #dce3d6;border-radius:16px;padding:32px;background:#fffefa;box-shadow:0 12px 36px #18351a0b}.cardtop{display:flex;justify-content:space-between;align-items:flex-start}.card h2,.explain h2{font-family:Arial,sans-serif;font-weight:800;font-size:28px;margin:8px 0}.badge{font-size:10px;letter-spacing:1px;border-radius:30px;padding:7px 10px;background:#e8f2e6;color:#45764b;font-weight:bold}blockquote{margin:25px 0;padding:25px 22px;background:#f5f7ef;border-left:4px solid #67a36e;font:24px/1.4 Georgia,serif}.meta{display:flex;flex-wrap:wrap;gap:18px;color:#617267;font-size:13px;font-weight:bold;margin-bottom:26px}.meta span:last-child{margin-left:auto;color:#28663e;font-variant-numeric:tabular-nums}.primary{background:#245f3c;color:white;border:0;border-radius:7px;padding:14px 21px;font-weight:bold;cursor:pointer}.primary:hover{background:#174a2e}#start{width:100%;display:flex;justify-content:center;gap:12px}.small{font-size:12px;color:#7c8a7f;text-align:center}.inputrow{display:flex;gap:8px;margin-top:8px}input{min-width:0;flex:1;padding:13px;border:1px solid #cbd6c9;border-radius:7px;font-size:16px}label{font-weight:bold;font-size:13px}#feedback{margin-top:12px;color:#9a4a35}.hints{border-top:1px solid #e5ebe1;margin-top:24px;padding-top:20px;font-size:13px}.hints>span{font-weight:bold}.hints button{border:1px solid #cbd9cb;background:white;border-radius:20px;padding:8px 11px;margin:12px 5px 2px 0;color:#356344;cursor:pointer}.hints button:disabled{opacity:.55}.hint{background:#f4f8ef;border-radius:6px;padding:10px;margin:8px 0}.result{padding:16px;background:#eef6e9;border-radius:8px;line-height:1.5}.explain{padding:48px 4px}.notice{padding:16px;background:#e8eee0;border-radius:8px;color:#526b57;font-size:13px;line-height:1.6}footer{padding:28px;text-align:center;border-top:1px solid #dce2d6;font-size:11px;font-weight:bold;letter-spacing:1px}footer span{display:block;margin-top:9px;font-weight:normal;letter-spacing:0;color:#829086}[hidden]{display:none!important}@media(max-width:500px){header{padding:0 20px}.card{padding:22px}.inputrow{flex-direction:column}.tabs button{font-size:12px}.tag{font-size:9px}blockquote{font-size:21px}}

.answer-boxes{display:flex;gap:7px;flex-wrap:wrap;flex:1}.answer-boxes input{width:48px;height:56px;flex:none;text-align:center;font-size:24px;font-weight:700;text-transform:uppercase;border:2px solid #aab8a8;border-radius:4px;padding:0;background:#fff}.answer-boxes input:focus{outline:2px solid #245f3c;outline-offset:2px}.clue-definition,.clue-indicator,.clue-material{text-decoration-line:underline;text-decoration-thickness:4px;text-underline-offset:5px}.clue-definition{text-decoration-color:#e19a49}.clue-indicator{text-decoration-color:#6a82c9}.clue-material{text-decoration-color:#70ab74}.hint-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;color:#56695a;font-size:12px}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{height:4px;width:20px;border-radius:2px}.legend-definition{background:#e19a49}.legend-indicator{background:#6a82c9}.legend-material{background:#70ab74}@media(max-width:500px){.answer-boxes input{width:42px;height:51px}}

.tabs button {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.account-link {
  color: #245f3c;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.account-link:hover {
  text-decoration: underline;
}


.foto-jugador {
  width: min(100%, 360px);
  height: 210px;
  margin: 20px auto 4px;
  overflow: hidden;
  border-radius: 12px;
  background: #dce8d8;
  box-shadow: 0 8px 22px rgba(23, 44, 32, 0.12);
}

.foto-jugador img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}