/* UANION RPG v3.17 — responsive site and collapsible admin sidebar */
:root{--admin-side-wide:300px;--admin-side-mini:82px}

/* Safe global responsiveness */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
.page,.admin-v316-content,.card,.glass,.news-card,.topic-card,.rating-board,.forum-cat,.topic-post{min-width:0;max-width:100%}
input,select,textarea,button{max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Desktop admin shell */
body.admin-v316-body .page.admin-page{width:min(1680px,calc(100% - 28px))!important;max-width:1680px!important}
.admin-v316-layout{grid-template-columns:var(--admin-side-wide) minmax(0,1fr);transition:grid-template-columns .22s ease}
.admin-v316-sidebar{z-index:45;transition:width .22s ease,transform .22s ease,padding .22s ease;scrollbar-width:thin}
.admin-v316-side-head{position:sticky;top:-14px;z-index:3;background:color-mix(in srgb,var(--panel) 94%,#000);margin:-14px -14px 12px;padding:17px 14px 14px;border-radius:22px 22px 0 0}
.admin-v317-side-title{display:grid;gap:2px;min-width:0}.admin-v317-side-title span{font-size:11px!important}
.admin-v317-sidebar-collapse,.admin-v317-sidebar-open{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}
.admin-v317-sidebar-collapse{width:38px;height:38px;min-width:38px;padding:0;border-radius:12px;font-size:24px;line-height:1}
.admin-v317-sidebar-open,.admin-v317-sidebar-backdrop{display:none}
.admin-v316-nav-links a b{min-width:0;overflow-wrap:anywhere}

/* Persisted compact desktop mode */
body.admin-sidebar-collapsed .admin-v316-layout{grid-template-columns:var(--admin-side-mini) minmax(0,1fr)}
body.admin-sidebar-collapsed .admin-v316-sidebar{padding:10px 8px}
body.admin-sidebar-collapsed .admin-v316-side-head{justify-content:center;margin:-10px -8px 10px;padding:14px 8px 12px}
body.admin-sidebar-collapsed .admin-v317-side-title,body.admin-sidebar-collapsed .admin-v316-nav-group h3,body.admin-sidebar-collapsed .admin-v316-nav-links a b{display:none}
body.admin-sidebar-collapsed .admin-v317-sidebar-collapse{transform:rotate(180deg)}
body.admin-sidebar-collapsed .admin-v316-nav-group{padding:7px;margin-bottom:9px}
body.admin-sidebar-collapsed .admin-v316-nav-links{grid-template-columns:1fr!important}
body.admin-sidebar-collapsed .admin-v316-nav-links a{justify-content:center;padding:10px 6px}
body.admin-sidebar-collapsed .admin-v316-nav-links a span{width:auto;font-size:20px}

/* Forms and content scale correctly on PC */
body.admin-body .admin-page .card,body.admin-body .admin-page .glass{max-width:100%!important}
body.admin-body .admin-page form,body.admin-body .admin-page fieldset{min-width:0;max-width:100%}
body.admin-body .admin-page .grid,body.admin-body .admin-page .cards-grid,body.admin-body .admin-page .admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}

@media (max-width:1180px){
  body.admin-v316-body .page.admin-page{width:min(100% - 20px,1180px)!important;padding:18px 0 56px!important}
  .admin-v316-layout,.admin-sidebar-collapsed .admin-v316-layout{display:block!important}
  .admin-v316-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(340px,88vw)!important;max-height:100dvh!important;border-radius:0 22px 22px 0!important;padding:14px!important;transform:translateX(-105%);box-shadow:0 24px 90px rgba(0,0,0,.68);overflow-y:auto!important}
  body.admin-sidebar-open{overflow:hidden}
  body.admin-sidebar-open .admin-v316-sidebar{transform:translateX(0)}
  body.admin-sidebar-collapsed .admin-v317-side-title,body.admin-sidebar-collapsed .admin-v316-nav-group h3,body.admin-sidebar-collapsed .admin-v316-nav-links a b{display:block}
  body.admin-sidebar-collapsed .admin-v316-nav-links a{justify-content:flex-start;padding:10px 11px}
  body.admin-sidebar-collapsed .admin-v316-nav-links a span{width:24px;font-size:inherit}
  body.admin-sidebar-collapsed .admin-v317-sidebar-collapse{transform:none}
  .admin-v317-sidebar-collapse{font-size:0}.admin-v317-sidebar-collapse:before{content:'×';font-size:25px}
  .admin-v317-sidebar-open{display:inline-flex;position:fixed;left:14px;bottom:18px;z-index:43;gap:8px;min-height:48px;padding:11px 16px;border-radius:16px;font-weight:950;box-shadow:0 16px 45px rgba(0,0,0,.48)}
  .admin-v317-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:44;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s}
  body.admin-sidebar-open .admin-v317-sidebar-backdrop{opacity:1;visibility:visible}
  .admin-v316-nav-links{grid-template-columns:1fr!important}
  .admin-v316-content{width:100%}
}

