.plm-lobby {
	/* Navy dark theme tuned to a #0a1f3e / white brand site — every panel
	   tone below is #0a1f3e lightened by mixing in more blue, not a
	   neutral gray-black ramp, so the widget reads as part of that site
	   rather than a generic dark-mode overlay. */
	--plm-bg: #0a1f3e;
	--plm-panel: #0f2a52;
	--plm-panel2: #15335f;
	--plm-panel3: #1c3d6d;
	--plm-border: #24487d;
	--plm-border2: #2c5390;
	--plm-text: #ffffff;
	--plm-dim: #9fb2d1;
	--plm-faint: #7690b7;
	--plm-gold: #e8b04a;
	--plm-gold-bright: #f5cc7a;
	--plm-gold-soft: #c89a3e;
	--plm-gold-shadow: rgba(232, 176, 74, 0.18);
	--plm-ok: #4ade80;
	--plm-bad: #ff5470;
	--plm-info: #2f8fe0; /* legible tint of the site's #0a53a8 highlight against navy panels */
	--plm-warn: #ff9a3c;
	background: var(--plm-bg);
	color: var(--plm-text);
	padding: 14px 12px;
	border-radius: 10px;
	font: 15px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-feature-settings: 'lnum', 'tnum';
	container-type: inline-size;
}
/* Light theme — [poker_lobby theme="light"] or the Settings "Default theme"
   option. Overrides the same custom properties the dark palette above sets.
   Keep every color literal elsewhere in this file routed through one of
   these two blocks' custom properties — a literal outside them (the flag
   tags' orange used to be one) won't adapt and can end up illegible against
   whichever theme it wasn't tuned for. */
.plm-lobby.plm-theme-light {
	--plm-bg: #ffffff;
	--plm-panel: #f6f7f9;
	--plm-panel2: #eceef2;
	--plm-panel3: #e2e5eb;
	--plm-border: #dde1e8;
	--plm-border2: #cdd3dc;
	--plm-text: #14181f;
	--plm-dim: #5b6472;
	--plm-faint: #8a93a3;
	--plm-gold: #a97418;
	--plm-gold-bright: #8a5f14;
	--plm-gold-soft: #c99a41;
	--plm-gold-shadow: rgba(169, 116, 24, 0.16);
	--plm-ok: #15803d;
	--plm-bad: #dc2626;
	--plm-info: #0a53a8; /* the site's own highlight blue, at full strength against white */
	--plm-warn: #b5530a; /* darkened from the dark theme's #ff9a3c — that's ~2:1 against white, this is ~4.6:1 */
}
.plm-lobby *, .plm-lobby *::before, .plm-lobby *::after { box-sizing: border-box; }
.plm-lobby .plm-mono, .plm-lobby .plm-when-abs, .plm-lobby .plm-buyin-amt, .plm-lobby .plm-gtd-amt {
	font-family: ui-monospace, Consolas, monospace;
	font-feature-settings: 'zero', 'ss01';
}

.plm-hero { display: flex; flex-direction: column; gap: 2px; margin-bottom: 12px; }
.plm-hero__title { margin: 0; font-size: 1.25em; font-weight: 800; letter-spacing: -.01em; display: flex; align-items: center; }
.plm-live-dot {
	display: inline-block; width: 10px; height: 10px; border-radius: 50%;
	background: var(--plm-ok); box-shadow: 0 0 0 0 rgba(74, 222, 128, .55);
	animation: plm-live-pulse 1.8s ease-out infinite; margin-right: 10px;
}
@keyframes plm-live-pulse {
	0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, .55); }
	70% { box-shadow: 0 0 0 12px rgba(74, 222, 128, 0); }
	100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}
.plm-hero__sub { margin: 0; color: var(--plm-dim); font-size: 0.8125em; }

.plm-view-full-link a { color: var(--plm-gold-bright); text-decoration: none; font-weight: 700; }
.plm-view-full-link a:hover { text-decoration: underline; }

.plm-errbox {
	background: rgba(255, 84, 112, .1); border: 1px solid rgba(255, 84, 112, .35);
	color: var(--plm-bad); border-radius: 8px; padding: 8px 12px; margin-bottom: 10px; font-size: 0.8em;
}

