:root {
    --bg: #070a0b;
    --panel: #0c0f10;
    --panel-2: #0f1415;
    --border: #1f3524;
    --green: #19d15d;
    --green-d: #10a948;
    --text: #d6ffe0;
    --muted: #8fb79b;
}

* { box-sizing: border-box; }

html { overflow-x: hidden; }
body {
    margin: 0;
    overflow-x: hidden;
    max-width: 100vw;
    background: radial-gradient(ellipse at top, #0b1210 0%, var(--bg) 60%);
    color: var(--text);
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

a { color: var(--green); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Nav */
.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
    background: rgba(8, 12, 12, 0.85);
    backdrop-filter: blur(6px);
    position: sticky;
    top: 0;
    z-index: 10;
}
.brand { font-weight: 800; letter-spacing: 2px; font-size: 20px; color: var(--green); }
.nav-links { display: flex; align-items: center; flex-wrap: wrap; row-gap: 8px; gap: 20px; justify-content: flex-end; }
.nav-links a { color: var(--text); white-space: nowrap; }

.container { flex: 1; width: 100%; max-width: 1040px; margin: 0 auto; padding: 32px 20px; overflow-wrap: break-word; }

/* Buttons */
.btn {
    display: inline-block;
    background: linear-gradient(180deg, var(--green), var(--green-d));
    color: #06130a;
    font-weight: 700;
    border: none;
    border-radius: 12px;
    padding: 12px 22px;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0, 255, 120, 0.18);
}
.btn:hover { text-decoration: none; filter: brightness(1.05); }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.btn-outline { background: transparent; color: var(--green); border: 1px solid var(--green); box-shadow: none; }
.btn-sm { padding: 6px 14px; border: 1px solid var(--border); border-radius: 999px; color: var(--text); }
.btn-discord { background: #5865F2; color: #fff; }
.btn-google { background: #fff; color: #202124; }

/* Hero */
.hero { text-align: center; padding: 60px 0 40px; }
.hero h1 { font-size: 44px; margin: 0 0 12px; }
.tagline { color: var(--muted); font-size: 18px; }
.cta-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }

/* Cards */
.clusters { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 30px 0; }
.card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 0 18px rgba(0, 255, 120, 0.06);
}
.card h2 { margin-top: 0; }

.about { margin-top: 30px; }
.about p { color: #c6e8cf; line-height: 1.7; }

/* Panels */
.panel {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 26px;
    box-shadow: 0 0 18px rgba(0, 255, 120, 0.06);
}
.kv { list-style: none; padding: 0; margin: 20px 0; }
.kv li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--border); }
.kv span { color: var(--muted); }

/* Auth */
.auth-box { max-width: 460px; margin: 40px auto; text-align: center; background: var(--panel); border: 1px solid var(--border); border-radius: 16px; padding: 30px; }
.auth-buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
.auth-alt { font-size: 13px; color: var(--muted); margin: -4px 0 4px; }
.remember-login { margin: 18px 0 0; text-align: left; }
.remember-login label { display: flex; align-items: center; gap: 9px; color: var(--text); font-size: 13px; cursor: pointer; }
.remember-login input { width: 17px; height: 17px; margin: 0; accent-color: var(--green); }

