/* Einhorn.live — zentrales Highscore-System Styles */

.eh-hs-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2100;
  display:none;align-items:center;justify-content:center;padding:16px;
}
.eh-hs-overlay.open{display:flex;}

.eh-hs-modal{
  background:#fff;border-radius:26px;border:4px solid var(--teal-deep,#0E6B66);
  box-shadow:0 10px 0 rgba(14,107,102,.18),0 24px 48px rgba(0,0,0,.2);
  width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;
  font-family:'Nunito',sans-serif;color:var(--ink,#2B2B2B);
}
body.dark-mode .eh-hs-modal{background:#2a2a4a;border-color:#4a3a6a;color:#fff;}

.eh-hs-close{
  position:absolute;top:12px;right:14px;font-size:1.9rem;line-height:1;
  background:transparent;border:none;cursor:pointer;color:var(--teal-deep,#0E6B66);
}
body.dark-mode .eh-hs-close{color:#ffd6e7;}

.eh-hs-title{
  font-family:'Fredoka',sans-serif;font-weight:700;font-size:1.55rem;
  color:var(--teal-deep,#0E6B66);text-align:center;padding:24px 22px 4px;
}
body.dark-mode .eh-hs-title{color:#ffd6e7;}

.eh-hs-subtitle{
  text-align:center;font-weight:800;font-size:1.05rem;color:#666;margin-bottom:12px;
}
body.dark-mode .eh-hs-subtitle{color:#ccc;}

.eh-hs-table-wrap{
  padding:0 20px;max-height:50vh;overflow-y:auto;
}

.eh-hs-table{
  width:100%;border-collapse:separate;border-spacing:0 6px;
  font-size:.98rem;
}
.eh-hs-table th{
  text-align:left;padding:10px 8px;font-weight:800;color:var(--teal-deep,#0E6B66);
  border-bottom:2px solid #e0e0e0;
}
body.dark-mode .eh-hs-table th{color:#ffd6e7;border-color:#4a3a6a;}
.eh-hs-table td{
  padding:10px 8px;border-radius:8px;background:#f7f7f7;
}
body.dark-mode .eh-hs-table td{background:#3a3a5a;}
.eh-hs-table tr:hover td{background:#e9f6f5;}
body.dark-mode .eh-hs-table tr:hover td{background:#4a4a6a;}

.eh-hs-row-me td{
  background:var(--teal,#15A39A);color:#fff;font-weight:800;
}
.eh-hs-row-me td b{color:#fff;}
body.dark-mode .eh-hs-row-me td{background:#6a4a8a;}

.eh-hs-loading,.eh-hs-empty{
  text-align:center;padding:24px 12px;font-weight:700;color:#666;
}

.eh-hs-msg{
  margin:12px 20px 0;border-radius:14px;padding:12px 14px;
  text-align:center;font-weight:800;font-size:.95rem;
  background:#FFF9E6;color:#7a5c00;border:3px solid #F0D878;
}
.eh-hs-msg-bad{background:#FDEBEA;color:#b23830;border:3px solid var(--red,#E5564E);}
body.dark-mode .eh-hs-msg{background:#4a3a20;color:#f0e0a0;border-color:#8a7a40;}
body.dark-mode .eh-hs-msg-bad{background:#5a2a2a;color:#ffcccc;border-color:#b24545;}

.eh-hs-ok{
  display:block;width:calc(100% - 40px);margin:18px 20px 20px;
  font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.15rem;
  background:var(--teal,#15A39A);color:#fff;border:none;border-radius:18px;
  padding:14px 22px;cursor:pointer;box-shadow:0 6px 0 var(--teal-deep,#0E6B66);
  transition:transform .1s ease;
}
.eh-hs-ok:active{transform:translateY(3px);box-shadow:0 3px 0 var(--teal-deep,#0E6B66);}

.eh-hs-place{text-align:center;font-weight:800;}

.eh-hs-pill{
  font-family:'Fredoka',sans-serif;font-weight:600;font-size:.9rem;
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border-radius:20px;border:3px solid #C89B2D;
  background:#FFD166;color:#5c4200;cursor:pointer;
  box-shadow:0 4px 0 #C89B2D,0 6px 12px rgba(200,155,45,.18);
  transition:transform .1s ease, box-shadow .1s ease;
}
.eh-hs-pill:hover{transform:translateY(-2px);box-shadow:0 6px 0 #C89B2D,0 10px 16px rgba(200,155,45,.22);}
.eh-hs-pill:active{transform:translateY(3px);box-shadow:0 2px 0 #C89B2D;}

.eh-hs-login-hint{
  font-size:.9rem;font-weight:700;padding:8px 12px;border-radius:10px;
  background:#FFF9E6;border:2px solid #F0D878;color:#7a5c00;display:inline-block;margin-top:6px;
}
.eh-hs-login-hint a{color:#0E6B66;text-decoration:underline;}