@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans+Condensed:wght@500;600;700&display=swap";:root{--bg: #100e0b;--panel: #17140f;--panel-raised: #1c1812;--line: #2b251c;--line-soft: #211c15;--ink: #e8e2d6;--ink-dim: #9b9282;--ink-faint: #6b6354;--accent: #c4915a;--accent-dim: #8a6840;--ok: #8fa888;--ok-bg: #161b14;--ok-line: #2c3527;--warn: #d1ab5c;--warn-bg: #1c180f;--warn-line: #3a3018;--err: #c17a64;--err-bg: #1c1310;--err-line: #3a2419;--neutral: #8b8275;--neutral-bg: #161310;--neutral-line: #28231a;--display: "IBM Plex Sans Condensed", system-ui, sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace}.app{background:var(--bg);border-radius:3px;padding:0;border:1px solid var(--line);box-shadow:0 30px 80px #0000008c;font-family:var(--mono);color:var(--ink);overflow:hidden}.header{border-bottom:1px solid var(--line);padding:18px 32px;margin-bottom:0;background:var(--panel)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-left{flex:1}.logo{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.logo-icon{width:auto;height:auto;background:none;border-radius:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.68rem;color:var(--accent);letter-spacing:1px;font-family:var(--mono);border:1px solid var(--accent-dim);padding:3px 7px}.header h1{font-family:var(--display);font-size:1.15rem;font-weight:700;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--ink);letter-spacing:.5px;text-transform:uppercase}.subtitle{color:var(--ink-faint);font-size:.78rem;margin-left:0;font-family:var(--mono)}.header-right{display:flex;align-items:center;gap:15px}.status-badge{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:2px;font-weight:600;font-size:.7rem;font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:1px;display:inline-block;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.status-online{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)}.status-online .status-dot{background:var(--ok);animation:pulse 2.4s ease-in-out infinite}.status-connecting{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}.status-connecting .status-dot{background:var(--warn);animation:pulse 1s ease-in-out infinite}.status-offline{background:var(--err-bg);color:var(--err);border:1px solid var(--err-line)}.status-offline .status-dot{background:var(--err)}.status-checking{background:var(--neutral-bg);color:var(--neutral);border:1px solid var(--neutral-line)}.status-checking .status-dot{background:var(--neutral)}.main-content{display:flex;flex-direction:column;gap:0;padding:0 32px 32px}.section{position:relative;padding-top:36px;padding-left:38px}.section h2{font-family:var(--display);font-size:.78rem;color:var(--ink-dim);margin-bottom:18px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.section-icon{font-size:inherit;letter-spacing:inherit;font-weight:inherit}.main-content>.section:nth-of-type(1):before,.main-content>.section:nth-of-type(2):before,.main-content>.section:nth-of-type(3):before,.main-content>.section:nth-of-type(4):before,.main-content>.section:nth-of-type(5):before{position:absolute;left:0;top:36px;font-family:var(--mono);font-size:.7rem;color:var(--accent-dim);font-weight:600}.main-content>.section:nth-of-type(1):before{content:"01"}.main-content>.section:nth-of-type(2):before{content:"02"}.main-content>.section:nth-of-type(3):before{content:"03"}.main-content>.section:nth-of-type(4):before{content:"04"}.main-content>.section:nth-of-type(5):before{content:"05"}.main-content>.section:not(:first-child){border-top:1px solid var(--line-soft)}.form-section{background:var(--panel);padding:24px 26px;border-radius:2px;border:1px solid var(--line)}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;color:var(--ink-dim);margin-bottom:7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;font-family:var(--display)}.required{color:var(--err)}.form-input{width:100%;padding:10px 13px;background:var(--bg);border:1px solid var(--line);border-radius:2px;font-size:.85rem;color:var(--ink);transition:border-color .15s ease;font-family:var(--mono)}.form-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:none}.form-input::placeholder{color:var(--ink-faint)}.form-input:disabled{opacity:.45;cursor:not-allowed}.form-group small{display:block;margin-top:6px;color:var(--ink-faint);font-size:.72rem;font-family:var(--mono)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#14110c;border:none;padding:11px 28px;border-radius:2px;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s ease;width:100%;letter-spacing:.8px;text-transform:uppercase;font-family:var(--display)}.btn-primary:hover:not(:disabled){transform:none;box-shadow:none;background:#d6a268}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.spinner{width:13px;height:13px;border:2px solid rgba(20,17,12,.3);border-top:2px solid #14110c;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-box{margin-top:18px;padding:0;border-radius:2px;border:1px solid;overflow:hidden}.response-success{border-color:var(--ok-line);background:var(--ok-bg)}.response-error{border-color:var(--err-line);background:var(--err-bg)}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:9px 14px;border-bottom:1px solid var(--line-soft)}.response-header strong{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-family:var(--display)}.response-body{background:var(--bg);color:var(--ink);padding:14px;border-radius:0;overflow-x:auto;font-family:var(--mono);font-size:.76rem;line-height:1.6;margin:0;border:none}.btn-copy{background:transparent;border:1px solid var(--line);color:var(--ink-faint);padding:3px 11px;border-radius:2px;cursor:pointer;font-size:.68rem;transition:all .15s ease;font-weight:600;text-transform:uppercase;letter-spacing:.4px;font-family:var(--display)}.btn-copy:hover{background:var(--panel-raised);color:var(--ink);border-color:var(--ink-faint)}.samp-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;margin:0;padding:0;background:var(--line-soft);border-radius:0;border:1px solid var(--line-soft);border-top:none}.samp-info-item{display:flex;flex-direction:column;gap:3px;background:var(--bg);padding:11px 14px}.samp-label{font-size:.62rem;text-transform:uppercase;color:var(--ink-faint);letter-spacing:.6px;font-weight:600;font-family:var(--display)}.samp-value{font-size:.82rem;color:var(--ink);font-weight:500;word-break:break-all;font-family:var(--mono)}.samp-players{margin-top:0;padding:14px;border-top:1px solid var(--line-soft)}.samp-players h4{color:var(--ink-dim);font-size:.7rem;font-weight:600;margin-bottom:9px;text-transform:uppercase;letter-spacing:.6px;font-family:var(--display)}.players-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.player-tag{background:var(--panel-raised);color:var(--ink);padding:3px 10px;border-radius:2px;font-size:.75rem;border:1px solid var(--line);font-family:var(--mono)}.players-details{margin-top:8px}.players-details h5{color:var(--ink-faint);font-size:.68rem;font-weight:600;margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--display)}.details-grid{background:var(--bg);border-radius:0;border:1px solid var(--line-soft);overflow:hidden}.details-header{display:grid;grid-template-columns:1fr 1fr;padding:7px 12px;background:var(--panel-raised);color:var(--ink-faint);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:var(--display)}.details-row{display:grid;grid-template-columns:1fr 1fr;padding:6px 12px;color:var(--ink);font-size:.78rem;border-bottom:1px solid var(--line-soft);font-family:var(--mono)}.details-row:last-child{border-bottom:none}.samp-rules{margin-top:0;padding:14px;border-top:1px solid var(--line-soft)}.samp-rules h4{color:var(--ink-dim);font-size:.7rem;font-weight:600;margin-bottom:9px;text-transform:uppercase;letter-spacing:.6px;font-family:var(--display)}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.rule-item{display:flex;justify-content:space-between;padding:6px 10px;background:var(--bg);border-radius:0;border:none}.rule-key{color:var(--accent);font-size:.72rem;font-weight:500;font-family:var(--mono)}.rule-value{color:var(--ink-dim);font-size:.72rem;font-family:var(--mono)}.samp-history{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.samp-history h4{color:var(--ink-dim);font-size:.7rem;font-weight:600;margin-bottom:9px;text-transform:uppercase;letter-spacing:.6px;font-family:var(--display)}.history-list{display:flex;flex-direction:column;gap:1px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg);border-radius:0;border:1px solid var(--line-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease}.history-item+.history-item{margin-top:-1px}.history-item:hover{background:var(--panel-raised);border-color:var(--line)}.history-host{color:var(--ink);font-size:.8rem;font-weight:500;font-family:var(--mono)}.history-players{color:var(--accent);font-size:.74rem;font-family:var(--mono)}.history-time{color:var(--ink-faint);font-size:.68rem;font-family:var(--mono)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:14px}.method-badge{padding:3px 10px;border-radius:2px;font-weight:700;font-size:.65rem;color:var(--bg);text-transform:uppercase;letter-spacing:.6px;font-family:var(--display)}.method-badge.post{background:var(--accent)}.method-badge.get{background:var(--ink-dim)}.doc-grid{display:flex;flex-direction:column;gap:18px}.doc-card{background:var(--panel);padding:20px 22px;border-radius:2px;border:1px solid var(--line)}.doc-card h3{color:var(--ink-dim);margin-bottom:12px;font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-family:var(--display)}.endpoint-box{display:flex;align-items:center;gap:13px;background:var(--bg);padding:10px 16px;border-radius:2px;border:1px solid var(--line-soft);flex-wrap:wrap;margin-bottom:8px}.endpoint-box code{font-family:var(--mono);font-size:.84rem;color:var(--ink)}.code-block{background:var(--bg);padding:14px 16px;border-radius:2px;overflow-x:auto;margin:8px 0 0;border:1px solid var(--line-soft)}.code-block pre{margin:0}.code-block code{color:var(--ink-dim);font-family:var(--mono);font-size:.76rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.footer{text-align:left;margin-top:0;padding:18px 0 0;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.74rem;font-family:var(--mono)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.heart{color:var(--err);margin:0 4px}@media (max-width: 768px){.app{padding:0;border-radius:2px}.header{padding:16px 20px}.main-content{padding:0 20px 24px}.section{padding-left:30px}.header-content{flex-direction:column;align-items:flex-start}.header h1{font-size:1rem}.subtitle{margin-left:0;font-size:.74rem}.form-row{grid-template-columns:1fr}.samp-info-grid{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:1fr}.form-section{padding:18px}.endpoint-box{flex-direction:column;align-items:flex-start}.logo-icon{font-size:.62rem;padding:2px 6px}.details-header,.details-row{grid-template-columns:1fr 1fr;font-size:.68rem}.history-item{flex-wrap:wrap;gap:4px}}@media (max-width: 480px){.samp-info-grid{grid-template-columns:1fr}.players-list{gap:4px}.player-tag{font-size:.68rem;padding:2px 8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a0a0a;min-height:100vh;color:#fff}#root{max-width:1200px;margin:0 auto;padding:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}