/* PHASE10_PLAYERS_PAGE_V83 – märchenhafte Spielerseite */
#view-players .mp-players-v83-page { display:grid; gap:18px; }
#view-players .mp-players-v83-hero {
  display:grid; grid-template-columns: 1.5fr minmax(260px, .95fr); gap:18px; padding:24px;
  border:1px solid rgba(232,210,158,.24);
  background:
    radial-gradient(circle at right top, rgba(255,223,145,.14), transparent 30%),
    radial-gradient(circle at left 10%, rgba(109,72,167,.18), transparent 24%),
    linear-gradient(135deg, rgba(31,28,55,.94), rgba(17,22,41,.95));
  box-shadow: inset 0 1px 0 rgba(255,249,234,.09), 0 18px 40px rgba(0,0,0,.18);
}
#view-players .mp-players-v83-hero-copy h2 { margin:4px 0 10px; color:#fff1cb; font:700 clamp(30px,4vw,48px)/1.06 Georgia,serif; }
#view-players .mp-players-v83-hero-copy p:last-child { margin:0; color:#ded6e6; max-width:75ch; line-height:1.6; }
#view-players .mp-players-v83-hero-tools { display:grid; align-content:center; gap:12px; }
#view-players .mp-players-v83-search { width:100%; }
#view-players .mp-players-v83-search input { width:100%; }
#view-players .mp-players-v83-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
#view-players .mp-players-v83-stat { display:flex; align-items:center; gap:14px; padding:18px 20px; background:linear-gradient(180deg, rgba(20,17,34,.95), rgba(16,20,36,.94)); border:1px solid rgba(223,192,124,.24); }
#view-players .mp-players-v83-stat span { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg,#f4cf85,#a36b1f); color:#2d1703; font-size:24px; box-shadow:0 10px 25px rgba(0,0,0,.2); }
#view-players .mp-players-v83-stat b { display:block; font-size:28px; color:#fff3cb; }
#view-players .mp-players-v83-stat small { color:#d4c6af; }
#view-players .mp-players-v83-layout { display:grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px,.9fr); gap:18px; align-items:start; }
#view-players .mp-players-v83-directory, #view-players .mp-players-v83-podium-box, #view-players .mp-players-v83-info {
  padding:20px; background:linear-gradient(180deg, rgba(21,18,36,.95), rgba(16,20,37,.94)); border:1px solid rgba(223,192,124,.22);
}
#view-players #playersStatusV83 { color:#d8c49c; font-size:12px; }
#view-players .mp-players-v83-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; }
#view-players .mp-players-v83-card {
  position:relative; display:grid; gap:14px; padding:16px; border-radius:24px;
  background:
    radial-gradient(circle at right top, rgba(246,224,163,.12), transparent 26%),
    linear-gradient(180deg, rgba(50,38,74,.92), rgba(24,24,43,.95));
  border:1px solid rgba(232,210,158,.18);
  box-shadow: 0 18px 35px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,244,223,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#view-players .mp-players-v83-card:hover { transform:translateY(-3px); box-shadow:0 24px 44px rgba(0,0,0,.24); border-color:rgba(245,217,150,.34); }
