/* Shared palette hue keeps all surfaces, controls and text in the selected family. */
/* Nakama: warm parchment, moss and chocolate. Loaded after all layout sheets. */
:root {
  color-scheme: light;
  --bg: hsl(calc(var(--palette-hue, 120) + (-71.250) * var(--palette-spread, 1)) 44.444% 92.941%);
  --panel: hsl(calc(var(--palette-hue, 120) + (-70.000) * var(--palette-spread, 1)) 100.000% 97.647%);
  --border: hsl(calc(var(--palette-hue, 120) + (-46.957) * var(--palette-spread, 1)) 20.354% 77.843%);
  --muted: hsl(calc(var(--palette-hue, 120) + (-49.565) * var(--palette-spread, 1)) 12.707% 35.490%);
  --text: hsl(calc(var(--palette-hue, 120) + (-85.263) * var(--palette-spread, 1)) 19.192% 19.412%);
  --purple: hsl(calc(var(--palette-hue, 120) + (0.000) * var(--palette-spread, 1)) 22.500% 31.373%);
  --mint: hsl(calc(var(--palette-hue, 120) + (2.927) * var(--palette-spread, 1)) 25.153% 31.961%);
  --sidebar: hsl(calc(var(--palette-hue, 120) + (-43.333) * var(--palette-spread, 1)) 31.034% 88.627%);
  --forest: hsl(calc(var(--palette-hue, 120) + (0.000) * var(--palette-spread, 1)) 22.500% 31.373%);
  --forest-hover: hsl(calc(var(--palette-hue, 120) + (3.750) * var(--palette-spread, 1)) 25.806% 24.314%);
  --cream: hsl(calc(var(--palette-hue, 120) + (-70.769) * var(--palette-spread, 1)) 100.000% 92.353%);
  --brown: hsl(calc(var(--palette-hue, 120) + (-94.054) * var(--palette-spread, 1)) 31.092% 23.333%);
  --sage: hsl(calc(var(--palette-hue, 120) + (-42.353) * var(--palette-spread, 1)) 32.075% 89.608%);
  --forest-shadow: 0 8px 26px hsl(calc(var(--palette-hue, 120) + (-24.000) * var(--palette-spread, 1)) 26.786% 21.961% / 0.0392);
}

body {
  background: radial-gradient(ellipse at 85% 0%, hsl(calc(var(--palette-hue, 120) + (-41.053) * var(--palette-spread, 1)) 32.203% 88.431%) 0, transparent 48%), var(--bg);
  color: var(--text);
}
::selection { background: hsl(calc(var(--palette-hue, 120) + (-36.585) * var(--palette-spread, 1)) 32.800% 75.490%); color: hsl(calc(var(--palette-hue, 120) + (-12.500) * var(--palette-spread, 1)) 23.077% 20.392%); }
h1, h2, h3, .brand, .stat-num, .item-identity strong { color: var(--brown); }
.brand { text-decoration: none; }
.brand em, .muted, .intro, .hint, .footer, .section-head span,
.preview-role, .option-labels, .activity small, .activity time,
.stat small, .game-card .sub, .card-bottom,
.login-card small, .login-features, .community-live,
.community-stats span, .community-foot { color: var(--muted); }
.eyebrow, .nav-label, .stat-label { color: hsl(calc(var(--palette-hue, 120) + (-57.778) * var(--palette-spread, 1)) 15.789% 33.529%); }
.brand-orbit {
  background: linear-gradient(145deg, hsl(calc(var(--palette-hue, 120) + (-32.400) * var(--palette-spread, 1)) 25.510% 38.431%), hsl(calc(var(--palette-hue, 120) + (-9.730) * var(--palette-spread, 1)) 24.503% 29.608%));
  color: var(--cream);
  box-shadow: 0 3px 12px hsl(calc(var(--palette-hue, 120) + (-31.667) * var(--palette-spread, 1)) 31.034% 22.745% / 0.1255);
}
.brand-logo, .brand img, .brand-orbit img {
  width: 42px; height: 42px; object-fit: contain; flex-shrink: 0;
}

/* Navigation and the main workspace keep the existing responsive geometry. */
.sidebar { background: var(--sidebar); border-color: var(--border); }
.server { background: hsl(calc(var(--palette-hue, 120) + (-55.714) * var(--palette-spread, 1)) 46.667% 94.118%); border-color: hsl(calc(var(--palette-hue, 120) + (-45.517) * var(--palette-spread, 1)) 22.835% 75.098%); }
.server-icon, .chooser-icon {
  background: linear-gradient(135deg, hsl(calc(var(--palette-hue, 120) + (-42.857) * var(--palette-spread, 1)) 35.000% 84.314%), hsl(calc(var(--palette-hue, 120) + (-33.529) * var(--palette-spread, 1)) 25.000% 73.333%));
  color: hsl(calc(var(--palette-hue, 120) + (-17.419) * var(--palette-spread, 1)) 23.664% 25.686%);
}
.nav button { color: hsl(calc(var(--palette-hue, 120) + (-28.889) * var(--palette-spread, 1)) 16.168% 32.745%); }
.nav button.active {
  background: hsl(calc(var(--palette-hue, 120) + (-35.172) * var(--palette-spread, 1)) 31.183% 81.765%); color: hsl(calc(var(--palette-hue, 120) + (2.000) * var(--palette-spread, 1)) 24.194% 24.314%); border-color: hsl(calc(var(--palette-hue, 120) + (-33.846) * var(--palette-spread, 1)) 26.531% 71.176%);
}
.nav button:hover { background: hsl(calc(var(--palette-hue, 120) + (-36.522) * var(--palette-spread, 1)) 30.667% 85.294%); }
.topbar { background: hsl(calc(var(--palette-hue, 120) + (-70.000) * var(--palette-spread, 1)) 100.000% 97.647% / 0.7333); border-color: var(--border); }
.topbar strong { color: hsl(calc(var(--palette-hue, 120) + (-75.000) * var(--palette-spread, 1)) 18.750% 25.098%); }
.avatar { background: hsl(calc(var(--palette-hue, 120) + (-37.241) * var(--palette-spread, 1)) 30.526% 81.373%); color: hsl(calc(var(--palette-hue, 120) + (6.000) * var(--palette-spread, 1)) 22.059% 26.667%); }
.status-dot { color: hsl(calc(var(--palette-hue, 120) + (4.390) * var(--palette-spread, 1)) 26.797% 30.000%); }
.status-dot:before { background: hsl(calc(var(--palette-hue, 120) + (-13.770) * var(--palette-spread, 1)) 30.653% 39.020%); box-shadow: 0 0 8px hsl(calc(var(--palette-hue, 120) + (-13.770) * var(--palette-spread, 1)) 30.653% 39.020% / 0.1569); }
.preview { color: hsl(calc(var(--palette-hue, 120) + (-27.805) * var(--palette-spread, 1)) 26.797% 30.000%); background: hsl(calc(var(--palette-hue, 120) + (-39.231) * var(--palette-spread, 1)) 36.111% 85.882%); }
.top-navigation .active { color: hsl(calc(var(--palette-hue, 120) + (-70.909) * var(--palette-spread, 1)) 100.000% 93.529%); background: var(--forest); border-color: var(--forest); }