/* ── sites bar ────────────────────────────────────────────────── */
.plm-sites-bar {
	background: var(--plm-panel); border: 1px solid var(--plm-border); border-radius: 8px;
	padding: 8px 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.plm-sites-summary { display: flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; flex: 1; }
.plm-caret { display: inline-block; font-size: 0.7em; color: var(--plm-dim); transition: transform .15s; }
.plm-sites-bar.plm-open .plm-caret, .plm-filters-bar.plm-open .plm-caret { transform: rotate(180deg); }
.plm-sites-summary__label, .plm-filters-summary__label {
	color: var(--plm-dim); font-size: 0.625em; text-transform: uppercase; letter-spacing: .4px; font-weight: 700;
}
.plm-sites-summary__count {
	color: var(--plm-gold-bright); font-size: 0.72em; font-weight: 700;
	background: rgba(232, 176, 74, .1); padding: 3px 9px; border-radius: 999px;
}
.plm-sites-summary__hint, .plm-filters-summary__hint { color: var(--plm-faint); font-size: 0.66em; }
.plm-sites-list-wrap { display: none; width: 100%; align-items: center; gap: 6px; flex-wrap: wrap; }
.plm-sites-bar.plm-open .plm-sites-list-wrap { display: flex; }
/* .plm-sites-list (data-plm="sitesList") wraps the chips + the offshore
   group label. It must pass through display:contents so those become
   direct flex items of .plm-sites-list-wrap — otherwise the offshore
   label's flex-basis:100% (meant to force its own row) has no flex
   container to act on and is ignored. */
.plm-sites-list { display: contents; }
.plm-sites-group-label {
	color: var(--plm-dim); font-size: 0.575em; font-weight: 800; letter-spacing: .6px;
	text-transform: uppercase; padding: 2px 6px; margin: 0;
}
.plm-sites-group-label.plm-offshore {
	color: var(--plm-warn); border-top: 1px dashed rgba(255, 140, 0, .18);
	padding-top: 8px; margin-top: 4px; width: 100%; flex-basis: 100%;
}
.plm-site-chip {
	background: var(--plm-panel2); color: var(--plm-text); border: 1px solid var(--plm-border2);
	border-radius: 999px; padding: 4px 9px; cursor: pointer; font-size: 0.68em; font-weight: 600;
	display: inline-flex; align-items: center; gap: 5px; font-family: inherit;
}
.plm-site-chip:hover { border-color: var(--plm-gold); color: var(--plm-gold); }
.plm-site-chip.plm-on { background: rgba(232, 176, 74, .16); color: var(--plm-gold-bright); border-color: var(--plm-gold-soft); }
.plm-site-chip .plm-count { background: var(--plm-panel3); color: var(--plm-dim); font-size: 0.853em; padding: 0 5px; border-radius: 999px; font-weight: 700; }
.plm-site-chip.plm-on .plm-count { background: rgba(232, 176, 74, .24); color: var(--plm-gold-bright); }
.plm-site-chip.plm-dim { opacity: .45; }
.plm-site-fav { width: 14px; height: 14px; border-radius: 3px; flex-shrink: 0; background: rgba(255, 255, 255, .04); object-fit: contain; }
.plm-tc-site .plm-site-fav { width: 22px; height: 22px; border-radius: 4px; }
.plm-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--plm-gold); display: inline-block; flex-shrink: 0; }
.plm-toggle-all {
	background: transparent; border: 1px dashed var(--plm-border2); color: var(--plm-dim);
	border-radius: 999px; padding: 3px 9px; cursor: pointer; font-size: 0.58em; font-weight: 700;
	font-family: inherit; text-transform: uppercase; letter-spacing: .4px;
}
.plm-toggle-all:hover { color: var(--plm-gold); border-color: var(--plm-gold); }

