/* The control room, styled as the underworld: boxes for the server, requests, players, invite codes,
   settings, versions, the console and the audit log. */
/* ---------- control room (the underworld) */
.hell{background:rgba(72,20,18,.9);border-color:#1e0505;box-shadow:inset 0 0 0 2px rgba(255,140,90,.3),0 8px 0 rgba(0,0,0,.4)}
.hell .num{background:rgba(150,52,30,.9)}
#control .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.box{background:rgba(10,14,40,.6);border:2px solid var(--edge);border-radius:10px;padding:14px;display:grid;gap:12px;align-content:start}
.hell .box{background:rgba(34,8,8,.72);border-color:#1e0505}
.box h3{margin:0;font-size:17px;color:var(--gold);text-shadow:var(--ol1)}
.ctrl{display:flex;gap:8px;flex-wrap:wrap}
.kv{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.kv b{color:#fff}
.req{display:grid;gap:8px;padding:10px;background:rgba(10,4,20,.55);border:2px solid #1e0505;border-radius:8px;box-shadow:inset 0 0 0 1px var(--journey)}
.req .meta{font-size:12px;color:var(--dim)}
.console{background:#05030a;border:2px solid #1e0505;border-radius:8px;color:#b8f5b8;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;height:260px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word;margin:0}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.jobbar{height:12px;background:rgba(3,6,20,.85);border:2px solid var(--edge);border-radius:6px;overflow:hidden}
.jobbar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--classic) 0 8px,#3b8fd0 8px 10px);transition:width .3s}
.audit{margin-top:12px;font-size:12px;overflow-x:auto}
.audit table{border-collapse:collapse;width:100%;min-width:560px}
.audit th,.audit td{text-align:left;padding:5px 8px;border-bottom:1px solid rgba(255,140,90,.2);white-space:nowrap}
.audit th{font:700 12px var(--px);color:var(--gold)}
.audit td.h{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--dim)}

.console-box{margin-top:18px}
.player,.invite{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:rgba(10,4,20,.55);border:2px solid #1e0505;border-radius:8px}
.player.pending{box-shadow:inset 0 0 0 1px var(--gold)}
.player.banned{opacity:.6}
.player-main,.invite>div:first-child{flex:1;min-width:150px}
.player .meta,.invite .meta{font-size:12px;color:var(--dim)}
.player>div:last-child:empty{display:none}
.player>div:last-child{flex-basis:100%}
#players,#invites{display:grid;gap:8px;max-height:420px;overflow:auto}
#inviteForm .input{flex:1}