/* All shared buttons, including generated event controls and modal actions. */
button { background: hsl(calc(var(--palette-hue, 120) + (-45.000) * var(--palette-spread, 1)) 30.769% 89.804%); color: hsl(calc(var(--palette-hue, 120) + (-35.455) * var(--palette-spread, 1)) 18.644% 23.137%); border-color: hsl(calc(var(--palette-hue, 120) + (-44.348) * var(--palette-spread, 1)) 19.008% 76.275%); }
button:hover { background: hsl(calc(var(--palette-hue, 120) + (-37.500) * var(--palette-spread, 1)) 31.579% 85.098%); border-color: hsl(calc(var(--palette-hue, 120) + (-36.000) * var(--palette-spread, 1)) 25.316% 69.020%); }
button:disabled { opacity: .52; }
.primary, .button-link {
  background: var(--forest); color: hsl(calc(var(--palette-hue, 120) + (-72.414) * var(--palette-spread, 1)) 100.000% 94.314%); border-color: var(--forest);
}
.primary:hover, .button-link:hover {
  background: var(--forest-hover); color: hsl(calc(var(--palette-hue, 120) + (-72.414) * var(--palette-spread, 1)) 100.000% 94.314%); border-color: var(--forest-hover);
}
.quiet { background: transparent; color: hsl(calc(var(--palette-hue, 120) + (-25.385) * var(--palette-spread, 1)) 18.056% 28.235%); }
.quiet:hover { background: hsl(calc(var(--palette-hue, 120) + (-42.857) * var(--palette-spread, 1)) 31.343% 86.863%); }
.danger { background: #f6e7da; border-color: #d9b9a6; color: #89402f; }
.danger:hover { background: #efd6c5; border-color: #cda08b; }
.link, details summary { color: hsl(calc(var(--palette-hue, 120) + (5.581) * var(--palette-spread, 1)) 27.742% 30.392%); }
.link:hover { color: hsl(calc(var(--palette-hue, 120) + (8.889) * var(--palette-spread, 1)) 27.273% 19.412%); text-decoration: underline; }
button:focus-visible, a:focus-visible, summary:focus-visible {
  outline: 3px solid hsl(calc(var(--palette-hue, 120) + (-20.357) * var(--palette-spread, 1)) 29.474% 37.255%); outline-offset: 4px;
}
.guest-link {
  background: transparent !important; color: hsl(calc(var(--palette-hue, 120) + (-11.707) * var(--palette-spread, 1)) 27.152% 29.608%); border-color: hsl(calc(var(--palette-hue, 120) + (-31.579) * var(--palette-spread, 1)) 15.447% 51.765%);
}
.guest-link:hover { color: hsl(calc(var(--palette-hue, 120) + (3.750) * var(--palette-spread, 1)) 25.806% 24.314%); background: hsl(calc(var(--palette-hue, 120) + (-42.353) * var(--palette-spread, 1)) 32.075% 89.608%) !important; border-color: hsl(calc(var(--palette-hue, 120) + (-24.545) * var(--palette-spread, 1)) 21.359% 40.392%); }

/* Cards and game identity use the forest palette without dark surfaces. */
.panel, .item-row, .custom-field { background: var(--panel); border-color: var(--border); }
.panel, .item-row, .stat { box-shadow: var(--forest-shadow); }
.stat { background: linear-gradient(125deg, hsl(calc(var(--palette-hue, 120) + (-68.000) * var(--palette-spread, 1)) 100.000% 97.059%), hsl(calc(var(--palette-hue, 120) + (-42.000) * var(--palette-spread, 1)) 40.000% 90.196%)); }
.stat-icon { color: hsl(calc(var(--palette-hue, 120) + (-31.636) * var(--palette-spread, 1)) 28.497% 37.843%); }
.stat .positive { color: hsl(calc(var(--palette-hue, 120) + (2.927) * var(--palette-spread, 1)) 25.153% 31.961%); }
.game-art {
  background: radial-gradient(ellipse at 75% 100%, hsl(calc(var(--palette-hue, 120) + (-45.763) * var(--palette-spread, 1)) 37.580% 69.216% / 0.4000), transparent 65%),
    linear-gradient(125deg, hsl(calc(var(--palette-hue, 120) + (-47.586) * var(--palette-spread, 1)) 37.662% 84.902%), hsl(calc(var(--palette-hue, 120) + (-40.588) * var(--palette-spread, 1)) 30.909% 78.431%));
  border-color: hsl(calc(var(--palette-hue, 120) + (-44.211) * var(--palette-spread, 1)) 29.687% 74.902%);
}
.game-art.green {
  background: radial-gradient(ellipse at 75% 100%, hsl(calc(var(--palette-hue, 120) + (-39.130) * var(--palette-spread, 1)) 25.843% 65.098% / 0.4000), transparent 65%),
    linear-gradient(125deg, hsl(calc(var(--palette-hue, 120) + (-40.000) * var(--palette-spread, 1)) 29.670% 82.157%), hsl(calc(var(--palette-hue, 120) + (-30.000) * var(--palette-spread, 1)) 26.562% 74.902%));
}
.game-monogram, .game-art.green .game-monogram { color: hsl(calc(var(--palette-hue, 120) + (-30.000) * var(--palette-spread, 1)) 21.429% 27.451%); }
.game-art .art-symbol { color: hsl(calc(var(--palette-hue, 120) + (-30.000) * var(--palette-spread, 1)) 26.829% 32.157%); opacity: .65; }
.badge { background: hsl(calc(var(--palette-hue, 120) + (-34.286) * var(--palette-spread, 1)) 37.838% 85.490%); color: hsl(calc(var(--palette-hue, 120) + (-12.000) * var(--palette-spread, 1)) 24.823% 27.647%); }
.badge.off { background: #eee2d4; color: #745b42; }
.activity li { border-color: hsl(calc(var(--palette-hue, 120) + (-52.500) * var(--palette-spread, 1)) 24.242% 87.059%); }
.activity-mark { background: hsl(calc(var(--palette-hue, 120) + (-40.909) * var(--palette-spread, 1)) 35.484% 87.843%); color: hsl(calc(var(--palette-hue, 120) + (-20.455) * var(--palette-spread, 1)) 26.190% 32.941%); }
.quick-list button { background: hsl(calc(var(--palette-hue, 120) + (-47.143) * var(--palette-spread, 1)) 36.842% 92.549%); }
.quick-list button:hover { background: hsl(calc(var(--palette-hue, 120) + (-40.000) * var(--palette-spread, 1)) 34.286% 86.275%); }
.quick-list button span:last-child { color: hsl(calc(var(--palette-hue, 120) + (-38.182) * var(--palette-spread, 1)) 15.942% 40.588%); }
.note { color: hsl(calc(var(--palette-hue, 120) + (-43.846) * var(--palette-spread, 1)) 16.883% 30.196%); background: hsl(calc(var(--palette-hue, 120) + (-46.667) * var(--palette-spread, 1)) 39.130% 90.980%); border-color: hsl(calc(var(--palette-hue, 120) + (-43.125) * var(--palette-spread, 1)) 30.189% 79.216%); }
.intro-panel { background: linear-gradient(130deg, hsl(calc(var(--palette-hue, 120) + (-43.846) * var(--palette-spread, 1)) 39.394% 87.059%), hsl(calc(var(--palette-hue, 120) + (-73.333) * var(--palette-spread, 1)) 100.000% 96.471%)); border-color: hsl(calc(var(--palette-hue, 120) + (-40.000) * var(--palette-spread, 1)) 27.632% 70.196%); }
.event-preview { background: hsl(calc(var(--palette-hue, 120) + (-51.429) * var(--palette-spread, 1)) 41.176% 93.333%); border-color: hsl(calc(var(--palette-hue, 120) + (-41.250) * var(--palette-spread, 1)) 25.397% 75.294%); border-left-color: hsl(calc(var(--palette-hue, 120) + (-31.000) * var(--palette-spread, 1)) 29.703% 39.608%); }
.event-features { color: hsl(calc(var(--palette-hue, 120) + (-10.909) * var(--palette-spread, 1)) 26.829% 32.157%); }

/* Native controls, dropdown search results and dialogs. */
.field>span, .check { color: hsl(calc(var(--palette-hue, 120) + (-44.348) * var(--palette-spread, 1)) 16.788% 26.863%); }
.field small { color: hsl(calc(var(--palette-hue, 120) + (-42.222) * var(--palette-spread, 1)) 13.706% 38.627%); }
input:not([type=checkbox]), select, textarea {
  background: hsl(calc(var(--palette-hue, 120) + (-68.571) * var(--palette-spread, 1)) 100.000% 98.627%); color: hsl(calc(var(--palette-hue, 120) + (-50.000) * var(--palette-spread, 1)) 16.981% 20.784%); border-color: hsl(calc(var(--palette-hue, 120) + (-39.375) * var(--palette-spread, 1)) 22.222% 71.765%);
}
input::placeholder, textarea::placeholder { color: hsl(calc(var(--palette-hue, 120) + (-42.500) * var(--palette-spread, 1)) 10.811% 43.529%); opacity: 1; }
input:focus, select:focus, textarea:focus {
  border-color: hsl(calc(var(--palette-hue, 120) + (-26.038) * var(--palette-spread, 1)) 25.604% 40.588%); outline: 2px solid hsl(calc(var(--palette-hue, 120) + (-29.000) * var(--palette-spread, 1)) 25.000% 47.059% / 0.2000);
}
input[type=checkbox] { accent-color: hsl(calc(var(--palette-hue, 120) + (-11.739) * var(--palette-spread, 1)) 26.744% 33.725%); }
input:disabled, select:disabled, textarea:disabled { background: hsl(calc(var(--palette-hue, 120) + (-48.750) * var(--palette-spread, 1)) 33.333% 90.588%); color: hsl(calc(var(--palette-hue, 120) + (-40.909) * var(--palette-spread, 1)) 10.784% 40.000%); }
.member-results { background: hsl(calc(var(--palette-hue, 120) + (-70.909) * var(--palette-spread, 1)) 100.000% 97.843%); border-color: hsl(calc(var(--palette-hue, 120) + (-36.000) * var(--palette-spread, 1)) 24.138% 71.569%); }
.member-results button { color: hsl(calc(var(--palette-hue, 120) + (-31.429) * var(--palette-spread, 1)) 17.647% 23.333%); border-bottom-color: hsl(calc(var(--palette-hue, 120) + (-43.636) * var(--palette-spread, 1)) 27.500% 84.314%); }
.member-results button:hover, .member-results button[aria-selected=true] { background: hsl(calc(var(--palette-hue, 120) + (-36.429) * var(--palette-spread, 1)) 36.842% 85.098%); }
.form-error { color: #923d2c; }
dialog {
  color: var(--text); background: hsl(calc(var(--palette-hue, 120) + (-69.231) * var(--palette-spread, 1)) 100.000% 97.451%); border-color: hsl(calc(var(--palette-hue, 120) + (-41.250) * var(--palette-spread, 1)) 22.222% 71.765%);
  box-shadow: 0 30px 100px hsl(calc(var(--palette-hue, 120) + (-33.913) * var(--palette-spread, 1)) 29.114% 15.490% / 0.2196);
}
dialog::backdrop { background: hsl(calc(var(--palette-hue, 120) + (-33.333) * var(--palette-spread, 1)) 23.077% 15.294% / 0.6902); backdrop-filter: blur(5px); }
.dialog-head { background: hsl(calc(var(--palette-hue, 120) + (-48.750) * var(--palette-spread, 1)) 40.000% 92.157%); }
.dialog-head button { color: hsl(calc(var(--palette-hue, 120) + (-33.333) * var(--palette-spread, 1)) 18.367% 28.824%); }
th { background: hsl(calc(var(--palette-hue, 120) + (-48.000) * var(--palette-spread, 1)) 38.462% 92.353%); color: hsl(calc(var(--palette-hue, 120) + (-40.000) * var(--palette-spread, 1)) 15.976% 33.137%); }
#toast { background: hsl(calc(var(--palette-hue, 120) + (-36.667) * var(--palette-spread, 1)) 45.000% 92.157%); color: hsl(calc(var(--palette-hue, 120) + (-1.875) * var(--palette-spread, 1)) 23.881% 26.275%); border-color: hsl(calc(var(--palette-hue, 120) + (-28.163) * var(--palette-spread, 1)) 22.374% 57.059%); box-shadow: 0 10px 40px hsl(calc(var(--palette-hue, 120) + (-18.462) * var(--palette-spread, 1)) 28.889% 17.647% / 0.1490); }
#toast.error { background: #fff0e4; color: #853c2d; border-color: #c6947a; }

/* The calendar is parchment with moss event cards and a clear today marker. */
.calendar-weekdays { background: hsl(calc(var(--palette-hue, 120) + (-45.000) * var(--palette-spread, 1)) 35.714% 89.020%); color: hsl(calc(var(--palette-hue, 120) + (-36.429) * var(--palette-spread, 1)) 16.471% 33.333%); }
.calendar-day { background: hsl(calc(var(--palette-hue, 120) + (-70.000) * var(--palette-spread, 1)) 100.000% 97.647%); border-color: var(--border); }
.calendar-day time { color: hsl(calc(var(--palette-hue, 120) + (-69.600) * var(--palette-spread, 1)) 18.248% 26.863%); }
.calendar-day.today { background: hsl(calc(var(--palette-hue, 120) + (-48.571) * var(--palette-spread, 1)) 48.837% 91.569%); }
.calendar-day.today time { background: var(--forest); color: hsl(calc(var(--palette-hue, 120) + (-71.250) * var(--palette-spread, 1)) 100.000% 93.725%); }
.calendar-day.outside { background: hsl(calc(var(--palette-hue, 120) + (-45.000) * var(--palette-spread, 1)) 32.000% 90.196%); }
.calendar-day.outside time { color: hsl(calc(var(--palette-hue, 120) + (-34.615) * var(--palette-spread, 1)) 11.404% 44.706%); }
.calendar-event { background: hsl(calc(var(--palette-hue, 120) + (-41.379) * var(--palette-spread, 1)) 39.726% 85.686%); color: hsl(calc(var(--palette-hue, 120) + (-11.111) * var(--palette-spread, 1)) 22.689% 23.333%); border-color: hsl(calc(var(--palette-hue, 120) + (-33.913) * var(--palette-spread, 1)) 25.000% 63.922%); }
.calendar-event:hover { background: hsl(calc(var(--palette-hue, 120) + (-38.462) * var(--palette-spread, 1)) 37.864% 79.804%); }
.calendar-event span, .calendar-event small { color: hsl(calc(var(--palette-hue, 120) + (-28.966) * var(--palette-spread, 1)) 17.365% 32.745%); }
.calendar-event strong { color: hsl(calc(var(--palette-hue, 120) + (-14.000) * var(--palette-spread, 1)) 24.590% 23.922%); }

/* Public landing page, Discord login and live community information. */
.login {
  background: radial-gradient(ellipse at 8% 55%, hsl(calc(var(--palette-hue, 120) + (-41.143) * var(--palette-spread, 1)) 36.842% 81.373% / 0.4000), transparent 58%),
    radial-gradient(ellipse at 90% 12%, hsl(calc(var(--palette-hue, 120) + (-68.936) * var(--palette-spread, 1)) 58.025% 84.118% / 0.5333), transparent 50%), hsl(calc(var(--palette-hue, 120) + (-71.250) * var(--palette-spread, 1)) 44.444% 92.941%);
}
.login h1 { color: var(--brown); }
.login h1 span { color: hsl(calc(var(--palette-hue, 120) + (-30.566) * var(--palette-spread, 1)) 29.609% 35.098%); }
.login-panel { background: radial-gradient(ellipse at 80% 30%, hsl(calc(var(--palette-hue, 120) + (-39.429) * var(--palette-spread, 1)) 34.653% 80.196% / 0.3333), transparent 65%); }
.login-card {
  background: hsl(calc(var(--palette-hue, 120) + (-68.571) * var(--palette-spread, 1)) 100.000% 97.255%); border-color: hsl(calc(var(--palette-hue, 120) + (-45.517) * var(--palette-spread, 1)) 23.200% 75.490%);
  box-shadow: 0 18px 55px hsl(calc(var(--palette-hue, 120) + (-45.000) * var(--palette-spread, 1)) 23.529% 26.667% / 0.0824);
}
.discord-join {
  color: hsl(calc(var(--palette-hue, 120) + (-70.286) * var(--palette-spread, 1)) 100.000% 93.137%); background: hsl(calc(var(--palette-hue, 120) + (-13.333) * var(--palette-spread, 1)) 26.627% 33.137%); border-color: hsl(calc(var(--palette-hue, 120) + (-13.333) * var(--palette-spread, 1)) 26.627% 33.137%);
  box-shadow: 0 8px 26px hsl(calc(var(--palette-hue, 120) + (-24.878) * var(--palette-spread, 1)) 28.276% 28.431% / 0.1412);
}
.discord-join:hover { color: hsl(calc(var(--palette-hue, 120) + (-70.286) * var(--palette-spread, 1)) 100.000% 93.137%); background: hsl(calc(var(--palette-hue, 120) + (-7.895) * var(--palette-spread, 1)) 28.788% 25.882%); border-color: hsl(calc(var(--palette-hue, 120) + (-7.895) * var(--palette-spread, 1)) 28.788% 25.882%); }
.community-card {
  background: linear-gradient(135deg, hsl(calc(var(--palette-hue, 120) + (-48.750) * var(--palette-spread, 1)) 44.444% 92.941%), hsl(calc(var(--palette-hue, 120) + (-73.333) * var(--palette-spread, 1)) 100.000% 96.471%));
  border-color: hsl(calc(var(--palette-hue, 120) + (-41.818) * var(--palette-spread, 1)) 24.812% 73.922%); box-shadow: 0 12px 36px hsl(calc(var(--palette-hue, 120) + (-37.297) * var(--palette-spread, 1)) 26.619% 27.255% / 0.0784);
}
.community-head h2 { color: hsl(calc(var(--palette-hue, 120) + (-66.923) * var(--palette-spread, 1)) 20.635% 24.706%); }
.community-live.connected { color: hsl(calc(var(--palette-hue, 120) + (-6.383) * var(--palette-spread, 1)) 29.936% 30.784%); }
.community-live.connected:before { background: hsl(calc(var(--palette-hue, 120) + (-24.706) * var(--palette-spread, 1)) 35.417% 37.647%); box-shadow: 0 0 10px hsl(calc(var(--palette-hue, 120) + (-24.706) * var(--palette-spread, 1)) 35.417% 37.647% / 0.2000); }
.community-stats strong { color: hsl(calc(var(--palette-hue, 120) + (-80.625) * var(--palette-spread, 1)) 25.806% 24.314%); }
.community-stats div:nth-child(2) strong { color: hsl(calc(var(--palette-hue, 120) + (-15.294) * var(--palette-spread, 1)) 30.909% 32.353%); }
.community-foot { border-top-color: hsl(calc(var(--palette-hue, 120) + (-43.846) * var(--palette-spread, 1)) 28.889% 82.353%); }
.voice-bars i { background: hsl(calc(var(--palette-hue, 120) + (-26.786) * var(--palette-spread, 1)) 27.184% 40.392%); }

@media(max-width:760px) {
  .sidebar.open { box-shadow: 0 0 0 100vw hsl(calc(var(--palette-hue, 120) + (-33.913) * var(--palette-spread, 1)) 29.114% 15.490% / 0.5020); }
}

/* Nakama at night: pine surfaces, sage accents and warm readable text. */
:root[data-theme=dark] {
 color-scheme: dark;
 --bg:hsl(calc(var(--palette-hue, 120) + (24.000) * var(--palette-spread, 1)) 23.810% 8.235%); --panel:hsl(calc(var(--palette-hue, 120) + (21.429) * var(--palette-spread, 1)) 20.588% 13.333%); --sidebar:hsl(calc(var(--palette-hue, 120) + (18.462) * var(--palette-spread, 1)) 23.636% 10.784%); --border:hsl(calc(var(--palette-hue, 120) + (9.474) * var(--palette-spread, 1)) 14.074% 26.471%);
 --text:hsl(calc(var(--palette-hue, 120) + (-45.000) * var(--palette-spread, 1)) 29.630% 89.412%); --muted:hsl(calc(var(--palette-hue, 120) + (-28.696) * var(--palette-spread, 1)) 14.839% 69.608%); --brown:hsl(calc(var(--palette-hue, 120) + (-73.714) * var(--palette-spread, 1)) 53.846% 87.255%); --purple:hsl(calc(var(--palette-hue, 120) + (-24.828) * var(--palette-spread, 1)) 30.526% 62.745%);
 --mint:hsl(calc(var(--palette-hue, 120) + (-20.357) * var(--palette-spread, 1)) 35.443% 69.020%); --forest:hsl(calc(var(--palette-hue, 120) + (-24.643) * var(--palette-spread, 1)) 25.455% 56.863%); --forest-hover:hsl(calc(var(--palette-hue, 120) + (-23.571) * var(--palette-spread, 1)) 31.818% 65.490%);
 --cream:hsl(calc(var(--palette-hue, 120) + (-70.345) * var(--palette-spread, 1)) 50.877% 88.824%); --sage:hsl(calc(var(--palette-hue, 120) + (6.667) * var(--palette-spread, 1)) 18.000% 19.608%); --forest-shadow:0 8px 26px #0002;
}
[data-theme=dark] body { background:radial-gradient(ellipse at 85% 0%,hsl(calc(var(--palette-hue, 120) + (10.909) * var(--palette-spread, 1)) 23.404% 18.431% / 0.3333),transparent 48%),var(--bg); }
[data-theme=dark] ::selection { background:hsl(calc(var(--palette-hue, 120) + (-19.592) * var(--palette-spread, 1)) 26.776% 35.882%);color:hsl(calc(var(--palette-hue, 120) + (-73.125) * var(--palette-spread, 1)) 100.000% 93.725%); }
[data-theme=dark] .eyebrow,[data-theme=dark] .nav-label,[data-theme=dark] .stat-label { color:hsl(calc(var(--palette-hue, 120) + (-31.500) * var(--palette-spread, 1)) 25.641% 69.412%); }
[data-theme=dark] .server,[data-theme=dark] .dialog-head,[data-theme=dark] th,
[data-theme=dark] .quick-list button,[data-theme=dark] .calendar-weekdays { background:hsl(calc(var(--palette-hue, 120) + (11.250) * var(--palette-spread, 1)) 18.605% 16.863%);color:hsl(calc(var(--palette-hue, 120) + (-35.000) * var(--palette-spread, 1)) 27.273% 82.745%);border-color:var(--border); }
[data-theme=dark] .server-icon,[data-theme=dark] .chooser-icon,[data-theme=dark] .avatar,
[data-theme=dark] .activity-mark { background:hsl(calc(var(--palette-hue, 120) + (-8.889) * var(--palette-spread, 1)) 21.951% 24.118%);color:hsl(calc(var(--palette-hue, 120) + (-35.294) * var(--palette-spread, 1)) 43.590% 84.706%); }
[data-theme=dark] .nav button { color:hsl(calc(var(--palette-hue, 120) + (-30.000) * var(--palette-spread, 1)) 19.048% 75.294%); }
[data-theme=dark] .nav button.active { background:hsl(calc(var(--palette-hue, 120) + (-6.429) * var(--palette-spread, 1)) 22.222% 24.706%);color:hsl(calc(var(--palette-hue, 120) + (-37.778) * var(--palette-spread, 1)) 47.368% 88.824%);border-color:hsl(calc(var(--palette-hue, 120) + (-20.488) * var(--palette-spread, 1)) 21.693% 37.059%); }
[data-theme=dark] .nav button:hover { background:hsl(calc(var(--palette-hue, 120) + (8.571) * var(--palette-spread, 1)) 20.388% 20.196%); }
[data-theme=dark] .topbar { background:hsl(calc(var(--palette-hue, 120) + (18.462) * var(--palette-spread, 1)) 22.034% 11.569% / 0.9098); }
[data-theme=dark] .topbar strong { color:var(--text); }
[data-theme=dark] button { background:hsl(calc(var(--palette-hue, 120) + (3.333) * var(--palette-spread, 1)) 17.308% 20.392%);color:hsl(calc(var(--palette-hue, 120) + (-36.522) * var(--palette-spread, 1)) 34.328% 86.863%);border-color:hsl(calc(var(--palette-hue, 120) + (-12.414) * var(--palette-spread, 1)) 17.791% 31.961%); }
[data-theme=dark] button:hover { background:hsl(calc(var(--palette-hue, 120) + (-13.548) * var(--palette-spread, 1)) 22.628% 26.863%);border-color:hsl(calc(var(--palette-hue, 120) + (-23.529) * var(--palette-spread, 1)) 20.816% 48.039%); }
[data-theme=dark] .primary,[data-theme=dark] .button-link,[data-theme=dark] .top-navigation .active,
[data-theme=dark] .discord-join { background:hsl(calc(var(--palette-hue, 120) + (-23.793) * var(--palette-spread, 1)) 27.885% 59.216%);color:hsl(calc(var(--palette-hue, 120) + (-17.647) * var(--palette-spread, 1)) 36.170% 9.216%);border-color:hsl(calc(var(--palette-hue, 120) + (-23.793) * var(--palette-spread, 1)) 27.885% 59.216%); }
[data-theme=dark] .primary:hover,[data-theme=dark] .button-link:hover,[data-theme=dark] .discord-join:hover { background:hsl(calc(var(--palette-hue, 120) + (-27.778) * var(--palette-spread, 1)) 32.927% 67.843%);color:hsl(calc(var(--palette-hue, 120) + (-17.647) * var(--palette-spread, 1)) 36.170% 9.216%);border-color:hsl(calc(var(--palette-hue, 120) + (-27.778) * var(--palette-spread, 1)) 32.927% 67.843%); }
[data-theme=dark] .quiet { background:transparent;color:hsl(calc(var(--palette-hue, 120) + (-30.000) * var(--palette-spread, 1)) 25.926% 78.824%); }
[data-theme=dark] .quiet:hover { background:hsl(calc(var(--palette-hue, 120) + (0.000) * var(--palette-spread, 1)) 16.522% 22.549%); }
[data-theme=dark] .danger { background:#493129;color:#f1c3ac;border-color:#8c6050; }
[data-theme=dark] .danger:hover { background:#5b3a2f; }
[data-theme=dark] .link,[data-theme=dark] details summary { color:hsl(calc(var(--palette-hue, 120) + (-26.250) * var(--palette-spread, 1)) 43.836% 71.373%); }
[data-theme=dark] .guest-link { color:hsl(calc(var(--palette-hue, 120) + (-27.391) * var(--palette-spread, 1)) 37.705% 76.078%);border-color:hsl(calc(var(--palette-hue, 120) + (-19.091) * var(--palette-spread, 1)) 17.323% 50.196%); }
[data-theme=dark] .guest-link:hover { background:hsl(calc(var(--palette-hue, 120) + (-5.455) * var(--palette-spread, 1)) 20.755% 20.784%) !important;color:hsl(calc(var(--palette-hue, 120) + (-35.625) * var(--palette-spread, 1)) 47.059% 86.667%); }
[data-theme=dark] .stat { background:linear-gradient(125deg,hsl(calc(var(--palette-hue, 120) + (6.316) * var(--palette-spread, 1)) 20.430% 18.235%),hsl(calc(var(--palette-hue, 120) + (16.000) * var(--palette-spread, 1)) 21.127% 13.922%)); }
[data-theme=dark] .stat-icon,[data-theme=dark] .stat .positive,[data-theme=dark] .status-dot,
[data-theme=dark] .event-features,[data-theme=dark] .community-live.connected { color:hsl(calc(var(--palette-hue, 120) + (-27.097) * var(--palette-spread, 1)) 42.466% 71.373%); }
[data-theme=dark] .game-art,[data-theme=dark] .game-art.green { background:radial-gradient(ellipse at 75% 100%,hsl(calc(var(--palette-hue, 120) + (-22.500) * var(--palette-spread, 1)) 20.833% 37.647% / 0.2667),transparent 65%),linear-gradient(125deg,hsl(calc(var(--palette-hue, 120) + (-8.571) * var(--palette-spread, 1)) 22.222% 24.706%),hsl(calc(var(--palette-hue, 120) + (11.429) * var(--palette-spread, 1)) 21.649% 19.020%));border-color:hsl(calc(var(--palette-hue, 120) + (-17.143) * var(--palette-spread, 1)) 20.958% 32.745%); }
[data-theme=dark] .game-monogram,[data-theme=dark] .game-art.green .game-monogram,[data-theme=dark] .game-art .art-symbol { color:hsl(calc(var(--palette-hue, 120) + (-36.923) * var(--palette-spread, 1)) 37.864% 79.804%); }
[data-theme=dark] .badge,[data-theme=dark] .preview { background:hsl(calc(var(--palette-hue, 120) + (-14.483) * var(--palette-spread, 1)) 23.967% 23.725%);color:hsl(calc(var(--palette-hue, 120) + (-31.500) * var(--palette-spread, 1)) 47.619% 83.529%); }
[data-theme=dark] .badge.off { background:#463d2e;color:#ddccb0; }
[data-theme=dark] .activity li,[data-theme=dark] .community-foot { border-color:var(--border); }
[data-theme=dark] .quick-list button span:last-child { color:hsl(calc(var(--palette-hue, 120) + (-27.143) * var(--palette-spread, 1)) 28.000% 70.588%); }
[data-theme=dark] .note,[data-theme=dark] .event-preview { background:hsl(calc(var(--palette-hue, 120) + (3.529) * var(--palette-spread, 1)) 19.540% 17.059%);color:hsl(calc(var(--palette-hue, 120) + (-32.727) * var(--palette-spread, 1)) 27.273% 76.275%);border-color:hsl(calc(var(--palette-hue, 120) + (-16.667) * var(--palette-spread, 1)) 21.951% 32.157%); }
[data-theme=dark] .intro-panel { background:linear-gradient(130deg,hsl(calc(var(--palette-hue, 120) + (-7.500) * var(--palette-spread, 1)) 21.818% 21.569%),hsl(calc(var(--palette-hue, 120) + (15.000) * var(--palette-spread, 1)) 22.222% 14.118%));border-color:hsl(calc(var(--palette-hue, 120) + (-20.930) * var(--palette-spread, 1)) 24.294% 34.706%); }
[data-theme=dark] .field>span,[data-theme=dark] .check { color:hsl(calc(var(--palette-hue, 120) + (-33.913) * var(--palette-spread, 1)) 27.059% 83.333%); }
[data-theme=dark] .field small { color:var(--muted); }
[data-theme=dark] input:not([type=checkbox]),[data-theme=dark] select,[data-theme=dark] textarea { background:hsl(calc(var(--palette-hue, 120) + (18.462) * var(--palette-spread, 1)) 24.528% 10.392%);color:hsl(calc(var(--palette-hue, 120) + (-42.857) * var(--palette-spread, 1)) 28.000% 90.196%);border-color:hsl(calc(var(--palette-hue, 120) + (-16.667) * var(--palette-spread, 1)) 19.149% 36.863%); }
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder { color:hsl(calc(var(--palette-hue, 120) + (-27.692) * var(--palette-spread, 1)) 13.830% 63.137%); }
[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled { background:hsl(calc(var(--palette-hue, 120) + (9.231) * var(--palette-spread, 1)) 14.607% 17.451%);color:hsl(calc(var(--palette-hue, 120) + (-27.500) * var(--palette-spread, 1)) 13.636% 65.490%); }
[data-theme=dark] input[type=checkbox] { accent-color:hsl(calc(var(--palette-hue, 120) + (-26.557) * var(--palette-spread, 1)) 31.282% 61.765%); }
[data-theme=dark] .member-results,[data-theme=dark] dialog { background:hsl(calc(var(--palette-hue, 120) + (15.000) * var(--palette-spread, 1)) 22.222% 14.118%);border-color:hsl(calc(var(--palette-hue, 120) + (-19.500) * var(--palette-spread, 1)) 22.222% 35.294%);color:var(--text); }
[data-theme=dark] .member-results button { color:var(--text);border-color:var(--border); }
[data-theme=dark] .member-results button:hover,[data-theme=dark] .member-results button[aria-selected=true] { background:hsl(calc(var(--palette-hue, 120) + (-10.000) * var(--palette-spread, 1)) 23.810% 24.706%); }
[data-theme=dark] .dialog-head button { color:hsl(calc(var(--palette-hue, 120) + (-34.286) * var(--palette-spread, 1)) 35.354% 80.588%); }
[data-theme=dark] .form-error { color:#f1b6a1; }
[data-theme=dark] #toast { background:hsl(calc(var(--palette-hue, 120) + (-4.615) * var(--palette-spread, 1)) 23.636% 21.569%);color:hsl(calc(var(--palette-hue, 120) + (-35.625) * var(--palette-spread, 1)) 50.000% 87.451%);border-color:hsl(calc(var(--palette-hue, 120) + (-24.407) * var(--palette-spread, 1)) 23.320% 50.392%); }
[data-theme=dark] #toast.error { background:#483028;color:#ffd5bf;border-color:#a87861; }
[data-theme=dark] .calendar-day { background:hsl(calc(var(--palette-hue, 120) + (12.000) * var(--palette-spread, 1)) 21.739% 13.529%); }
[data-theme=dark] .calendar-day time { color:hsl(calc(var(--palette-hue, 120) + (-34.615) * var(--palette-spread, 1)) 27.660% 81.569%); }
[data-theme=dark] .calendar-day.today { background:hsl(calc(var(--palette-hue, 120) + (-7.500) * var(--palette-spread, 1)) 22.642% 20.784%); }
[data-theme=dark] .calendar-day.today time { color:hsl(calc(var(--palette-hue, 120) + (-16.667) * var(--palette-spread, 1)) 39.130% 9.020%); }
[data-theme=dark] .calendar-day.outside { background:hsl(calc(var(--palette-hue, 120) + (15.000) * var(--palette-spread, 1)) 22.222% 10.588%); }
[data-theme=dark] .calendar-day.outside time { color:hsl(calc(var(--palette-hue, 120) + (-26.897) * var(--palette-spread, 1)) 13.876% 59.020%); }
[data-theme=dark] .calendar-event { background:hsl(calc(var(--palette-hue, 120) + (-11.250) * var(--palette-spread, 1)) 25.806% 24.314%);color:hsl(calc(var(--palette-hue, 120) + (-34.839) * var(--palette-spread, 1)) 43.662% 86.078%);border-color:hsl(calc(var(--palette-hue, 120) + (-21.250) * var(--palette-spread, 1)) 22.430% 41.961%); }
[data-theme=dark] .calendar-event:hover { background:hsl(calc(var(--palette-hue, 120) + (-17.561) * var(--palette-spread, 1)) 27.517% 29.216%); }
[data-theme=dark] .calendar-event strong,[data-theme=dark] .calendar-event span,[data-theme=dark] .calendar-event small { color:hsl(calc(var(--palette-hue, 120) + (-34.839) * var(--palette-spread, 1)) 43.662% 86.078%); }
[data-theme=dark] .login { background:radial-gradient(ellipse at 8% 55%,hsl(calc(var(--palette-hue, 120) + (-15.429) * var(--palette-spread, 1)) 28.000% 24.510% / 0.3333),transparent 58%),radial-gradient(ellipse at 90% 12%,hsl(calc(var(--palette-hue, 120) + (-49.412) * var(--palette-spread, 1)) 26.154% 25.490% / 0.1333),transparent 50%),hsl(calc(var(--palette-hue, 120) + (24.000) * var(--palette-spread, 1)) 23.810% 8.235%); }
[data-theme=dark] .login h1 span { color:hsl(calc(var(--palette-hue, 120) + (-28.966) * var(--palette-spread, 1)) 33.721% 66.275%); }
[data-theme=dark] .login-panel { background:radial-gradient(ellipse at 80% 30%,hsl(calc(var(--palette-hue, 120) + (-12.000) * var(--palette-spread, 1)) 28.000% 24.510% / 0.2667),transparent 65%); }
[data-theme=dark] .login-card { background:hsl(calc(var(--palette-hue, 120) + (15.000) * var(--palette-spread, 1)) 22.222% 14.118%);border-color:hsl(calc(var(--palette-hue, 120) + (-18.857) * var(--palette-spread, 1)) 22.013% 31.176%);box-shadow:0 18px 55px #0003; }
[data-theme=dark] .community-card { background:linear-gradient(135deg,hsl(calc(var(--palette-hue, 120) + (5.714) * var(--palette-spread, 1)) 21.649% 19.020%),hsl(calc(var(--palette-hue, 120) + (15.000) * var(--palette-spread, 1)) 22.222% 14.118%));border-color:hsl(calc(var(--palette-hue, 120) + (-18.857) * var(--palette-spread, 1)) 22.013% 31.176%);box-shadow:0 12px 36px #0002; }
[data-theme=dark] .community-head h2,[data-theme=dark] .community-stats strong { color:hsl(calc(var(--palette-hue, 120) + (-64.138) * var(--palette-spread, 1)) 36.709% 84.510%); }
[data-theme=dark] .community-stats div:nth-child(2) strong { color:hsl(calc(var(--palette-hue, 120) + (-31.935) * var(--palette-spread, 1)) 46.269% 73.725%); }
[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] summary:focus-visible { outline-color:hsl(calc(var(--palette-hue, 120) + (-28.000) * var(--palette-spread, 1)) 41.667% 71.765%); }
.theme-toggle { white-space:nowrap; }
.stat-link { width:100%;text-align:left;position:relative;cursor:pointer;font:inherit; }
.stat-link:hover { transform:translateY(-2px);box-shadow:0 10px 25px hsl(calc(var(--palette-hue, 120) + (4.000) * var(--palette-spread, 1)) 26.316% 11.176% / 0.1333); }
.stat-link:focus-visible { outline:3px solid var(--forest);outline-offset:3px; }
.stat-go { display:block;margin-top:12px;font-size:11px;color:var(--muted); }
@media(prefers-reduced-motion:no-preference){.stat-link{transition:transform .15s,box-shadow .15s;}}

.view-switch { padding:4px;margin-bottom:14px;gap:6px; }
.view-switch button { min-width:96px; }

/* The loading screen uses twice the regular 42px icon size. */
.loading .brand-logo { width:84px; height:84px; }

.profile-card { border:1px solid var(--border);border-left:5px solid hsl(calc(var(--palette-hue, 120) + (-25.714) * var(--palette-spread, 1)) 26.667% 58.824%);border-radius:10px;padding:20px;max-width:620px;overflow-wrap:anywhere;background:var(--panel);margin-top:16px; }
.profile-card-author { display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px; }
.profile-card-author img { width:44px;height:44px;object-fit:cover;border-radius:50%; }
.profile-card h3 { margin:0 0 12px; }
.profile-card-bio { white-space:pre-wrap; }
.profile-card-character { display:grid;gap:4px;margin:16px 0; }
.profile-card-character small { color:var(--muted); }

input[name="card-accent"] { height:44px;width:140px;padding:4px; }

/* Four color families, each using the existing light/dark surface contrast. */
:root[data-palette=lagoon] { --palette-hue:185; --palette-spread:.25; }
:root[data-palette=amethyst] { --palette-hue:280; --palette-spread:.25; }
:root[data-palette=sand] { --palette-hue:40; --palette-spread:.25; }
.appearance-controls { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.palette-picker { display:flex;align-items:center;gap:2px; }
button.palette-swatch { position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:50%; }
button.palette-swatch::before { content:'';position:absolute;width:25px;height:25px;border-radius:50%;background:var(--swatch);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--border); }
button.palette-swatch[aria-pressed=true]::before { box-shadow:0 0 0 3px var(--forest); }
button.palette-swatch span { position:relative;color:#fff;font-size:15px;line-height:1;font-weight:700; }
button.palette-swatch:hover { background:var(--sage);border:0; }
button.palette-swatch:focus-visible { outline:3px solid var(--forest);outline-offset:0; }
/* Sun and moon stay visible while the thumb moves to the active mode. */
button.theme-toggle { position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;flex:none;width:78px;height:44px;min-height:44px;padding:0 10px;border:0;border-radius:24px;background:transparent;color:var(--muted);box-shadow:none; }
button.theme-toggle::before { content:'';position:absolute;z-index:-2;inset:4px 0;border:1px solid var(--border);border-radius:24px;background:var(--sage); }
button.theme-toggle::after { content:'';position:absolute;z-index:-1;left:4px;top:7px;width:30px;height:30px;border-radius:50%;background:var(--panel);box-shadow:0 1px 4px #0003; }
button.theme-toggle svg { display:block;width:18px;height:18px;pointer-events:none; }
button.theme-toggle .theme-sun { color:var(--text); }
button.theme-toggle[aria-checked=true]::after { transform:translateX(40px);background:var(--forest); }
button.theme-toggle[aria-checked=true] .theme-sun { color:var(--muted); }
button.theme-toggle[aria-checked=true] .theme-moon { color:var(--bg); }
button.theme-toggle:hover { background:transparent;border:0; }
button.theme-toggle:hover::before { border-color:var(--forest); }
button.theme-toggle:focus-visible { outline:3px solid var(--forest);outline-offset:3px; }
@media(prefers-reduced-motion:no-preference){button.theme-toggle::after{transition:transform .18s ease;}}
.server-change-list{list-style:none;padding:0;display:grid;gap:10px}
.server-change-list li{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}
.server-change-list strong{font-size:11px;color:var(--forest)}
.server-change-list .change-delete{border-left:4px solid #b64736}
button.game-count-link{font:inherit;color:inherit;padding:3px 0;margin:-3px 13px -3px 0;min-height:24px;border:0;border-radius:3px;background:transparent;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
button.game-count-link:hover{background:transparent;color:var(--forest);text-decoration-style:solid}
button.game-count-link:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
@media(max-width:760px){button.game-count-link{min-height:44px;margin-top:0;margin-bottom:0}}
.server-change-list .change-delete strong{color:#b64736}
[data-theme=dark] .server-change-list .change-delete strong{color:#ffb7a7}

/* Player dossiers keep the whole directory row keyboard-accessible. */
button.user-profile-link{width:100%;text-align:left;white-space:normal;color:var(--text);}
.user-profile-link .item-identity>span:last-child{min-width:0;}
.user-profile-link strong{display:block;}
.user-profile-link small{display:block;margin-top:8px;line-height:1.5;overflow-wrap:anywhere;}
.user-profile-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
.user-detail-tabs{flex-wrap:wrap;}
.user-detail-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:0;}
.user-detail-fields dt{font-size:.8rem;opacity:.75;}
.user-detail-fields dd{margin:4px 0 0;overflow-wrap:anywhere;}

.user-detail-info{padding:16px 20px;}
.user-detail-info h3{margin:0;}
.user-detail-info p{margin:8px 0 0;}

.user-directory-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;}
.moderation-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.moderation-action-grid .panel{margin:0;}
.moderation-blocked{margin-bottom:0;}
@media(max-width:600px){.user-directory-entry,.moderation-action-grid{grid-template-columns:1fr;}.user-directory-entry{gap:6px;}}