/* Among Buns lobby — site design language applied over the game's built-in lobby styles.
   Loaded after the inline <style> so these win. Scoped to the lobby; in-game UI is untouched. */
:root{--bg:#120c0a;--panel:#241a15;--panel2:#1c1310;--ink:#f6ead8;--muted:#b9a690;--mustard:#f2c94c;--ketchup:#e0453b;--rift:#3fd8ff;--lettuce:#8bd35a;--line:#3a2a22;--r:14px}
body{background:var(--bg) radial-gradient(1200px 600px at 70% -10%,rgba(63,216,255,.14),transparent 60%) no-repeat;color:var(--ink);font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif}

/* top bar (injected) */
.ab-top{position:sticky;top:0;z-index:50;background:rgba(18,12,10,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ab-top .wrap{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:22px;height:64px}
.ab-top .logo{font-family:"Bangers",Impact,sans-serif;font-size:26px;color:var(--mustard);text-decoration:none;letter-spacing:.05em}
.ab-top .links{display:flex;align-items:center;gap:18px;margin-left:auto}
.ab-top .links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}
.ab-top .links a.cta{background:var(--mustard);color:#1a1008;padding:9px 14px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.ab-top .state{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.1em;padding:2px 6px;border-radius:5px;text-transform:uppercase;background:var(--mustard);color:#1a1008;vertical-align:middle}

/* lobby shell */
#lobby{max-width:1180px;padding:40px 20px 60px}
#lobby .ab-eyebrow{color:var(--rift);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12px;text-align:center;margin-bottom:6px}
#lobby h1{font-family:"Bangers",Impact,sans-serif;font-size:clamp(44px,7vw,84px);color:var(--ink);text-shadow:none;animation:none;letter-spacing:.03em;line-height:1.05;margin:0 0 6px}
#lobby .tagline{color:var(--mustard);font-weight:800;letter-spacing:.18em;font-size:12px;margin-bottom:34px}

/* cards */
#lobby .lobby-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;backdrop-filter:none}
#lobby .lobby-card:hover{background:var(--panel);border-color:var(--line)}
#lobby .lobby-card-header{font-family:"Bangers",Impact,sans-serif;font-size:24px;letter-spacing:.03em;color:var(--mustard);font-weight:400;margin-bottom:14px}
#lobby .lobby-card-icon{font-size:20px;filter:saturate(.8)}
#lobby .lobby-chat-user-count{margin-left:auto;font-family:"Nunito",sans-serif;font-size:12px;font-weight:800;color:var(--lettuce);background:rgba(139,211,90,.12);padding:3px 8px;border-radius:999px;letter-spacing:.06em}

/* region card — single same-origin region now, the picker is noise */
#lobby .lobby-card:has(#region-selector-target){display:none}

/* inputs */
#lobby .username-container label,#lobby .region-label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#lobby .username-input,#lobby .lobby-chat-input{background:#0e0908;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;box-shadow:none}
#lobby .username-input:focus,#lobby .lobby-chat-input:focus{outline:none;border-color:var(--mustard);box-shadow:0 0 0 3px rgba(242,201,76,.18)}
#lobby .username-input::placeholder,#lobby .lobby-chat-input::placeholder{color:#6f5f50}

/* buttons */
#lobby button{background:var(--ketchup);color:#fff;border:2px solid transparent;border-radius:999px;padding:12px 20px;font-family:"Nunito",sans-serif;font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase;box-shadow:none;transition:transform .12s}
#lobby button:hover{transform:translateY(-2px);box-shadow:none}
#lobby #host-new{background:var(--ketchup);font-size:15px;padding:16px 24px;margin-top:16px;border-radius:999px}
#lobby .lobby-chat-send{background:var(--mustard);color:#1a1008}
#lobby #sessions li button{background:transparent;border-color:var(--rift);color:var(--rift);padding:9px 14px;font-size:12px}

/* game list */
#lobby #sessions li{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
#lobby #sessions li:hover{background:#2a1e18;border-color:var(--mustard);transform:none}
#lobby #no-games{color:var(--muted)!important;font-style:normal!important}

/* chat */
#lobby .lobby-chat-messages{background:#0e0908;border:1px solid var(--line);border-radius:10px}
#lobby .lobby-chat-message__username{color:var(--mustard)}
#lobby .lobby-chat-message__timestamp{color:#6f5f50}
#lobby .lobby-chat-message--system{color:var(--rift)}
#lobby .lobby-chat-messages::-webkit-scrollbar-thumb{background:var(--line)}

/* footer note */
#lobby .ab-fine{color:var(--muted);font-size:13px;text-align:center;margin-top:28px}
#lobby .ab-fine a{color:var(--mustard)}

#client-version{background:rgba(18,12,10,.8)!important;color:var(--muted)!important;font-family:"Nunito",sans-serif!important;box-shadow:none!important;border:1px solid var(--line)}

/* hide the site bar once a game is running */
body:has(#lobby.hidden) .ab-top{display:none}