/* GDPS TheMaster — тема панели. Палитра и шрифты взяты с главной gdps.themaster2009sf.ru:
   ночное небо уровня, жёлтый куб, циановый портал, розовые шипы, синяя «земля». */
body.gd{
  --bg:#0a0f24; --bg2:#111a3d; --bg3:#17224f; --line:#2a3a78;
  --fg:#eef2ff; --mut:#a6b0d6; --acc:#ffd23f; --acc2:#3ee0ff; --pink:#ff4fa3; --ground:#2f55ff;
  --r:6px; --s2:8px; --s3:16px; --s4:24px; --s5:40px;
  --font:"Arial Black","Segoe UI Black","Helvetica Neue",Arial,system-ui,sans-serif;
  --body:system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,"DejaVu Sans Mono",monospace;
  min-height:100%; display:flex; flex-direction:column;
  background:linear-gradient(180deg,#0a0f24 0%,#140f3a 60%,#22104a 100%) fixed;
  color:var(--fg); font-family:var(--body);
}
body.gd::before{ /* сетка фона уровня */
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(62,224,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(62,224,255,.05) 1px,transparent 1px);
  background-size:56px 56px;
}
body.gd > *{position:relative; z-index:1}
html{background:#0a0f24}

/* ---------- верхняя панель ---------- */
body.gd .menubar{
  background:rgba(10,15,36,.86)!important; backdrop-filter:blur(8px);
  border-bottom:3px solid #000; box-shadow:0 3px 0 var(--line);
  padding:10px 24px;
}
body.gd .navbar-brand{display:flex; align-items:center; gap:10px; font-family:var(--font); font-size:18px; color:var(--fg)!important; letter-spacing:.3px}
body.gd .navbar-brand svg{width:30px; height:30px; flex:none}
body.gd .navbar-brand b{color:var(--acc)}
body.gd .navbar-dark .navbar-nav .nav-link{color:var(--mut); font-weight:700; padding:8px 12px; border-radius:var(--r); transition:background .15s,color .15s}
body.gd .navbar-dark .navbar-nav .nav-link:hover,
body.gd .navbar-dark .navbar-nav .nav-link:focus{color:var(--fg); background:var(--bg3)}
body.gd .navbar-dark .navbar-nav .active>.nav-link{color:#0a0f24; background:var(--acc2)}
body.gd .nav-link .fa{width:16px; text-align:center}
body.gd .navbar-toggler{border:2px solid var(--line)}

body.gd .dropdown-menu{
  background:var(--bg2); border:3px solid #000; border-radius:var(--r);
  box-shadow:0 0 0 2px var(--line),0 12px 30px rgba(0,0,0,.5); padding:6px; margin-top:8px;
}
body.gd .dropdown-item{color:var(--fg); border-radius:4px; padding:7px 12px; font-size:14px}
body.gd .dropdown-item:hover,body.gd .dropdown-item:focus{background:var(--bg3); color:var(--acc)}

/* ---------- контент ---------- */
body.gd > .container{flex:1; max-width:1180px; padding:var(--s5) var(--s4) var(--s5)}
body.gd .content,body.gd .content.buffer{
  background:transparent; color:var(--fg); margin:0; display:block!important;
}
body.gd .content a{color:var(--acc2)}
body.gd .content a:hover{color:var(--acc)}
body.gd h1,body.gd h2,body.gd h3,body.gd h4{font-family:var(--font); color:var(--fg); letter-spacing:.3px}
body.gd h1{font-size:30px; text-transform:uppercase}

/* карточки и окна (login, формы) */
body.gd .card{
  background:var(--bg2); color:var(--fg); border:3px solid #000; border-radius:10px;
  box-shadow:0 0 0 2px var(--line),0 18px 40px rgba(0,0,0,.45);
}
body.gd .container-box{min-height:70vh}

/* таблицы статистики */
body.gd .table{color:var(--fg); background:var(--bg2); border:3px solid #000; border-radius:10px; overflow:hidden; box-shadow:0 0 0 2px var(--line)}
body.gd .table thead th{background:var(--bg3); color:var(--acc); font-family:var(--font); font-size:12px; letter-spacing:1px; text-transform:uppercase; border:0; border-bottom:3px solid #000}
body.gd .table td,body.gd .table th{border-top:1px solid var(--line); vertical-align:middle}
body.gd .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.025)}
body.gd .table tbody tr:hover{background:rgba(62,224,255,.07)}

/* формы */
body.gd .form-control{background:#070b1c; color:var(--fg); border:2px solid var(--line); border-radius:var(--r)}
body.gd .form-control:focus{background:#070b1c; color:var(--fg); border-color:var(--acc2); box-shadow:0 0 0 3px rgba(62,224,255,.25)}
body.gd .form-control::placeholder{color:#6f7aa6}

/* кнопки — как на главной: толстая чёрная обводка и «ступенька» */
body.gd .btn{font-family:var(--font); font-size:13px; letter-spacing:.6px; text-transform:uppercase; border:3px solid #000; border-radius:var(--r); box-shadow:0 4px 0 #000; transition:transform .08s,box-shadow .08s,filter .15s}
body.gd .btn:active{transform:translateY(3px); box-shadow:0 1px 0 #000}
body.gd .btn-primary,body.gd .btn-primary:visited{background:var(--acc); color:#1a1300; border-color:#000}
body.gd .btn-primary:hover,body.gd .btn-primary:focus{background:#ffe066; color:#1a1300; border-color:#000; filter:none}
body.gd .btn-secondary,body.gd .btn-light{background:var(--bg3); color:var(--fg)}
body.gd .btn:focus-visible,body.gd a:focus-visible{outline:3px solid var(--acc2); outline-offset:2px}
body.gd .btn:disabled,body.gd .btn.disabled{opacity:.45; box-shadow:0 4px 0 #000}

/* пагинация */
body.gd .pagination .page-link{background:var(--bg2); color:var(--fg); border-color:var(--line)}
body.gd .pagination .active .page-link{background:var(--acc); color:#1a1300; border-color:#000}

/* ---------- главная панели ---------- */
.gd-head{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--s3); margin-bottom:var(--s4)}
.gd-kicker{display:inline-block; background:var(--acc2); color:#0a0f24; font-family:var(--font); font-size:11px; letter-spacing:2px; padding:3px 10px; transform:skewX(-8deg); margin-bottom:10px}
.gd-head h1{margin:0; font-size:clamp(26px,4vw,40px); line-height:1.05}
.gd-head h1 span{color:var(--acc); text-shadow:3px 3px 0 #b8321a}
.gd-head .back{font-weight:700; color:var(--mut)!important; text-decoration:none}
.gd-head .back:hover{color:var(--acc)!important}

.gd-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3); margin-bottom:var(--s4)}
.gd-stat{background:var(--bg2); border:3px solid #000; box-shadow:0 0 0 2px var(--line); border-radius:10px; padding:16px 18px; display:flex; gap:14px; align-items:center}
.gd-stat svg{width:38px; height:38px; flex:none}
.gd-stat b{display:block; font-family:var(--font); font-size:28px; line-height:1; color:var(--fg)}
.gd-stat small{color:var(--mut); font-size:13px}

.gd-panel{background:var(--bg2); border:3px solid #000; box-shadow:0 0 0 2px var(--line); border-radius:10px; padding:18px 20px 14px; margin-bottom:var(--s3)}
.gd-panel h2{font-size:14px; letter-spacing:1.5px; text-transform:uppercase; color:var(--acc); margin:0 0 12px}
.gd-panel .chart-container{position:relative; height:260px; width:100%!important}
.gd-grid{display:grid; grid-template-columns:2fr 1fr; gap:var(--s3)}
.gd-note{color:var(--mut); font-size:13px; line-height:1.6; margin:var(--s3) 0 0}
.gd-note code{color:var(--acc); background:#070b1c; padding:1px 6px; border-radius:4px}

/* земля внизу — тот же мотив, что на главной */
.gd-ground{height:44px; margin-top:auto; border-top:3px solid #fff;
  background:linear-gradient(180deg,#3d63ff,#2440c9); background-size:56px 100%;
  background-image:linear-gradient(90deg,rgba(0,0,0,.55) 2px,transparent 2px),linear-gradient(180deg,#3d63ff,#2440c9);
}
.gd-foot{background:#070b1c; color:var(--mut); font-size:13px; padding:14px 24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px}
.gd-foot a{color:var(--acc2)}

@media (max-width:900px){
  .gd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gd-grid{grid-template-columns:1fr}
}
@media (max-width:991px){
  body.gd .navbar-collapse{background:var(--bg2); border:3px solid #000; border-radius:10px; margin-top:10px; padding:8px}
  body.gd .navbar-dark .navbar-nav .nav-link{padding:12px}
}
@media (max-width:480px){
  body.gd > .container{padding:var(--s4) 14px}
  .gd-stat{padding:12px}
  .gd-stat b{font-size:22px}
  .gd-stat svg{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){ body.gd *{transition:none!important} }

/* правки после просмотра: жирность без Arial Black, переполнение на телефоне */
body.gd h1,body.gd h2,body.gd .navbar-brand,.gd-kicker,.gd-stat b,body.gd .btn,body.gd .table thead th{font-weight:900}
body.gd .content.row{margin-left:0; margin-right:0}
.gd-grid>*,.gd-stats>*{min-width:0}
.gd-panel{overflow:hidden}
.gd-panel .chart-container{max-width:100%}
@media (max-width:480px){ .gd-panel .chart-container{height:220px} .gd-panel{padding:14px 12px 10px} }

/* списки аккаунтов и уровней */
.gd-search{display:flex; gap:8px; align-items:center}
.gd-search .form-control{width:220px; min-height:44px}
.gd-search .btn{min-height:44px}
.gd-empty{text-align:center; color:var(--mut); padding:28px!important}
.gd-badge{display:inline-block; font-family:var(--font); font-weight:900; font-size:10px; letter-spacing:1px; background:var(--acc); color:#1a1300; border:2px solid #000; padding:1px 6px; margin-left:6px; vertical-align:middle}
.gd-badge.epic{background:var(--pink); color:#fff}
body.gd .table-responsive{border-radius:10px}
@media (max-width:480px){ .gd-search{width:100%} .gd-search .form-control{flex:1; width:auto} }

/* профиль игрока */
.gd-profile{display:flex; gap:var(--s4); align-items:center; background:var(--bg2); border:3px solid #000; box-shadow:0 0 0 2px var(--line); border-radius:10px; padding:22px; margin-bottom:var(--s3);
  background-image:radial-gradient(circle at 90px 50%,rgba(62,224,255,.18),transparent 220px)}
.gd-avatar{flex:none; width:150px; height:150px; display:grid; place-items:center; background:#070b1c; border:3px solid #000; box-shadow:0 0 0 2px var(--line); border-radius:12px}
.gd-avatar img{width:110px; height:110px; object-fit:contain; image-rendering:auto}
.gd-pinfo{min-width:0}
.gd-pinfo h1{margin:0 0 4px; font-size:clamp(26px,4vw,38px); word-break:break-word}
.gd-meta{color:var(--mut); font-size:13px; margin:0 0 14px}
.gd-pstats{display:flex; flex-wrap:wrap; gap:8px}
.gd-pstat{background:#070b1c; border:2px solid var(--line); border-radius:8px; padding:6px 12px; min-width:86px}
.gd-pstat b{display:block; font-family:var(--font); font-weight:900; font-size:20px; line-height:1.1}
.gd-pstat small{color:var(--mut); font-size:11px}
.gd-pstat.st b{color:#ffd23f}.gd-pstat.mo b{color:#9fd4ff}.gd-pstat.di b{color:#3ee0ff}.gd-pstat.co b{color:#ffb347}.gd-pstat.uc b{color:#d9dde8}.gd-pstat.de b{color:#ff4fa3}.gd-pstat.cp b{color:#7dff8a}
.gd-kit{display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px}
.gd-icon{margin:0; background:#070b1c; border:2px solid var(--line); border-radius:10px; padding:12px 8px 8px; text-align:center; transition:border-color .15s,transform .15s}
.gd-icon:hover{border-color:var(--acc2); transform:translateY(-2px)}
.gd-icon img{width:72px; height:72px; object-fit:contain}
.gd-icon figcaption{margin-top:6px; font-weight:700; font-size:13px}
.gd-icon figcaption span{color:var(--mut); font-weight:400}
@media (max-width:600px){ .gd-profile{flex-direction:column; text-align:center} .gd-pstats{justify-content:center} .gd-kit{grid-template-columns:repeat(3,1fr)} .gd-icon img{width:56px;height:56px} }