/* ── filters bar ──────────────────────────────────────────────── */
.plm-filters-bar {
	background: var(--plm-panel); border: 1px solid var(--plm-border); border-radius: 8px;
	padding: 8px 10px; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.plm-filters-summary { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; cursor: pointer; user-select: none; }
.plm-filters-summary__count {
	color: var(--plm-gold-bright); font-size: 0.72em; font-weight: 700;
	background: rgba(232, 176, 74, .1); padding: 3px 9px; border-radius: 999px;
}
.plm-filters-summary__count[hidden] { display: none; }
.plm-result-count { color: var(--plm-dim); font-size: 0.7em; font-weight: 600; white-space: nowrap; }
.plm-filter-bar { display: none; width: 100%; align-items: center; gap: 8px; flex-wrap: wrap; }
.plm-filters-bar.plm-open .plm-filter-bar { display: flex; }
.plm-filter-bar .plm-lbl { color: var(--plm-dim); font-size: 0.625em; text-transform: uppercase; letter-spacing: .4px; font-weight: 700; }
.plm-filter-bar input[type=text], .plm-filter-bar input[type=number] {
	background: var(--plm-bg); border: 1px solid var(--plm-border2); color: var(--plm-text);
	border-radius: 6px; padding: 5px 7px; font-size: 0.72em; font-family: inherit;
}
.plm-filter-bar input:focus { outline: none; border-color: var(--plm-gold); }
.plm-filter-bar input[type=number] { width: 70px; }
.plm-filter-bar input[type=text] { width: 140px; }
@media (min-width: 720px) { .plm-filter-bar input[type=text] { width: 200px; } }
.plm-filter-bar input.plm-has-value { border-color: var(--plm-gold-soft); background: rgba(232, 176, 74, .06); color: var(--plm-gold-bright); }
.plm-dash { color: var(--plm-dim); }
.plm-chip {
	display: inline-flex; align-items: center; gap: 4px; background: var(--plm-panel2);
	border: 1px solid var(--plm-border2); color: var(--plm-dim); border-radius: 6px;
	padding: 5px 8px; font-size: 0.68em; cursor: pointer; font-family: inherit; user-select: none;
}
.plm-chip:hover { color: var(--plm-text); border-color: var(--plm-border); }
.plm-chip.plm-on {
	background: linear-gradient(180deg, rgba(232, 176, 74, .28), rgba(232, 176, 74, .18));
	border-color: var(--plm-gold); color: var(--plm-gold-bright); font-weight: 700;
	box-shadow: 0 0 0 1px var(--plm-gold-shadow), 0 2px 8px rgba(0, 0, 0, .25);
}
.plm-style-toggle { border-radius: 999px; padding: 5px 11px; }
.plm-style-toggle__icon { font-size: 1.147em; opacity: .35; transition: opacity .12s, transform .15s; }
.plm-lobby.plm-style-enhanced .plm-style-toggle {
	background: linear-gradient(180deg, rgba(232, 176, 74, .36), rgba(232, 176, 74, .22));
	color: var(--plm-gold-bright); border-color: var(--plm-gold);
	box-shadow: 0 0 0 1px var(--plm-gold-shadow), 0 2px 10px rgba(232, 176, 74, .18);
}
.plm-lobby.plm-style-enhanced .plm-style-toggle .plm-style-toggle__icon { opacity: 1; transform: rotate(-8deg); }
.plm-btn {
	background: var(--plm-panel2); color: var(--plm-text); border: 1px solid var(--plm-border2);
	border-radius: 6px; padding: 5px 9px; cursor: pointer; font-size: 0.66em; font-weight: 700;
	font-family: inherit;
}
.plm-btn:hover { border-color: var(--plm-gold); color: var(--plm-gold); }
.plm-active-pills { display: inline-flex; gap: 4px; flex-wrap: wrap; }
.plm-active-pills .plm-ap {
	background: rgba(232, 176, 74, .14); color: var(--plm-gold-bright); border: 1px solid var(--plm-gold-soft);
	font-size: 0.64em; font-weight: 700; padding: 2px 4px 2px 7px; border-radius: 999px;
	display: inline-flex; align-items: center; gap: 4px; text-transform: lowercase; letter-spacing: .2px;
}
.plm-active-pills .plm-ap .plm-x { cursor: pointer; color: var(--plm-dim); padding: 0 4px; border-radius: 50%; font-size: 1.25em; line-height: 1; }
.plm-active-pills .plm-ap .plm-x:hover { color: var(--plm-bad); background: rgba(255, 84, 112, .1); }

/* ── pager ────────────────────────────────────────────────────── */
.plm-pager { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 14px 0; flex-wrap: wrap; }
.plm-pager .plm-pg-info { color: var(--plm-dim); font-size: 0.72em; margin: 0 8px; }
.plm-pager button {
	background: var(--plm-panel2); color: var(--plm-text); border: 1px solid var(--plm-border2);
	border-radius: 6px; padding: 5px 10px; font-size: 0.72em; font-weight: 600; cursor: pointer;
	font-family: inherit; min-width: 32px;
}
.plm-pager button:hover:not(:disabled) { border-color: var(--plm-gold); color: var(--plm-gold); }
.plm-pager button.plm-current { background: var(--plm-gold); color: #1a1a1a; border-color: var(--plm-gold); }
.plm-pager button:disabled { opacity: .4; cursor: not-allowed; }

/* ── tournament cards (mobile-first) ─────────────────────────────
   Same grid pattern as thepokerlobby.com: <900px is a two-column
   card stack, ≥900px flattens into a shared 8-column table grid via
   display:contents so column widths stay aligned across every row. */
.plm-lobby-list { background: var(--plm-panel); border: 1px solid var(--plm-border); border-radius: 8px; overflow: hidden; }
.plm-head { display: none; }
.plm-empty-row { padding: 20px; text-align: center; color: var(--plm-dim); font-size: 0.8em; }

.plm-tcard { display: grid; gap: 6px 10px; grid-template-columns: minmax(0, 1fr) auto; padding: 12px; border-bottom: 1px solid var(--plm-border); align-items: center; }
.plm-tcard:last-child { border-bottom: none; }
.plm-tcard:hover { background: var(--plm-panel2); }
/* A row is an <a> instead of a <div> when its site has a link mode set
   (see siteLinkUrl() in poker-lobby.js) — reset the UA anchor styling
   (color/underline are inherited properties, so left alone they'd tint
   every cell's text) and show a pointer cursor as the only hover cue. */
a.plm-tcard, a.plm-tcard:visited { color: inherit; text-decoration: none; cursor: pointer; }
a.plm-tcard:hover { text-decoration: none; }

.plm-tc-when { grid-row: 1; grid-column: 2; justify-self: end; display: inline-flex; align-items: center; font-family: ui-monospace, monospace; font-size: 0.72em; color: var(--plm-dim); }
.plm-tc-when.plm-live .plm-when-abs { color: var(--plm-ok); font-weight: 700; }
.plm-when-abs.plm-running { display: inline-block; background: rgba(74, 222, 128, .14); color: var(--plm-ok); padding: 2px 7px; border-radius: 4px; font-size: 0.917em; font-weight: 700; letter-spacing: .5px; cursor: help; }
.plm-tc-name { grid-row: 2; grid-column: 1 / -1; color: var(--plm-text); font-weight: 700; font-size: 0.8125em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plm-tc-name .plm-series { color: var(--plm-dim); font-weight: 500; font-size: 0.886em; margin-right: 4px; }
.plm-tc-site { grid-row: 1; grid-column: 1; justify-self: start; display: inline-flex; align-items: center; gap: 5px; background: var(--plm-panel2); border: 1px solid var(--plm-border2); border-radius: 5px; padding: 2px 7px 2px 4px; font-size: 0.625em; font-weight: 700; }
.plm-tc-game { grid-row: 3; grid-column: 1; justify-self: start; display: inline-flex; gap: 4px; align-items: center; }
.plm-limit-pill-cell { grid-row: 3; grid-column: 1; justify-self: start; margin-left: 92px; display: inline-flex; }
.plm-game-pill, .plm-limit-pill { background: var(--plm-panel3); color: var(--plm-text); border-radius: 3px; padding: 1px 5px; font-size: 0.58em; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.plm-limit-pill { background: rgba(96, 165, 250, .14); color: var(--plm-info); }
.plm-tc-money { grid-row: 3; grid-column: 2; justify-self: end; display: flex; gap: 1px; text-align: right; }
.plm-tc-money::before { content: 'BUY-IN'; color: var(--plm-dim); font-size: 0.55em; letter-spacing: .4px; font-weight: 700; margin-right: 5px; }
.plm-buyin-amt { color: var(--plm-text); font-weight: 700; font-size: 0.8125em; }
.plm-tc-gtd { grid-row: 4; grid-column: 2; justify-self: end; display: inline-flex; align-items: baseline; color: var(--plm-gold-bright); font-weight: 700; font-size: 0.8125em; font-family: ui-monospace, monospace; }
.plm-tc-gtd::before { content: 'GTD'; color: var(--plm-dim); font-size: 0.677em; letter-spacing: .4px; font-weight: 700; margin-right: 5px; font-family: -apple-system, sans-serif; }
.plm-tc-gtd.plm-dim { display: none; }
.plm-tc-flags { grid-row: 4; grid-column: 1; justify-self: start; display: inline-flex; gap: 3px; flex-wrap: wrap; }
.plm-flag { display: inline-block; padding: 1px 5px; border-radius: 3px; font-size: 0.55em; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; }
.plm-flag.plm-turbo { background: rgba(255, 140, 0, .15); color: var(--plm-warn); }
.plm-flag.plm-hyper { background: rgba(255, 69, 0, .18); color: var(--plm-warn); }
.plm-flag.plm-pko { background: rgba(232, 176, 74, .16); color: var(--plm-gold-bright); }
.plm-flag.plm-sat { background: rgba(96, 165, 250, .15); color: var(--plm-info); }
.plm-flag.plm-free { background: rgba(74, 222, 128, .15); color: var(--plm-ok); }

@container (max-width: 599px) {
	.plm-tcard { border-radius: 8px; margin: 4px; background: var(--plm-panel); border: 1px solid var(--plm-border); padding: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
	.plm-lobby-list { background: transparent; border: none; padding: 4px 0; }
	.plm-buyin-amt { font-size: 0.95em; }
	.plm-tc-gtd { font-size: 0.86em; }
}

@container (min-width: 600px) {
	.plm-lobby-list {
		display: grid;
		grid-template-columns: max-content max-content minmax(140px, 1fr) max-content max-content max-content max-content minmax(0, 160px);
		align-items: stretch;
	}
	.plm-tc-site .plm-site-name { display: none; }
	.plm-head { display: contents; }
	/* [data-plm=lobbyBody] wraps every .plm-tcard (see class-plm-shortcode.php)
	   and isn't itself a .plm-tcard, so it needs its own display:contents to
	   pass the grid-column flattening through to the cards inside it —
	   otherwise every row collapses to block-stacked content in one grid cell. */
	[data-plm="lobbyBody"] { display: contents; }
	[data-plm="lobbyBody"] .plm-empty-row { grid-column: 1 / -1; }
	.plm-head .plm-hh {
		padding: 10px 8px; background: var(--plm-panel2); border-bottom: 1px solid var(--plm-border);
		color: var(--plm-dim); font-size: 0.66em; font-weight: 700; text-transform: uppercase;
		letter-spacing: .5px; cursor: default; user-select: none; display: flex; align-items: center; gap: 3px;
	}
	.plm-head .plm-hh.plm-sortable { cursor: pointer; }
	.plm-head .plm-hh.plm-sortable:hover { color: var(--plm-gold); }
	.plm-head .plm-hh.plm-active { color: var(--plm-text); }
	.plm-head .plm-hh .plm-sort-arrow { font-size: 0.947em; color: var(--plm-gold-bright); }
	.plm-head .plm-hh.plm-r { justify-content: flex-end; }

	.plm-tcard { display: contents; }
	.plm-tcard > .plm-tc-when, .plm-tcard > .plm-tc-site, .plm-tcard > .plm-tc-name,
	.plm-tcard > .plm-tc-game, .plm-tcard > .plm-limit-pill-cell, .plm-tcard > .plm-tc-money,
	.plm-tcard > .plm-tc-gtd, .plm-tcard > .plm-tc-flags {
		padding: 7px 8px; border-bottom: 1px solid var(--plm-border); display: flex; align-items: center;
		grid-row: auto; grid-column: auto; justify-self: auto; margin-left: 0; min-width: 0;
	}
	.plm-tcard > .plm-tc-money::before, .plm-tcard > .plm-tc-gtd::before { content: none; }
	.plm-tcard > .plm-tc-gtd.plm-dim { display: flex; color: var(--plm-dim); }
	.plm-tcard:hover > * { background: var(--plm-panel2); }
	.plm-tcard > .plm-tc-when { flex-direction: column; align-items: flex-start; gap: 0; font-size: 0.72em; }
	.plm-tcard > .plm-tc-name { font-size: 0.8125em; padding-top: 11px; }
	.plm-tcard > .plm-tc-money { justify-content: flex-end; font-weight: 700; font-size: 0.875em; }
	.plm-tcard > .plm-tc-gtd { justify-content: flex-end; }
	.plm-tcard > .plm-tc-flags { flex-wrap: wrap; gap: 3px; }
	.plm-head .plm-hh:nth-child(5), .plm-head .plm-hh:nth-child(6),
	.plm-tcard > .plm-limit-pill-cell, .plm-tcard > .plm-tc-money { padding-left: 4px; padding-right: 4px; }

	/* Enhanced-mode tier ribbons — mirrors the GG lobby's gold-banner
	   look, applied only to the tournament-name cell. */
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-featured > .plm-tc-name {
		padding: 8px 14px; border-radius: 3px;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -1px 0 rgba(0, 0, 0, .3), inset 1px 0 0 rgba(255, 255, 255, .15);
		font-weight: 800; letter-spacing: .01em; text-shadow: 0 1px 0 rgba(255, 240, 220, .35);
		margin: 3px 4px; display: flex; align-items: center;
	}
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-daily > .plm-tc-name { background: linear-gradient(180deg, #6b4a14 0%, #a87a32 12%, #d9a85a 50%, #a87a32 88%, #6b4a14 100%); color: #2a1a05; }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-major > .plm-tc-name { background: linear-gradient(180deg, #5d3f12 0%, #b58440 12%, #f5cc7a 50%, #b58440 88%, #5d3f12 100%); color: #2a1a05; }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-premium > .plm-tc-name { background: linear-gradient(180deg, #4a0e10 0%, #931f1c 14%, #d94f2a 50%, #931f1c 86%, #4a0e10 100%); color: #fff3d4; text-shadow: 0 1px 0 rgba(255, 220, 180, .25), 0 0 4px rgba(0, 0, 0, .5); }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-headline > .plm-tc-name { background: linear-gradient(180deg, #2a0432 0%, #5e1a7b 14%, #a242e8 50%, #5e1a7b 86%, #2a0432 100%); color: #fff3ff; text-shadow: 0 1px 0 rgba(220, 180, 255, .35), 0 0 4px rgba(0, 0, 0, .5); }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-featured > .plm-tc-name::before { content: '★'; margin-right: 8px; font-size: 1.077em; opacity: .9; }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-daily > .plm-tc-name::before,
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-major > .plm-tc-name::before { color: rgba(0, 0, 0, .55); }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-premium > .plm-tc-name::before { color: #ffd97a; }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-headline > .plm-tc-name::before { color: #f5cc7a; }
}

@container (min-width: 900px) {
	.plm-tc-site .plm-site-name { display: inline; }
}

/* Category layouts often place the lobby beside a sidebar. Hide the least
   essential column only when the widget itself is narrow, regardless of the
   viewport width, and give the reclaimed space to tournament names. */
@container (min-width: 600px) and (max-width: 900px) {
	.plm-lobby-list { grid-template-columns: max-content max-content minmax(140px, 1fr) max-content max-content max-content max-content; }
	.plm-head .plm-hh:nth-child(8), .plm-tcard > .plm-tc-flags { display: none; }
}

@container (max-width: 599px) {
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-featured > .plm-tc-name {
		border-radius: 4px; padding: 9px 12px; margin: 2px 0;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -1px 0 rgba(0, 0, 0, .3), inset 1px 0 0 rgba(255, 255, 255, .15);
		font-weight: 800; letter-spacing: .01em; text-shadow: 0 1px 0 rgba(255, 240, 220, .35); font-size: 0.86em;
	}
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-daily > .plm-tc-name { background: linear-gradient(180deg, #6b4a14 0%, #a87a32 12%, #d9a85a 50%, #a87a32 88%, #6b4a14 100%); color: #2a1a05; }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-major > .plm-tc-name { background: linear-gradient(180deg, #5d3f12 0%, #b58440 12%, #f5cc7a 50%, #b58440 88%, #5d3f12 100%); color: #2a1a05; }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-premium > .plm-tc-name { background: linear-gradient(180deg, #4a0e10 0%, #931f1c 14%, #d94f2a 50%, #931f1c 86%, #4a0e10 100%); color: #fff3d4; text-shadow: 0 1px 0 rgba(255, 220, 180, .25), 0 0 4px rgba(0, 0, 0, .5); }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-tier-headline > .plm-tc-name { background: linear-gradient(180deg, #2a0432 0%, #5e1a7b 14%, #a242e8 50%, #5e1a7b 86%, #2a0432 100%); color: #fff3ff; text-shadow: 0 1px 0 rgba(220, 180, 255, .35), 0 0 4px rgba(0, 0, 0, .5); }
	.plm-lobby.plm-style-enhanced .plm-tcard.plm-featured > .plm-tc-name::before { content: '★'; margin-right: 7px; font-size: 1em; opacity: .9; }
}

@media (prefers-reduced-motion: reduce) {
	.plm-lobby *, .plm-lobby *::before, .plm-lobby *::after { animation: none !important; transition: none !important; }
}