@media (max-width:760px){
  :root{--topbar:68px}
  .topbar{height:auto;min-height:68px;padding:10px 14px;gap:10px}
  .brand{font-size:18px}.brand-mark{width:40px;height:40px}.brand b{display:none}
  .nav-toggle{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:15px}
  .topbar nav{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:none!important;grid-template-columns:1fr;gap:7px;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 97%,#000);box-shadow:0 24px 70px rgba(0,0,0,.55);max-height:72dvh;overflow-y:auto}
  .topbar nav.is-open,.topbar nav.open,.topbar nav[data-open="1"]{display:grid!important}
  .topbar nav>a{width:100%;min-height:46px;justify-content:flex-start;padding:11px 13px}
  .page{width:calc(100% - 20px);padding:18px 0 42px}
  body.admin-v316-body .page.admin-page{width:calc(100% - 16px)!important;padding-top:14px!important}
  .card,.news-card,.topic-card,.rating-board,.forum-cat{padding:16px;border-radius:18px}
  h1{font-size:clamp(27px,9vw,38px)}h2{font-size:clamp(21px,7vw,29px)}
  .news-v316-grid,.home-ratings-v316{grid-template-columns:1fr!important}
  .news-v316-card,.news-v316-card.is-featured{grid-template-columns:1fr!important;min-height:0}
  .news-v316-media{min-height:190px!important;max-height:260px}
  .section-title-row{align-items:flex-start}
  .ratings-v316-tabs,.ratings-v316-subtabs,.admin-v316-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}
  .ratings-v316-tabs::-webkit-scrollbar,.ratings-v316-subtabs::-webkit-scrollbar,.admin-v316-tabs::-webkit-scrollbar{display:none}
  .ratings-v316-tabs a,.ratings-v316-subtabs a,.admin-v316-tabs a{white-space:nowrap}
  .role-v316-form-grid,.role-v316-perm-grid,.minigame-v316-stats{grid-template-columns:1fr!important}
  .role-v316-wide,.role-v316-full{grid-column:1!important}
  body.admin-body .admin-page .u39-actions,body.admin-body .admin-page .actions{align-items:stretch!important}
  body.admin-body .admin-page .u39-actions .btn,body.admin-body .admin-page .u39-actions button{width:100%}
  body.admin-body .admin-page table{display:block!important;width:100%!important;overflow:visible!important}
  body.admin-body .admin-page thead{display:none!important}
  body.admin-body .admin-page tbody,body.admin-body .admin-page tr,body.admin-body .admin-page td{display:block!important;width:100%!important}
  body.admin-body .admin-page tr{margin-bottom:12px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:var(--panel2)!important;overflow:hidden!important}
  body.admin-body .admin-page td{padding:11px 13px!important;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)!important}
  body.admin-body .admin-page td:last-child{border-bottom:0!important}
  .footer{padding:20px 14px;font-size:13px}
}

@media (max-width:420px){
  .page{width:calc(100% - 14px)}
  body.admin-v316-body .page.admin-page{width:calc(100% - 10px)!important}
  .card,.news-card,.topic-card,.rating-board,.forum-cat{padding:14px}
  .admin-v317-sidebar-open span{display:none}
  .admin-v317-sidebar-open{width:50px;padding:0}
}