#view-players .mp-players-v83-card.is-online { box-shadow: 0 20px 42px rgba(0,0,0,.2), 0 0 0 1px rgba(126,226,189,.12), inset 0 1px 0 rgba(255,244,223,.08); }
#view-players .mp-players-v83-card.is-self { outline:1px solid rgba(95,203,255,.45); }
#view-players .mp-players-v83-card.is-vip::after {
  content:'♛'; position:absolute; top:12px; right:14px; width:32px; height:32px; display:grid; place-items:center;
  border-radius:50%; background:linear-gradient(135deg,#ffefb3,#c9882c); color:#392007; box-shadow:0 0 20px rgba(236,191,96,.28);
}
#view-players .mp-players-v83-card-top { display:flex; justify-content:space-between; gap:8px; align-items:flex-start; }
#view-players .mp-players-v83-presence { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; font:800 11px/1 system-ui,sans-serif; letter-spacing:.04em; }
#view-players .mp-players-v83-presence.online { background:rgba(24,97,67,.34); color:#a8f3d4; border:1px solid rgba(114,225,179,.36); }
#view-players .mp-players-v83-presence.offline { background:rgba(91,82,110,.28); color:#d6cfe2; border:1px solid rgba(160,146,191,.18); }
#view-players .mp-players-v83-badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
#view-players .mp-players-v83-badges span { padding:5px 9px; border-radius:999px; background:rgba(255,229,173,.12); color:#ffe5b2; border:1px solid rgba(255,223,145,.20); font:700 10px/1 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
#view-players .mp-players-v83-profile-hit { display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:center; background:none; border:0; padding:0; text-align:left; cursor:pointer; }
#view-players .mp-players-v83-avatar { width:72px; height:72px; object-fit:cover; border-radius:22px; border:1px solid rgba(248,225,164,.34); box-shadow:0 14px 28px rgba(0,0,0,.24); background: radial-gradient(circle, #214d65, #06111a 73%); }
#view-players .mp-players-v83-headline strong { display:block; color:#fff0cb; font:700 22px/1.1 Georgia,serif; }
#view-players .mp-players-v83-headline small { color:#cbbfd8; }
#view-players .mp-players-v83-title { margin:-2px 0 0; color:#e0d7ea; min-height:40px; }
#view-players .mp-players-v83-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; }
#view-players .mp-players-v83-stats div { padding:10px 8px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(245,223,163,.08); text-align:center; }
#view-players .mp-players-v83-stats dt { font-size:11px; color:#d0c2d9; text-transform:uppercase; letter-spacing:.08em; }
#view-players .mp-players-v83-stats dd { margin:4px 0 0; color:#fff1cc; font:800 18px/1.1 system-ui,sans-serif; }
#view-players .mp-players-v83-room { padding:11px 12px; border-radius:16px; border:1px solid rgba(245,223,163,.12); background:rgba(0,0,0,.14); display:grid; gap:3px; }
#view-players .mp-players-v83-room b { color:#fff0ca; }
#view-players .mp-players-v83-room span { color:#d2c6d9; font-size:13px; }
#view-players .mp-players-v83-room.is-playing { background:linear-gradient(135deg, rgba(84,30,43,.32), rgba(52,18,28,.24)); }
#view-players .mp-players-v83-room.is-lobby { background:linear-gradient(135deg, rgba(21,63,62,.26), rgba(12,43,44,.22)); }
#view-players .mp-players-v83-actions { display:flex; justify-content:flex-end; }
#view-players .mp-players-v83-actions .btn { min-width:150px; }
#view-players .mp-players-v83-side { display:grid; gap:18px; }
#view-players .mp-players-v83-podium { display:grid; gap:10px; }
#view-players .mp-players-v83-podium-card {
  width:100%; display:grid; grid-template-columns:46px 56px 1fr; gap:12px; align-items:center; text-align:left; border:1px solid rgba(239,211,143,.18);
  border-radius:20px; padding:12px; background:linear-gradient(180deg, rgba(48,35,70,.92), rgba(25,22,42,.94)); color:#fff0ca; cursor:pointer;
}
#view-players .mp-players-v83-podium-card img { width:56px; height:56px; object-fit:cover; border-radius:18px; border:1px solid rgba(248,225,164,.28); }
#view-players .mp-players-v83-podium-place { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#f5d38b,#b77d28); color:#301803; font:800 16px/1 system-ui,sans-serif; }
#view-players .mp-players-v83-podium-card strong { display:block; font:700 17px/1.1 Georgia,serif; }
#view-players .mp-players-v83-podium-card small { color:#d6cade; }
#view-players .mp-players-v83-podium-meta { grid-column: 2 / -1; display:flex; gap:10px; flex-wrap:wrap; color:#f0dfbb; font-size:12px; }
#view-players .mp-players-v83-info ul { margin:10px 0 0; padding-left:18px; color:#ddd4e5; line-height:1.55; }
#view-players .mp-players-v83-empty { text-align:center; padding:28px 10px; color:#e2d4e1; }
#view-players .mp-players-v83-side-empty { color:#d6cadf; padding:12px; border:1px dashed rgba(243,213,150,.18); border-radius:16px; text-align:center; }
@media (max-width: 1080px) {
  #view-players .mp-players-v83-layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  #view-players .mp-players-v83-hero { grid-template-columns: 1fr; padding:18px; }
  #view-players .mp-players-v83-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  #view-players .mp-players-v83-summary { grid-template-columns:1fr; }
  #view-players .mp-players-v83-grid { grid-template-columns:1fr; }
  #view-players .mp-players-v83-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #view-players .mp-players-v83-headline strong { font-size:20px; }
  #view-players .mp-players-v83-actions .btn { width:100%; }
}