/* app.readyplayer.network — on top of the shared tokens in site.css. */

.wrap{max-width:760px;margin:0 auto;padding:40px 24px 96px}
.card{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:22px;margin:0 0 18px}
.card h2{margin:0 0 6px;font-size:20px;font-weight:800}
.card p.lead{margin:0 0 18px;color:var(--dim);font-size:14.5px}

.banner{border-radius:8px;padding:11px 14px;margin:0 0 18px;font-size:14px;
  border:1px solid var(--line3);background:var(--panel2);color:var(--txt)}
.banner.error{border-color:#f8514966;background:rgba(248,81,73,.08)}
.banner.ok{border-color:var(--acc-line);background:rgba(63,185,80,.08)}

.mono{font-family:'JetBrains Mono',monospace;font-size:12.5px;word-break:break-all;color:var(--body)}
.pill{font-family:'JetBrains Mono',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;
  border:1px solid var(--acc-line);color:var(--acc);border-radius:999px;padding:2px 10px}

label{display:block;font-size:13px;font-weight:700;margin:0 0 5px;color:var(--body)}
label .hint{font-weight:400;color:var(--faint)}
input,textarea{width:100%;background:var(--panel2);color:var(--txt);border:1px solid var(--line3);
  border-radius:8px;padding:10px 12px;font:inherit;font-size:14.5px;margin:0 0 16px}
input:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-ring)}
textarea{min-height:76px;resize:vertical}

button.btn{background:var(--acc);color:var(--on-acc);border:0;font:inherit;font-weight:800;
  padding:11px 22px;border-radius:8px;cursor:pointer}
button.btn:hover{background:var(--acc-hover)}
button.btn:disabled{opacity:.5;cursor:default}
button.btn-quiet{background:none;border:1px solid var(--line3);color:var(--dim);font:inherit;
  padding:7px 14px;border-radius:7px;cursor:pointer;font-size:13px}
button.btn-quiet:hover{color:var(--txt);border-color:var(--dim)}

.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.terminal{background:#0d1117;border:1px solid #263040;border-radius:10px;padding:16px;margin:0 0 12px}
.terminal .label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#8b949e;letter-spacing:1px;margin:0 0 8px}
.terminal .val{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.7;color:#3fb950;word-break:break-all}