/* Forms */
.form { display: flex; flex-direction: column; gap: 8px; max-width: 420px; margin: 16px 0; }
.form label { color: var(--muted); font-size: 14px; }
.form input {
    background: var(--panel-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px 12px;
    color: var(--text);
}
.notice-ok { color: var(--green); }
.image-upload-form { max-width: 620px; }
.image-upload-form input[type="file"] { padding: 8px; }
.image-assets { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.image-asset { display: flex; flex-direction: column; gap: 8px; background: var(--panel-2); border: 1px solid var(--border); border-radius: 12px; padding: 12px; }
.image-asset img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; background: var(--bg); }
.image-asset strong { overflow-wrap: anywhere; }
.image-dimensions { color: var(--muted); font-size: 12px; }
.image-asset input { width: 100%; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; padding: 8px; color: var(--text); font-size: 12px; }
.image-action-form { display: grid; grid-template-columns: 1fr 90px 1fr 90px auto; gap: 8px; align-items: center; }
.image-action-form label { color: var(--muted); font-size: 12px; }
.image-action-form input[type="number"] { min-width: 0; }
.btn-danger { background: #a83232; color: #fff; border-color: #c34a4a; }

/* Stats + server grid */
.stats-row { display: flex; gap: 16px; margin: 20px 0; }
.stat { background: var(--panel-2); border: 1px solid var(--border); border-radius: 12px; padding: 14px 20px; text-align: center; flex: 1; color: var(--muted); }
.stat span { display: block; font-size: 30px; font-weight: 800; color: var(--green); }

.server-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.server-card { background: var(--panel-2); border: 1px solid var(--border); border-radius: 14px; padding: 16px; }
.server-head { display: flex; justify-content: space-between; align-items: center; }
.platform-tag { font-size: 11px; letter-spacing: 1px; color: var(--muted); border: 1px solid var(--border); border-radius: 999px; padding: 2px 8px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #444; }
.server-card.online .dot { background: var(--green); box-shadow: 0 0 8px var(--green); }
.server-card h3 { margin: 10px 0 6px; }
.server-card .map { color: var(--muted); font-size: 13px; margin: 0 0 4px; }
.server-card .pop { font-weight: 700; margin: 0; }
.server-card.offline { opacity: 0.6; }

.games-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--border); padding-bottom: 20px; margin-bottom: 28px; }
.games-heading h1 { margin: 0; font-size: 30px; letter-spacing: 0; }
.games-count { color: var(--muted); font-size: 13px; }
.games-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 24px; align-items: stretch; }
.game-tile { --game-accent: #62e7bc; max-width: 340px; overflow: hidden; border: 2px solid var(--game-accent); border-radius: 8px; background: var(--panel-2); box-shadow: 0 0 18px #62e7bc18; transition: transform .18s ease, box-shadow .18s ease; }
.game-tile:hover, .game-tile:focus-within { transform: translateY(-4px); box-shadow: 0 0 26px #62e7bc35; }
.game-tile-art { position: relative; aspect-ratio: 8 / 5; background: #111d1d; border-bottom: 1px solid var(--border); }
.game-tile-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.game-tile-label { position: absolute; left: 16px; top: 16px; padding: 5px 9px; border: 1px solid #e5bb7044; border-radius: 4px; background: #101713; color: #efd09a; font-size: 11px; letter-spacing: 0; }
.game-tile-body { display: flex; flex-direction: column; gap: 16px; padding: 22px; }
.game-tile-body h2 { margin: 0; color: var(--text); font-size: 24px; letter-spacing: 0; }
.game-tile-description { margin: 0; min-height: 60px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.game-tile-modes { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.game-tile-modes li { padding: 5px 8px; border: 1px solid #62e7bc36; border-radius: 4px; color: #a7dbc8; font-size: 11px; }
.game-tile-modes li:last-child { border-color: #e5bb7040; color: #efd09a; }
.game-tile-details { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding-top: 16px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.game-tile-button { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; border-radius: 6px; background: var(--game-accent); box-shadow: 0 4px 14px #62e7bc20; font-size: 14px; }
.game-tile-button:focus-visible { outline: 3px solid #efd09a; outline-offset: 4px; }
.chess-leaderboard { margin-top: 42px; padding-top: 26px; border-top: 1px solid var(--border); }
.chess-leaderboard .games-heading { align-items: flex-start; margin-bottom: 16px; }
.chess-leaderboard .games-heading h2 { margin: 0; color: var(--text); font-size: 21px; }
.chess-leaderboard .subtext { margin: 7px 0 0; }
.chess-leaderboard-empty, .chess-leaderboard-login { color: var(--muted); font-size: 13px; line-height: 1.6; }
.chess-leaderboard-login a { font-weight: 700; }
.table-wrap { overflow-x: auto; }
.chess-leaderboard-table { width: 100%; border-collapse: collapse; text-align: left; }
.chess-leaderboard-table th, .chess-leaderboard-table td { padding: 11px 14px; border-bottom: 1px solid var(--border); }
.chess-leaderboard-table th { color: var(--muted); font-size: 11px; font-weight: 600; text-transform: uppercase; }
.chess-leaderboard-table td { color: var(--text); font-size: 13px; }
.chess-leaderboard-table td:last-child { color: var(--green); font-variant-numeric: tabular-nums; font-weight: 700; }
@media (max-width: 640px) { .game-tile { max-width: none; } .games-heading { margin-bottom: 22px; } }
@media (prefers-reduced-motion: reduce) { .game-tile { transition: none; } .game-tile:hover, .game-tile:focus-within { transform: none; } }

/* Reward Boxes hub */
.subtext { color: var(--muted); font-size: 14px; margin-top: -6px; }
.box-section-title { margin: 26px 0 -4px; font-size: 15px; letter-spacing: 1px; color: var(--muted); text-transform: uppercase; }

.box-hub {
    margin-top: 22px;
    padding: 34px 22px;
    border: 2px solid var(--border);
    border-radius: 18px;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    background: var(--panel);
}
.box-scroller { position: relative; }
.box-scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--panel-2);
    color: var(--text);
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
}
.box-scroll-btn:hover { background: var(--panel); color: var(--green); }
.box-scroll-left { left: -6px; }
.box-scroll-right { right: -6px; }
.box-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 18px;
    overflow-x: auto;
    overflow-y: visible;
    /* overflow-x: auto forces overflow-y to clip too, so pad the top to leave
       room for the hover lift/glow instead of letting it get cut off. */
    padding: 14px 2px 6px;
}
.box-row::-webkit-scrollbar { height: 8px; }
.box-row::-webkit-scrollbar-thumb { background: var(--border); border-radius: 999px; }
.box-row::-webkit-scrollbar-track { background: transparent; }
.box-tile {
    --box-color: #19d15d;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    width: 220px;
    padding: 20px;
    background: var(--panel-2);
    border: 3px solid var(--box-color);
    border-radius: 14px;
    color: var(--text);
    text-align: center;
    box-shadow: 0 0 14px color-mix(in srgb, var(--box-color) 55%, transparent);
    transition: transform .15s ease, box-shadow .15s ease;
}
.box-tile:hover { transform: translateY(-4px); box-shadow: 0 0 22px color-mix(in srgb, var(--box-color) 70%, transparent); }
.box-tile-title { margin: 0; font-size: 17px; }
.box-tile-art {
    width: 90px; height: 90px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--box-color) 18%, var(--panel));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--box-color) 50%, transparent);
}
.box-tile-img { width: 68px; height: 68px; object-fit: contain; }
.box-tile-desc {
    margin: 0;
    font-size: 13px;
    color: var(--muted);
    line-height: 1.5;
    height: 160px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.box-tile-stat {
    width: 100%;
    display: flex; flex-direction: column; gap: 2px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 8px 10px;
}
.box-tile-stat span { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; }
.box-tile-stat strong { font-size: 18px; color: var(--box-color); }
.box-tile-btn {
    width: 100%;
    background: linear-gradient(180deg, var(--box-color), color-mix(in srgb, var(--box-color) 65%, black));
    color: #06130a;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--box-color) 35%, transparent);
}
.box-tile-disabled { opacity: 0.55; }
.box-tile-disabled:hover { transform: none; box-shadow: 0 0 14px color-mix(in srgb, var(--box-color) 40%, transparent); }
.box-tile-btn-disabled { cursor: not-allowed; }


/* Wheel (horizontal reel) */
.wheel-panel { text-align: center; --box-color: var(--green); }
.wheel-panel h1 { color: var(--box-color); }
.wheel-panel .stat span { color: var(--box-color); }
.wheel-panel .cta-row .btn:not(.btn-outline) {
    background: linear-gradient(180deg, var(--box-color), color-mix(in srgb, var(--box-color) 65%, black));
    color: #06130a;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--box-color) 35%, transparent);
}
.wheel-panel .cta-row .btn-outline { color: var(--box-color); border-color: var(--box-color); }
.wheel-panel #dw-spin {
    background: linear-gradient(180deg, var(--box-color), color-mix(in srgb, var(--box-color) 65%, black));
    color: #06130a;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--box-color) 35%, transparent);
}
.reel-viewport {
    position: relative;
    overflow: hidden;
    margin: 24px auto;
    max-width: 900px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: linear-gradient(180deg, #0b0e0f, #080b0c);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.reel-marker {
    position: absolute; left: 50%; top: 0; bottom: 0;
    width: 3px; transform: translateX(-50%);
    background: var(--green);
    box-shadow: 0 0 10px rgba(0, 255, 120, 0.8);
    z-index: 3;
}
.reel-track {
    display: flex;
    gap: 12px;
    padding: 18px 12px;
    will-change: transform;
    width: max-content;
}
.reel-tile {
    flex: 0 0 auto;
    width: 132px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    background: var(--panel-2);
    border: 1px solid var(--border);
    border-bottom: 4px solid var(--border);
}
.tile-icon {
    width: 56px; height: 56px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    background: var(--muted);
    transition: box-shadow .3s ease;
}
.tile-svg { width: 30px; height: 30px; color: #06130a; }
/* Real item icons (arkids.net etc.) sit directly on the tile, no backdrop box. */
.tile-icon.has-photo { background: transparent !important; box-shadow: none !important; }
.tile-img { width: 48px; height: 48px; object-fit: contain; border-radius: 6px; filter: drop-shadow(0 0 0 transparent); }
.tile-name { font-size: 12px; color: var(--text); text-align: center; padding: 0 6px; }
.reel-tile.win { transform: scale(1.06); box-shadow: 0 0 22px rgba(0, 255, 120, 0.45); }

/* Rarity colours + glow (shared by reel tiles and drop table) */
.rarity-common    .tile-icon, .rarity-common    .swatch, .rarity-common    .icon-chip { background: #8fb79b; }
.rarity-uncommon  .tile-icon, .rarity-uncommon  .swatch, .rarity-uncommon  .icon-chip { background: #19d15d; }
.rarity-rare      .tile-icon, .rarity-rare      .swatch, .rarity-rare      .icon-chip { background: #3aa0ff; }
.rarity-epic      .tile-icon, .rarity-epic      .swatch, .rarity-epic      .icon-chip { background: #b061ff; }
.rarity-legendary .tile-icon, .rarity-legendary .swatch, .rarity-legendary .icon-chip { background: #f5a623; }
.rarity-resource  .tile-icon, .rarity-resource  .swatch, .rarity-resource  .icon-chip { background: #2dd4bf; }
.rarity-unlucky   .tile-icon, .rarity-unlucky   .swatch, .rarity-unlucky   .icon-chip { background: #6b7280; }
.reel-tile.rarity-common   { border-bottom-color: #8fb79b; }
.reel-tile.rarity-uncommon { border-bottom-color: #19d15d; }
.reel-tile.rarity-rare     { border-bottom-color: #3aa0ff; }
.reel-tile.rarity-epic     { border-bottom-color: #b061ff; }
.reel-tile.rarity-legendary { border-bottom-color: #f5a623; }
.reel-tile.rarity-unlucky  { border-bottom-color: #6b7280; }

/* Glow strength scales with rarity; rare/epic/legendary pulse to draw the eye. */
.reel-tile.rarity-common   .tile-icon { box-shadow: 0 0 6px rgba(143, 183, 155, 0.35); }
.reel-tile.rarity-uncommon .tile-icon { box-shadow: 0 0 10px rgba(25, 209, 93, 0.45); }
.reel-tile.rarity-rare     .tile-icon { box-shadow: 0 0 16px rgba(58, 160, 255, 0.6); animation: icon-pulse 2.2s ease-in-out infinite; }
.reel-tile.rarity-epic     .tile-icon { box-shadow: 0 0 22px rgba(176, 97, 255, 0.7); animation: icon-pulse 1.5s ease-in-out infinite; }
.reel-tile.rarity-legendary .tile-icon { box-shadow: 0 0 28px rgba(245, 166, 35, 0.85); animation: icon-pulse 1.1s ease-in-out infinite; }
.reel-tile.rarity-unlucky  .tile-icon { box-shadow: none; opacity: 0.85; }

@keyframes icon-pulse {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.3); }
}

/* Rewards page list - same rarity colours/glow as the reel, on a compact swatch. */
.reward-list { list-style: none; padding: 0; margin: 16px 0; display: flex; flex-direction: column; gap: 8px; }
.reward-list li { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--panel-2); border: 1px solid var(--border); border-radius: 10px; }
.reward-list .swatch { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; }
.reward-list li.rarity-common .swatch { box-shadow: 0 0 5px rgba(143, 183, 155, 0.4); }
.reward-list li.rarity-uncommon .swatch { box-shadow: 0 0 8px rgba(25, 209, 93, 0.5); }
.reward-list li.rarity-rare .swatch { box-shadow: 0 0 10px rgba(58, 160, 255, 0.7); animation: icon-pulse 2.2s ease-in-out infinite; }
.reward-list li.rarity-epic .swatch { box-shadow: 0 0 14px rgba(176, 97, 255, 0.75); animation: icon-pulse 1.5s ease-in-out infinite; }
.reward-list li.rarity-legendary .swatch { box-shadow: 0 0 18px rgba(245, 166, 35, 0.9); animation: icon-pulse 1.1s ease-in-out infinite; }
.reward-list li.rarity-resource .swatch { box-shadow: 0 0 8px rgba(45, 212, 191, 0.6); }
.reward-list li.rarity-legendary { border-color: #f5a623; }
.reward-list li.rarity-epic { border-color: #b061ff; }

.wheel-actions { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 8px; }
.wheel-msg { min-height: 22px; color: var(--text); font-weight: 600; }

/* Drop table */
.drop-table { width: 100%; max-width: 560px; margin: 16px auto 0; border-collapse: collapse; font-size: 14px; }
.drop-table th, .drop-table td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--border); }
.drop-table th { color: var(--muted); font-weight: 600; }
.drop-table td:last-child { text-align: right; font-weight: 700; }
.drop-table .swatch { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 8px; vertical-align: middle; box-shadow: 0 0 6px var(--row-glow, transparent); }
.rarity-label { text-transform: capitalize; color: var(--muted); }

/* Row-level rarity accent so it's obvious even at a glance, not just the swatch. */
.drop-table tr.rarity-common    td:first-child { border-left: 3px solid #8fb79b; }
.drop-table tr.rarity-uncommon  td:first-child { border-left: 3px solid #19d15d; }
.drop-table tr.rarity-rare      td:first-child { border-left: 3px solid #3aa0ff; }
.drop-table tr.rarity-epic      td:first-child { border-left: 3px solid #b061ff; }
.drop-table tr.rarity-legendary td:first-child { border-left: 3px solid #f5a623; }
.drop-table tr.rarity-unlucky   td:first-child { border-left: 3px solid #6b7280; }
.drop-table tr.rarity-legendary { background: rgba(245, 166, 35, 0.08); }
.drop-table tr.rarity-legendary td { color: #f5c563; font-weight: 700; }
.drop-table tr.rarity-epic { background: rgba(176, 97, 255, 0.06); }

/* Footer */
.footer { text-align: center; padding: 24px; color: var(--muted); border-top: 1px solid var(--border); font-size: 13px; }
@media (max-width: 640px) {
    .clusters { grid-template-columns: 1fr; }
    .hero h1 { font-size: 30px; }
    .nav { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px 16px; }
    .nav-links { justify-content: center; gap: 12px 16px; }
    .container { padding: 20px 14px; }
    .panel h1, h1 { font-size: 24px; }
    .panel h2, h2 { font-size: 19px; }
    .box-tile { width: 220px; flex: 0 0 220px; }
    .stats-row { flex-wrap: wrap; }
    .drop-table, .admin-table { display: block; overflow-x: auto; }
    .server-grid { grid-template-columns: 1fr; }
}

/* Notices */
.notice-warn { color: #ffd27a; background: #1a1206; border: 1px solid #3a2a10; padding: 10px 14px; border-radius: 10px; }
.disclaimer { margin-top: 20px; background: var(--panel-2); border: 1px solid var(--border); border-radius: 12px; padding: 16px; color: var(--muted); font-size: 13px; }

/* Content pages */
.content-body { line-height: 1.7; color: #c6e8cf; margin-bottom: 16px; }

/* Server card buy forms */
.server-card form { margin-top: 10px; }

/* Admin tables */
.admin-table { width: 100%; border-collapse: collapse; margin: 10px 0 26px; font-size: 14px; }
.admin-table th, .admin-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.admin-table th { color: var(--muted); font-weight: 600; }
.admin-table code { color: var(--text); }

/* Link account */
.link-code-box { text-align: center; background: var(--panel-2); border: 1px solid var(--border); border-radius: 12px; padding: 20px; margin: 18px 0; }
.link-code { font-size: 32px; font-weight: 800; letter-spacing: 6px; color: var(--green); }
.link-command { display: inline-block; margin: 8px 0; padding: 8px 16px; background: #06130a; border: 1px solid var(--green); border-radius: 8px; font-family: monospace; font-size: 16px; color: var(--green); }