/* ===== Unschackle Crossplay — Minecraft-themed portal ===== */
@import url('https://fonts.googleapis.com/css2?family=Jersey+25&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --grass:#5d9c3c; --grass-top:#7bb662; --dirt:#79553a; --dirt-dk:#5c3f2a;
  --stone:#8b8b8b; --stone-lt:#b3b3b3; --stone-dk:#5a5a5a;
  --gui:#c6c6c6; --gui-dk:#373737; --obsidian:#1a1426;
  --green:#5fb04a; --green-dk:#3c7a2e; --green-lt:#7ed36a;
  --red:#c0392b; --gold:#fcdb3f; --diamond:#3fd9c9; --txt:#e9e9e9;
  /* Blocky-but-legible display font; clean sans for body text. */
  --pixel:'Jersey 25','Press Start 2P',system-ui,sans-serif;
  --read:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --ui:'Inter','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:var(--ui); color:var(--txt);
  background:#6ba9e0; overflow-x:hidden; position:relative; min-height:100vh;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}

/* ---- sky / scenery ---- */
.sky{position:fixed; inset:0; z-index:-5;
  background:linear-gradient(#4a90d9 0%, #79b6ec 45%, #a9d4f5 70%, #cfe9fb 100%);}
.ground{position:fixed; left:0; right:0; bottom:0; height:90px; z-index:-4;
  background:
    repeating-linear-gradient(90deg,#6f4a32 0 32px,#79553a 32px 64px) 0 18px/64px 72px,
    repeating-linear-gradient(90deg,var(--grass) 0 32px,var(--grass-top) 32px 64px) 0 0/64px 18px;
  border-top:4px solid #4c7a30; box-shadow:0 -4px 0 #3f6628;}
.clouds .cloud{position:fixed; top:0; z-index:-4; background:#fff; opacity:.85;
  box-shadow:32px 0 #fff,64px 0 #fff,32px -16px #fff,0 0 0 4px #e3eefc;}
.cloud{width:96px;height:24px}
.c1{top:8%; animation:drift 70s linear infinite}
.c2{top:20%; transform:scale(1.6); animation:drift 110s linear infinite; animation-delay:-30s}
.c3{top:13%; transform:scale(.8); animation:drift 90s linear infinite; animation-delay:-60s}
@keyframes drift{from{left:-160px}to{left:110vw}}

.floaters .blk{position:fixed; width:38px;height:38px;z-index:-3;opacity:.8;
  border:3px solid rgba(0,0,0,.25); animation:bob 6s ease-in-out infinite;}
.blk.dirt{background:var(--dirt); top:30%; left:6%; animation-delay:-1s}
.blk.diamond{background:var(--diamond); top:62%; left:12%; animation-delay:-2s}
.blk.gold{background:var(--gold); top:24%; right:9%; animation-delay:-3s}
.blk.tnt{background:repeating-linear-gradient(#d63b2a 0 8px,#a82a1d 8px 12px); top:55%; right:7%; animation-delay:-4s}
.blk.grass{background:linear-gradient(var(--grass-top) 30%, var(--dirt) 30%); top:72%; right:16%; animation-delay:-2.5s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}

/* ---- layout ---- */
.wrap{max-width:560px; margin:0 auto; padding:34px 18px 120px; position:relative; z-index:2;
  display:flex; flex-direction:column; align-items:center;}

/* ---- hero ---- */
.hero{text-align:center; margin-bottom:22px}
.title{font-family:var(--pixel); font-size:30px; line-height:1.5; margin:0;
  color:#fff; text-shadow:2px 2px 0 #2d2d2d;}
.title span{display:block; font-size:18px; color:var(--green-lt); text-shadow:1px 1px 0 #244d19; margin-top:8px}
.splash{font-family:var(--ui); font-size:12px; color:var(--gold); transform:rotate(-8deg);
  text-shadow:2px 2px 0 #7a5b00; margin:10px auto 14px; display:inline-block;
  animation:pulse 1.1s ease-in-out infinite;}
@keyframes pulse{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(-8deg) scale(1.08)}}
.status{display:inline-flex; align-items:center; gap:9px; font-size:21px;
  background:rgba(0,0,0,.45); padding:6px 14px; border:2px solid #000;}
.status .dot{width:12px;height:12px;background:#888; box-shadow:0 0 0 2px #000}
.status.online .dot{background:#52e066; box-shadow:0 0 8px #52e066,0 0 0 2px #000}
.status.offline .dot{background:var(--red)}

/* ---- GUI panel (classic MC inventory frame) ---- */
.panel{width:100%; background:var(--gui); padding:22px; position:relative;
  border:4px solid #000;
  box-shadow: inset 4px 4px 0 #fefefe, inset -4px -4px 0 #8a8a8a, 6px 6px 0 rgba(0,0,0,.35);}
.step{display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px}
.hidden{display:none}
.panel h2{font-family:var(--ui); font-size:16px; color:#2b2b2b; margin:2px 0; text-shadow:1px 1px 0 #fff}
.muted{font-size:20px; color:#3a3a3a; margin:0; max-width:42ch; line-height:1.15}
.lock{font-size:42px}

/* ---- inputs ---- */
.mc-input{width:100%; font-family:var(--read); font-size:24px; color:#fff; padding:12px 14px;
  background:#1c1c1c; border:3px solid #000; outline:none;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #4a4a4a;}
.mc-input::placeholder{color:#7a7a7a}
.mc-input:focus{box-shadow: inset 0 0 0 2px var(--green-lt), inset 2px 2px 0 #000}
.mc-input:disabled{opacity:.55}

/* ---- buttons (Minecraft button look) ---- */
.mc-btn{font-family:var(--ui); font-size:13px; color:#fff; cursor:pointer; width:100%;
  padding:15px 16px; background:linear-gradient(#a6a6a6,#8c8c8c); border:3px solid #000;
  text-shadow:0 1px 1px rgba(0,0,0,.45);
  box-shadow: inset 2px 2px 0 #d9d9d9, inset -2px -2px 0 #5a5a5a; transition:filter .08s;}
.mc-btn:hover{filter:brightness(1.12)}
.mc-btn:active{box-shadow: inset -2px -2px 0 #d9d9d9, inset 2px 2px 0 #5a5a5a; transform:translateY(1px)}
.mc-btn.green{background:linear-gradient(var(--green-lt),var(--green)); }
.mc-btn.green{box-shadow: inset 2px 2px 0 #a4ef93, inset -2px -2px 0 var(--green-dk)}
.mc-btn.big{font-size:15px; padding:17px}
.mc-btn:disabled{filter:grayscale(.7) brightness(.85); cursor:not-allowed}

/* ---- edition picker ---- */
.editions{display:grid; grid-template-columns:1fr 1fr; gap:12px; width:100%}
.ed-btn{display:flex; flex-direction:column; align-items:center; gap:4px; cursor:pointer;
  padding:16px 8px; background:#bdbdbd; border:3px solid #000;
  box-shadow: inset 2px 2px 0 #efefef, inset -2px -2px 0 #7e7e7e; transition:.08s}
.ed-btn:hover{filter:brightness(1.07)}
.ed-btn.active{background:linear-gradient(#cfeec6,#9fd98e);
  box-shadow: inset 0 0 0 3px var(--green-dk), inset 2px 2px 0 #eaffe2}
.ed-ico{font-size:30px}
.ed-name{font-family:var(--ui); font-size:11px; color:#222}
.ed-sub{font-size:17px; color:#444}

/* ---- loading ---- */
.pick{font-size:46px; animation:swing .7s ease-in-out infinite}
@keyframes swing{0%,100%{transform:rotate(-22deg)}50%{transform:rotate(18deg)}}
.xpbar{width:100%; height:18px; background:#2a2a2a; border:3px solid #000; padding:2px}
.xpfill{height:100%; width:0%; background:linear-gradient(#a6ff5e,#62c328); transition:width .3s}

/* ---- success ---- */
.achievement{display:flex; align-items:center; gap:14px; width:100%; padding:12px 14px;
  background:#3a3a3a; border:3px solid #000; box-shadow: inset 2px 2px 0 #565656;}
.ach-ico{font-size:34px}
.ach-top{font-family:var(--read); font-size:20px; color:var(--gold)}
.ach-bot{font-family:var(--read); font-size:22px; color:#fff}
.connect{display:flex; flex-direction:column; gap:10px; width:100%; text-align:left}
.card{background:#1d1d1d; border:3px solid #000; padding:11px 13px; font-size:20px;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3d3d3d}
.card b{font-family:var(--ui); font-size:11px; color:var(--green-lt); display:block; margin-bottom:6px}
.card code{font-size:21px; color:var(--diamond); background:#000; padding:1px 7px; word-break:break-all}
.card small{color:#9a9a9a; font-size:17px}

/* ---- misc ---- */
.err{color:#b1281b; font-size:19px; min-height:20px; margin:0; font-weight:bold}
.foot{margin-top:22px; font-size:18px; color:rgba(255,255,255,.85); text-align:center;
  text-shadow:1px 1px 0 #000}
.shake{animation:shake .35s}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}

/* ---- help link + Xbox modal ---- */
.link-btn{background:none; border:none; cursor:pointer; font-family:var(--read); font-size:20px;
  color:var(--green-dk); text-decoration:none; padding:4px; margin-top:2px}
.link-btn:hover{color:var(--green); filter:brightness(1.1)}

.modal{position:fixed; inset:0; z-index:50; background:rgba(0,0,0,.72);
  display:flex; align-items:center; justify-content:center; padding:16px; overflow-y:auto}
.modal.hidden{display:none}   /* must beat .modal's display:flex */
.modal-card{position:relative; width:100%; max-width:520px; background:var(--gui); padding:22px;
  border:4px solid #000; box-shadow: inset 4px 4px 0 #fefefe, inset -4px -4px 0 #8a8a8a, 6px 6px 0 rgba(0,0,0,.4);
  max-height:92vh; overflow-y:auto}
.modal-card h2{font-family:var(--ui); font-size:16px; color:#2b2b2b; margin:0 0 10px; text-shadow:1px 1px 0 #fff}
.modal-close{position:absolute; top:8px; right:10px; background:var(--red); color:#fff; border:2px solid #000;
  font-family:var(--ui); font-size:11px; width:30px; height:30px; cursor:pointer;
  box-shadow: inset 2px 2px 0 #e87a6f, inset -2px -2px 0 #7a1a10}
.modal-close:hover{filter:brightness(1.1)}
.small{font-size:17px; opacity:.85}

.steps{counter-reset:step; list-style:none; padding:0; margin:12px 0; display:flex; flex-direction:column; gap:8px; text-align:left}
.steps li{counter-increment:step; position:relative; background:#1d1d1d; color:#e9e9e9; font-size:20px;
  padding:11px 12px 11px 46px; border:3px solid #000;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3d3d3d}
.steps li::before{content:counter(step); position:absolute; left:8px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; background:linear-gradient(var(--green-lt),var(--green)); color:#10330a;
  font-family:var(--ui); font-size:11px; display:flex; align-items:center; justify-content:center;
  border:2px solid #000}
.steps code{background:#000; color:var(--diamond); padding:1px 7px; font-size:21px; word-break:break-all}
.steps small{color:#9a9a9a; font-size:17px}
.steps b{color:var(--gold)}
.undo{font-size:19px; color:#3a3a3a; background:#bdbdbd; border:3px solid #000; padding:8px 11px; margin:4px 0;
  box-shadow: inset 2px 2px 0 #efefef, inset -2px -2px 0 #7e7e7e}

@media(max-width:480px){
  .title{font-size:22px} .title span{font-size:14px}
  .panel h2{font-size:13px} .editions{grid-template-columns:1fr}
}

/* ===== V2 additions: accounts, tabs, badges, admin ===== */
.tabs{display:grid; grid-template-columns:1fr 1fr; gap:0; width:100%; margin-bottom:4px}
.tab{font-family:var(--ui); font-size:12px; color:#444; cursor:pointer; padding:13px 8px;
  background:#a8a8a8; border:3px solid #000;
  box-shadow: inset 2px 2px 0 #cfcfcf, inset -2px -2px 0 #6f6f6f}
.tab.active{background:linear-gradient(#cfeec6,#9fd98e); color:#173d0e;
  box-shadow: inset 0 0 0 3px var(--green-dk), inset 2px 2px 0 #eaffe2}
.authpane{display:flex; flex-direction:column; gap:13px; width:100%; align-items:stretch}
.authpane.hidden{display:none}
.linkrow{display:flex; align-items:center; gap:10px}
.linkrow .ed-ico{font-size:26px; flex:0 0 auto}
.linkrow .mc-input{flex:1}

/* status badge */
.badge{font-family:var(--ui); font-size:12px; padding:9px 14px; border:3px solid #000; color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.4)}
.badge-pending{background:linear-gradient(#f0c54a,#d39a1e)}
.badge-approved{background:linear-gradient(var(--green-lt),var(--green))}
.badge-rejected{background:linear-gradient(#d6584a,#a82a1d)}

/* ===== admin ===== */
.wrap.wide{max-width:720px}
.dashhead{display:flex; justify-content:space-between; align-items:center; width:100%; font-size:20px; color:#2b2b2b}
.enforce{display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%;
  background:#1d1d1d; border:3px solid #000; padding:12px 14px; color:#e9e9e9; font-size:19px;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3d3d3d}
.enforce b{font-family:var(--ui); font-size:11px; color:var(--gold)}
.enforce.on{box-shadow: inset 0 0 0 3px var(--green-dk), inset 2px 2px 0 #000}
.enforce .mc-btn{width:auto; padding:11px 14px; font-size:11px}
.counts{display:flex; gap:8px; flex-wrap:wrap; width:100%; justify-content:center}
.cnt{font-family:var(--ui); font-size:10px; padding:7px 10px; border:2px solid #000; color:#fff}
.cnt.pend{background:#c8961f} .cnt.appr{background:var(--green-dk)} .cnt.rej{background:#8a2a1d}

.adminlist{width:100%; display:flex; flex-direction:column; gap:9px}
.lhdr{font-family:var(--ui); font-size:12px; color:#2b2b2b; margin:14px 0 2px; text-shadow:1px 1px 0 #fff; align-self:flex-start}
.empty{font-size:19px; color:#3a3a3a; margin:2px 0}
.arow{display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%;
  background:#2a2a2a; border:3px solid #000; padding:10px 12px;
  box-shadow: inset 2px 2px 0 #444, inset -2px -2px 0 #111}
.arow.pending{border-left:6px solid var(--gold)}
.arow.approved{border-left:6px solid var(--green-lt)}
.arow.other{border-left:6px solid #8a2a1d; opacity:.85}
.ainfo{display:flex; flex-direction:column; gap:5px; min-width:0}
.aname{font-size:21px; color:#fff}
.aname small{font-size:15px; color:#9a9a9a}
.awhen{font-size:15px; color:#8a8a8a}
.chip{display:inline-block; font-size:17px; color:#dfe; background:#000; border:2px solid #111; padding:1px 7px; margin:1px 0}
.chip.java{color:#e7c08a} .chip.bed{color:#8ad0e7}
.abtns{display:flex; flex-direction:column; gap:6px; flex:0 0 auto}
.mc-btn.sm{width:auto; font-size:10px; padding:9px 11px}
.mc-btn.red{background:linear-gradient(#d6584a,var(--red)); box-shadow: inset 2px 2px 0 #ef8b80, inset -2px -2px 0 #7a1a10}
@media(max-width:560px){ .arow{flex-direction:column; align-items:stretch} .abtns{flex-direction:row} }

/* ===== live BlueMap embed ===== */
.mapwrap{width:100%; margin-top:8px; text-align:left}
.maphdr{display:flex; justify-content:space-between; align-items:center;
  font-family:var(--ui); font-size:11px; color:#2b2b2b; text-shadow:1px 1px 0 #fff; margin-bottom:6px}
.maphdr a{font-family:var(--read); font-size:18px; color:var(--green-dk); text-decoration:none}
.maphdr a:hover{color:var(--green); filter:brightness(1.1)}
.bmap{width:100%; height:360px; border:4px solid #000; background:#10131a; display:block;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3d3d3d, 4px 4px 0 rgba(0,0,0,.3)}
.mapnote{font-size:17px; color:#3a3a3a; margin:6px 0 0}
@media(max-width:480px){ .bmap{height:260px} }

/* ===== map link button (replaces the iframe) ===== */
.map-btn{display:block; text-align:center; text-decoration:none; margin-top:6px;
  background:linear-gradient(#5aa9e6,#3a7fc4); box-shadow: inset 2px 2px 0 #9fd0f5, inset -2px -2px 0 #2a5e96}

/* ===== weapons control (admin) ===== */
.weapons{width:100%; background:#1d1d1d; border:3px solid #000; padding:12px 14px; margin-top:4px;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3d3d3d}
.wephead{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap}
.wephead>span{font-family:var(--ui); font-size:12px; color:var(--gold)}
.wepall{display:flex; align-items:center; gap:10px}
.wepall small{font-size:18px; color:#e9e9e9}
.wepall .mc-btn{width:auto; padding:9px 12px; font-size:10px}
.wepnote{font-size:16px; color:#9a9a9a; margin:6px 0 8px}
.weplist{display:flex; flex-direction:column; gap:6px; max-height:340px; overflow-y:auto}
.weprow{display:flex; justify-content:space-between; align-items:center; gap:10px;
  background:#2a2a2a; border:2px solid #000; padding:7px 10px}
.wepname{font-size:19px; color:#fff; display:flex; align-items:center; gap:7px; min-width:0; flex-wrap:wrap}
.wepname small{color:#8a8a8a; font-size:15px}
.won{color:#5fe06a; font-size:16px} .woff{color:#e06a5a; font-size:16px}
.odot{width:10px; height:10px; background:#777; border:2px solid #000; flex:0 0 auto}
.odot.on{background:#52e066; box-shadow:0 0 6px #52e066}
.wepbtns{display:flex; gap:5px; flex:0 0 auto}

/* ===== give-cash row ===== */
.cashrow{display:flex; gap:8px; align-items:stretch; flex-wrap:wrap}
.cashrow .mc-input{flex:1; min-width:90px; font-size:20px; padding:9px 11px}
.cashrow #cashTarget{flex:1.5}
.cashrow .mc-btn{width:auto; padding:10px 18px; font-size:11px}

/* ===== Wardogs polish: contrast, top actions, buttons, mobile ===== */
body, .muted, .ach-bot, .ach-top, p { text-shadow: 0 1px 1px rgba(0,0,0,.35); }
/* no underlines on links/buttons anywhere */
a, button, .mc-btn, .link-btn, .map-btn, .tab { text-decoration: none; }
.muted { color: #cfe0cf !important; }              /* brighter body text for contrast */
.step, .panel { color: #eef3ee; }
.top-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:8px 0; }
.top-actions .mc-btn { flex:1 1 160px; min-width:140px; text-align:center; }
.primary-btn { background:linear-gradient(#ff7a3c,#ff4d4d) !important; color:#fff !important;
  font-weight:bold; border:2px solid #5a0e0e !important; box-shadow:0 2px 0 #3a0808; }
.primary-btn:hover { filter:brightness(1.08); }
.airblast-btn { background:linear-gradient(#3aa0ff,#2b6bd6) !important; color:#fff !important;
  font-weight:bold; border:2px solid #143a6a !important; box-shadow:0 2px 0 #0e2748; }
.airblast-btn:hover { filter:brightness(1.08); }
.dc-btn { background:#5865F2 !important; color:#fff !important; border:2px solid #2b3170 !important; }
.guide-btn { background:#3a7d44 !important; color:#fff !important; border:2px solid #16361c !important; }
.admin-only { color:#ffd24a !important; }
.hidden { display:none !important; }
@media (max-width: 560px) {
  .top-actions { flex-direction:column; }
  .top-actions .mc-btn { flex:1 1 auto; width:100%; font-size:15px; padding:12px; }
  .mc-input { font-size:16px; }                    /* prevents iOS zoom-on-focus */
  h1, .title { font-size: 20px; }
}

/* unified-login admin buttons on the player dashboard */
.admin-btn { background:linear-gradient(#caa23f,#9c7d22) !important; color:#fff !important;
  border:2px solid #5a4a0e !important; box-shadow:0 2px 0 #3a3008; }
.admin-btn:hover { filter:brightness(1.1); }

/* ===== Chunk 3: admin panel redesign ===== */
.dashlinks{display:flex; gap:14px; align-items:center}

/* compact global toggles header */
.globalbar{width:100%; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:8px; margin:4px 0}
.gtoggle{display:flex; justify-content:space-between; align-items:center; gap:10px;
  background:#1d1d1d; border:3px solid #000; padding:9px 11px;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3d3d3d}
.gtoggle.on{box-shadow: inset 0 0 0 3px var(--green-dk), inset 2px 2px 0 #000}
.gtoggle>div{min-width:0}
.gtoggle b{font-family:var(--ui); font-size:10px; color:var(--gold)}
.gtoggle small{font-size:16px; color:#dcdcdc}
.gtoggle .mc-btn{width:auto; padding:8px 11px; font-size:10px}
.gbtns{display:flex; gap:5px; align-items:center; flex-wrap:wrap; flex:0 0 auto}
.mc-input.mini{width:auto; font-size:16px; padding:6px 8px; min-width:0}
.gbtns .mc-input.mini{max-width:70px}
.gbtns select.mc-input.mini{max-width:80px}

/* one scrollable unified player list */
.playerlist{width:100%; display:flex; flex-direction:column; gap:10px; max-height:62vh; overflow-y:auto;
  padding-right:2px; margin-top:6px}
.prow{background:#222; border:3px solid #000; border-left:6px solid #555; padding:10px 12px;
  box-shadow: inset 2px 2px 0 #000, inset -2px -2px 0 #3a3a3a}
.prow.pending{border-left-color:var(--gold)}
.prow.approved{border-left-color:var(--green-lt)}
.prow.rejected{border-left-color:#8a2a1d; opacity:.9}
.phead{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:8px}
.pname{font-size:21px; color:#fff; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.pname small{color:#8a8a8a; font-size:15px}
.pids{display:flex; gap:6px; flex-wrap:wrap}
.badge.mini{font-size:9px; padding:5px 8px; border-width:2px}
.pctl{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:9px}
.ctlgrp{display:flex; flex-direction:column; gap:5px; background:#2a2a2a; border:2px solid #000; padding:7px 8px}
.ctllbl{font-size:16px; color:#e7e7e7; display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.ctllbl small{color:#8a8a8a; font-size:14px}
.ctlbtns{display:flex; gap:5px; flex-wrap:wrap; align-items:center}
.ctlbtns .mc-btn{width:auto; font-size:10px; padding:8px 10px}
.cashinline .mc-input.mini{max-width:64px}
.cashinline select.mc-input.mini{max-width:74px}

/* kingdom modal */
.kgrid{display:grid; grid-template-columns:1fr 1fr; gap:8px; text-align:left}
.kcard{background:#1d1d1d; border:2px solid #000; padding:8px 10px; display:flex; flex-direction:column; gap:3px}
.kcard b{font-family:var(--ui); font-size:10px; color:var(--green-lt)}
.kcard span{font-size:19px; color:#fff; word-break:break-word}

@media (max-width:560px){
  .pctl{grid-template-columns:1fr}
  .globalbar{grid-template-columns:1fr}
  .kgrid{grid-template-columns:1fr}
}


/* ── admin red theming (designates an admin-only page; added by nav.js) ── */
body.admin-theme{ background:#190707; }
body.admin-theme .sky{ background:linear-gradient(#3a0d0d,#150505) !important; }
body.admin-theme .ground{ filter:grayscale(.5) brightness(.5) sepia(.4) saturate(2.2) hue-rotate(-18deg); }
.wdnav.admin{ background:linear-gradient(180deg,#3a1414,#240b0b); border-bottom-color:#6e2626; }
.wdnav.admin .brand{ color:#ffd6d6; }