@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coral+Pixels&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* ============================================
   MODE ISOLATION - CRITICAL
   Ensures ONLY the correct table shows in each mode
   ============================================ */

/* MP3 Mode: Hide Events table */
body[data-view="mp3"]:not(.search-active) #PRRMEOWEVENTSTBL {
	display: none !important;
}

/* Events Mode: Hide MP3 table */
body[data-view="events"]:not(.search-active) #PRRMEOWMUSICTBL {
	display: none !important;
}

/* Search Mode: Hide both real tables, show unified search table */
body.search-active #PRRMEOWMUSICTBL,
body.search-active #PRRMEOWEVENTSTBL {
	display: none !important;
}

body.search-active #PRRMEOWUNIFIEDSEARCHTBL {
	display: table !important;
}

/* Hide search table when not in search mode */
body:not(.search-active) #PRRMEOWUNIFIEDSEARCHTBL {
	display: none !important;
}

/* Search Mode: Hide distractions (intro, visuals, controls, footer text) */
body.search-active .PRRMEOWIMGTXTCONTAINER,
body.search-active .MEOWTABLECONTROL,
body.search-active .LASTWORDS,
body.search-active .PRRMEOWFOOTERTRIANGLESPACER,
body.search-active .PRRMEOWFOOTERTRIANGLETOOTHBAR {
	display: none !important;
}

/* ============================================
   END MODE ISOLATION
   ============================================ */

.PRRMEOWTABLEBOTTOMTEXT {
	width: 100%;
	text-align: center;
	margin: 20px 0;
	padding: 10px 0;
	color: var(--color-text-primary);
	font-family: 'VT323', monospace;
	font-size: 16px;
	line-height: 1.5;
}

/*LASTWORDSMEOWPRR*/
/*LASTWORDSMEOWPRR*/
.LASTWORDS {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	height: 144px;
	min-height: 144px;
	max-height: 144px;
	text-align: center;
	margin: 0;
	padding: 3em;
	background-color: var(--color-accent);
	/*Blue background*/
	color: #ffffff;
	/*White text*/
	font-family: 'VT323', monospace;
	font-size: 24px;
	/*INCREASEDFOOTERTEXTSIZEMEOWPRR*/
	line-height: 0.8 !important;
	/*LASTWORDSLINEHEIGHTMEOWPRR*/
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}



/* ============================================
   COLOR SCHEME CONTROL
   ============================================
   To change color schemes, modify the values below.
   Colors are organized by theme for easy updates.
   ============================================ */

:root {
	/* ============================================
	   GLOBAL BASE COLORS
	   ============================================ */
	--color-bg-primary: #000000;
	--color-white: #ffffff;
	--color-text-primary: #ed4a5f;
	/* Pink - primary text */
	--color-text-secondary: #7188ee;
	/* Blue - secondary text */
	--color-accent: #000dff;
	/* Blue - accent color */

	/* ============================================
	   UI SETTINGS
	   ============================================ */
	/* SKEW CONTROL - Toggle skew effects */
	/* --ui-skew: -12deg; */
	/* Uncomment to ENABLE skew */
	--ui-skew: 0deg;
	/* Default: DISABLED (Straight) */

	/* ============================================
	   MP3 MODE COLOR SCHEME (Pink/Red Theme)
	   ============================================ */
	/* MP3 Table Colors */
	--color-mp3-border: #ed4a5f;
	/* Pink border */
	--color-mp3-cell: #ed4a5f;
	/* Pink text */
	--color-mp3-cell-link: #ed4a5f;
	/* Pink links */
	--color-mp3-header: #b0b0b0;
	/* Light grey headers */
	--color-mp3-header-bg: transparent;
	--color-mp3-header-sorted: #b0b0b0;
	--color-mp3-header-sorted-bg: transparent;
	--color-mp3-hover-bg: #000dff;
	/* Blue hover background */
	--color-mp3-hover-text: #ffffff;
	/* White hover text */

	/* MP3 Table Control */
	--color-tablecontrol-bg: #ed4a5f;
	/* Pink background */
	--color-tablecontrol-text: #000000;
	/* Black text */

	/* ============================================
	   EVENTS MODE COLOR SCHEME (Blue Theme)
	   ============================================ */
	/* Events Table Colors */
	--color-events-border: #7073ca;
	/* Blue border */
	--color-events-cell: #ffffff;
	/* White text */
	--color-events-cell-link: #ffffff;
	/* White links */
	--color-events-header: #b0b0b0;
	/* Light grey headers */
	--color-events-header-bg: transparent;
	--color-events-header-sorted: #b0b0b0;
	--color-events-header-sorted-bg: transparent;
	--color-events-hover-bg: #000dff;
	/* Blue hover background */
	--color-events-hover-text: #ffffff;
	/* White hover text */
	--color-events-past: #252a8a;
	/* Dark blue for past events */
	--color-events-future: #ffffff;
	/* White for future events */
	--color-events-inactive: rgba(237, 74, 95, 0.5);
	/* Semi-transparent pink */

	/* Events Info Box */
	--color-eventbox-bg: #000dff;
	/* Blue background */
	--color-eventbox-label: #ffffff;
	/* White labels */

	/* ============================================
	   FOOTER ICONS
	   ============================================ */
	--footer-link-icon: '✂️';
	/* FOOTERLINKICONMEOWPRR - Footer link icon, changed to scissors as requested */
	--color-eventbox-text: #ffffff;
	/* White text */

	/* ============================================
	   SHARED INTERACTIVE COLORS
	   ============================================ */
	--color-hover-bg: #000dff;
	/* Blue hover background (shared) */
	--color-hover-text: #ffffff;
	/* White hover text (shared) */
	--color-link: #ed4a5f;
	/* Pink links */
	--color-link-bg: #000dff;
	/* Blue link background */
	--color-border: #ed4a5f;
	/* Pink border (default) */

	/* ============================================
	   UI ELEMENT COLORS
	   ============================================ */
	--color-version: #49475d;
	/* Version number */
	--color-version-hover: #2e49c3;
	/* Version hover */
	--color-inactive: #2c3193;
	/* Inactive buttons */
	--color-sorted-header: #b0b0b0;
	/* Sorted column headers */
	--color-description: #7188ee;
	/* Description text */

	/* ============================================
	   SEARCH INTERFACE COLORS
	   ============================================ */
	--color-search-bg: #000000;
	/* Black search background (User Request) */
	--color-search-text: #ffffff;
	/* White search text */
	--color-search-placeholder: rgba(255, 255, 255, 0.6);
	/* Semi-transparent white */
	--color-search-notresult: #ffffff;
	/* No results text */
	--color-search-inactive: #2c3193;
	/* Inactive search content */

	/* ============================================
	   EFFECT COLORS
	   ============================================ */
	--color-glitch-1: #625bbd;
	/* Glitch effect color 1 */
	--color-glitch-2: #00ffff;
	/* Glitch effect color 2 */

	/* ============================================
	   FOLDER TYPE COLORS
	   ============================================ */
	--color-tracks: #ed4a5f;
	/* Tracks folder - pink */
	--color-sets: #474b5f;
	/* Sets folder - grey */
}




/*MP3TABLEHEADERMEOWPRR - Merged with later rule*/
body[data-view="mp3"] .PRRMEOWMP3TABLE thead>tr>th,
.PRRMEOWMP3TABLE thead>tr>th {
	border-collapse: collapse;
	/* Ensure collapse on th */
	border-spacing: 0;
	font-family: 'Silkscreen', monospace;
	font-size: 22px !important;
	letter-spacing: -0.05em;
	color: #b0b0b0;
	/*Light grey for all table column labels*/
	background-color: var(--color-mp3-header-bg);
	border-bottom: 3px solid var(--color-mp3-border);
	padding: 4px 8px !important;
	margin: 0 !important;
	text-align: left !important;
	/*LEFTALIGNHEADERMEOWPRR*/
	height: 40px !important;
	vertical-align: middle !important;
}

body[data-view="mp3"] .PRRMEOWMP3TABLE thead>tr>th.sorttable_sorted,
body[data-view="mp3"] .PRRMEOWMP3TABLE thead>tr>th.sorttable_sorted_reverse,
.PRRMEOWMP3TABLE thead>tr>th.sorttable_sorted,
.PRRMEOWMP3TABLE thead>tr>th.sorttable_sorted_reverse {
	color: var(--color-mp3-header-sorted);
	background-color: var(--color-mp3-header-sorted-bg);
	text-decoration: underline;
	text-decoration-style: wavy;
	/*Wavy underline for active column order - similar to footer hyperlink*/
	text-decoration-thickness: 2px;
	text-decoration-color: var(--color-mp3-header-sorted);
	/*Use sorted header color for underline*/
	text-underline-offset: 2px;
	/*Small gap between text and underline*/
}

/*MP3TABLECELLMEOWPRR*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr>td,
.PRRMEOWMP3TABLE>tbody>tr>td {
	color: var(--color-mp3-cell);
	border-bottom: 1px solid var(--color-mp3-border);
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr>td>a,
.PRRMEOWMP3TABLE>tbody>tr>td>a {
	color: var(--color-mp3-cell-link);
}

/*HIDDENARTISTCOLUMNMEOWPRR - Hide Artist column (2nd child) by default, only show on large screens*/
body[data-view="mp3"] .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
body[data-view="mp3"] .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2),
.PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
.PRRMEOWMP3TABLE tbody>tr>td:nth-child(2) {
	display: none;
}

/*TABLECOPYCURSORMEOWPRR*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW),
.PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW) {
	cursor: copy !important;
	background-color: #000dff !important;
	/* Force Blue hover background */
	color: #ffffff !important;
	/* Force White hover text */
	border-bottom: 1px solid #000dff !important;
	/* Keep border width but match bg color */
	margin: 0;
	padding: 0;
	transition: background-color 0.2s ease;
}


/* ========== MP3 MODE COLUMN WIDTHS (single source of truth) ==========
   Desktop (≥768px): date 69px | artist 13% | title auto | BPM 58px | style 54px
   Mobile (≤768px):  date 60px (YYYY only) | title auto | style 54px (artist & BPM hidden)
   Default, hover, and armed states use the same widths to avoid layout shift.
   Canonical rules: DESKTOPMP3COLUMNWIDTHSMEOWPRR, MOBILEMP3COLUMNWIDTHSMEOWPRR. */

/*MP3HOVERCOLUMNWIDTHSMEOWPRR*/
@media screen and (min-width: 768px) {

	/*MEOWTABLECONTROLMARGINMEOWPRR - Add space above table on desktop (V217)*/
	#MEOWTABLECONTROL {
		margin-top: 10px !important;
	}

	/* TABLE LAYOUT FIXED ENFORCEMENT */
	body[data-view="mp3"] .PRRMEOWMP3TABLE,
	.PRRMEOWMP3TABLE {
		table-layout: fixed !important;
		width: 100% !important;
		border-collapse: collapse !important;
		border-spacing: 0 !important;
	}

	/*MP3HOVERNOWIDTHMEOWPRR - Hover does not set column widths; DESKTOPMP3COLUMNWIDTHSMEOWPRR applies to all rows so hover and non-hover stay identical*/
}


@media screen and (max-width: 768px) {

	body[data-view="mp3"] .PRRMEOWMP3TABLE,
	.PRRMEOWMP3TABLE {
		table-layout: fixed !important;
		width: 100% !important;
		border-collapse: collapse !important;
		border-spacing: 0 !important;
		font-size: 14px !important;
		/* Reduced from 30px inheritance */
	}

	/*MP3HOVERNOWIDTHMEOWPRR - Hover does not set column widths; DEFAULTCOLUMNWIDTHSMOBILE applies to all rows so hover and non-hover stay identical*/

	/* MOBILE ROW HEIGHT FIX */
	.PRRMEOWMP3TABLE tbody tr {
		height: auto !important;
		line-height: normal !important;
	}

	.PRRMEOWMP3TABLE tbody tr td {
		padding: 6px 4px !important;
		/* Increased vertical padding */
	}


}

/*DEFAULTCOLUMNWIDTHSMEOWPRR - MP3 desktop: omitted here; single source of truth is DESKTOPMP3COLUMNWIDTHSMEOWPRR (69px, 13%, auto, 58px, 54px) so default/hover/armed stay in sync.*/

/*DEFAULTCOLUMNWIDTHSMOBILEMEOWPRR - Mobile: 60px (date), auto (title), 54px (style); cols 2&4 hidden; overridden by MOBILEMP3COLUMNWIDTHSMEOWPRR*/
@media screen and (max-width: 768px) {

	body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr>td:first-child,
	.PRRMEOWMP3TABLE>tbody>tr>td:first-child {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
	}

	body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr>td:nth-child(3),
	.PRRMEOWMP3TABLE>tbody>tr>td:nth-child(3) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr>td:nth-child(5),
	.PRRMEOWMP3TABLE>tbody>tr>td:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
		box-sizing: border-box !important;
		text-align: center;
	}
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a,
.PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
.PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a {
	background-color: #000dff !important;
	/*Ensure cell background is also blue on hover*/
	color: #ffffff !important;
	/*Explicit white to match armed state exactly*/
	line-height: 1.2;
	/*Keep padding consistent with non-hover*/
	padding: 4px 8px;
	margin: 0;
	border-bottom: 1px solid #000dff !important;
	box-sizing: border-box;
	vertical-align: top;
	/*TABLEROWTOPALIGNMEOWPRR*/
	font-size: 30px;
	/* Keep consistent with default */
	cursor: copy !important;
	transition: color 0.2s ease, background-color 0.2s ease;
}


/*MP3TABLEROWMEOWPRR*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr,
.PRRMEOWMP3TABLE>tbody>tr {
	border-bottom: 1px solid var(--color-mp3-border) !important;
}

/* ZEBRAPATTERNMP3MEOWPRR - Alternate row background for better readability */
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:nth-child(even),
.PRRMEOWMP3TABLE>tbody>tr:nth-child(even) {
	background-color: rgba(237, 74, 95, 0.05);
	/* Very subtle pink/red tint */
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:nth-child(odd),
.PRRMEOWMP3TABLE>tbody>tr:nth-child(odd) {
	background-color: transparent;
}


/*EVENTSTABLEHEADERMEOWPRR - Match MP3 header formatting but with blue color scheme*/
body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th,
.PRRMEOWEVENTSTABLE thead>tr>th {
	font-family: 'Silkscreen', monospace;
	font-size: 22px !important;
	/*Match MP3 header font-size*/
	letter-spacing: -0.05em;
	color: #b0b0b0 !important;
	/*Light grey for all table column labels*/
	background-color: var(--color-events-header-bg);
	border-bottom: 3px solid var(--color-events-border);
	/*Match MP3 header border styling but with blue color*/
	padding: 4px 8px !important;
	margin: 0 !important;
	/*Match MP3 header padding and margin*/
	text-align: left !important;
	/*LEFTALIGNHEADERMEOWPRR*/
	min-height: 40px !important;
	height: auto !important;
	vertical-align: middle !important;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th.sorttable_sorted,
body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th.sorttable_sorted_reverse,
.PRRMEOWEVENTSTABLE thead>tr>th.sorttable_sorted,
.PRRMEOWEVENTSTABLE thead>tr>th.sorttable_sorted_reverse {
	color: var(--color-events-header-sorted);
	background-color: var(--color-events-header-sorted-bg);
	text-decoration: underline;
	text-decoration-style: wavy;
	/*Wavy underline for active column order - similar to footer hyperlink*/
	text-decoration-thickness: 2px;
	text-decoration-color: var(--color-events-header-sorted);
	/*Use sorted header color for underline*/
	text-underline-offset: 2px;
	/*Small gap between text and underline*/
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td,
.PRRMEOWEVENTSTABLE>tbody>tr>td {
	color: var(--color-events-cell);
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td>a,
.PRRMEOWEVENTSTABLE>tbody>tr>td>a {
	color: var(--color-events-cell-link);
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW),
.PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW) {
	cursor: copy !important;
	background-color: var(--color-hover-bg);
	border-bottom: 1px solid var(--color-hover-bg) !important;
	margin: 0;
	padding: 0;
	transition: background-color 0.2s ease;
	box-sizing: border-box;
	font-size: inherit;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a,
.PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
.PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a {
	color: #ffffff !important;
	/*Explicit white to match armed state exactly*/
	line-height: 1.2;
	padding: 4px 8px;
	/* Consistent padding */
	margin: 0;
	border-bottom: 1px solid var(--color-hover-bg) !important;
	box-sizing: border-box;
	vertical-align: top;
	/*TABLEROWTOPALIGNMEOWPRR*/
	cursor: copy !important;
	transition: color 0.2s ease, background-color 0.2s ease;
	/*EVENTSHOVERCELLNOWRAPMEOWPRR - Prevent text wrapping on hover to maintain row height*/
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/*REMOVEDDUPLICATEHEADERBORDERMEOWPRR - Border now set in EVENTSTABLEHEADERMEOWPRR above*/

/*EVENTSTABLEROWBORDERMEOWPRR - Match MP3 border styling but with blue color*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr,
.PRRMEOWEVENTSTABLE>tbody>tr {
	border-bottom: 1px solid var(--color-events-border) !important;
	/*Match MP3 table row border styling*/
}

/* ZEBRAPATTERNEVENTSMEOWPRR - Alternate row background for better readability */
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr:nth-child(even),
.PRRMEOWEVENTSTABLE>tbody>tr:nth-child(even) {
	background-color: rgba(113, 136, 238, 0.05);
	/* Very subtle blue tint */
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr:nth-child(odd),
.PRRMEOWEVENTSTABLE>tbody>tr:nth-child(odd) {
	background-color: transparent;
}

/*EVENTSTABLECELLBORDERMEOWPRR - Match MP3 cell border styling but with blue color*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td,
.PRRMEOWEVENTSTABLE>tbody>tr>td {
	border-bottom: 1px solid var(--color-events-border);
	/*Match MP3 table cell border styling - border on td like MP3 has*/
	/*EVENTSTABLENOWRAPMEOWPRR - Prevent text wrapping to enforce consistent row heights*/
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/*EVENTSTEXTCONTENTNOWRAPMEOWPRR - Ensure event text content span also doesn't wrap*/
.PRRMEOWEVENTTEXTCONTENT,
#PRRMEOWEVENTSTBL>tbody>tr>td .PRRMEOWEVENTTEXTCONTENT,
.PRRMEOWEVENTSTABLE>tbody>tr>td .PRRMEOWEVENTTEXTCONTENT {
	padding-left: 20px !important;
	padding-right: 20px !important;
	/*Padding to accommodate skew overhang*/
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: block !important;
	max-width: 100% !important;
}

/*EVENTSCOLUMNWIDTHSMEOWPRR*/
@media screen and (min-width: 768px) {

	/* TABLE LAYOUT FIXED ENFORCEMENT */
	body[data-view="events"] .PRRMEOWEVENTSTABLE,
	.PRRMEOWEVENTSTABLE {
		table-layout: fixed !important;
		width: 100% !important;
		border-collapse: collapse !important;
		border-spacing: 0 !important;
	}

	/* Desktop state */
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:first-child,
	.PRRMEOWEVENTSTABLE>tbody>tr>td:first-child,
	body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th:first-child,
	.PRRMEOWEVENTSTABLE thead>tr>th:first-child {
		width: 15% !important;
		min-width: 100px !important;
		max-width: 15% !important;
	}

	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(2),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(2),
	body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th:nth-child(2),
	.PRRMEOWEVENTSTABLE thead>tr>th:nth-child(2) {
		width: 8% !important;
		/* Reduced from 10% */
		min-width: 60px !important;
		max-width: 8% !important;
	}

	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(3),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(3),
	body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th:nth-child(3),
	.PRRMEOWEVENTSTABLE thead>tr>th:nth-child(3) {
		width: 25% !important;
		/* Increased from 20% */
		min-width: 120px !important;
		max-width: 25% !important;
	}

	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(4),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(4),
	body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th:nth-child(4),
	.PRRMEOWEVENTSTABLE thead>tr>th:nth-child(4) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}

/* REDUNDANT BLOCK REMOVED MEOWPRR */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	overflow-x: hidden;
	font-size: 30px;
	font-family: 'VT323', monospace;
	background-color: var(--color-bg-primary);
	color: var(--color-text-primary);
	line-height: 1.4;
	font-weight: 400;
	/* Increased from 300 for better visibility */
	text-shadow: 1px 1px 0 #000000;
	/* Subtle text shadow for contrast */
	/*DEFAULTCURSORMEOWPRR*/
	cursor: context-menu;
}

/*MAINCONTAINERWIDTHMEOWPRR*/
#PRRMEOWCONTAINER {
	width: 100%;
	max-width: 777px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

/*DISABLEDFILTERSMEOWPRR*/
#PRRMEOWTRACKSTOGGLE,
#PRRMEOWMIXESTOGGLE {
	display: none;
}


/*VERSIONNUMBERMEOWPRR*/
#MEOWWWWVERSIONBOX {
	position: fixed;
	top: 0;
	right: 0;
	font-size: 20pt;
	font-weight: 100;
	font-style: normal;
	font-family: 'VT323', monospace;
	z-index: 9999;
	padding: 7px 15px;
	pointer-events: auto;
	user-select: none;
	cursor: pointer;
	/*TOGGLENOSTYLEMEOWPRR - Clickable to toggle high contrast mode*/
	box-sizing: border-box;
	overflow-x: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	/*Hidden by default*/
	background-color: #ffffff;
	color: #0000ff;
	transition: opacity 0.3s ease;
	min-width: 40px;
	min-height: 30px;
}

#MEOWWWWVERSIONBOX:hover,
#MEOWWWWVERSIONBOX:active {
	opacity: 1;
	/*Visible on hover*/
}

#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE {
	animation: glitch 0.2s;
	/*KEEPMARQUEEANIMATIONDURINGGLITCHMEOWPRR*/
}

/*VERSIONHOLDSLIDEDOWNMEOWPRR - High contrast mode: black text on white background (activated by holding version for 4 seconds + slide down)*/
body.PRRMEOWHIGHCONTRAST,
html.PRRMEOWHIGHCONTRAST,
body.PRRMEOWHIGHCONTRAST *,
body.PRRMEOWHIGHCONTRAST *::before,
body.PRRMEOWHIGHCONTRAST *::after {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}

/* Override specific elements for high contrast mode */
body.PRRMEOWHIGHCONTRAST body,
body.PRRMEOWHIGHCONTRAST html,
body.PRRMEOWHIGHCONTRAST #PRRMEOWCONTAINER,
body.PRRMEOWHIGHCONTRAST .PRRMEOWHEADERSEGMENT,
body.PRRMEOWHIGHCONTRAST .PRRMEOWIMGTXTCONTAINER,
body.PRRMEOWHIGHCONTRAST .PRRMEOWDESCTXT,
body.PRRMEOWHIGHCONTRAST .PRRMEOWDESCBODY,
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERCOLUMNS,
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERCOLUMN,
body.PRRMEOWHIGHCONTRAST .PRRMEOWNMFOOTERWIDGETS,
body.PRRMEOWHIGHCONTRAST .PRRMEOWNMFOOTERWIDGETSINNER,
body.PRRMEOWHIGHCONTRAST .LASTWORDS {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	/*BWMODECOLORREMOVALMEOWPRR - Ensure no lingering colors*/
	border-color: #000000 !important;
}

/*BWMODEFOOTERMEOWPRR - Force black footer elements in BW mode*/
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERSEARCHBUTTON {
	background-color: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #000000 !important;
}

body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a:hover,
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERSEARCHBUTTON:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
}

body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERTRIANGLETOOTHBAR::before,
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERTRIANGLESPACER::before {
	/*Use black fill for SVG triangles in BW mode*/
	filter: grayscale(100%) brightness(0) !important;
}

/* Headings in high contrast mode */
body.PRRMEOWHIGHCONTRAST h1,
body.PRRMEOWHIGHCONTRAST h2,
body.PRRMEOWHIGHCONTRAST h3,
body.PRRMEOWHIGHCONTRAST h4,
body.PRRMEOWHIGHCONTRAST h5,
body.PRRMEOWHIGHCONTRAST h6,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSUBTITLE,
body.PRRMEOWHIGHCONTRAST .MEOWMODETITLE,
body.PRRMEOWHIGHCONTRAST #MEOWMP3TITLE,
body.PRRMEOWHIGHCONTRAST #MEOWEVENTSTITLE {
	color: #000000 !important;
	background-color: #FFFFFF !important;
}

/* Table borders in high contrast mode - all black */
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE thead>tr>th,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE thead>tr>th,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE thead>tr>th,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL thead>tr>th,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL thead>tr>th,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr>td {
	border-color: #000000 !important;
	/*All table borders black in high contrast mode*/
}

/* Links in high contrast mode */
body.PRRMEOWHIGHCONTRAST a,
body.PRRMEOWHIGHCONTRAST a:link,
body.PRRMEOWHIGHCONTRAST a:visited,
body.PRRMEOWHIGHCONTRAST a:hover,
body.PRRMEOWHIGHCONTRAST a:active,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr>td>a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr>td>a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr>td>a {
	color: #000000 !important;
	background-color: transparent !important;
	text-decoration: underline !important;
}

/* Tables in high contrast mode */
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE thead,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE tbody,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE thead>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE thead>tr>th,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE tbody>tr>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE thead>tr>th,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE tbody>tr>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE thead>tr>th,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE tbody>tr>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL thead>tr>th,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL tbody>tr>td {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	border-color: #000000 !important;
}

/* Table borders in high contrast mode */
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr>td {
	border-bottom-color: #000000 !important;
}

/* Armed state rows in high contrast mode - black text on white background */
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr.PRRMEOWCLICKARMED,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr.PRRMEOWCLICKARMED {
	background-color: #FFFFFF !important;
	/*White background for armed rows in high contrast mode*/
	color: #000000 !important;
	/*Black text for armed rows in high contrast mode*/
	border-color: #000000 !important;
}

body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr.PRRMEOWCLICKARMED>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr.PRRMEOWCLICKARMED>td {
	background-color: #FFFFFF !important;
	/*White background for armed cells in high contrast mode*/
	color: #000000 !important;
	/*Black text for armed cells in high contrast mode*/
	border-color: #000000 !important;
}

body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr.PRRMEOWCLICKARMED>td>a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td>a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td>a,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td>a,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr.PRRMEOWCLICKARMED>td>a {
	color: #000000 !important;
	/*Black links in armed rows in high contrast mode*/
	background-color: transparent !important;
	text-decoration: underline !important;
}

/* Hover state in high contrast mode - black background, white text */
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW),
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW),
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW),
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW),
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW) {
	background-color: #000000 !important;
	/*Black background for hover rows in high contrast mode*/
	color: #ffffff !important;
	/*White text for hover rows in high contrast mode*/
}

body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td {
	background-color: #000000 !important;
	/*Black background for hover cells in high contrast mode*/
	color: #ffffff !important;
	/*White text for hover cells in high contrast mode*/
}

body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a {
	color: #ffffff !important;
	/*White links in hover rows in high contrast mode*/
	background-color: transparent !important;
	text-decoration: underline !important;
}

/* Remove shadows and effects in high contrast mode */
body.PRRMEOWHIGHCONTRAST *,
body.PRRMEOWHIGHCONTRAST *::before,
body.PRRMEOWHIGHCONTRAST *::after {
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
}

/* SEARCH HIGHLIGHT VISIBILITY MEOWPRR */
.PRRMEOWSEARCHHIGHLIGHT {
	background-color: #ffff00;
	/* Yellow background */
	color: #000000;
	/* Black text */
	font-weight: bold;
}

/* Search highlights in high contrast mode */
body.PRRMEOWHIGHCONTRAST .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #ffff00 !important;
	color: #000000 !important;
}

/* Events ticker in high contrast mode - black background, white text */
body.PRRMEOWHIGHCONTRAST #EVENTINFOBOX.EVENTINFOBOX,
body.PRRMEOWHIGHCONTRAST #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXINNER,
body.PRRMEOWHIGHCONTRAST #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXDETAILS,
body.PRRMEOWHIGHCONTRAST #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXTEXT,
body.PRRMEOWHIGHCONTRAST #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXHELPROW,
body.PRRMEOWHIGHCONTRAST #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXLABEL {
	background-color: #000000 !important;
	/*Black background for events ticker in high contrast mode*/
	color: #FFFFFF !important;
	/*White text for events ticker in high contrast mode*/
}

/* Go-to-bottom button in high contrast mode - black background, white arrows */
body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOFOOTER,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOFOOTER {
	background-color: #000000 !important;
	/*Black background for go-to-bottom button in high contrast mode*/
	color: #FFFFFF !important;
	/*White arrows for go-to-bottom button in high contrast mode*/
	border-color: #000000 !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOFOOTER:hover,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOFOOTER:hover {
	background-color: #000000 !important;
	/*Keep black background on hover*/
	color: #FFFFFF !important;
	/*Keep white arrows on hover*/
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOTOP:active,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOTOP:active {
	background-color: rgba(204, 204, 204, 0.5) !important;
	color: #000000 !important;
}

/*BWMODESCROLLTOTOPBARMEOWPRR - Scroll-to-top bar black triangles in high contrast*/
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOTOPBAR {
	background: #000000 !important;
}
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOTOPBAR::before {
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,40 L20,0 L40,40 Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}

/*BWMODEBLUEELEMENTSMEOWPRR - Convert all blue elements to black in high contrast mode*/
body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOFOOTER,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOFOOTER {
	background-color: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOFOOTER:hover,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOFOOTER:hover {
	background-color: #333333 !important;
	color: #ffffff !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOFOOTER:active,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOFOOTER:active {
	background-color: #666666 !important;
	color: #ffffff !important;
}

/*BWMODETRIANGLESMEOWPRR - Convert blue triangles to black in high contrast mode*/
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERTRIANGLETOOTHBAR::before,
body.PRRMEOWHIGHCONTRAST .PRRMEOWFOOTERTRIANGLESPACER::before,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOTOPBAR::before {
	background: #000000 !important;
}

/*BWMODELINKSMEOWPRR - Ensure links are black in high contrast mode*/
body.PRRMEOWHIGHCONTRAST a {
	color: #000000 !important;
	text-decoration: underline !important;
}

body.PRRMEOWHIGHCONTRAST a:hover {
	color: #333333 !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSCROLLTOFOOTER:active,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSCROLLTOFOOTER:active {
	background-color: #000000 !important;
	/*Keep black background on active*/
	color: #FFFFFF !important;
	/*Keep white arrows on active*/
}

/* Version box in high contrast mode */
body.PRRMEOWHIGHCONTRAST #MEOWWWWVERSIONBOX {
	opacity: 1 !important;
	background-color: #000000 !important;
	color: #FFFFFF !important;
}

/*FULLSCREENPROMPTHIGHCONTRASTMEOWPRR - Ensure prompt is visible in high contrast mode*/
body.PRRMEOWHIGHCONTRAST .FULLSCREENPROMPT,
body.PRRMEOWHIGHCONTRAST .FULLSCREENPROMPT a {
	color: #000000 !important;
	/*Black text*/
	background-color: #FFFFFF !important;
	/*White background*/
	text-decoration: underline !important;
}

/*VERSIONBOXSHAKEMEOWPRR - Shake/buzz animation when version box is clicked*/
body.PRRMEOWVERSIONSHAKE,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE {
	animation: version-shake-buzz 0.15s ease-in-out;
	/*KEEPMARQUEEANIMATIONDURINGVERSIONSHAKEMEOWPRR*/
}

/*KEEPMARQUEEANIMATIONDURINGGLITCHMEOWPRR*/
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .EVENTINFOBOXTEXT,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW .PRRMEOWMARQUEECONTENT {
	animation-play-state: running !important;
	transform-style: preserve-3d !important;
	/*Isolate transform from parent glitch animation*/
	will-change: transform !important;
	/*Optimize for transform animations*/
}

/*KEEPMARQUEEANIMATIONDURINGVERSIONSHAKEMEOWPRR - Isolate marquee from version shake*/
body.PRRMEOWVERSIONSHAKE .EVENTINFOBOXTEXT,
body.PRRMEOWVERSIONSHAKE .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a,
body.PRRMEOWVERSIONSHAKE #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT,
body.PRRMEOWVERSIONSHAKE .PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW .PRRMEOWMARQUEECONTENT,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE .EVENTINFOBOXTEXT,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE .PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW .PRRMEOWMARQUEECONTENT {
	animation-play-state: running !important;
	transform-style: preserve-3d !important;
	/*Isolate transform from parent shake animation*/
	will-change: transform !important;
	/*Optimize for transform animations*/
}

/*KEEPMARQUEEANIMATIONDURINGGLITCHPARENTMEOWPRR*/
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE #EVENTINFOBOX.EVENTINFOBOX,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXINNER,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXDETAILS {
	transform: none !important;
	/*Prevent parent glitch transform from affecting marquee and ticker box*/
}

/*KEEPMARQUEEANIMATIONDURINGVERSIONSHAKEPARENTMEOWPRR - Prevent shake from affecting marquee parent*/
body.PRRMEOWVERSIONSHAKE .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
body.PRRMEOWVERSIONSHAKE #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
body.PRRMEOWVERSIONSHAKE #EVENTINFOBOX.EVENTINFOBOX,
body.PRRMEOWVERSIONSHAKE #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXINNER,
body.PRRMEOWVERSIONSHAKE #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXDETAILS,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE #EVENTINFOBOX.EVENTINFOBOX,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXINNER,
#PRRMEOWCONTAINER.PRRMEOWVERSIONSHAKE #EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXDETAILS {
	transform: none !important;
	/*Prevent parent shake transform from affecting marquee and ticker box*/
}


/*VERSIONSHAKEBUZZANIMATIONMEOWPRR - Vertical-only shake animation for version box click*/
@keyframes version-shake-buzz {

	0%,
	100% {
		transform: translateY(0);
	}

	20% {
		transform: translateY(-4px);
	}

	40% {
		transform: translateY(4px);
	}

	60% {
		transform: translateY(-3px);
	}

	80% {
		transform: translateY(3px);
	}
}

@keyframes glitch {

	0%,
	100% {
		transform: translate(0);
	}

	10% {
		transform: translate(-1px, 1px);
	}

	20% {
		transform: translate(-1px, -1px);
	}

	30% {
		transform: translate(1px, 1px);
	}

	40% {
		transform: translate(1px, -1px);
	}

	50% {
		transform: translate(-1px, 1px);
	}

	60% {
		transform: translate(-1px, -1px);
	}

	70% {
		transform: translate(1px, 1px);
	}

	80% {
		transform: translate(1px, -1px);
	}

	90% {
		transform: translate(-1px, 1px);
	}
}

@keyframes glitchy-shake {

	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}

	10% {
		transform: translate(-2px, -2px) rotate(-0.5deg);
	}

	20% {
		transform: translate(2px, 2px) rotate(0.5deg);
	}

	30% {
		transform: translate(-3px, 1px) rotate(-0.3deg);
	}

	40% {
		transform: translate(3px, -1px) rotate(0.3deg);
	}

	50% {
		transform: translate(-1px, -3px) rotate(-0.5deg);
	}

	60% {
		transform: translate(1px, 3px) rotate(0.5deg);
	}

	70% {
		transform: translate(-2px, 2px) rotate(-0.2deg);
	}

	80% {
		transform: translate(2px, -2px) rotate(0.2deg);
	}

	90% {
		transform: translate(-1px, 1px) rotate(-0.4deg);
	}
}

h1.PRRMEOWTITLECLICKED {
	animation: glitchy-shake 0.3s ease-in-out;
}


/*SEARCHIMGMEOWPRR*/
#PRRMEOWSEARCHIMG {
	display: none;
}

#PRRMEOWCONTAINER {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: visible;
	/*SHOWTRIANGLEPATTERNMEOWPRR*/
	position: relative;
}

/*DESKTOPLAYOUTMEOWPRR - Flexbox layout for desktop*/
@media screen and (min-width: 768px) {
	#PRRMEOWCONTAINER {
		display: grid !important;
		/*FORCEGRIDMEOWPRR*/
		grid-template-columns: 450px minmax(0, 1fr);
		/*WIDERSIDEBARMEOWPRR - 450px to fit 444px content*/
		/* Fixed width sidebar, flexible content */
		align-items: start;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		gap: 20px;
		max-width: 100%;
		overflow-x: auto;
		/* Ensure content can scroll if needed */
		/*GRIDLAYOUTMEOWPRR*/
	}

	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		width: 100%;
		/* Fill grid column */
		margin: 0 !important;
		position: sticky;
		top: 20px;
		/* Sticky info section */
	}

	/* Ensure Tables take remaining space dynamically */
	.PRRMEOWMP3TABLE,
	.PRRMEOWEVENTSTBL {
		min-width: 0;
		/* Allow shrinking if needed */
		width: 100% !important;
		/* Fill grid column */
		max-width: 100%;
		margin-top: 0 !important;
		table-layout: fixed !important;
		/*FIXTABLEOVERFLOWMEOWPRR*/
	}

	/* FIXEDEVENTSLAYOUTMEOWPRR - Stack Events table vertically under Info section on desktop */
	body[data-view="events"] #PRRMEOWCONTAINER {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		grid-template-columns: none !important;
	}

	body[data-view="events"] .PRRMEOWIMGTXTCONTAINER {
		width: 100% !important;
		max-width: 800px;
		/* Limit width for readability */
		margin: 0 auto 40px !important;
		position: relative !important;
		/* Disable sticky */
		top: auto !important;
		flex-shrink: 0;
	}

	body[data-view="events"] .PRRMEOWEVENTSTBL {
		width: 100% !important;
		max-width: 100% !important;
	}
}

h1 {
	font-size: clamp(40px, 10vw, 120px);
	/*ARTISTTITLEFITWIDTHMEOWPRR*/
	color: #ffffff;
	/*Completely white*/
	opacity: 0.77;
	background-color: transparent;
	/*Invisible background*/
	margin-top: 20px;
	margin-bottom: 4px;
	font-weight: 100;
	font-style: normal;
	font-family: 'Press Start 2P', cursive;
	transform: skewX(var(--ui-skew));
	/*LEFTSKEWEDTEXTONLYMEOWPRR*/
	transform-origin: center center;
	letter-spacing: -0.025em;
	/*Half change - slightly more spacing than original*/
	text-align: var(--title-text-align, center);
	line-height: 0.7;
	animation: glitchy-buzz-interval var(--title-glitch-interval, 7s) ease-in-out infinite;
	padding: 20px;
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	border: none;
	/*No borders*/
	outline: none;
	text-shadow: none;
}

/*GLITCHYBUZZINTERVALMEOWPRR*/
@keyframes glitchy-buzz-interval {

	/*Still period: 0% to 98.73% (most of the 7 seconds)*/
	0%,
	98.72% {
		transform: skewX(var(--ui-skew)) translate(0, 0) rotate(0deg);
		text-shadow: none;
	}

	/*Fast glitch period: 98.73% to 100% (compressed 9x */
	98.73% {
		transform: skewX(var(--ui-skew)) translate(-3px, -2px) rotate(-0.8deg);
		text-shadow: none;
	}

	98.82% {
		transform: skewX(var(--ui-skew)) translate(3px, 2px) rotate(0.8deg);
		text-shadow: none;
	}

	98.91% {
		transform: skewX(var(--ui-skew)) translate(-4px, 1px) rotate(-0.5deg);
		text-shadow: none;
	}

	99.00% {
		transform: skewX(var(--ui-skew)) translate(4px, -1px) rotate(0.5deg);
		text-shadow: none;
	}

	99.09% {
		transform: skewX(var(--ui-skew)) translate(-2px, -3px) rotate(-0.8deg);
		text-shadow: none;
	}

	99.18% {
		transform: skewX(var(--ui-skew)) translate(2px, 3px) rotate(0.8deg);
		text-shadow: none;
	}

	99.27% {
		transform: skewX(var(--ui-skew)) translate(-3px, 2px) rotate(-0.3deg);
		text-shadow: none;
	}

	99.36% {
		transform: skewX(var(--ui-skew)) translate(3px, -2px) rotate(0.3deg);
		text-shadow: none;
	}

	99.45% {
		transform: skewX(var(--ui-skew)) translate(-1px, 1px) rotate(-0.6deg);
		text-shadow: none;
	}

	99.54% {
		transform: skewX(var(--ui-skew)) translate(0, 0) rotate(0deg);
		text-shadow: none;
	}

	100% {
		transform: skewX(var(--ui-skew)) translate(0, 0) rotate(0deg);
		text-shadow: none;
	}
}


h2.PRRMEOWSUBTITLE {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	font-style: italic;
	width: auto;
	max-width: 95%;
	font-size: clamp(10px, 3.5vw, 22px);
	color: #ffffff;
	/*White color*/
	opacity: 0.77;
	margin-bottom: 12px;
	margin-top: -20px;
	/*Move tagline upwards (less aggressive than -47px)*/
	font-weight: 100;
	white-space: nowrap;
	text-align: center;
	font-family: 'Press Start 2P', cursive;
	transform-origin: center center;
	letter-spacing: -0.025em;
	line-height: 0.7;
}

/*TITLEBOXMEOWPRR - Container for title overlay on image*/
.PRRMEOWTITLEBOX {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-end !important;
	pointer-events: none !important;
	/*Let clicks pass through to image*/
	z-index: 20 !important;
	padding-bottom: 10px !important;
	/*Padding from bottom edge*/
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.PRRMEOWTITLEBOX h1 {
	margin: 0 !important;
	font-size: clamp(20px, 9vw, 60px) !important;
	/* Reduced to fit 370px container */
	width: auto !important;
	max-width: 100% !important;
	text-shadow: 2px 2px 0px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
	line-height: 0.9 !important;
	text-align: center !important;
	white-space: nowrap !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	/*Padding to accommodate skew overhang*/
}

.PRRMEOWTITLEBOX h2 {
	margin: 0 !important;
	margin-top: 2px !important;
	font-size: clamp(8px, 3.2vw, 12px) !important;
	/* Slightly reduced */
	width: auto !important;
	max-width: 98% !important;
	text-shadow: 1px 1px 0px #000 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	white-space: normal !important;
	/* Allow wrapping if needed */
	line-height: 1.1 !important;
}




.PRRMEOWIMGTXTCONTAINER {
	background-color: #000000;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 32px auto 32px;
	max-width: 100%;
	min-height: 500px;
	height: auto;
	flex-shrink: 0;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}


.PRRMEOWDESCRIPTIONTEXT {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	max-width: 100%;
}

@media (max-width: 768px) {
	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		width: 100%;
		flex-shrink: 1;
		margin-top: -144px;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}

	.PRRMEOWMEOWMEOWIMG {
		margin: 0 auto 4px !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		display: block !important;
	}
}

.PRRMEOWMEOWMEOWIMG {
	width: 400px;
	height: 300px;
	margin: 0 auto 12px;
	cursor: move;
	transition: transform 0.1s ease;
	/*IMAGEABOVETEXTMEOWPRR - Image naturally appears above text content in DOM*/
	max-width: 100%;
	/*Ensure it fits in screen*/
}

.PRRMEOWMEOWMEOWIMG:hover {
	animation: buzz-shake 0.15s infinite;
}

.PRRMEOWMEOWMEOWIMG img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}


.PRRMEOWDESCTXT {
	font-size: clamp(14px, calc(2vw + 2.67px), 17.5px);
	font-style: normal;
	color: var(--color-description);
	line-height: 0.8;
	margin: 0 auto 14px;
	text-align: justify;
	width: min(444px, 90vw);
	max-width: 100%;
	opacity: 1;
	max-height: none !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	transition: opacity 0.3s ease, margin 0.3s ease;
	order: 0 !important;
	/*TEXTAFTERIMAGEM EOWPRR - Text content appears after image*/
}

/*INFOCLOSEBTNMEOWPRR*/
.PRRMEOWINFOCLOSEBTN {
	position: absolute;
	top: -4px;
	right: 6px;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	background-color: #c0c0c0;
	/*Win95 light gray background*/
	color: #000000;
	/*Black text*/
	border: 2px outset #c0c0c0;
	/*Win95 3D outset border*/
	border-top-color: #ffffff;
	/*Light top border*/
	border-left-color: #ffffff;
	/*Light left border*/
	border-right-color: #808080;
	/*Dark right border*/
	border-bottom-color: #808080;
	/*Dark bottom border*/
	font-family: 'MS Sans Serif', 'Arial', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	z-index: 99999999 !important;
	/*CLOSEBUTTONHIGHZINDEXMEOWPRR - Always on top*/
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	/*INFOCLOSEBTNHIDDENMEOWPRR*/
	transition: opacity 0.2s ease, visibility 0s linear 0.2s !important;
}

.PRRMEOWINFOCLOSEBTN:focus {
	outline: none;
}

.PRRMEOWINFOCLOSEBTN:hover {
	background-color: #d4d0c8;
	/*Slightly lighter on hover*/
}

.PRRMEOWINFOCLOSEBTN:active {
	background-color: #c0c0c0;
	/*Pressed state*/
	border: 2px inset #c0c0c0;
	/*Inverted border for pressed effect*/
	border-top-color: #808080;
	/*Dark top border when pressed*/
	border-left-color: #808080;
	/*Dark left border when pressed*/
	border-right-color: #ffffff;
	/*Light right border when pressed*/
	border-bottom-color: #ffffff;
	/*Light bottom border when pressed*/
}

.PRRMEOWDESCTXT .CLOSEME,
.PRRMEOWDESCTXT>.CLOSEME {
	overflow: visible !important;
}

.PRRMEOWDESCTXT.PRRMEOWHIDDEN {
	opacity: 0;
	max-height: 0;
	margin: 0;
	pointer-events: none;
}

.PRRMEOWDESCTXT a {
	color: #ffffff;
	text-decoration: none;
	background-color: #000dff;
	border: 1px solid #000dff;
	padding: 0px 4px;
	display: inline-block;
}

.PRRMEOWDESCTXT a:hover {
	color: #102df5;
	background-color: #f2a7bb;
	border: 1px solid #f2a7bb;
}

.PRRMEOWDESCTXT .PRRMEOWDESCHEADING {
	font-size: clamp(25px, calc(5vw + 2.67px), 33px);
	font-weight: 300;
	font-style: normal;
	font-family: 'Silkscreen', monospace;
	color: var(--color-text-primary);
	margin: 0 0 8px 0;
	padding: 0;
	padding-right: 26px;
	/*PRRMEOWINFOCLOSEBTNPADDINGMEOWPRR*/
	line-height: 1.0;
	text-align: left;
	letter-spacing: 0.05em;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	word-break: break-word;
	overflow-wrap: break-word;
	position: relative;
	/*PRRMEOWINFOCLOSEBTNPOSITIONMEOWPRR*/
	cursor: wait !important;
	/*HEADINGHOURGLASSCURSORMEOWPRR*/
}

/*HEADINGHOVERHOURGLASSMEOWPRR*/
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING:hover {
	cursor: wait !important;
}

.PRRMEOWDESCTXT .PRRMEOWDESCHEADING.NOHYPHEN,
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING[data-no-hyphen="true"] {
	hyphens: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	word-break: keep-all;
	overflow-wrap: normal;
}

/*PRRMEOWHEADINGLINKREMOVEDMEOWPRR*/
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING .PRRMEOWHEADINGLINK,
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING .PRRMEOWHEADINGLINK:hover,
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING a,
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING a:hover {
	pointer-events: none !important;
	cursor: wait !important;
	text-decoration: none !important;
	color: inherit !important;
}

.PRRMEOWDESCTXT .PRRMEOWDESCHEADING.PRRMEOWARCHIVEHEADING {
	font-size: clamp(25px, calc(5vw + 2.67px), 33px);
	font-weight: 300;
	font-style: normal;
	font-family: 'Silkscreen', monospace;
	color: #ed4a5f;
	background-color: transparent;
	margin: 0 0 8px 0;
	padding: 0;
	padding-right: 26px;
	/*PRRMEOWINFOCLOSEBTNPADDINGMEOWPRR*/
	line-height: 1.0;
	/*Same as other headings*/
	text-align: left !important;
	/*Explicit left alignment*/
	letter-spacing: -0.1em;
	/*Same as other headings*/
	display: block;
	/*Block display for proper left alignment*/
	white-space: nowrap;
	/*Keep on one line*/
	hyphens: none;
	/*No hyphenation for slash text*/
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	word-break: keep-all;
	overflow-wrap: normal;
	animation: archiveHeadingFade 11s linear infinite;
	cursor: default !important;
	/*ARCHIVEHEADINGNOCLICKMEOWPRR*/
	pointer-events: none !important;
	/*REMOVEARCHIVEHYPERLINKMEOWPRR*/
	text-decoration: none !important;
	/*REMOVEARCHIVEHYPERLINKMEOWPRR*/
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	position: relative !important;
	/*ARCHIVEHEADINGCLOSEBUTTONMEOWPRR*/
}

.PRRMEOWDESCTXT .PRRMEOWDESCHEADING.PRRMEOWARCHIVEHEADING:hover {
	opacity: 0.8;
	/*Slight opacity change on hover*/
	cursor: default !important;
	/*ARCHIVEHEADINGNOCLICKMEOWPRR*/
	pointer-events: none !important;
	/*REMOVEARCHIVEHYPERLINKMEOWPRR*/
	text-decoration: none !important;
	/*REMOVEARCHIVEHYPERLINKMEOWPRR*/
}


/*ARCHIVEHEADINGCLOSEBUTTONPOSITIONMEOWPRR*/
.PRRMEOWDESCHEADING.PRRMEOWARCHIVEHEADING.CLOSEME .CLOSEMEBUTTON {
	padding: 4px !important;
	/*CLOSEBUTTONPADDINGMEOWPRR*/
	top: 0 !important;
	right: 0 !important;
	/*Position at right top of heading*/
	pointer-events: auto !important;
	/*REMOVEARCHIVEHYPERLINKMEOWPRR*/
}

@keyframes archiveHeadingFade {
	0% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	92% {
		opacity: 0.888;
		/*Step 1: 88.8%*/
	}

	94% {
		opacity: 0.776;
		/*Step 2: 77.6%*/
	}

	96% {
		opacity: 0.664;
		/*Step 3: 66.4%*/
	}

	98% {
		opacity: 0.552;
		/*Step 4: 55.2%*/
	}

	99% {
		opacity: 0.77;
		/*Step 5: 44%*/
	}

	100% {
		opacity: 1;
		/*Back to 100%*/
	}
}

/*DESCRIPTIONBODYMEOWPRR*/
.PRRMEOWDESCTXT .PRRMEOWDESCBODY {
	font-size: clamp(18px, calc(3vw + 2.67px), 22px);
	font-style: normal;
	/*DISABLEDSKEWMEOWPRR*/
	color: var(--color-description);
	line-height: 1.1;
	margin: 0 0 24px 0;
	padding: 0;
	text-align: justify;
	overflow-x: hidden;
	box-sizing: border-box;
}

/*DESCRIPTIONCHAPTERSPACINGMEOWPRR*/
.PRRMEOWDESCTXT .PRRMEOWDESCHEADING:not(:first-child) {
	margin-top: 32px;
}

.PRRMEOWDESCTXT .PRRMEOWDESCBODY:last-child {
	margin-bottom: 0;
}


/*TOGGLEBUTTONMIAUWPRR*/
.PRRMEOWVIEWTOGGLE,
#MEOWCONTROLS {
	margin: 0;
	text-align: right;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

/*TABLECONTROLMEOWPRR - Table header segment as part of table (thead row)*/
#MEOWTABLECONTROL {
	height: 177px;
	min-height: 177px;
	max-height: 177px;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	/*Block display for div*/
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: opacity 0.15s ease;
	/*Background color set by mode-specific rules (pink for MP3, blue for Events in colored mode)*/
	color: var(--color-tablecontrol-text);
}

/*MEOWTABLECONTROLINNERMEOWPRR - Inner container for MEOWTABLECONTROL*/
.MEOWTABLECONTROLINNER {
	padding: 7px 0;
	/*Padding that was on th cell*/
	margin: 0;
	border: none !important;
	/*No border*/
	display: block;
	/*Block display*/
	height: 100%;
	width: 100%;
	position: relative;
	/*Create stacking context for z-index*/
	z-index: 0;
	/*Above background*/
}

/*MP3 MODE - Remove rectangle background (only show skewed box)*/
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL {
	background-color: transparent !important;
	/*Transparent - only skewed box shows*/
}

/*EVENTS MODE - Remove rectangle background (only show skewed box)*/
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL {
	background-color: transparent !important;
	/*Transparent - only skewed box shows*/
	position: relative !important;
	/*Ensure stacking context*/
	z-index: 1 !important;
	/*Above background (::before has z-index: -1)*/
}

/*EVENTS TABLE HEADING TEXT ON TOP - Ensure text appears above background*/
body[data-view="events"] #MEOWTABLECONTROL * {
	position: relative;
	z-index: 2;
}

/*HIGH CONTRAST MODE - Remove rectangle background (only show skewed box)*/
body.PRRMEOWHIGHCONTRAST #MEOWTABLECONTROL {
	background-color: transparent !important;
	/*Transparent - only skewed box shows*/
	color: #000000 !important;
	/*Black text for better contrast*/
}

/*TABLECONTROLMEOWPRR*/
/*TABLECONTROLMEOWPRR*/
/*MP3MODEPINKBACKGROUNDMEOWPRR - Pink background with black text*/
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL {
	background-color: var(--color-tablecontrol-bg) !important;
	color: var(--color-tablecontrol-text) !important;
	/* Black text */
	border-bottom: 3px solid var(--color-mp3-border);
	/* Pink border */
}

/*MP3MODEPINKPRESSEDMEOWPRR - Pink background on hover/active in colored mode*/
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:hover,
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:focus,
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:active {
	background-color: var(--color-tablecontrol-bg) !important;
	/*Pink background (#ed4a5f) matching MP3 color accent*/
	color: #000000 !important;
	/* Black text on hover */
	opacity: 0.9;
}

body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:active {
	opacity: 0.8;
}

/*EVENTSMODEBLUEBACKGROUNDMEOWPRR - Transparent background with blue border to match header*/
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL {
	background-color: #000dff !important;
	/*Blue background matching Events color accent*/
	color: #ffffff !important;
	/* White text */
	border-bottom: 3px solid #000dff;
	opacity: 0.9;
}

body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:hover,
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:focus,
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL:active {
	background-color: var(--color-events-border) !important;
	/*Blue background (#7073ca) matching Events color accent*/
	color: #ffffff !important;
	/*White text for better contrast on blue*/
	opacity: 0.9;
}

body[data-view="events"] #MEOWTABLECONTROL:active {
	opacity: 0.8;
}

/*TABLECONTROLMEOWPRR - Remove global skewed background box to match header style*/
#MEOWTABLECONTROL::before {
	display: none !important;
}

/*MP3 MODE - Remove Pink skewed background box*/
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL::before,
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL::before,
body[data-view="mp3"]:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL::before {
	display: none !important;
}

/*EVENTS MODE - Remove Blue skewed background box*/
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #MEOWTABLECONTROL::before,
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL::before,
body[data-view="events"]:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL::before {
	display: none !important;
}

/*HIGH CONTRAST MODE - Remove Light grey skewed background box*/
body.PRRMEOWHIGHCONTRAST #MEOWTABLECONTROL::before,
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL::before,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL::before,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL::before,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL::before,
body.PRRMEOWHIGHCONTRAST #PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL::before {
	display: none !important;
}

/*TABLECONTROLMEOWPRR*/

/*EVENTINFOBOXMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX {
	height: auto;
	min-height: 80px;
	max-height: none;
	width: 100%;
	margin: 0;
	padding: 0;
	/*No padding*/
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0;
	box-sizing: border-box;
	overflow: visible;
	position: relative;
}

/*EVENTINFOBOXHIDDENMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX.EVENTINFOBOXHIDDEN,
#EVENTINFOBOX.EVENTINFOBOX[aria-hidden="true"] {
	/*Don't use display: none - it stops CSS animations!*/
	/*Use opacity and visibility to hide visually while */
	opacity: 0 !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	/*Keep display as flex so animation continues*/
	/*Animation will continue running even when visually*/
	pointer-events: none !important;
}

/*KEEPMARQUEEANIMATIONRUNNINGMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXTEXT,
.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a,
#PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT,
.PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW .PRRMEOWMARQUEECONTENT {
	animation-play-state: running !important;
}

/*KEEPMARQUEEANIMATIONDURINGBUZZSHAKEMEOWPRR - Keep marquee running during buzz shake and when rows are clicked*/
.PRRMEOWMEOWMEOWIMG:hover~.PRRMEOWDESCTXT .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a,
.PRRMEOWMEOWMEOWIMG:hover~.PRRMEOWDESCTXT #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT,
.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW>td.PRRMEOWMARQUEEACTIVE>a,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWSELECTEDROW>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT,
.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW>td.PRRMEOWMARQUEEACTIVE,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWSELECTEDROW>td.PRRMEOWMARQUEEACTIVE {
	animation-play-state: running !important;
	transform-style: preserve-3d !important;
	/*Isolate transform from parent buzz shake animation*/
	will-change: transform !important;
	/*Optimize for transform animations*/
}

/*KEEPMARQUEEANIMATIONDURINGBUZZSHAKEPARENTMEOWPRR - Prevent parent buzz shake from affecting marquee cells*/
.PRRMEOWMEOWMEOWIMG:hover~.PRRMEOWDESCTXT .PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
.PRRMEOWMEOWMEOWIMG:hover~.PRRMEOWDESCTXT #PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE {
	transform: none !important;
	/*Prevent parent buzz shake transform from affecting marquee container*/
}

/*KEEPMARQUEEANIMATIONWHENCLOSEBUTTONMEOWPRR*/
.PRRMEOWDESCHEADING:has(.PRRMEOWINFOCLOSEBTN) .EVENTINFOBOXTEXT,
.PRRMEOWDESCBODY:has(.CLOSEMEBUTTON) .EVENTINFOBOXTEXT,
.CLOSEME:has(.CLOSEMEBUTTON) .EVENTINFOBOXTEXT {
	animation-play-state: running !important;
}

/*EVENTINFOBOXCLOSEBTNMEOWPRR*/

#EVENTINFOBOX.EVENTINFOBOX::before {
	display: none;
}

/*CLOSEMECLASSMEOWPRR*/
.CLOSEME {
	position: relative !important;
	/*Required for absolute positioning of close button*/
	overflow: visible !important;
	/*Ensure close button is not clipped*/
}

/*CLOSEMEBUTTONMEOWPRR*/
.CLOSEME .CLOSEMEBUTTON {
	position: absolute !important;
	top: -4px !important;
	right: 6px !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #c0c0c0 !important;
	/*Win95 light gray background*/
	color: #000000 !important;
	/*Black text*/
	border: 2px outset #c0c0c0 !important;
	/*Win95 3D outset border*/
	border-top-color: #ffffff !important;
	/*Light top border*/
	border-left-color: #ffffff !important;
	/*Light left border*/
	border-right-color: #808080 !important;
	/*Dark right border*/
	border-bottom-color: #808080 !important;
	/*Dark bottom border*/
	font-family: 'MS Sans Serif', 'Arial', sans-serif !important;
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 28px !important;
	text-align: center !important;
	box-sizing: border-box !important;
	display: inline-block !important;
	cursor: pointer !important;
	user-select: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	z-index: 99999999 !important;
	/*Always on top of the object it's on*/
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	/*INFOCLOSEBTNHIDDENMEOWPRR*/
	transition: opacity 0.2s ease, visibility 0s linear 0.2s !important;
}

/*CLOSEBUTTONHOVERMEOWPRR*/
.PRRMEOWDESCTXT .CLOSEME:hover .CLOSEMEBUTTON,
.PRRMEOWDESCTXT>.CLOSEME:hover .CLOSEMEBUTTON,
.PRRMEOWIMGTXTCONTAINER .CLOSEME:hover .CLOSEMEBUTTON {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transition: opacity 0.2s ease, visibility 0s !important;
}


/*CLOSEBUTTONDOUBLECLICKTAPMEOWPRR - Show close button on double-click (desktop) or double-tap (mobile)*/
/*Works on both desktop and mobile - no media query needed*/
.PRRMEOWDESCTXT .CLOSEME.CLOSEMEDOUBLETAPPED .CLOSEMEBUTTON,
.PRRMEOWDESCTXT>.CLOSEME.CLOSEMEDOUBLETAPPED .CLOSEMEBUTTON,
.PRRMEOWIMGTXTCONTAINER .CLOSEME.CLOSEMEDOUBLETAPPED .CLOSEMEBUTTON,
.CLOSEME.CLOSEMEDOUBLETAPPED .CLOSEMEBUTTON {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transition: opacity 0.2s ease, visibility 0s !important;
}

/*Keep hover behavior as fallback for desktop (optional - can be removed if not needed)*/
@media screen and (min-width: 768px) {

	.PRRMEOWDESCTXT .CLOSEME:hover .CLOSEMEBUTTON,
	.PRRMEOWDESCTXT>.CLOSEME:hover .CLOSEMEBUTTON,
	.PRRMEOWIMGTXTCONTAINER .CLOSEME:hover .CLOSEMEBUTTON {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transition: opacity 0.2s ease, visibility 0s !important;
	}
}

@keyframes closeButtonFadeInDesktop {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*CLOSEMEBUTTONHOVERMEOWPRR*/
.CLOSEME .CLOSEMEBUTTON:hover {
	background-color: #d4d0c8 !important;
	/*Slightly lighter on hover*/
}

/*CLOSEMEBUTTONACTIVEMEOWPRR*/
.CLOSEME .CLOSEMEBUTTON:active {
	background-color: #c0c0c0 !important;
	/*Pressed state*/
	border: 2px inset #c0c0c0 !important;
	/*Inverted border for pressed effect*/
	border-top-color: #808080 !important;
	/*Dark top border when pressed*/
	border-left-color: #808080 !important;
	/*Dark left border when pressed*/
	border-right-color: #ffffff !important;
	/*Light right border when pressed*/
	border-bottom-color: #ffffff !important;
	/*Light bottom border when pressed*/
}

/*EVENTINFOBOXCOLORMEOWPRR*/
body[data-view="events"] #EVENTINFOBOX.EVENTINFOBOX,
body[data-view="mp3"] #EVENTINFOBOX.EVENTINFOBOX,
#EVENTINFOBOX.EVENTINFOBOX {
	background-color: var(--color-eventbox-bg) !important;
	/*blue background*/
	color: #ffffff !important;
	/*white text*/
}

/*EVENTINFOBOXACTIVEMEOWPRR - REMOVED hyperlink behavior (Ruleset removed)*/

/*EVENTINFOBOXLATESTTRACKMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX.EVENTINFOBOXLATESTTRACK {
	background-color: #ff69b4 !important;
	/*pink background*/
	color: #ffffff !important;
	/*white text*/
}

/*EVENTINFOBOXLATESTTRACKEVENTSMODEMEOWPRR - Latest track marquee background in events mode*/
body[data-view="events"] #EVENTINFOBOX.EVENTINFOBOX.EVENTINFOBOXLATESTTRACK {
	background-color: #ed4a5f !important;
	/*Pink/red background in events mode*/
	color: #ffffff !important;
	/*white text*/
}

/*EVENTINFOBOXINNERMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXINNER {
	width: calc(100% - 12px);
	margin: 0 6px;
	padding: 4px 0 0 0;
	/*Top padding only, no bottom space*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 100%;
	position: relative;
	flex-wrap: nowrap;
	box-sizing: border-box;
	overflow: visible;
}

/* ==========================================================================
   TABLE TITLE VISIBILITY & STYLING (USER REQUEST)
   ========================================================================== */

/* Layout for Titles - ensure both are visible in the column */
.MEOWTITLECOLUMN {
	display: flex;
	flex-direction: column;
	/* Stack them vertically? Or side-by-side? User said "both visible". Stacked might allow subtitle space. */
	gap: 10px;
	align-items: center;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.MEOWTITLECOLUMN {
		flex-direction: row;
		/* Side-by-side on desktop? Or just keep stacked? Let's try row with space. */
		justify-content: space-around;
		align-items: flex-start;
	}
}

/* Individual Title Blocks */
.MEOWMODETITLE {
	/* Override inline styles from JS if mostly managing classes now */
	display: flex;
	/* Removed !important to allow JS to hide it */
	flex-direction: column;
	align-items: center;
	transition: opacity 0.3s ease, filter 0.3s ease;
	cursor: default !important;
	/* Parent is NOT clickable anymore (User Request) */
}

/* Disable cursor on parent control too */
#MEOWTABLECONTROL {
	cursor: default !important;
}

/* Active State */
.MEOWMODETITLE.ACTIVE {
	opacity: 1;
	filter: none;
	order: -1;
	/* Ensure active is first? Or keep fixed order? */
}

/* Inactive State */
.MEOWMODETITLE.INACTIVE {
	opacity: 0.4;
	/* Dimmed */
	filter: grayscale(100%);
	/* Optional: grayscale the inactive one */
}

.MEOWMODETITLE.INACTIVE:hover {
	opacity: 0.7;
	/* Slightly brighter on hover */
}

/* Text Styling - No standard link styling (href-less) */
.MEOWTITLE-TEXT,
.MEOWSUBTITLE-TEXT {
	text-decoration: none !important;
	cursor: inherit;
	/* inherit from parent */
}

/* Specific Mode Colors for Headings */
#MEOWMP3TITLE .MEOWTITLE-TEXT {
	color: inherit;
	/* Inherits from MEOWTABLECONTROL text color */
}

/* Ensure subtitles are visible but smaller */
.MEOWSUBTITLE-TEXT {
	font-size: 0.6em;
	opacity: 0.8;
	margin-top: 4px;
}

/*EVENTINFOBOXHELPROWMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXHELPROW {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-family: 'VT323', monospace;
	font-size: clamp(14px, 3.2vw, 28px);
	/*slightly more flexible to keep on one line*/
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-eventbox-label);
	opacity: 0.9;
	padding-bottom: 2px;
	margin-bottom: 2px;
	box-sizing: border-box;
	white-space: nowrap;
	/*Keep header on a single line*/
}

/*EVENTINFOBOXLABELMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXLABEL {
	flex: 0 1 auto;
	width: 100%;
	line-height: 0.9;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: not-allowed;
}

/*EVENTINFOBOXDETAILSMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXDETAILS {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 0;
	/*Add vertical padding so emojis are fully visible a*/
}

/*EVENTINFOBOXTEXTMEOWPRR*/
#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXTEXT {
	display: inline-block;
	min-width: 100%;
	font-size: 40px;
	/*Same size as mobile version (40px)*/
	font-style: italic;
	/*Italic text*/
	line-height: 1.4;
	/*Increased line-height to give emojis more vertical*/
	white-space: nowrap;
	animation: MEOWMINIEVENTPINGPONG 15s linear infinite !important;
	animation-fill-mode: both !important;
	animation-play-state: running !important;
	/*Ensure smooth looping and keep animation running e*/
	cursor: not-allowed;
	color: #ffffff !important;
	vertical-align: middle;
	padding: 4px 0;
	/*Add padding above and below so emojis are fully vi*/
	box-sizing: border-box;
}

/*FIXMOBILEOVERFLOWMEOWPRR - Limit width on mobile*/
@media (max-width: 768px) {
	#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXTEXT {
		max-width: 100vw;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*OWPRR*/
/*Scrolls the text left until the end is visible, th*/
@keyframes MEOWMINIEVENTPINGPONG {
	0% {
		transform: translateX(0%);
	}

	50% {
		/*Scroll left to show the end of the text*/
		/*Uses CSS variable --pingpong-scroll calculated by */
		transform: translateX(var(--pingpong-scroll, -50%));
	}

	100% {
		transform: translateX(0%);
		/*Scroll back to start*/
	}

	100% {
		transform: translateX(0%);
		/*Scroll back to start*/
	}
}

/*MARQUEEPINGPONGMEOWPRR - Table cell marquee animation*/
@keyframes marquee-pingpong {
	0% {
		transform: translateX(0%);
	}

	10% {
		transform: translateX(0%);
	}

	50% {
		transform: translateX(var(--marquee-distance, -50%));
	}

	60% {
		transform: translateX(var(--marquee-distance, -50%));
	}

	100% {
		transform: translateX(0%);
	}
}

/*HIDEEVENTINFOBOXONMOBILEMEOWPRR*/
@media (max-width: 768px) {
	#EVENTINFOBOX.EVENTINFOBOX {
		display: flex !important;
		/*Use flex to allow vertical centering*/
		position: relative !important;
		/* FIXED: Use relative to push content down */
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		z-index: 20 !important;
		cursor: default;
		background-color: var(--color-eventbox-bg);
	}

	/*Add bottom padding for spacing*/
	#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXINNER {
		padding-bottom: 0;
		/*No bottom space*/
	}
}

/*SHOWTABLECONTROLBARONDESKTOPMEOWPRR - Table header bar is now part of table (thead row)*/
/*Desktop layout handled by table positioning - no separate grid positioning needed*/
@media (min-width: 769px) {

	#MEOWTABLECONTROL,
	.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL,
	.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL,
	.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL,
	#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL,
	#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL {
		height: 60px !important;
		/*Reduced height for desktop*/
		min-height: 60px !important;
		max-height: 60px !important;
	}

	.MEOWTABLECONTROLTH,
	#MEOWTABLECONTROL th,
	.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL th,
	.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL th,
	.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL th,
	#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL th,
	#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL th {
		padding: 4px 0;
		/*Reduced padding for less height*/
		padding-left: 12px;
		padding-right: 12px;
		/*Desktop table header text padding*/
	}
}

/*DESKTOPTITLECOLUMNMEOWPRR*/
.MEOWDESKTOPTITLECOLUMN {
	display: none;
	/*Hidden by default, shown on desktop*/
}

@media (min-width: 769px) {
	.MEOWDESKTOPTITLECOLUMN {
		display: block;
		width: 100%;
		margin: 0;
		padding: 4px 0;
		/*Reduced padding for less height*/
		box-sizing: border-box;
		height: 50px;
		/*Reduced height for desktop*/
		min-height: 50px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		background-color: #d3d3d3 !important;
		/*Light grey background for desktop title column*/
	}

	.MEOWDESKTOPTITLECOLUMN .MEOWMODETITLE {
		display: none;
		/*Hidden by default, shown via JavaScript inline sty*/
		font-family: 'VT323', monospace;
		color: var(--color-tablecontrol-text);
		line-height: 0.9;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.MEOWDESKTOPTITLECOLUMN .MEOWMODETITLE .MEOWTITLE-TEXT {
		font-size: 42px;
		/*Slightly smaller font for reduced height*/
		font-weight: 300;
		display: block;
		line-height: 0.9;
		margin: 0;
		padding: 4px 12px;
		/*Reduced padding for less height*/
		position: relative;
		text-align: left;
	}

	.MEOWDESKTOPTITLECOLUMN .MEOWMODETITLE .MEOWSUBTITLE-TEXT {
		font-size: 20px;
		/*Slightly smaller font for reduced height*/
		font-weight: 100;
		display: block;
		opacity: 1;
		line-height: 0.9;
		margin: 0;
		padding: 4px 12px;
		/*Reduced padding for less height*/
		margin-top: -4px;
		text-align: left;
	}

	.MEOWDESKTOPTITLECOLUMN .MEOWMP3TITLE {
		display: flex;
		flex-direction: column;
		text-align: left;
		align-items: flex-start;
		justify-content: center;
		flex-shrink: 0;
		width: 100%;
		gap: 0;
		margin: 0;
		padding: 0;
	}

	.MEOWDESKTOPTITLECOLUMN .MEOWEVENTSTITLE {
		display: flex;
		flex-direction: column;
		text-align: left;
		align-items: flex-start;
		justify-content: center;
		flex-shrink: 0;
		width: 100%;
		gap: 0;
		margin: 0;
		padding: 0;
	}
}



@media screen and (min-width: 768px) {



	/*DESKTOPTABLEPOSITIONMEOWPRR - Position table in right column next to info section*/
	/*MEOWTABLECONTROL is now part of table thead, so table positioning includes header*/
	/*DESKTOPTABLEPOSITIONMEOWPRR - Correct selector for table inside wrapper*/
	#PRRMEOWSEARCHRESULTSWRAPPER>.PRRMEOWSORTABLE,
	#PRRMEOWSEARCHRESULTSWRAPPER>table.PRRMEOWSORTABLE {
		/*Table is inside wrapper, wrapper is the grid item*/
		margin: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		min-width: 0 !important;
		/*FORCEGRIDSHRINKMEOWPRR*/
		width: 100% !important;
		table-layout: fixed !important;
	}

	/*Ensure Wrapper acts as proper grid item*/
	/*Ensure Wrapper acts as proper grid item*/
	#PRRMEOWSEARCHRESULTSWRAPPER {
		grid-column: 2;
		grid-row: 2;
		min-width: 0 !important;
		width: 100% !important;
		/*Force wrapper to match track width*/
		overflow-x: hidden !important;
		/*Ensure container clips overflow if it occurs*/
	}



}

#MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	min-height: 100%;
	position: relative;
	flex-wrap: nowrap;
	box-sizing: border-box;
	overflow: visible;
	/*MEOWTABLECONTROLONECOLUMNMEOWPRR*/
}

/*DESKTOPHEADERABOVETABLEMEOWPRR - Ensure header is directly above table with no gap on desktop*/
@media (min-width: 769px) {

	#MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		/*No gap between header and table*/
		padding-left: 12px;
		padding-right: 12px;
		/*Desktop table header text padding*/
		box-sizing: border-box;
	}
}

/*TITLECOLUMNMEOWPRR*/
#MEOWTABLECONTROL .MEOWTITLECOLUMN,
.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL .MEOWTITLECOLUMN,
.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL .MEOWTITLECOLUMN,
.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL .MEOWTITLECOLUMN,
#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL .MEOWTITLECOLUMN,
#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL .MEOWTITLECOLUMN {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	/*MEOWTABLECONTROLONECOLUMNMEOWPRR*/
}

/*BUTTONSCOLUMNMEOWPRR*/
#MEOWTABLECONTROL .MEOWBUTTONSCOLUMN {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 8px;
	/*MEOWTABLECONTROLONECOLUMNMEOWPRR*/
}

/*TOGGLEBUTTONSCONTAINERMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-top: auto;
	order: 999;
}

/*MOBILEMEOWTABLECONTROLLAYOUTMEOWPRR*/
@media (max-width: 768px) {
	#MEOWTABLECONTROL .MEOWTABLECONTROLINNER {
		flex-direction: column;
		gap: 0;
	}

	#MEOWTABLECONTROL .MEOWTITLECOLUMN {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#MEOWTABLECONTROL .MEOWBUTTONSCOLUMN {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		order: 2;
		align-items: stretch;
	}

	#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER {
		margin-top: 0;
		justify-content: flex-start;
		flex-direction: column;
		/*Buttons stacked at bottom*/
		align-items: stretch;
		width: 100%;
	}

	#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN {
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	/*MOBILEMEOWTABLECONTROLHOVERMEOWPRR*/
	#MEOWTABLECONTROL:hover {
		background-color: var(--color-link-bg) !important;
		color: #ffffff !important;
	}

	#MEOWTABLECONTROL:hover * {
		color: #ffffff !important;
	}
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN {
	color: var(--color-tablecontrol-text);
	background-color: transparent;
	border: none;
	font-family: 'VT323', monospace;
	font-size: 24px;
	font-weight: 300;
	padding: 4px 12px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	line-height: 0.8;
	white-space: nowrap;
	flex-shrink: 1;
	height: auto;
	min-height: auto;
	gap: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

/*MEOWMODETITLEMEOWPRR*/
#MEOWTABLECONTROL .MEOWMODETITLE {
	display: none;
	/*Hidden by default, shown via JavaScript inline sty*/
	font-family: 'VT323', monospace;
	color: var(--color-tablecontrol-text);
	/*Black text on pink background (MP3 mode)*/
	line-height: 0.9;
	margin: 0;
	padding: 20px 0 0 0;
}

/*EVENTSMODETITLEWHITETEXTMEOWPRR*/
body[data-view="events"] #MEOWTABLECONTROL .MEOWMODETITLE,
body[data-view="events"] #MEOWTABLECONTROL .MEOWMODETITLE .MEOWTITLE-TEXT,
body[data-view="events"] #MEOWTABLECONTROL .MEOWMODETITLE .MEOWSUBTITLE-TEXT {
	color: #ffffff !important;
	/*White text on blue background in events mode*/
}

/*MEOWMODETITLEVISIBLEMEOWPRR*/

#MEOWTABLECONTROL .MEOWMODETITLE .MEOWTITLE-TEXT {
	font-size: 48px;
	font-weight: 300;
	display: block;
	line-height: 0.9;
	margin: 0;
	padding: 0;
	position: relative;
}

#MEOWTABLECONTROL .MEOWMODETITLE .MEOWSUBTITLE-TEXT {
	font-size: 24px;
	font-weight: 100;
	display: block;
	opacity: 1;
	line-height: 0.9;
	margin: 0;
	padding: 0;
	margin-top: -4px;
}

/*MP3TITLELEFTALIGNMEOWPRR*/
#MEOWTABLECONTROL .MEOWMP3TITLE .MEOWTITLE-TEXT,
#MEOWTABLECONTROL .MEOWMP3TITLE .MEOWSUBTITLE-TEXT {
	text-align: left;
	width: 100%;
}

/*MP3MODETITLEMEOWPRR*/
#MEOWTABLECONTROL .MEOWTITLECOLUMN .MEOWMP3TITLE {
	display: flex;
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
	width: 100%;
	gap: 0;
	margin: 0;
	padding: 0;
}

/*MP3TITLEDESKTOPMEOWPRR*/
@media (min-width: 769px) {
	#MEOWTABLECONTROL .MEOWMP3TITLE {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
}

/*MP3TITLEMOBILEMEOWPRR*/
@media (max-width: 768px) {
	#MEOWTABLECONTROL .MEOWMP3TITLE {
		flex-direction: column;
		align-items: flex-start;
	}
}

/*REMOVEDSCISSOREMOJIMEOWPRR*/
#MEOWTABLECONTROL .MEOWMP3TITLE .MEOWTITLE-TEXT::after {
	content: '';
	display: none;
}

/*EVENTSMODETITLEMEOWPRR*/
#MEOWTABLECONTROL .MEOWTITLECOLUMN .MEOWEVENTSTITLE {
	display: flex;
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
	width: 100%;
	gap: 0;
	margin: 0;
	padding: 0;
}

/*EVENTSTITLEDESKTOPMEOWPRR*/
@media (min-width: 769px) {
	#MEOWTABLECONTROL .MEOWTITLECOLUMN .MEOWEVENTSTITLE {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
}

/*EVENTSTITLEMOBILEMEOWPRR*/
@media (max-width: 768px) {
	#MEOWTABLECONTROL .MEOWTITLECOLUMN .MEOWEVENTSTITLE {
		flex-direction: column;
		align-items: flex-start;
	}
}

/*EVENTSTITLELEFTALIGNMEOWPRR*/
#MEOWTABLECONTROL .MEOWTITLECOLUMN .MEOWEVENTSTITLE .MEOWTITLE-TEXT,
#MEOWTABLECONTROL .MEOWTITLECOLUMN .MEOWEVENTSTITLE .MEOWSUBTITLE-TEXT {
	text-align: left;
	width: 100%;
	color: #FFFFFF;
}

/*REMOVEDSCISSOREMOJIMEOWPRR*/
#MEOWTABLECONTROL .MEOWEVENTSTITLE .MEOWTITLE-TEXT::before {
	content: '';
	display: none;
}

/*EVENTSBUTTONRIGHTALIGNMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE {
	position: relative;
	align-items: flex-end;
	justify-content: center;
	align-self: center;
	margin-left: auto;
	text-align: right;
}

/*EVENTSBUTTONRIGHTALIGNMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE .TITLE-TEXT {
	text-align: right;
}

/*MOVEEVENTSBUTTONTOPMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEINACTIVE {
	align-items: flex-end;
	justify-content: center;
	margin-left: auto;
	text-align: right;
}

/*EVENTSACTIVEALIGNRIGHTMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEACTIVE {
	align-items: flex-end;
	justify-content: center;
	margin-left: auto;
	text-align: right;
}

#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE {
	flex-shrink: 0;
}

/*MP3BUTTONFLOATRIGHTMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEACTIVE,
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEINACTIVE {
	text-align: right;
	align-items: flex-end;
	justify-content: center;
	width: auto;
	margin-left: auto;
}

/*MOVEMPRETURNTOPMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEINACTIVE {
	align-items: flex-end;
	justify-content: center;
	margin-left: auto;
	text-align: right;
}

/*MP3INACTIVESTYLINGMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEINACTIVE .TITLE-TEXT {
	font-size: 24px;
	font-style: normal;
	transform: skewX(var(--ui-skew));
	/*LEFTSKEWEDTEXTONLYMEOWPRR*/
	transform-origin: left center;
	color: var(--color-link);
	text-decoration: none;
	background-color: var(--color-link-bg);
	border: 1px solid var(--color-link-bg);
	padding: 0px 4px;
	padding-left: 8px;
	box-sizing: border-box;
	overflow-x: hidden;
	text-align: left;
}

/*MP3BUTTONWHITEINEVENTSMODEMEOWPRR*/
body[data-view="events"] #MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEINACTIVE .TITLE-TEXT {
	color: #ffffff !important;
	display: inline-block;
	font-weight: 300;
	line-height: 0.9;
	margin: 0;
}

#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEINACTIVE .TITLE-TEXT {
	font-size: 24px;
	font-style: normal;
	transform: skewX(var(--ui-skew));
	/*LEFTSKEWEDTEXTONLYMEOWPRR*/
	transform-origin: right center;
	color: var(--color-link);
	text-decoration: none;
	background-color: var(--color-link-bg);
	border: 1px solid var(--color-link-bg);
	padding: 0px 4px;
	padding-right: 8px;
	display: inline-block;
	font-weight: 300;
	line-height: 0.9;
	margin: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	text-align: right;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN .TITLE-TEXT {
	font-size: 24px;
	font-weight: 300;
	display: block;
	line-height: 0.9;
	margin: 0;
	padding: 0;
	position: relative;
}

/*HIDEBUTTONTEXTWHENACTIVEMEOWPRR*/
#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEACTIVE .TITLE-TEXT,
#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEACTIVE .SUBTITLE-TEXT {
	display: none !important;
}

/*MP3TEXTRIGHTALIGNMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE .TITLE-TEXT,
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE .SUBTITLE-TEXT {
	text-align: right;
	width: 100%;
}

/*EVENTSTEXTRIGHTALIGNMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE .TITLE-TEXT {
	float: right;
	text-align: right;
	clear: right;
}

/*MP3EMOJIMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE .TITLE-TEXT::after {
	content: '✂✃✁';
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	line-height: 1;
}

#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEACTIVE .TITLE-TEXT::after {
	font-size: 64px;
	font-weight: 700;
}

/*EVENTSEMOJIMEOWPRR*/
#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE .TITLE-TEXT::before {
	content: '';
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	display: inline-block;
	margin-right: 0;
	vertical-align: middle;
	line-height: 1;
}

#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEACTIVE .TITLE-TEXT::before {
	font-size: 64px;
	font-weight: 700;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN .SUBTITLE-TEXT {
	font-size: 18px;
	font-weight: 100;
	display: block;
	opacity: 0.8;
	line-height: 0.9;
	margin: 0;
	padding: 0;
	margin-top: -2px;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEACTIVE {
	cursor: all-scroll;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEACTIVE .TITLE-TEXT {
	font-size: 48px;
	font-weight: 300;
	line-height: 0.9;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEACTIVE .SUBTITLE-TEXT {
	font-size: 24px;
	font-weight: 100;
	opacity: 1;
	line-height: 0.9;
	margin-top: -4px;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEINACTIVE .TITLE-TEXT {
	font-size: 24px;
}

#MEOWTABLECONTROL .PRRMEOWTOGGLEBTN.PRRMEOWTOGGLEINACTIVE .SUBTITLE-TEXT {
	display: none;
}

/*MEOWTABLECONTROLSPACINGMEOWPRR*/
#MEOWTABLECONTROL+.PRRMEOWSORTABLE,
#MEOWTABLECONTROL+table {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/*MP3MODEARMEDROWDOWNLOADBUTTONMEOWPRR - MP3 mode armed state download button styling*/
.ARMEDROWDOWNLOADBUTTON,
.ARMEDROWPLATFORMBUTTON {
	margin-right: 15px;
	/*Space between buttons*/
	font-family: 'Silkscreen', monospace;
	font-size: 16px;
	color: var(--color-text-primary);
	/*Pink*/
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	/*Remove default padding*/
	text-decoration: none;
	/*No underline*/
	transition: opacity 0.2s ease;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	/*ARMEDBUTTONTEXTNOWRAPMEOWPRR - Keep button label on one line*/
}

.ARMEDROWDOWNLOADBUTTON:hover,
.ARMEDROWPLATFORMBUTTON:hover {
	opacity: 0.7;
	/*Simple hover effect*/
	text-decoration: none;
	/*Ensure no underline on hover*/
}

/*INACTIVEBUTTONSTYLEMEOWPRR - Grey styling for inactive buttons (not click style cursor)*/
.PRRMEOWBUTTONINACTIVE {
	color: #a0a0a0 !important;
	/*Grey color*/
	cursor: not-allowed !important;
	/*Not click style - indicates disabled/no link*/
	pointer-events: none !important;
	opacity: 0.7 !important;
	background: none !important;
	border: none !important;
}

.PRRMEOWTOGGLEACTIVE {
	border: 1px solid;
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWALLACTIVE {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	font-style: italic;
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWALLACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWTRACKSACTIVE {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	font-style: italic;
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWTRACKSACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWMIXESACTIVE {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	font-style: italic;
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWMIXESACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWEVENTSACTIVE {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	font-style: italic;
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWEVENTSACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWMP3ACTIVE {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	font-style: italic;
}

.PRRMEOWTOGGLEACTIVE.PRRMEOWMP3ACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEINACTIVE {
	border: 1px solid transparent;
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWALLINACTIVE {
	color: var(--color-inactive);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWALLINACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWTRACKSINACTIVE {
	color: var(--color-inactive);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWTRACKSINACTIVE.PRRMEOWTRACKSDEFAULT {
	color: var(--color-hover-text);
	font-style: italic;
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWTRACKSINACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWTRACKSINACTIVE.PRRMEOWTRACKSDEFAULT:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
	font-style: italic;
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWMIXESINACTIVE {
	color: var(--color-inactive);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWMIXESINACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-accent);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWEVENTSINACTIVE {
	color: var(--color-inactive);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWEVENTSINACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-link-bg);
}

#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEINACTIVE:hover .TITLE-TEXT {
	color: var(--color-hover-text);
	background-color: var(--color-link-bg);
	border: 1px solid var(--color-link-bg);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWMP3INACTIVE {
	color: var(--color-inactive);
}

.PRRMEOWTOGGLEINACTIVE.PRRMEOWMP3INACTIVE:hover {
	color: var(--color-hover-text);
	background-color: var(--color-link-bg);
}

#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWMP3TOGGLE.PRRMEOWTOGGLEINACTIVE:hover .TITLE-TEXT {
	color: var(--color-hover-text);
	background-color: var(--color-link-bg);
	border: 1px solid var(--color-link-bg);
}


#PRRMEOWSEARCHRESULTSWRAPPER {
	display: flex;
	flex-direction: column;
	position: relative;
	flex-grow: 1;
	min-width: 0;
	order: 2;
	/*FIXMOBILEOVERFLOWMEOWPRR*/
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

#PRRMEOWSEARCHBAR {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 80px !important;
	/* Increased height */
	z-index: 99999 !important;
	/* Always on top */
	margin: 0 !important;
	padding: 0 !important;
	background-color: var(--color-search-bg) !important;
	border-bottom: 2px solid var(--color-border) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transform: none !important;
	/* Reset transform */
	transition: transform 0.3s ease, opacity 0.3s ease;
	box-sizing: border-box !important;
}

/*SEARCHBARCOLOREDMODEMEOWPRR - Colored mode: blue background*/
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHBAR {
	background: #ffffff !important;
	border-bottom: none !important;
	color: #252a8a !important;
	/* Dark blue */
}

body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHBAR .PRRMEOWSEARCHTYPE {
	color: #252a8a !important;
	/* Dark blue */
}

body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHBAR .PRRMEOWSEARCHINPUT {
	background-color: #ffffff !important;
	color: #252a8a !important;
	/* Dark blue */
	border: none !important;
}

body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHBAR .PRRMEOWSEARCHCLOSEBTN {
	color: #252a8a !important;
	/* Dark blue */
}

body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHBAR .PRRMEOWSEARCHCLOSEBTN:hover {
	color: #000dff !important;
}


/*SEARCHBARBLACKWHITEMODEMEOWPRR - Black-white mode: strict separation*/
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHBAR {
	background: #ffffff !important;
	/*White background*/
	border-bottom: 2px solid #000000 !important;
	/*Black border*/
	color: #000000 !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHBAR .PRRMEOWSEARCHTYPE {
	color: #000000 !important;
	font-weight: bold;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHBAR .PRRMEOWSEARCHINPUT {
	background-color: #ffffff !important;
	color: #000000 !important;
	border: 2px solid #000000 !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHBAR .PRRMEOWSEARCHCLOSEBTN {
	color: #000000 !important;
}

body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHBAR .PRRMEOWSEARCHCLOSEBTN:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
}

#PRRMEOWSEARCHBAR.PRRMEOWSEARCHBARHIDDEN {
	transform: translateY(-100%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* 2. Layout During Search (Mixed Results) */
/* When search is active, hide standard content headers and info */
body.search-active .PRRMEOWHEADERSEGMENT,
body.search-active .PRRMEOWIMGTXTCONTAINER,
body.search-active #MEOWTABLECONTROL,
body.search-active #MEOWMP3TITLE,
body.search-active #MEOWEVENTSTITLE,
body.search-active table:not(#PRRMEOWUNIFIEDSEARCHTBL) thead,
body.search-active .PRRMEOWMP3TABLE thead,
body.search-active .PRRMEOWEVENTSTABLE thead,
body.search-active #PRRMEOWEVENTSTBL thead {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	z-index: -9999 !important;
}

/* Add padding to body to account for fixed search bar */
body.search-active {
	padding-top: 100px !important;
	/* 80px bar + 20px gap */
	overflow-y: scroll !important;
	/* Force scrollbar */
	position: static !important;
	width: auto;
	height: auto;
}

body.search-active #PRRMEOWCONTAINER {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	padding-top: 0 !important;
}

body.search-active #PRRMEOWMUSICTBL,
body.search-active #PRRMEOWEVENTSTBL {
	display: none !important;
	/* HIDETABLESSEARCHMEOWPRR - Correctly hide original tables */
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-collapse: collapse !important;
}

/* 3. Result Coloring */
/* MP3 Results: Green/Pink Scheme */
.PRRMEOWSEARCHRESULTROW.search-result-mp3 td {
	color: #ed4a5f !important;
	/* Pink base */
}

.PRRMEOWSEARCHRESULTROW.search-result-mp3:hover td {
	background-color: #ed4a5f !important;
	color: #000000 !important;
}

/* Event Results: Blue Scheme */
.PRRMEOWSEARCHRESULTROW.search-result-event td {
	color: #7188ee !important;
	/* Blue base */
}

.PRRMEOWSEARCHRESULTROW.search-result-event:hover td {
	background-color: #000dff !important;
	color: #ffffff !important;
}

/* Ensure rows are visible */
body.search-active tr.PRRMEOWSEARCHRESULTROW {
	display: table-row !important;
}

/*SEARCHTABLEABOVEOVERLAYMEOWPRR*/
body.search-active #PRRMEOWCONTAINER,
body.search-active #PRRMEOWUNIFIEDSEARCHTBL,
body.search-active .PRRMEOWUNIFIEDTABLE {
	position: relative;
	z-index: 10000 !important;
	/*Above overlay (9999), below search bar (10001)*/
}


/*HIDETABLESSEARCHMEOWPRR - Removed to allow visible results*/
/*Previous hiding rules deleted*/

/*FLOATSEARCHRESULTSMEOWPRR*/
body.search-active #PRRMEOWCONTAINER {
	padding-top: 100px !important;
	/*Reduced padding so table appears closer to search */
	padding-bottom: 40px !important;
	overflow-y: auto !important;
	/*Make search results scrollable*/
	max-height: 100vh !important;
	/*Limit height to viewport*/
	margin-top: 0 !important;
}

/*HIDEMEOWTABLECONTROLSEARCHMEOWPRR*/
body.search-active #MEOWTABLECONTROL,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #MEOWTABLECONTROL {
	display: none !important;
}

/*HIDELASTWORDSSEARCHMEOWPRR*/
body.search-active .LASTWORDS,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .LASTWORDS {
	display: none !important;
}

/*HIDEINFOTEXTSEARCHMEOWPRR*/
body.search-active .PRRMEOWIMGTXTCONTAINER,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWIMGTXTCONTAINER {
	background-color: #000000;
	z-index: 10;
	display: none !important;
}

/*HIDEMODETITLESSEARCHMEOWPRR*/
body.search-active #MEOWMP3TITLE,
body.search-active #MEOWEVENTSTITLE,
body.search-active #MEOWMP3TITLE,
body.search-active #MEOWEVENTSTITLE,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #MEOWMP3TITLE,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #MEOWEVENTSTITLE {
	display: none !important;
}

/*HIDEFOOTERSEARCHMEOWPRR*/
body.search-active .PRRMEOWNMFOOTERWIDGETS,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWNMFOOTERWIDGETS {
	display: none !important;
}

/*TRIANGLEBARATBOTTOMINSEARCHMEOWPRR - Position triangle bar at bottom of page in search mode*/
body.search-active .PRRMEOWFOOTERTRIANGLETOOTHBAR,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWFOOTERTRIANGLETOOTHBAR {
	position: fixed !important;
	bottom: 0 !important;
	/*At the very bottom of the viewport*/
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 10000 !important;
	/*Same z-index as table content, above overlay (9999), below search bar (10001)*/
	opacity: 1 !important;
	/*TRIANGLEBARFULLOPACITYMEOWPRR - Ensure triangles are 100% opacity during search*/
}

/*HIDESCROLLTOTOPBARONSEARCHMEOWPRR*/
body.search-active .PRRMEOWSCROLLTOTOPBAR,
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSCROLLTOTOPBAR {
	display: none !important;
}

/*SCROLLTOTOPBARMEOWPRR - Bar under footer with triangles inside; same tooth pattern as FOOTERTRIANGLETOOTHBAR*/
.PRRMEOWSCROLLTOTOPBAR {
	width: 100%;
	height: 40px;
	position: relative;
	overflow: hidden;
	background: #0000ff;
	display: block;
	z-index: 99999999 !important;
}

.PRRMEOWSCROLLTOTOPBAR::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*Upward-pointing triangle teeth (scroll to top = go up)*/
	background-image:
		url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,40 L20,0 L40,40 Z' fill='%230000ff'/%3E%3C/svg%3E");
	background-size: 40px 40px;
	background-repeat: repeat-x;
	background-position: 0 0;
}

/*SCROLLTOTOPBUTTONMEOWPRR - Button fills bar; transparent so triangles show; click scrolls to top*/
#PRRMEOWSCROLLTOTOP {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	border: none;
	font-family: 'VT323', monospace;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	cursor: pointer;
	z-index: 1;
	display: block;
	opacity: 1;
	transition: opacity 0.2s ease, background-color 0.2s ease;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.PRRMEOWSCROLLTOTOP .PRRMEOWSCROLLTOTOPTRIANGLES {
	display: none;
}

#PRRMEOWSCROLLTOTOP.PRRMEOWSCROLLTOTOPVISIBLE {
	display: block;
	opacity: 1;
}

#PRRMEOWSCROLLTOTOP:hover {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.15);
}

#PRRMEOWSCROLLTOTOP:active {
	opacity: 0.95;
	background-color: rgba(255, 255, 255, 0.25);
}

/*SCROLLTOFOOTERBUTTONMEOWPRR - Scroll to footer button in info section under head image*/
#PRRMEOWSCROLLTOFOOTER {
	position: relative;
	display: block;
	margin-top: 20px;
	background-color: #0000ff;
	/*Blue background*/
	color: #ffffff;
	/*White text*/
	border: none;
	font-family: 'VT323', monospace;
	font-size: 24px;
	font-weight: normal;
	padding: 12px 16px;
	cursor: pointer;
	z-index: 99999999 !important;
	/*Highest z-index to ensure always on top of all content*/
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	width: auto;
	text-align: center;
	animation: float-lr 3s ease-in-out infinite;
}

@keyframes float-lr {

	0%,
	100% {
		transform: translateX(-10px);
	}

	50% {
		transform: translateX(10px);
	}
}

/*REMOVESPACEABOVESCROLLFOOTERMOBILEMEOWPRR - Remove empty space above scroll to footer button on mobile*/
@media screen and (max-width: 768px) {
	#PRRMEOWSCROLLTOFOOTER {
		margin-top: 0 !important;
	}
}

/*HIDESCROLLTOFOOTERONSEARCHMEOWPRR*/
.PRRMEOWSORTABLE:has(.PRRMEOWSEARCHRESULTROW)~* #PRRMEOWSCROLLTOFOOTER,
.PRRMEOWMP3TABLE:has(.PRRMEOWSEARCHRESULTROW)~* #PRRMEOWSCROLLTOFOOTER,
.PRRMEOWEVENTSTABLE:has(.PRRMEOWSEARCHRESULTROW)~* #PRRMEOWSCROLLTOFOOTER,
body:has(.PRRMEOWSEARCHRESULTROW) #PRRMEOWSCROLLTOFOOTER,
#PRRMEOWSCROLLTOFOOTER.PRRMEOWSEARCHACTIVE {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#PRRMEOWSCROLLTOFOOTER:hover {
	color: #102df5;
	/*Blue text color on hover (matches link hover)*/
	background-color: #f2a7bb;
	/*Pink background on hover (matches link hover)*/
}

#PRRMEOWSCROLLTOFOOTER:active {
	opacity: 0.8;
	background-color: #000099;
	/*Even darker blue on click*/
}

/*SCROLLTOFOOTERBOUNCEANIMATIONMEOWPRR*/
@keyframes scrollToFooterBounce {
	0% {
		transform: translateY(0);
	}

	12.5% {
		transform: translateY(-8px);
	}

	25% {
		transform: translateY(0);
	}

	37.5% {
		transform: translateY(-8px);
	}

	50% {
		transform: translateY(0);
	}

	62.5% {
		transform: translateY(-8px);
	}

	75% {
		transform: translateY(0);
	}

	87.5% {
		transform: translateY(-8px);
	}

	100% {
		transform: translateY(0);
	}
}

#PRRMEOWSCROLLTOFOOTER.PRRMEOWBOUNCEONLOAD {
	animation: scrollToFooterBounce 2s ease-in-out;
}

body.search-active .PRRMEOWSORTABLE {
	position: relative;
	z-index: 1;
	/*Ensure table stays above background but below search bar*/
	margin-bottom: 20px;
	/*Extra margin to prevent overlap*/
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

/*SEARCHRESULTSTABLEBACKGROUNDMEOWPRR - Ensure search results tables have proper background*/
body.search-active:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWUNIFIEDSEARCHTBL,
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWUNIFIEDTABLE {
	background-color: transparent !important;
	/*Transparent background for search results in colored mode*/
}

body.search-active.PRRMEOWHIGHCONTRAST #PRRMEOWUNIFIEDSEARCHTBL,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWUNIFIEDTABLE {
	background-color: #FFFFFF !important;
	/*White background for search results in black-white mode*/
}

/*SEARCHRESULTSTEXTCOLORMEOWPRR - Colored mode: use mode-specific colors for better visibility*/
/*MP3 mode: pink text for search results (headers use light grey, cells use pink)*/
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] .PRRMEOWSORTABLE thead>tr>th,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] .PRRMEOWMP3TABLE thead>tr>th,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] #PRRMEOWMUSICTBL thead>tr>th {
	color: var(--color-mp3-header) !important;
	/*Light grey (#b0b0b0) for MP3 table headers in search mode*/
}

body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] .PRRMEOWSORTABLE tbody>tr>td,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] .PRRMEOWSORTABLE tbody>tr>td>a,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] .PRRMEOWMP3TABLE tbody>tr>td,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] .PRRMEOWMP3TABLE tbody>tr>td>a,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] #PRRMEOWMUSICTBL tbody>tr>td,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="mp3"] #PRRMEOWMUSICTBL tbody>tr>td>a {
	color: var(--color-mp3-cell) !important;
	/*Pink text (#ed4a5f) for MP3 search results in colored mode*/
}

/*Events mode: light grey headers, white text for search results*/
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] .PRRMEOWSORTABLE thead>tr>th,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] #PRRMEOWEVENTSTBL thead>tr>th {
	color: var(--color-events-header) !important;
	/*Light grey (#b0b0b0) for Events table headers in search mode*/
}

body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] .PRRMEOWSORTABLE tbody>tr>td,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] .PRRMEOWSORTABLE tbody>tr>td>a,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] .PRRMEOWEVENTSTABLE tbody>tr>td,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] .PRRMEOWEVENTSTABLE tbody>tr>td>a,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] #PRRMEOWEVENTSTBL tbody>tr>td,
body.search-active:not(.PRRMEOWHIGHCONTRAST)[data-view="events"] #PRRMEOWEVENTSTBL tbody>tr>td>a {
	color: var(--color-events-cell) !important;
	/*White text (#ffffff) for Events search results in colored mode*/
}

/*SEARCHRESULTSTEXTCOLORMEOWPRR - Black-white mode: black text for all elements*/
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE thead>tr>th,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE tbody>tr>td,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE tbody>tr>td>a,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE thead>tr>th,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE tbody>tr>td,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE tbody>tr>td>a,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE thead>tr>th,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE tbody>tr>td,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE tbody>tr>td>a,
body.search-active.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL thead>tr>th,
body.search-active.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL tbody>tr>td,
body.search-active.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL tbody>tr>td>a {
	color: #000000 !important;
	/*Black text for search results in black-white mode*/
	background-color: #FFFFFF !important;
	/*White background for search results in black-white mode*/
}

/*SEARCHHIGHLIGHTMEOWPRR - Colored mode: pink background, cyan text*/
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWSORTABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWSORTABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT,
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWMP3TABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWMP3TABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT,
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWEVENTSTABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
body.search-active:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWEVENTSTABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #f2a7bb !important;
	/*Pink background for highlights in colored mode*/
	color: #00ffff !important;
	/*Cyan text for highlights in colored mode*/
}

/*SEARCHHIGHLIGHTMEOWPRR - Black-white mode: yellow background, black text*/
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
body.search-active.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #ffff00 !important;
	/*Yellow background for highlights in black-white mode*/
	color: #000000 !important;
	/*Black text for highlights in black-white mode*/
}



html.search-active {
	overflow: hidden;
	height: 100%;
}

/*DESKTOPSEARCHMIAUWPRR*/
@media screen and (min-width: 768px) {
	body.search-active {
		transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	#PRRMEOWSEARCHBAR {
		transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	/*FLOATSEARCHRESULTSMEOWPRR*/
	body.search-active #PRRMEOWCONTAINER {
		padding-top: 120px !important;
		/*Space for search bar at top*/
		padding-bottom: 40px !important;
	}

	/*DESKTOPSEARCHIMAGEMEOWPRR*/
	body.search-active #PRRMEOWSEARCHIMG {
		display: block !important;
		position: fixed;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 0;
		/*Behind table (z-index: 1) but above background*/
		max-width: 400px;
		width: auto;
		height: auto;
		margin: 0 auto;
		pointer-events: none;
		/*Allow interaction with table/search above*/
	}

	/*DESKTOPSEARCHTABLEHIGHERMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE,
	body.search-active table.PRRMEOWSORTABLE {
		margin-top: 80px !important;
		padding-top: 0 !important;
	}

	body.search-active #PRRMEOWCONTAINER {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}

.PRRMEOWSEARCHCLOSEBTN {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	/* Windows 3.1 Style Button */
	background: #c0c0c0 !important;
	border: 2px outset #dfdfdf !important;
	box-shadow: inset -1px -1px 0px #808080, inset 1px 1px 0px #ffffff !important;
	color: #000000 !important;
	font-size: 20px;
	font-weight: bold;
	font-family: 'MS Sans Serif', 'Segoe UI', Arial, sans-serif;
	cursor: pointer;
	padding: 4px 12px;
	margin: 0;
	line-height: 1;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: none;
}

.PRRMEOWSEARCHCLOSEBTN:hover {
	background: #dfdfdf !important;
	border: 2px outset #ffffff !important;
}

.PRRMEOWSEARCHCLOSEBTN:active {
	border: 2px inset #808080 !important;
	box-shadow: inset 1px 1px 0px #808080, inset -1px -1px 0px #ffffff !important;
}

.PRRMEOWSEARCHTYPE {
	font-size: 40px;
	font-family: 'VT323', monospace;
	font-weight: bold;
	/*Color set by mode-specific rules below*/
	letter-spacing: 2px;
	opacity: 0.77;
	/*77% opacity*/
	white-space: nowrap;
	flex-shrink: 0;
}

/*SEARCHTYPECOLOREDMODEMEOWPRR - Colored mode: white text*/
body:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWSEARCHTYPE {
	color: var(--color-hover-text) !important;
	/*White text (#ffffff) for search type indicator in colored mode*/
}

/*SEARCHTYPEBLACKWHITEMODEMEOWPRR - Black-white mode: black text*/
body.PRRMEOWHIGHCONTRAST .PRRMEOWSEARCHTYPE {
	color: #000000 !important;
	/*Black text for search type indicator in black-white mode*/
}

#PRRMEOWSEARCHINPUT {
	width: 100%;
	max-width: 1000px;
	margin: 0;
	display: block;
	padding: 24px 32px;
	font-size: 40px;
	font-family: 'VT323', monospace;
	font-weight: bold;
	background-color: transparent;
	/*Color set by mode-specific rules below*/
	border: none;
	outline: none;
	box-sizing: border-box;
	letter-spacing: 2px;
	text-align: left;
	flex: 1;
}

/*SEARCHINPUTTEXTCOLOREDMODEMEOWPRR - Colored mode: white text*/
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHINPUT {
	color: var(--color-hover-text) !important;
	/*White text (#ffffff) for search input in colored mode*/
}

/*SEARCHINPUTTEXTBLACKWHITEMODEMEOWPRR - Black-white mode: black text*/
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHINPUT {
	color: #000000 !important;
	/*Black text for search input in black-white mode*/
}

/*SEARCHINPUTPLACEHOLDERCOLOREDMODEMEOWPRR - Colored mode: semi-transparent white placeholder*/
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHINPUT::placeholder {
	color: var(--color-search-placeholder) !important;
	/*Semi-transparent white (rgba(255, 255, 255, 0.6)) for placeholder in colored mode*/
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*SEARCHINPUTPLACEHOLDERBLACKWHITEMODEMEOWPRR - Black-white mode: black placeholder*/
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHINPUT::placeholder {
	color: #000000 !important;
	/*Black placeholder text in black-white mode*/
	text-transform: uppercase;
	letter-spacing: 2px;
}

#PRRMEOWSEARCHINPUT:focus {
	background-color: transparent;
}

#PRRMEOWSEARCHINPUT:not(:placeholder-shown),
#PRRMEOWSEARCHINPUT.PRRMEOWSEARCHHASVALUE {
	font-style: normal;
	transform: skewX(var(--ui-skew));
	/*LEFTSKEWEDTEXTONLYMEOWPRR*/
	transform-origin: left center;
	padding-left: 40px;
	box-sizing: border-box;
	overflow-x: hidden;
}

/*EVENTSSEARCHINPUTCOLORMEOWPRR - Colored mode: white text for events search*/
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE,
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE:focus,
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE:not(:placeholder-shown),
body:not(.PRRMEOWHIGHCONTRAST) #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE.PRRMEOWSEARCHHASVALUE {
	color: var(--color-events-cell) !important;
	/*White text (#ffffff) for events search input in colored mode*/
	background-color: transparent;
}

/*EVENTSSEARCHINPUTCOLORBLACKWHITEMODEMEOWPRR - Black-white mode: black text for events search*/
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE,
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE:focus,
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE:not(:placeholder-shown),
body.PRRMEOWHIGHCONTRAST #PRRMEOWSEARCHINPUT.PRRMEOWEVENTSSEARCHMODE.PRRMEOWSEARCHHASVALUE {
	color: #000000 !important;
	/*Black text for events search input in black-white mode*/
	background-color: transparent;
}

.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW {
	background-color: var(--color-hover-bg);
	color: var(--color-hover-text);
	height: auto !important;
	min-height: 2.8em !important;
	max-height: none !important;
	/*REMOVEDUPLICATELINEHEIGHTMEOWPRR*/
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

/*SELECTEDROWSHOWALLCOLUMNSMEOWPRR - REMOVED: Respect table column visibility*/
/*Row styling only*/

/*ARMEDROWSTYLINGMEOWPRR - MP3 mode armed state (matches MP3 hover state)*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED {
	position: relative;
	background-color: #000000 !important;
	color: #ffffff !important;
	height: calc(1.4em + 32px) !important;
	/*Adjust height to accommodate padding-bottom for buttons*/
	min-height: calc(1.4em + 32px) !important;
	max-height: none !important;
	/*Remove max-height constraint to allow button space*/
	line-height: 2.8em !important;
	padding: 0 !important;
	padding-bottom: 32px !important;
	/*Space for download button*/
	margin: 0 !important;
	/*border: none !important; - REMOVED: Causing width shift*/
	border: 1px solid #000dff !important;
	/*V255: blue border when armed (was transparent)*/
	border-bottom-color: #000dff !important;
	z-index: 10;
	transition: background-color 0.2s ease, height 0.2s ease;
	cursor: copy !important;
}

/*EVENTSMODEARMEDROWSTYLINGMEOWPRR - Events mode armed state (matches Events hover state)*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED {
	position: relative;
	background-color: var(--color-hover-bg) !important;
	color: var(--color-hover-text) !important;
	height: calc(1.4em + 32px) !important;
	/*Adjust height to accommodate padding-bottom for buttons*/
	min-height: calc(1.4em + 32px) !important;
	max-height: none !important;
	/*Remove max-height constraint to allow button space*/
	line-height: 2.8em !important;
	padding: 0 !important;
	padding-bottom: 32px !important;
	/*Space for download button*/
	margin: 0 !important;
	/*border: none !important; - REMOVED: Causing width shift*/
	border: 1px solid #000dff !important;
	/*V255: blue border when armed (was transparent)*/
	border-bottom-color: #000dff !important;
	z-index: 10;
	transition: background-color 0.2s ease, height 0.2s ease;
	cursor: copy !important;
}

/*ARMEDROWSHOWALLCOLUMNSMEOWPRR - REMOVED: Respect table column visibility*/
/*Row styling only*/

/*ARMEDROWCOLUMNWIDTHSMEOWPRR - REMOVED: Inherit from table layout*/
/*Column widths are now handled by the main table rules*/

/*ARMEDROWCOLUMNWIDTHSMOBILEMEOWPRR - REMOVED: Inherit from table layout*/

/*ARMEDROWCELLBORDERBLUEMEOWPRR - V255: force blue cell borders when armed (override pink)*/
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED>td {
	border-color: #000dff !important;
	border-bottom: 1px solid #000dff !important;
}

/* No border between armed row and added space (comment row) - seamless */
tr.PRRMEOWCLICKARMED:has(+ tr.PRRMEOWCOMMENTROW),
tr.PRRMEOWCLICKARMED:has(+ tr.PRRMEOWCOMMENTROW)>td {
	border-bottom: none !important;
	border-bottom-color: transparent !important;
}

/*MP3MODEARMEDROWCELLSTYLINGMEOWPRR - MP3 mode armed state cell styling (matches MP3 hover state)*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td>a,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td>a {
	color: #ffffff !important;
	/*Explicit white to match MP3 armed state exactly*/
	background-color: #000dff !important;
	height: 2.8em;
	min-height: 2.8em;
	max-height: 2.8em;
	line-height: 1.2;
	padding: 4px 8px;
	padding-top: 4px;
	margin: 0;
	/*border: none; - REMOVED*/
	border: 1px solid #000dff !important;
	box-sizing: border-box;
	vertical-align: top;
	/*TABLEROWTOPALIGNMEOWPRR*/
	font-size: 28px;
	/*2px smaller than normal (30px -> 28px)*/
	cursor: copy !important;
	transition: color 0.2s ease, background-color 0.2s ease;
}

/*EVENTSMODEARMEDROWCELLSTYLINGMEOWPRR - Events mode armed state cell styling (matches Events hover state)*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td>a,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td>a,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td>a,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED>td>a {
	color: #ffffff !important;
	/*Explicit white to match Events hover state exactly*/
	background-color: var(--color-hover-bg) !important;
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.2;
	padding: 4px 8px;
	padding-top: 4px;
	margin: 0;
	/*border: none; - REMOVED*/
	border: 1px solid var(--color-hover-bg) !important;
	box-sizing: border-box;
	vertical-align: top;
	/*TABLEROWTOPALIGNMEOWPRR*/
	font-size: 28px;
	/*2px smaller than normal (30px -> 28px)*/
	cursor: copy !important;
	transition: color 0.2s ease, background-color 0.2s ease;
}

/*MP3ARMEDROWFULLWIDTHMEOWPRR - V256: when MP3 row is armed, use full width; title column fills remaining space*/

/*MP3ARMEDTABLEHEADERWIDTHSMEOWPRR - When any row is armed, set thead column widths so table-layout:fixed gives title the remainder*/
@media screen and (min-width: 768px) {
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:first-child,
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:first-child {
		width: 69px !important;
		min-width: 69px !important;
		max-width: 69px !important;
		box-sizing: border-box !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(2),
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(2) {
		width: 13% !important;
		min-width: 13% !important;
		max-width: 13% !important;
		box-sizing: border-box !important;
	}
	/*Title: explicit remainder so column is fully used (69px + 13% + 58px + 54px = fixed + 13%)*/
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(3),
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(3) {
		width: calc(100% - 69px - 13% - 58px - 54px) !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(4),
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(4) {
		width: 58px !important;
		min-width: 58px !important;
		max-width: 58px !important;
		box-sizing: border-box !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(5),
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
		box-sizing: border-box !important;
	}
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:first-child,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:first-child {
	width: 69px !important;
	min-width: 69px !important;
	max-width: 69px !important;
	box-sizing: border-box !important;
}
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(2),
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(2) {
	width: 13% !important;
	min-width: 13% !important;
	max-width: 13% !important;
	box-sizing: border-box !important;
}
/*Armed title column: explicit full remainder so it is fully used*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3),
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3) {
	width: calc(100% - 69px - 13% - 58px - 54px) !important;
	min-width: 0 !important;
	max-width: none !important;
	box-sizing: border-box !important;
}
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(4),
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(4) {
	width: 58px !important;
	min-width: 58px !important;
	max-width: 58px !important;
	box-sizing: border-box !important;
}
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(5),
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(5) {
	width: 54px !important;
	min-width: 54px !important;
	max-width: 54px !important;
	box-sizing: border-box !important;
}

/*MP3MODEARMEDANDSELECTEDROWMEOWPRR - MP3 mode: armed state overrides selected state; title keeps full remainder*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3),
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3) {
	width: calc(100% - 69px - 13% - 58px - 54px) !important;
	min-width: 0 !important;
	max-width: none !important;
}

/*MP3ARMEDROWFULLWIDTHMOBILEMEOWPRR - Armed row on mobile: date 60px, title remainder, style 54px (cols 2&4 hidden)*/
@media screen and (max-width: 768px) {
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:first-child,
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:first-child {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
		box-sizing: border-box !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(3),
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(3) {
		width: calc(100% - 60px - 54px) !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(5),
	.PRRMEOWMP3TABLE:has(>tbody>tr.PRRMEOWCLICKARMED) thead>tr>th:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
		box-sizing: border-box !important;
	}

	body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:first-child,
	.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:first-child {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3),
	.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3) {
		width: calc(100% - 60px - 54px) !important;
		min-width: 0 !important;
		max-width: none !important;
	}
	body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(5),
	.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
	}
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW {
	background-color: var(--color-hover-bg) !important;
	color: var(--color-hover-text) !important;
}

/*SEARCHMODEARMEDSTATEMEOWPRR - Override armed state style in search mode (White BG, Blue Text)*/
body.search-active tr.PRRMEOWCLICKARMED td,
body.search-active tr.PRRMEOWCLICKARMED td a,
body.search-active .PRRMEOWUNIFIEDSEARCHTABLE tr.PRRMEOWCLICKARMED td,
body.search-active .PRRMEOWUNIFIEDSEARCHTABLE tr.PRRMEOWCLICKARMED td a {
	background-color: #ffffff !important;
	color: #000dff !important;
	border-color: #000dff !important;
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td {
	color: #ffffff !important;
	background-color: var(--color-hover-bg) !important;
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td>a,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td>a {
	color: #ffffff !important;
}

/*EVENTSMODEARMEDANDSELECTEDROWMEOWPRR - Events mode: armed state overrides selected state*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW {
	background-color: var(--color-hover-bg) !important;
	color: var(--color-hover-text) !important;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td {
	color: #ffffff !important;
	background-color: var(--color-hover-bg) !important;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td>a,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td>a,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td>a,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED.PRRMEOWSELECTEDROW>td>a {
	color: #ffffff !important;
}

/*MP3MODEARMEDROWURLCONTAINERMEOWPRR - MP3 mode armed state URL container styling*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLCONTAINER,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLCONTAINER {
	background-color: var(--color-hover-bg) !important;
	color: #ffffff !important;
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK:hover,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK:hover {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
}

/*EVENTSMODEARMEDROWURLCONTAINERMEOWPRR - Events mode armed state URL container styling*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLCONTAINER,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLCONTAINER,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLCONTAINER,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLCONTAINER {
	background-color: var(--color-hover-bg) !important;
	color: #ffffff !important;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK:hover,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK:hover,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK:hover,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWURLLINK:hover {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
}

/*MP3MODEARMEDROWDOWNLOADBUTTONMEOWPRR - MP3 mode armed state download button styling*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWDOWNLOADBUTTON,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWDOWNLOADBUTTON,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWDOWNLOADBUTTON {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	backface-visibility: hidden;
	z-index: 1000;
	background-color: #ffffff !important;
	color: #000dff !important;
	border: 2px solid rgba(255, 255, 255, 0.5) !important;
	padding: 0 !important;
	width: 60px !important;
	height: 60px !important;
	box-sizing: border-box !important;
	outline: none !important;
	font-family: 'VT323', monospace !important;
	font-size: 48px !important;
	line-height: 1 !important;
	cursor: pointer !important;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	pointer-events: auto;
	border-radius: 4px;
	/*ARMEDLINKRECTANGLEMEOWPRR - Rectangle (was circle)*/
	display: flex;
	align-items: center;
	justify-content: center;
}

/*FORCEBLUECOLORMEOWPRR - Force blue text color on buttons with higher specificity*/
body[data-view="mp3"] .PRRMEOWMP3TABLE tbody tr .ARMEDROWDOWNLOADBUTTON,
.PRRMEOWMP3TABLE tbody tr .ARMEDROWDOWNLOADBUTTON,
#PRRMEOWUNIFIEDSEARCHTBL tbody tr .ARMEDROWDOWNLOADBUTTON,
.PRRMEOWCOMMENTROW .ARMEDROWDOWNLOADBUTTON,
.ARMEDROWDOWNLOADBUTTON {
	color: #000dff !important;
	background-color: #ffffff !important;
	/*FORCE WHITE BG*/
}

/*ARMEDDOWNLOADBUTTONCOMMENTROWPOSITIONMEOWPRR - Download button lives in comment row; same position/transform as armed rule so hover does not glitch*/
.PRRMEOWCOMMENTROW .ARMEDROWPLATFORMBUTTONSCONTAINER {
	position: relative !important;
	min-height: 60px !important;
}
.PRRMEOWCOMMENTROW .ARMEDROWDOWNLOADBUTTON {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate3d(-50%, -50%, 0) !important;
	backface-visibility: hidden;
	z-index: 1000;
	width: 60px !important;
	height: 60px !important;
	box-sizing: border-box !important;
	border: 2px solid rgba(255, 255, 255, 0.5) !important;
	border-radius: 4px;
	/*ARMEDLINKRECTANGLEMEOWPRR - Rectangle (was circle)*/
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	white-space: nowrap !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/*MP3MODEARMEDROWPLATFORMBUTTONMEOWPRR - MP3 mode platform buttons (Spotify, SC, etc)*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON {
	position: relative;
	width: auto;
	height: 60px !important;
	padding: 0 10px !important;
	border: 2px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box !important;
	outline: none !important;
	background-color: #ffffff !important;
	color: #000dff !important;
	margin-left: 10px;
	border-radius: 4px;
	cursor: pointer;
	pointer-events: auto;
	white-space: nowrap !important;
}

/*Hover: keep same transform to prevent position glitch; border stays 2px so no layout shift*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWDOWNLOADBUTTON:hover,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWDOWNLOADBUTTON:hover,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWDOWNLOADBUTTON:hover,
.PRRMEOWCOMMENTROW .ARMEDROWDOWNLOADBUTTON:hover {
	background-color: #000dff !important;
	border: 2px solid #000dff !important;
	color: #ffffff !important;
	transform: translate3d(-50%, -50%, 0) !important;
	outline: none !important;
}

/*EVENTSMODEARMEDROWPLATFORMBUTTONSCONTAINERMEOWPRR - Events mode armed state platform buttons container*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTONSCONTAINER,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTONSCONTAINER,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTONSCONTAINER,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTONSCONTAINER,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTONSCONTAINER {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	pointer-events: auto;
}

/*FORCEBLUECOLORPLATFORMMEOWPRR - Force blue text color on platform buttons*/
body[data-view="events"] .PRRMEOWEVENTSTABLE tbody tr .ARMEDROWPLATFORMBUTTON,
.PRRMEOWEVENTSTABLE tbody tr .ARMEDROWPLATFORMBUTTON,
#PRRMEOWEVENTSTBL tbody tr .ARMEDROWPLATFORMBUTTON,
.PRRMEOWCOMMENTROW .ARMEDROWPLATFORMBUTTON,
.ARMEDROWPLATFORMBUTTON {
	color: #000dff !important;
	background-color: #ffffff !important;
	/*FORCE WHITE BG*/
}

/*EVENTSMODEARMEDROWPLATFORMBUTTONMEOWPRR - Events mode armed state platform button styling*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON {
	background-color: #ffffff !important;
	color: #000dff !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	outline: none !important;
	padding: 4px 12px !important;
	font-family: 'VT323', monospace !important;
	font-size: 14px !important;
	cursor: pointer !important;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease;
	pointer-events: auto;
	text-align: center;
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
.PRRMEOWCOMMENTROW .ARMEDROWPLATFORMBUTTON:hover {
	background-color: #000dff !important;
	border: 1px solid #000dff !important;
	color: #ffffff !important;
}

/*MP3/comment row platform buttons use 2px border - override to same on hover to prevent position glitch*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON:hover,
.PRRMEOWCOMMENTROW .ARMEDROWPLATFORMBUTTON:hover {
	border: 2px solid #000dff !important;
}

/*NUCLEAROPTIONMEOWPRR - Force white background on ALL armed buttons no matter what*/
tr.PRRMEOWCOMMENTROW button,
tr.PRRMEOWCOMMENTROW .ARMEDROWDOWNLOADBUTTON,
tr.PRRMEOWCOMMENTROW .ARMEDROWPLATFORMBUTTON {
	background-color: #ffffff !important;
	opacity: 1 !important;
}

/*ARMEDROWINACTIVEBUTTONMEOWPRR - Inactive state: grey, not click cursor (Event info / Stream when no link)*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON.PRRMEOWBUTTONINACTIVE,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON.PRRMEOWBUTTONINACTIVE,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON.PRRMEOWBUTTONINACTIVE,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON.PRRMEOWBUTTONINACTIVE,
#PRRMEOWUNIFIEDSEARCHTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWPLATFORMBUTTON.PRRMEOWBUTTONINACTIVE,
tr.PRRMEOWCOMMENTROW .ARMEDROWPLATFORMBUTTON.PRRMEOWBUTTONINACTIVE {
	color: #707070 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	opacity: 0.75 !important;
	background: none !important;
	background-color: transparent !important;
	border: none !important;
}

/*EVENTSMODEARMEDROWFACEBOOKEVENTBUTTONMEOWPRR - Events mode Facebook event button specific styling*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWFACEBOOKEVENTBUTTON,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWFACEBOOKEVENTBUTTON,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWFACEBOOKEVENTBUTTON,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWCLICKARMED .ARMEDROWFACEBOOKEVENTBUTTON {
	font-size: 13px !important;
	padding: 4px 10px !important;
}

/*Float text slowly up and down*/
@keyframes clickagain-float {
	0% {
		transform: translate(-50%, -55%);
	}

	50% {
		transform: translate(-50%, -45%);
	}

	100% {
		transform: translate(-50%, -55%);
	}
}

/*INDIVIDUALROWSELECTIONMEOWPRR - Base selected row styling*/
.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW>td {
	color: var(--color-hover-text) !important;
	height: auto !important;
	min-height: 2.8em !important;
	max-height: none !important;
	line-height: 1.2 !important;
	padding: 4px 8px !important;
	padding-top: 4px !important;
	margin: 0 !important;
	/*border: none !important; - REMOVED: Causing gaps*/
	border: 1px solid transparent !important;
	/* Placeholder, overridden below */
	box-sizing: border-box !important;
	vertical-align: top !important;
	transition: color 0.2s ease, background-color 0.2s ease, height 0.2s ease;
}

.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW>td>a {
	line-height: 1.0em !important;
	display: inline-block;
	vertical-align: top;
}

/*MP3MODESELECTEDROWMEOWPRR - MP3 mode selected row styling (pink/red theme)*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:not(.PRRMEOWCLICKARMED),
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:not(.PRRMEOWCLICKARMED) {
	background-color: #ff00ff !important;
	/*Pink Arcation BG for selected row*/
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:not(.PRRMEOWCLICKARMED)>td,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:not(.PRRMEOWCLICKARMED)>td {
	color: #00ffff !important;
	/*Cyan Text on Pink Arcation*/
	background-color: #ff00ff !important;
	border: 1px solid #ff00ff !important;
	/* Match BG to fill gaps */
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:not(.PRRMEOWCLICKARMED)>td>a,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:not(.PRRMEOWCLICKARMED)>td>a {
	color: #ffffff !important;
	/*White links on pink background*/
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover {
	background-color: var(--color-mp3-border) !important;
	/*Keep pink background on hover*/
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td {
	background-color: var(--color-mp3-border) !important;
	color: #ffffff !important;
}

/*EVENTSMODESELECTEDROWMEOWPRR - Events mode selected row styling (blue theme)*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW {
	background-color: #000dff !important;
	/*Blue background for selected row*/
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW>td,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW>td {
	color: #00ffff !important;
	/*Cyan text on blue background*/
	background-color: #000dff !important;
	border: 1px solid #000dff !important;
	/* Match BG to fill gaps */
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW>td>a,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW>td>a {
	color: #ffffff !important;
	/*White links on blue background*/
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover {
	background-color: var(--color-events-border) !important;
	/*Keep blue background on hover*/
}

body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td {
	background-color: var(--color-events-border) !important;
	color: #ffffff !important;
}

/*SELECTEDROWHEIGHTHOVERMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover,
/*REMOVED: Armed row hover state - armed state removed*/

.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td {
	height: auto !important;
	min-height: 2.8em !important;
	max-height: none !important;
	line-height: 1.2 !important;
	/*TABLEROWTOPALIGNMEOWPRR*/
	vertical-align: top !important;
}

.PRRMEOWSORTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td>a,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td>a,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td>a,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td>a,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWSELECTEDROW:hover>td>a {
	vertical-align: top !important;
	/*TABLEROWTOPALIGNMEOWPRR*/
}

/*SELECTEDROWCOLUMNWIDTHSMEOWPRR - REMOVED: Inherit from table layout*/

/*SELECTEDROWCOLUMNWIDTHSMOBILEMEOWPRR - REMOVED: Inherit from table layout*/

.PRRRARTISTNAME {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	font-style: italic;
	width: auto;
	max-width: 95%;
	border: none;
	/*No borders*/
	box-sizing: border-box;
	transition: transform 0.3s ease;
	font-size: clamp(24px, 8vw, 84px);
	white-space: nowrap;
	text-align: center;
}

#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRRARTISTNAME::before,
#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRRARTISTNAME::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRRARTISTNAME::before {
	left: 1px;
	color: var(--color-glitch-1);
	animation: glitch-anim 0.2s infinite;
}

#PRRMEOWCONTAINER.PRRMEOWGLITCHACTIVE .PRRRARTISTNAME::after {
	left: -1px;
	color: var(--color-glitch-2);
	animation: glitch-anim2 0.2s infinite;
}

@keyframes glitch-anim {
	0% {
		clip: rect(0, 9999px, 8px, 0);
	}

	20% {
		clip: rect(4px, 9999px, 12px, 0);
	}

	40% {
		clip: rect(2px, 9999px, 10px, 0);
	}

	60% {
		clip: rect(6px, 9999px, 14px, 0);
	}

	80% {
		clip: rect(3px, 9999px, 11px, 0);
	}

	100% {
		clip: rect(7px, 9999px, 15px, 0);
	}
}

@keyframes glitch-anim2 {
	0% {
		clip: rect(8px, 9999px, 16px, 0);
	}

	20% {
		clip: rect(3px, 9999px, 11px, 0);
	}

	40% {
		clip: rect(9px, 9999px, 17px, 0);
	}

	60% {
		clip: rect(5px, 9999px, 13px, 0);
	}

	80% {
		clip: rect(7px, 9999px, 15px, 0);
	}

	100% {
		clip: rect(10px, 9999px, 18px, 0);
	}
}

/*BUZZSHAKEANIMATIONMEOWPRR*/
@keyframes buzz-shake {
	0% {
		transform: translate(0, 0) rotate(0deg);
	}

	10% {
		transform: translate(-3px, 2px) rotate(-1deg);
	}

	20% {
		transform: translate(3px, -2px) rotate(1deg);
	}

	30% {
		transform: translate(-2px, 3px) rotate(-0.5deg);
	}

	40% {
		transform: translate(2px, -3px) rotate(0.5deg);
	}

	50% {
		transform: translate(-4px, 1px) rotate(-1.5deg);
	}

	60% {
		transform: translate(4px, -1px) rotate(1.5deg);
	}

	70% {
		transform: translate(-1px, 4px) rotate(-0.8deg);
	}

	80% {
		transform: translate(1px, -4px) rotate(0.8deg);
	}

	90% {
		transform: translate(-3px, 2px) rotate(-1.2deg);
	}

	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}

/*BUZZSHAKEMOBILEMEOWPRR*/
@keyframes buzz-shake-mobile {
	0% {
		transform: translateX(-50%) translate(0, 0) rotate(0deg);
	}

	10% {
		transform: translateX(-50%) translate(-3px, 2px) rotate(-1deg);
	}

	20% {
		transform: translateX(-50%) translate(3px, -2px) rotate(1deg);
	}

	30% {
		transform: translateX(-50%) translate(-2px, 3px) rotate(-0.5deg);
	}

	40% {
		transform: translateX(-50%) translate(2px, -3px) rotate(0.5deg);
	}

	50% {
		transform: translateX(-50%) translate(-4px, 1px) rotate(-1.5deg);
	}

	60% {
		transform: translateX(-50%) translate(4px, -1px) rotate(1.5deg);
	}

	70% {
		transform: translateX(-50%) translate(-1px, 4px) rotate(-0.8deg);
	}

	80% {
		transform: translateX(-50%) translate(1px, -4px) rotate(0.8deg);
	}

	90% {
		transform: translateX(-50%) translate(-3px, 2px) rotate(-1.2deg);
	}

	100% {
		transform: translateX(-50%) translate(0, 0) rotate(0deg);
	}
}


.PRRMEOWSORTABLE {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
	border-collapse: collapse;
	border-spacing: 0 !important;
	/*REMOVETABLECOLUMNGAPMEOWPRR - Explicitly remove any spacing between columns*/
	font-size: 30px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	box-sizing: border-box !important;
	/*Ensure table uses border-box for accurate width ca*/
	/*STABLELAYOUTMEOWPRR*/
	visibility: visible;
	opacity: 1;
	/*Force stable rendering - use transform for GPU acc*/
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	/*DROTATIONMEOWPRR*/
	transform-style: preserve-3d;
	/*LOCKCOLUMNSMEOWPRR*/
	min-width: 100%;
	max-width: 100%;
	/*FIXTABLEFORMATTINGMEOWPRR*/
	/*PREVENTLAYOUTSHIFTSMEOWPRR*/
	empty-cells: show;
	position: relative;
}


/*BASEROWHEIGHTMEOWPRR - Ensure MP3 and Events tables have identical row heights*/
.PRRMEOWSORTABLE>tbody>tr,
.PRRMEOWMP3TABLE>tbody>tr,
.PRRMEOWEVENTSTABLE>tbody>tr,
#PRRMEOWEVENTSTBL>tbody>tr,
#PRRMEOWMUSICTBL>tbody>tr {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 2.8em !important;
	box-sizing: border-box !important;
	border: none !important;
	border-bottom: 1px solid var(--color-border) !important;
	/*PREVENTFIRSTROWGLITCHMEOWPRR*/
	margin: 0 !important;
	padding: 0 !important;
}

/*EVENTSMODETABLEBORDERCOLORMEOWPRR - Use events blue color for all table borders in events mode*/
body[data-view="events"] .PRRMEOWSORTABLE>tbody>tr,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr {
	border-bottom-color: var(--color-events-border) !important;
	/*Events mode blue border color*/
}

body[data-view="events"] .PRRMEOWSORTABLE>tbody>tr>td,
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td,
body[data-view="events"] #PRRMEOWEVENTSTBL>tbody>tr>td {
	border-bottom-color: var(--color-events-border) !important;
	/*Events mode blue border color*/
}

body[data-view="events"] .PRRMEOWSORTABLE thead>tr>th,
body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th,
body[data-view="events"] #PRRMEOWEVENTSTBL thead>tr>th {
	border-bottom-color: var(--color-events-border) !important;
	/*Events mode blue border color*/
}

/*CONSISTENTCELLHEIGHTMEOWPRR - Ensure MP3 and Events tables have identical cell heights*/
.PRRMEOWSORTABLE>tbody>tr>td,
.PRRMEOWMP3TABLE>tbody>tr>td,
.PRRMEOWEVENTSTABLE>tbody>tr>td,
#PRRMEOWEVENTSTBL>tbody>tr>td,
#PRRMEOWMUSICTBL>tbody>tr>td {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.2 !important;
	/*TABLEROWTOPALIGNMEOWPRR*/
	vertical-align: top !important;
	padding: 4px 8px !important;
	padding-top: 4px !important;
	margin: 0 !important;
	/*REMOVETABLECOLUMNGAPMEOWPRR - Ensure no margin creates gaps between columns*/
	box-sizing: border-box !important;
	border: none !important;
	/*PREVENTFIRSTROWGLITCHMEOWPRR*/
}

/*PREVENTFIRSTROWGLITCHMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr:first-child,
.PRRMEOWMP3TABLE>tbody>tr:first-child,
.PRRMEOWEVENTSTABLE>tbody>tr:first-child,
#PRRMEOWEVENTSTBL>tbody>tr:first-child,
#PRRMEOWMUSICTBL>tbody>tr:first-child {
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.PRRMEOWSORTABLE>tbody>tr:first-child>td,
.PRRMEOWMP3TABLE>tbody>tr:first-child>td,
.PRRMEOWEVENTSTABLE>tbody>tr:first-child>td,
#PRRMEOWEVENTSTBL>tbody>tr:first-child>td,
#PRRMEOWMUSICTBL>tbody>tr:first-child>td {
	border-top: none !important;
}

.PRRMEOWSORTABLE>tbody>tr:first-child:hover,
.PRRMEOWMP3TABLE>tbody>tr:first-child:hover,
.PRRMEOWEVENTSTABLE>tbody>tr:first-child:hover,
#PRRMEOWEVENTSTBL>tbody>tr:first-child:hover,
#PRRMEOWMUSICTBL>tbody>tr:first-child:hover {
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

/*ENSUREHEADERVISIBLEMEOWPRR*/

/*REMOVEDTABLEHEADERROWMEOWPRR*/

/*GLOBALTABLEFIXMEOWPRR - Ensure no gaps*/
.PRRMEOWSORTABLE,
.PRRMEOWVIEWTABLE,
.PRRMEOWMP3TABLE,
.PRRMEOWEVENTSTABLE {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	width: 100% !important;
}

.PRRMEOWSORTABLE thead>tr>th {
	font-family: 'Silkscreen', monospace;
	text-align: left;
	padding: 4px 8px;
	padding-left: 12px;
	margin: 0 !important;
	/*REMOVETABLECOLUMNGAPMEOWPRR - Ensure no margin creates gaps*/
	font-size: 26px !important;
	/*Same font-size for both MP3 and Events modes*/
	font-weight: 300;
	font-style: normal;
	transform: skewX(var(--ui-skew));
	/*LEFTSKEWEDTEXTONLYMEOWPRR*/
	transform-origin: left center;
	letter-spacing: -0.05em;
	color: #b0b0b0;
	/*Light grey for all table column labels*/
	border-bottom: 3px solid var(--color-border);
	overflow: hidden;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: crosshair;
	box-sizing: border-box !important;
	vertical-align: top;
	/*PREVENTHEADERWIDTHGLITCHMEOWPRR*/
	width: auto;
	min-width: 0;
}

/*MP3LISTSTYLINGMEOWPRR - Merged with earlier rule above*/

/*EVENTLISTSTYLINGMEOWPRR - Merged with earlier rule above*/

/*SORTEDHEADERSTYLINGMEOWPRR*/
.PRRMEOWSORTABLE thead>tr>th.sorttable_sorted,
.PRRMEOWSORTABLE thead>tr>th.sorttable_sorted_reverse {
	animation: columnHeadingColorFade 0.6s ease-out forwards;
	text-decoration: underline;
	text-decoration-style: wavy;
	/*Wavy underline for active column order - similar to footer hyperlink*/
	text-decoration-thickness: 2px;
	text-decoration-color: currentColor;
	/*Use current text color for underline*/
	text-underline-offset: 2px;
	/*Small gap between text and underline*/
}

/*MP3LISTSTYLINGMEOWPRR*/
.PRRMEOWMP3TABLE thead>tr>th.sorttable_sorted,
.PRRMEOWMP3TABLE thead>tr>th.sorttable_sorted_reverse {
	color: var(--color-mp3-header-sorted);
	background-color: var(--color-mp3-header-sorted-bg);
	animation: columnHeadingColorFade 0.6s ease-out forwards;
	text-decoration: underline;
	text-decoration-style: wavy;
	/*Wavy underline for active column order - similar to footer hyperlink*/
	text-decoration-thickness: 2px;
	text-decoration-color: var(--color-mp3-header-sorted);
	/*Use sorted header color for underline*/
	text-underline-offset: 2px;
	/*Small gap between text and underline*/
}

/*EVENTLISTSTYLINGMEOWPRR*/
.PRRMEOWEVENTSTABLE thead>tr>th.sorttable_sorted,
.PRRMEOWEVENTSTABLE thead>tr>th.sorttable_sorted_reverse {
	color: var(--color-events-header-sorted) !important;
	background-color: var(--color-events-header-sorted-bg) !important;
	animation: columnHeadingColorFade 0.6s ease-out forwards;
	text-decoration: underline !important;
	text-decoration-style: wavy !important;
	/*Wavy underline for active column order - similar to footer hyperlink*/
	text-decoration-thickness: 2px !important;
	text-decoration-color: var(--color-events-header-sorted) !important;
	/*Use sorted header color for underline*/
	text-underline-offset: 2px !important;
	/*Small gap between text and underline*/
}

@keyframes columnHeadingColorFade {
	0% {
		color: var(--color-hover-text);
	}

	100% {
		color: var(--color-sorted-header);
	}
}

/*DTABLEROTATIONDESKTOPMEOWPRR*/
@media screen and (min-width: 768px) {
	.PRRMEOWSORTABLE.PRRMEOW3DROTATIONENABLED {
		transform: perspective(1000px) rotateX(2deg) rotateY(-1deg);
		transform-style: preserve-3d;
		transition: transform 0.3s ease;
	}

	.PRRMEOWSORTABLE.PRRMEOW3DROTATIONENABLED:hover {
		transform: perspective(1000px) rotateX(1deg) rotateY(-0.5deg);
	}
}

/*DESKTOPCOLUMNWIDTHSMEOWPRR*/
/*DEFAULTMP3LAYOUTMEOWPRR - Default percentage widths for Events table only (MP3 uses fixed pixels)*/
/*Exclude MP3 tables - they use fixed pixel widths defined in DESKTOPMP3COLUMNWIDTHSMEOWPRR*/
.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:first-child.PRRMEOWYEARCOL {
	width: 11% !important;
	min-width: 6% !important;
	max-width: 11% !important;
	/*Year: 11% width, can shrink down to 6% to give spa*/
	box-sizing: border-box !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	padding-right: 0 !important;
	/*REMOVEGAPBETWEENYEARANDTITLEMEOWPRR - Remove right padding to eliminate gap*/
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:nth-child(2) {
	width: 13% !important;
	min-width: 13% !important;
	max-width: 13% !important;
	/*Artist: 13% width, min-width 13%*/
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:nth-child(3) {
	width: 59% !important;
	min-width: 30% !important;
	max-width: 59% !important;
	/*Title: 59% width (all other %), min-width 30%*/
	white-space: normal !important;
	/*Allow title header to wrap if needed*/
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	padding-left: 0 !important;
	/*REMOVEGAPBETWEENYEARANDTITLEMEOWPRR - Remove left padding when Title is directly after Year (Artist hidden)*/
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:nth-child(4) {
	width: 10% !important;
	min-width: 6% !important;
	max-width: 10% !important;
	/*BPM: 10% width, can shrink down to 6% to give spac*/
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:nth-child(5) {
	width: 7% !important;
	min-width: 7% !important;
	max-width: 7% !important;
	/*Style: 7% width, min-width 7%*/
	text-align: center !important;
	/*Float center the genre column emoji*/
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/*Default percentage widths for Events table only (MP3 uses fixed pixels)*/
/*Exclude MP3 tables - they use fixed pixel widths defined in DESKTOPMP3COLUMNWIDTHSMEOWPRR*/
.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td.PRRMEOWYEARCOL {
	width: 11% !important;
	min-width: 6% !important;
	max-width: 11% !important;
	/*Year: 11% width, can shrink down to 6% to give spa*/
	box-sizing: border-box !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	padding-right: 0 !important;
	/*REMOVEGAPBETWEENYEARANDTITLEMEOWPRR - Remove right padding to eliminate gap*/
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td:nth-child(2) {
	width: 13% !important;
	min-width: 13% !important;
	max-width: 13% !important;
	/*Artist: 13% width, min-width 13%*/
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td:nth-child(3) {
	width: 59% !important;
	min-width: 30% !important;
	max-width: 59% !important;
	/*Title: 59% width (all other %), min-width 30%*/
	white-space: nowrap !important;
	/*Force single line to match MP3 row height*/
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	padding-left: 0 !important;
	/*REMOVEGAPBETWEENYEARANDTITLEMEOWPRR - Remove left padding when Title is directly after Year (Artist hidden)*/
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td:nth-child(4) {
	width: 10% !important;
	min-width: 6% !important;
	max-width: 10% !important;
	/*BPM: 10% width, can shrink down to 6% to give spac*/
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td:nth-child(5) {
	width: 7% !important;
	min-width: 7% !important;
	max-width: 7% !important;
	/*Style: 7% width, min-width 7%*/
	text-align: center !important;
	/*Float center the genre column emoji*/
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/*MOBILEMP3COLUMNWIDTHSMEOWPRR - Mobile: release date (YYYY only), title, style; cols 2 (artist) & 4 (BPM) hidden; 768px breakpoint*/
@media screen and (max-width: 768px) {

	/*Hide artist and BPM columns on mobile; show date, title, style only*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(2),
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(4) {
		display: none !important;
	}

	/*Release date (YYYY): 60px*/
	.PRRMEOWMP3TABLE thead>tr>th:first-child.PRRMEOWYEARCOL,
	.PRRMEOWMP3TABLE tbody>tr>td:first-child.PRRMEOWYEARCOL {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
		box-sizing: border-box !important;
		padding-right: 0 !important;
	}

	/*Title: fills remaining space*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(3),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(3) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	/*Style: 54px*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		display: table-cell !important;
	}

	/*Mobile: show only YYYY in date column (override hover/armed full date)*/
	.PRRMEOWMP3TABLE .MEOW_DATE_FULL,
	.PRRMEOWMP3TABLE tbody tr:hover .MEOW_DATE_FULL,
	.PRRMEOWMP3TABLE tbody tr.PRRMEOWCLICKARMED .MEOW_DATE_FULL {
		display: none !important;
	}
	.PRRMEOWMP3TABLE .MEOW_DATE_SHORT,
	.PRRMEOWMP3TABLE tbody tr:hover .MEOW_DATE_SHORT,
	.PRRMEOWMP3TABLE tbody tr.PRRMEOWCLICKARMED .MEOW_DATE_SHORT {
		display: inline !important;
	}
}

/*DESKTOPMP3COLUMNWIDTHSMEOWPRR*/
@media screen and (min-width: 768px) {

	/*Year column: 69px - override percentage-based width*/
	.PRRMEOWMP3TABLE thead>tr>th:first-child.PRRMEOWYEARCOL,
	.PRRMEOWMP3TABLE tbody>tr>td:first-child.PRRMEOWYEARCOL,
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE thead>tr>th:first-child.PRRMEOWYEARCOL,
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE tbody>tr>td:first-child.PRRMEOWYEARCOL {
		width: 69px !important;
		min-width: 69px !important;
		max-width: 69px !important;
		box-sizing: border-box !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		/*REMOVEGAPBETWEENRELEASEANDTITLEMEOWPRR - Remove padding to eliminate gaps*/
	}

	/*Artist column: 13% width - visible on all desktop sizes*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(2),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE tbody>tr>td:nth-child(2) {
		width: 13% !important;
		min-width: 13% !important;
		max-width: 13% !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: table-cell !important;
	}

	/*Title column: fills remaining space - auto*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(3),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(3),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE thead>tr>th:nth-child(3),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE tbody>tr>td:nth-child(3) {
		width: auto !important;
		/*Let browser calculate remaining space*/
		min-width: 0 !important;
		max-width: none !important;
		overflow: hidden !important;
		position: relative !important;
		box-sizing: border-box !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		/*REMOVEGAPBETWEENRELEASEANDTITLEMEOWPRR - Remove padding to eliminate gaps*/
	}

	/*Enable marquee for title when content is wider tha*/
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(3):not(.PRRMEOWMARQUEEACTIVE),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE tbody>tr>td:nth-child(3):not(.PRRMEOWMARQUEEACTIVE) {
		white-space: nowrap !important;
		text-overflow: ellipsis !important;
	}

	/*BPM column: 58px - override percentage-based width*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(4),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE tbody>tr>td:nth-child(4) {
		width: 58px !important;
		min-width: 58px !important;
		max-width: 58px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		/*Remove padding to eliminate gaps*/
	}

	/*Genre column: 54px - override percentage-based width*/
	.PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	.PRRMEOWMP3TABLE tbody>tr>td:nth-child(5),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE tbody>tr>td:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		/*Remove padding to eliminate gaps*/
	}
}

/*MP3ARMEDCOLUMNFULLWIDTHMEOWPRR - When table has PRRMEOWHASARMEDROW (set by JS), force title column to use full remainder; top row (thead) must have title as biggest column*/
@media screen and (min-width: 768px) {
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr>th:nth-child(3),
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr:first-child>th:nth-child(3),
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3) {
		width: calc(100% - 69px - 13% - 58px - 54px) !important;
		min-width: 40% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
}
/*Mobile: date 60px, title = all leftover (biggest), BPM 58px (cols 2&5 hidden); explicit thead so table-layout:fixed uses correct first row*/
@media screen and (max-width: 768px) {
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr>th:first-child,
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr:first-child>th:first-child,
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW tbody>tr.PRRMEOWCLICKARMED>td:first-child {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
		box-sizing: border-box !important;
	}
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr>th:nth-child(3),
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr:first-child>th:nth-child(3),
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3) {
		width: calc(100% - 60px - 58px) !important;
		min-width: 50% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW thead>tr>th:nth-child(4),
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW tbody>tr.PRRMEOWCLICKARMED>td:nth-child(4) {
		width: 58px !important;
		min-width: 58px !important;
		max-width: 58px !important;
		box-sizing: border-box !important;
	}
}

/*HIDEARTISTCOLUMNNARROWDESKTOPMEOWPRR*/
/*ARTIST COLUMN NOW VISIBLE ON ALL DESKTOP SIZES*/




/*EVENTSTABLEWIDTHSMIAUWPRR - Proper column widths: WHEN? 15%, COUNTRY 10%, EVENT TITLE 75% (location hidden)*/
#PRRMEOWEVENTSTBL thead th {
	vertical-align: top !important;
}

#PRRMEOWEVENTSTBL thead>tr>th:first-child,
#PRRMEOWEVENTSTBL thead>tr>th:nth-child(1) {
	/*EVENTSDATECOLWIDTHMEOWPRR - Date column width (wider)*/
	width: 18% !important;
	min-width: 120px !important;
	max-width: 200px !important;
	display: table-cell !important;
	box-sizing: border-box !important;
	padding-right: 0 !important;
	/*Remove right padding to eliminate gap*/
	white-space: nowrap !important;
	/*Prevent wrapping*/
}

#PRRMEOWEVENTSTBL thead>tr>th:nth-child(2),
#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2) {
	width: 8% !important;
	/*? (COUNTRY) - 8% width*/
	min-width: 60px !important;
	max-width: 100px !important;
	box-sizing: border-box !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	/*Remove padding to eliminate gaps*/
	white-space: nowrap !important;
	/*Prevent wrapping*/
}

#PRRMEOWEVENTSTBL thead>tr>th:nth-child(3),
#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(3) {

	/*WHERE? (LOCATION) - 15% width, now visible*/
	@media screen and (min-width: 768px) {

		/*EVENTSTABLEWIDTHSMIAUWPRR - Proper column widths*/
		/*Date: 15%*/
		#PRRMEOWEVENTSTBL thead>tr>th:first-child,
		#PRRMEOWEVENTSTBL thead>tr>th:nth-child(1) {
			width: 15% !important;
			min-width: 100px !important;
			max-width: 200px !important;
			display: table-cell !important;
			box-sizing: border-box !important;
			padding-right: 0 !important;
			white-space: nowrap !important;
		}

		/*Country: 5%*/
		#PRRMEOWEVENTSTBL thead>tr>th:nth-child(2) {
			width: 5% !important;
			min-width: 40px !important;
			max-width: 80px !important;
			display: table-cell !important;
			box-sizing: border-box !important;
			padding-left: 0 !important;
			padding-right: 0 !important;
			white-space: nowrap !important;
		}

		/*Location: 25%*/
		#PRRMEOWEVENTSTBL thead>tr>th:nth-child(3) {
			width: 25% !important;
			min-width: 100px !important;
			max-width: 25% !important;
			display: table-cell !important;
			box-sizing: border-box !important;
			padding: 0 !important;
			white-space: nowrap !important;
		}

		/*Event: 40%*/
		#PRRMEOWEVENTSTBL thead>tr>th:nth-child(4) {
			width: 40% !important;
			min-width: 150px !important;
			max-width: 40% !important;
			display: table-cell !important;
			box-sizing: border-box !important;
			padding-left: 0 !important;
		}

		/*Info: 15% (Remaining)*/
		/*Assuming 5th child exists for Info/Links if structure matches*/
	}

	/*Date: 15%*/
	#PRRMEOWEVENTSTBL tbody>tr>td:first-child {
		width: 15% !important;
		min-width: 100px !important;
		max-width: 200px !important;
		box-sizing: border-box !important;
		padding-right: 0 !important;
		white-space: nowrap !important;
	}

	/*Country: 5%*/
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2) {
		width: 5% !important;
		min-width: 40px !important;
		max-width: 80px !important;
		display: table-cell !important;
		box-sizing: border-box !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		white-space: nowrap !important;
	}

	/*Location: 25%*/
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(3) {
		width: 25% !important;
		min-width: 100px !important;
		max-width: 25% !important;
		display: table-cell !important;
		box-sizing: border-box !important;
		padding: 0 !important;
		white-space: nowrap !important;
	}

	/*Event: 40%*/
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(4) {
		width: 40% !important;
		min-width: 150px !important;
		max-width: 40% !important;
		display: table-cell !important;
		box-sizing: border-box !important;
		padding-left: 0 !important;
	}
}

/*EVENTSTABLECELLALIGNMENTMIAUWPRR*/
/*Events table cells use same styling as main table */

/*HIDEBPMCOLUMNMEOWPRR*/
.PRRMEOWSORTABLE thead>tr>th.sorttable_nosort,
.PRRMEOWSORTABLE thead>tr>th[data-sortable="false"] {
	cursor: default !important;
}

/*PRESERVECOLORSAFTERSORTMEOWPRR*/

/*CONSISTENTFONTSIZEMEOWPRR*/
.PRRMEOWMP3TABLE>tbody>tr>td,
.PRRMEOWEVENTSTABLE>tbody>tr>td,
#PRRMEOWEVENTSTBL>tbody>tr>td {
	font-size: 30px !important;
}

/*BPMCOLUMNSMALLERFONTMIAUWPRR*/
/*REMOVED: Armed state BPM column styling*/
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr>td:nth-child(4),
.PRRMEOWMP3TABLE>tbody>tr>td:nth-child(4),
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(4),
.PRRMEOWMP3TABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(4) {
	font-size: 24px !important;
	text-align: center !important;
	/*BPMCENTERALIGNMEOWPRR*/
}

/*CONSISTENTPADDINGMARGINMEOWPRR*/
.PRRMEOWMP3TABLE>tbody>tr>td,
.PRRMEOWEVENTSTABLE>tbody>tr>td,
#PRRMEOWEVENTSTBL>tbody>tr>td {
	padding: 4px 8px !important;
	margin: 0 !important;
}


/*CONSISTENTHEADERFONTSIZEMEOWPRR*/
.PRRMEOWMP3TABLE thead>tr>th,
.PRRMEOWEVENTSTABLE thead>tr>th,
#PRRMEOWEVENTSTBL thead>tr>th {
	font-family: 'Silkscreen', monospace;
	font-size: 22px !important;
	letter-spacing: -0.05em;
	padding: 4px 8px !important;
	margin: 0 !important;
}

/*MARQUEEACTIVENOELLIPSISMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE {
	text-overflow: clip !important;
}

.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a,
.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT {
	text-overflow: clip !important;
	overflow: visible !important;
}

/*MP3LISTSTYLINGMEOWPRR*/
.PRRMEOWMP3TABLE>tbody>tr>td {
	font-size: 30px !important;
	padding: 4px 8px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--color-mp3-border);
	color: var(--color-mp3-cell);
}

/*EVENTLISTSTYLINGMEOWPRR - Match MP3 formatting but with blue color scheme*/
.PRRMEOWEVENTSTABLE>tbody>tr>td {
	font-size: 30px !important;
	padding: 4px 8px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--color-events-border);
	color: var(--color-events-cell);
}

/*TRANSPARENTROWBACKGROUNDMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr:nth-child(odd),
.PRRMEOWSORTABLE>tbody>tr:nth-child(even) {
	background-color: transparent;
}

/*FOLDERTYPECOLORSMEOWPRR*/
/*TRACKS folder files - green color*/
.PRRMEOWSORTABLE>tbody>tr[data-folder="tracks"]>td,
.PRRMEOWMP3TABLE>tbody>tr[data-folder="tracks"]>td {
	color: var(--color-tracks) !important;
}

.PRRMEOWSORTABLE>tbody>tr[data-folder="tracks"]>td>a,
.PRRMEOWMP3TABLE>tbody>tr[data-folder="tracks"]>td>a {
	color: var(--color-tracks) !important;
}

/*SETS folder files - purple/gray color*/
.PRRMEOWSORTABLE>tbody>tr[data-folder="sets"]>td,
.PRRMEOWMP3TABLE>tbody>tr[data-folder="sets"]>td {
	color: var(--color-sets) !important;
	font-style: normal !important;
}

.PRRMEOWSORTABLE>tbody>tr[data-folder="sets"]>td>a,
.PRRMEOWMP3TABLE>tbody>tr[data-folder="sets"]>td>a {
	color: var(--color-sets) !important;
	font-style: normal !important;
}

/*SETSTYLELABELMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr>td:nth-child(5)[data-genre="SET"],
.PRRMEOWMP3TABLE>tbody>tr>td:nth-child(5)[data-genre="SET"] {
	/*background-color: #0000ff !important;*/
	/*Blue background - commented out*/
	/*color: #ffffff !important;*/
	/*White text - commented out*/
	/*border: 2px solid #0000ff !important;*/
	/*Small blue border - commented out*/
	font-size: 22px !important;
	/*Smaller font size (2px smaller than 24px, reduced */
	/*padding: 2px 6px !important;*/
	/*Slightly reduced padding for better fit - commente*/
	/*text-align: center !important;*/
	/*Center the text - commented out*/
	/*border-radius: 2px !important;*/
	/*Slight border radius for a polished look - comment*/
	font-style: italic !important;
	/*Italic text*/
	font-weight: normal !important;
	/*Normal weight (not bold)*/
}

.PRRMEOWSORTABLE>tbody>tr>td:nth-child(5)[data-genre="SET"]>a,
.PRRMEOWMP3TABLE>tbody>tr>td:nth-child(5)[data-genre="SET"]>a {
	/*color: #ffffff !important;*/
	/*White text for links - commented out*/
	text-decoration: none !important;
	font-style: italic !important;
	/*Italic text for links*/
	font-weight: normal !important;
	/*Normal weight (not bold)*/
}

/*SETSTYLELABELHOVERMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr:hover>td:nth-child(5)[data-genre="SET"],
.PRRMEOWMP3TABLE>tbody>tr:hover>td:nth-child(5)[data-genre="SET"] {
	/*background-color: #0000ff !important;*/
	/*Keep blue background on hover - commented out*/
	/*color: #ffffff !important;*/
	/*Keep white text on hover - commented out*/
	/*border: 2px solid #0000ff !important;*/
	/*Keep blue border on hover - commented out*/
	font-style: italic !important;
	/*Keep italic text on hover*/
	font-weight: normal !important;
	/*Keep normal weight on hover*/
}

.PRRMEOWSORTABLE>tbody>tr:hover>td:nth-child(5)[data-genre="SET"]>a,
.PRRMEOWMP3TABLE>tbody>tr:hover>td:nth-child(5)[data-genre="SET"]>a {
	/*color: #ffffff !important;*/
	/*Keep white text for links on hover - commented out*/
	font-style: italic !important;
	/*Keep italic text for links on hover*/
	font-weight: normal !important;
	/*Keep normal weight for links on hover*/
}

/*COMMENTEDOUTMEOWPRR*/

.PRRMEOWSORTABLE>tbody>tr>td:nth-child(3) {
	font-size: 36px;
	font-weight: 300;
}

.PRRMEOWSORTABLE>tbody>tr>td:nth-child(3).PRRMEOWMARQUEEACTIVE {
	font-size: 35px;
}

/*EVENTSTABLEMARQUEEFONTSIZEMIAUWPRR*/
#PRRMEOWEVENTSTBL>tbody>tr>td:nth-child(4).PRRMEOWMARQUEEACTIVE {
	font-size: 35px;
}

.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWYEARCOL {
	text-align: left;
	display: table-cell;
	width: 60px !important;
	min-width: 60px !important;
	max-width: 60px !important;
}

/*MP3YEARCOLUMNWIDTHMEOWPRR - Desktop only so mobile keeps 60px from MOBILEMP3COLUMNWIDTHSMEOWPRR*/
@media screen and (min-width: 768px) {
	.PRRMEOWMP3TABLE>tbody>tr>td.PRRMEOWYEARCOL,
	.PRRMEOWSORTABLE.PRRMEOWMP3TABLE>tbody>tr>td.PRRMEOWYEARCOL {
		width: 69px !important;
		min-width: 69px !important;
		max-width: 69px !important;
	}
}


/*ROWHOVERSTATEMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW) {
	background-color: var(--color-hover-bg);
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 2.8em !important;
	transition: background-color 0.2s ease, height 0.2s ease;
	/*Smooth transition for hover state*/
}


/*HOVERSTATEMAINTAINCOLUMNWIDTHSMEOWPRR - Events table only; MP3 uses MP3-specific hover widths above*/
.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:first-child,
.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td.PRRMEOWYEARCOL {
	width: 11% !important;
	min-width: 6% !important;
	max-width: 11% !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(2) {
	width: 13% !important;
	min-width: 13% !important;
	max-width: 13% !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(3) {
	width: 59% !important;
	min-width: 30% !important;
	max-width: 59% !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(4) {
	width: 10% !important;
	min-width: 6% !important;
	max-width: 10% !important;
}

.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(5) {
	width: 7% !important;
	min-width: 7% !important;
	max-width: 7% !important;
	text-align: center !important;
	/*Float center the genre column emoji*/
}

.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td,
.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td>a {
	color: var(--color-hover-text) !important;
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.2 !important;
	/*ALIGNTOPMEOWPRR*/
	padding: 4px 8px !important;
	padding-top: 4px !important;
	/*ENSURETOPPADDINGMINIMALMEOWPRR*/
	margin: 0 !important;
	border: none !important;
	box-sizing: border-box !important;
	vertical-align: top !important;
	/*TABLEROWTOPALIGNMEOWPRR*/
	font-size: 28px !important;
	/*2px smaller than normal (30px -> 28px)*/
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease;
	/*Smooth transition for hover state*/
}

.PRRMEOWSORTABLE>tbody>tr>td>a {
	color: var(--color-link);
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*FIXTABLEFORMATTINGMEOWPRR*/
	box-sizing: border-box;
	max-width: 100%;
	vertical-align: top;
}

/*SEARCHHIGHLIGHTMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr>td .PRRMEOWSEARCHHIGHLIGHT,
.PRRMEOWSORTABLE>tbody>tr>td>a .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #f2a7bb;
	/*Pink background for highlights*/
	color: #00ffff;
	/*Cyan text for highlights*/
}

.PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW {
	background-color: var(--color-hover-bg);
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.4em !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	box-sizing: border-box !important;
}

/*SEARCHRESULTSMARQUEEMEOWPRR*/
.PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE {
	background-color: #102df5 !important;
	/*Blue background*/
	color: #ffffff !important;
	/*White text*/
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'VT323', monospace;
	font-size: 26px;
	height: 40px;
	line-height: 40px;
	border: none;
	position: relative;
	/*Ensure stacking context*/
}

.PRRMEOWMARQUEECONTENT {
	display: inline-block;
	padding-left: 100%;
	/*Start off screen*/
	white-space: nowrap;
	/*MARQUEESPEEDMEOWPRR - Slow down animation (was 15s)*/
	animation: PRRMEOWMARQUEEANIM 30s linear infinite;
	/*Slower animation*/
	background-color: transparent !important;
	color: inherit !important;
}

/*BWMODEMARQUEEMEOWPRR - Override for BW mode*/
body.PRRMEOWHIGHCONTRAST .PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
body.PRRMEOWHIGHCONTRAST .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
body.PRRMEOWHIGHCONTRAST .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
body.PRRMEOWHIGHCONTRAST #PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE {
	background-color: #ffffff !important;
	/*White background in BW mode*/
	color: #000000 !important;
	/*Black text in BW mode*/
	border-bottom: 1px solid #000000 !important;
	/*Add border for definition*/
}

/*NORESULTSFIRSTCOLUMNWIDTHMEOWPRR*/
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE {
	min-width: 17% !important;
}

/*NORESULTSFIRSTCOLUMNWIDTHEVENTSMEOWPRR*/
.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE,
#PRRMEOWEVENTSTBL>tbody>tr.PRRMEOWNORESULTSROW>td.PRRMEOWNORESULTSMARQUEE {
	min-width: 20% !important;
}

/*NORESULTSHEADERWIDTHMEOWPRR*/
.PRRMEOWMP3TABLE:has(.PRRMEOWNORESULTSROW) thead>tr>th:first-child {
	min-width: 17% !important;
	width: 17% !important;
	max-width: 17% !important;
}

/*DESKTOPLAYOUTORDERMEOWPRR - Info Left, Table Right*/
/*User Request: "make info section float left and table section right (desktop view)"*/

/*Container is flex row (defined in query above)*/

/*Info section (Fixed width)*/
.PRRMEOWIMGTXTCONTAINER {
	background-color: #000000;
	z-index: 10;
	order: 1 !important;
	/* Force Left */
	margin-right: 20px;
	/* Space between info and table */
	/* Previous sticky styles apply */
}

/*Tables (Flexible width)*/
.PRRMEOWSEARCHRESULTSWRAPPER,
.PRRMEOWMP3TABLE,
.PRRMEOWEVENTSTBL {
	order: 2 !important;
	/* Force Right */
	/* Previous flex-grow styles apply */
}

/* End of Desktop Layout Order */

/*FOOTERTRIANGLETOOTHBARGLOBALMEOWPRR - Triangle bar directly above footer as separator; blue matching footer (#0000ff); responsive*/
.PRRMEOWFOOTERTRIANGLETOOTHBAR {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 40px;
	position: relative;
	overflow: hidden;
	background: #0000ff;
	display: block !important;
	box-sizing: border-box;
}

.PRRMEOWFOOTERTRIANGLETOOTHBAR::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image:
		url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,40 L20,0 L40,40 Z' fill='%230000ff'/%3E%3C/svg%3E");
	background-size: 40px 40px;
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* Footer blue background (match triangle bar) - ensure visible on all viewports; responsive */
.PRRMEOWNMFOOTERWIDGETS {
	background-color: #0000ff;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow-x: hidden;
}

@media screen and (max-width: 768px) {

	/*NORESULTSHEADERFULLWIDTHDESKTOPMEOWPRR*/
	.PRRMEOWSORTABLE:has(.PRRMEOWNORESULTSROW) thead,
	.PRRMEOWVIEWTABLE:has(.PRRMEOWNORESULTSROW) thead,
	.PRRMEOWMP3TABLE:has(.PRRMEOWNORESULTSROW) thead {
		width: 100% !important;
		table-layout: fixed !important;
		display: table-header-group !important;
	}

	.PRRMEOWSORTABLE:has(.PRRMEOWNORESULTSROW) thead>tr,
	.PRRMEOWVIEWTABLE:has(.PRRMEOWNORESULTSROW) thead>tr,
	.PRRMEOWMP3TABLE:has(.PRRMEOWNORESULTSROW) thead>tr {
		width: 100% !important;
		display: table-row !important;
	}

	.PRRMEOWSORTABLE:has(.PRRMEOWNORESULTSROW) thead>tr>th,
	.PRRMEOWVIEWTABLE:has(.PRRMEOWNORESULTSROW) thead>tr>th,
	.PRRMEOWMP3TABLE:has(.PRRMEOWNORESULTSROW) thead>tr>th {
		display: table-cell !important;
		box-sizing: border-box !important;
	}

	/*Ensure table itself spans full width when no resul*/
	.PRRMEOWSORTABLE:has(.PRRMEOWNORESULTSROW),
	.PRRMEOWVIEWTABLE:has(.PRRMEOWNORESULTSROW),
	.PRRMEOWMP3TABLE:has(.PRRMEOWNORESULTSROW) {
		width: 100% !important;
		table-layout: fixed !important;
	}

	.PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW .PRRMEOWMARQUEEWRAPPER {
		width: 100% !important;
		overflow: hidden;
		position: relative;
	}

	.PRRMEOWSORTABLE>tbody>tr.PRRMEOWNORESULTSROW .PRRMEOWMARQUEECONTENT {
		color: var(--color-hover-text);
		font-size: 72px;
		font-weight: 300;
		font-style: normal;
		transform: skewX(var(--ui-skew));
		/*LEFTSKEWEDTEXTONLYMEOWPRR*/
		transform-origin: left center;
		display: inline-block;
		padding: 0 !important;
		padding-left: 20px !important;
		margin: 0 !important;
		animation: marquee 156s linear infinite !important;
		/* Slowed from 78s to 156s (2x slower) */
		animation-play-state: running !important;
		white-space: nowrap;
		position: relative;
		will-change: transform;
		min-width: 200%;
		line-height: 1.4em !important;
		height: 1.4em !important;
		vertical-align: top !important;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	@keyframes marquee {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(-50%);
		}
	}

	/*MARQUEEOVERFLOWMIAUWPRR*/
	.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE {
		position: relative;
		overflow: hidden !important;
		height: 1.4em !important;
		min-height: 1.4em !important;
		max-height: 1.4em !important;
		line-height: 1.4em !important;
		white-space: nowrap !important;
		text-overflow: clip !important;
	}

	.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE>a {
		display: inline-block;
		white-space: nowrap !important;
		position: relative;
		animation: marquee-pingpong linear infinite !important;
		animation-duration: var(--marquee-duration, 4s) !important;
		animation-play-state: running !important;
		will-change: transform;
		line-height: 1.4em;
		vertical-align: top;
		text-overflow: clip !important;
		overflow: visible !important;
		max-width: none !important;
	}

	/*EVENTSTABLEMARQUEETEXTMIAUWPRR*/
	#PRRMEOWEVENTSTBL>tbody>tr>td.PRRMEOWMARQUEEACTIVE .PRRMEOWEVENTTEXTCONTENT {
		display: inline-block;
		white-space: nowrap !important;
		position: relative;
		animation: marquee-pingpong linear infinite !important;
		animation-duration: var(--marquee-duration, 4s) !important;
		animation-play-state: running !important;
		will-change: transform;
		line-height: 1.4em;
		vertical-align: top;
		text-overflow: clip !important;
		overflow: visible !important;
		max-width: none !important;
	}

	/*ROWHOVERSTATEMEOWPRR*/
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td .PRRMEOWEVENTTEXTCONTENT,
	.PRRMEOWEVENTSTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td .PRRMEOWEVENTTEXTCONTENT {
		color: var(--color-hover-text) !important;
		font-size: inherit !important;
	}

	@keyframes marquee-pingpong {
		0% {
			transform: translateX(0);
		}

		50% {
			transform: translateX(var(--marquee-distance, -100px));
		}

		100% {
			transform: translateX(0);
		}
	}

	.PRRMEOWNMFOOTERWIDGETS {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		background-color: #0000ff;
		border-top: none;
		margin-top: 0;
		padding: 0;
		box-sizing: border-box;
		overflow-x: hidden;
		/*FOOTERSPACERMEOWPRR - Add space under footer buttons/widgets*/
		padding-bottom: 60px;
		/* Space under footer content */
		cursor: help;
		box-sizing: border-box;
		color: #ffffff;
		font-family: 'VT323', monospace;
		font-size: 26px;
		line-height: 1.2;
	}

	/*FOOTERTRIANGLETOOTHBARMEOWPRR - responsive: full width, no overflow*/
	.PRRMEOWFOOTERTRIANGLETOOTHBAR {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: 36px;
		position: relative;
		overflow: hidden;
		background: #0000ff;
		box-sizing: border-box;
	}

	.PRRMEOWFOOTERTRIANGLETOOTHBAR::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image:
			url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,40 L20,0 L40,40 Z' fill='%230000ff'/%3E%3C/svg%3E");
		background-size: 36px 36px;
		background-repeat: repeat-x;
		background-position: 0 0;
	}

	.PRRMEOWFOOTERTRIANGLESPACER {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: 77px;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		/* V244: Allow pseudo to overflow if needed */
		margin: 0 !important;
		margin-bottom: -1px !important;
		/* Negative margin to remove black gap */
		padding: 0 !important;
		padding-bottom: 0 !important;
		display: block !important;
		/* V244: Force block */
		background: #0000ff;
		/* Solid blue background to avoid black gaps */
		/* Ensure no line-height gaps */
		line-height: 0;
		/* Kill line-height gaps */
		z-index: 10;
		/* V244: Ensure above content */
	}

	/*Enable/disable footer triangle spacer via helper c*/
	.PRRMEOWNMFOOTERWIDGETS--notriangles .PRRMEOWFOOTERTRIANGLESPACER {
		display: none;
	}

	.PRRMEOWFOOTERTRIANGLESPACER::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/*FIXTRIANGLESPACERMEOWPRR - Create repeating triangle pattern for footer spacer*/
		/*Use SVG pattern for reliable triangle rendering - upward pointing triangles*/
		/*Triangle: base=40px, height=77px, top point at y=0, bottom corners at y=77*/
		/*TRIANGLEBLUECOLORMEOWPRR - Blue color for footer triangles (#0000ff) matches footer background*/
		background-image:
			url("data:image/svg+xml,%3Csvg width='40' height='77' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,77 L20,0 L40,77 Z' fill='%230000ff'/%3E%3C/svg%3E");
		background-size: 40px 77px;
		background-repeat: repeat-x;
		background-position: 0 0;
		/*GAPFIXMEOWPRR - Ensure no gap below pseudo element*/
		bottom: -1px;
		/* Overlap slightly */
		/*Animation removed - footer bar must not be animated*/
		animation: none !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}
}

@keyframes PRRMEOWFOOTERTRIANGLELOOP {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-77px);
	}
}

/*MOBILEIMAGEFLOATINGMEOWPRR*/
@keyframes mobileImageFloat {
	0% {
		transform: translate(-50%, 0) translate(0px, 0px) rotate(0deg);
	}

	100% {
		transform: translate(-50%, 0) translate(0px, 0px) rotate(0deg);
	}
}

.PRRMEOWNMFOOTERWIDGETSINNER {
	width: 100%;
	max-width: 100%;
	margin: 0;
	margin-top: 0 !important;
	padding: 0 clamp(20px, 4vw, 40px);
	padding-top: 0 !important;
	box-sizing: border-box;
	overflow-x: hidden !important;
}

.PRRMEOWFOOTERCOLUMNS {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	gap: clamp(20px, 4vw, 40px);
	justify-content: space-between;
}

.PRRMEOWFOOTERCOLUMN {
	flex: 0 0 calc(50% - clamp(10px, 2vw, 20px));
	min-width: 0;
	box-sizing: border-box;
}

.PRRMEOWFOOTERCOLUMN.PRRMEOWFOOTERCONTENT {
	flex: 0 0 calc(50% - clamp(10px, 2vw, 20px));
}

.PRRMEOWFOOTERCOLUMN.PRRMEOWFOOTERBUTTONS {
	flex: 0 0 calc(50% - clamp(10px, 2vw, 20px));
	min-width: 0;
}

.PRRMEOWFOOTERCOLUMN.PRRMEOWFOOTERBUTTONS {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}

.PRRMEOWFOOTERBUTTONS .PRRMEOWMENU {
	list-style: none;
	margin: 0;
	padding: 0;
}

.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM {
	margin: 0;
	margin-bottom: 2px;
	/* 2px space between footer buttons */
	padding: 0;
	width: 100% !important;
	/*PRRMEOWMENUITEMFULLWIDTHMEOWPRR*/
}

.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM:last-child {
	margin-bottom: 0;
	/* No margin on last button */
}

.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a {
	display: flex;
	align-items: center;
	background-color: #000000;
	/*Black rectangle background*/
	border: none;
	/*No border*/
	padding: 14px 20px;
	padding-left: 24px;
	color: #ffffff;
	/*White text*/
	font-family: 'VT323', monospace;
	font-size: 26px !important;
	/*FOOTERTEXTFONTSIZEMEOWPRR*/
	font-weight: 300;
	text-align: left;
	text-decoration: none;
	font-style: normal;
	transform: none;
	/*No skew - rectangular shape*/
	transform-origin: left center;
	transition: background-color 0.3s ease, color 0.3s ease;
	border-radius: 0;
	/*No border radius - rectangular*/
	box-shadow: none;
	/*No box shadow*/
	text-shadow: none;
	/*No text shadow*/
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100% !important;
	/*PRRMEOWMENUITEMFULLWIDTHMEOWPRR*/
	min-width: 0;
	max-width: 100%;
}

/*FOOTERLINKICONMEOWPRR - Footer link icon using CSS variable (changeable in :root)*/
.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a.PRRMEOWFOOTERLINK::before {
	content: var(--footer-link-icon);
	/*Icon from CSS variable - change --footer-link-icon in :root to change icon*/
	font-size: 36px !important;
	/*Bigger icon*/
	line-height: 1;
	/*Prevent line height from affecting alignment*/
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	/*Space between icon and text*/
	vertical-align: middle;
}

.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a:hover {
	background-color: #f2a7bb;
	color: #102df5;
	border: none;
	transform: none;
	box-shadow: none;
	text-shadow: none;
}

/*FOOTERSEARCHBUTTONSMEOWPRR - Search buttons in footer (SEARCH TRACKS, SEARCH EVENTS)*/
.PRRMEOWFOOTERSEARCHBUTTON {
	display: flex;
	align-items: center;
	background-color: #000000;
	/*Black rectangle background - matches footer links*/
	border: none;
	padding: 14px 20px;
	padding-left: 24px;
	color: #ffffff;
	/*White text*/
	font-family: 'VT323', monospace;
	font-size: 26px !important;
	font-weight: 300;
	text-align: left;
	text-decoration: none;
	font-style: normal;
	transform: none;
	transition: background-color 0.3s ease, color 0.3s ease;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100% !important;
	min-width: 0;
	max-width: 100%;
	cursor: pointer;
}

/*FOOTERSEARCHBUTTONICONMEOWPRR - Search button icon using CSS variable (same as footer links)*/
.PRRMEOWFOOTERSEARCHBUTTON::before {
	content: var(--footer-link-icon);
	/*Icon from CSS variable - change --footer-link-icon in :root to change icon*/
	font-size: 36px !important;
	/*Bigger icon*/
	line-height: 1;
	/*Prevent line height from affecting alignment*/
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	/*Space between icon and text*/
	vertical-align: middle;
}

.PRRMEOWFOOTERSEARCHBUTTON:hover {
	background-color: #f2a7bb;
	/*Pink background on hover - matches footer links*/
	color: #102df5;
	/*Blue text on hover - matches footer links*/
	border: none;
	transform: none;
	box-shadow: none;
	text-shadow: none;
}

.PRRMEOWFOOTERSEARCHBUTTON:active {
	background-color: #e0a0b0;
	/*Slightly darker pink on click*/
	color: #102df5;
}

/*COLOREDMODEFOOTERBUTTONSMEOWPRR - Colored mode (MP3) specific styles for footer buttons*/
body:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a,
body:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWFOOTERSEARCHBUTTON {
	background-color: #ffffff !important;
	/*White background for buttons*/
	color: #000dff !important;
	/*Blue text for buttons*/
}

body:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a:hover,
body:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWFOOTERSEARCHBUTTON:hover {
	background-color: #102df5 !important;
	/*Blue background on hover*/
	color: #f2a7bb !important;
	/*Pink text on hover*/
}

body:not(.PRRMEOWHIGHCONTRAST) .PRRMEOWFOOTERSEARCHBUTTON:active {
	background-color: #0820c0 !important;
	/*Darker blue on click*/
	color: #f2a7bb !important;
}

.PRRMEOWFOOTERCOPYRIGHT {
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 0;
	color: #ffffff;
	font-family: 'VT323', monospace;
	font-size: 26px !important;
	/*FOOTERTEXTFONTSIZEMEOWPRR*/
	line-height: 1.2;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.PRRMEOWNMFOOTERWIDGETSINNER {
		display: flex;
		flex-direction: column;
	}

	.PRRMEOWFOOTERCOLUMNS {
		flex-direction: column;
		gap: 20px;
		order: 1;
	}

	.PRRMEOWFOOTERCOLUMN {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}

	/*Buttons column first on mobile - full width*/
	.PRRMEOWFOOTERCOLUMN.PRRMEOWFOOTERBUTTONS {
		order: 1;
		align-items: stretch !important;
		width: 100% !important;
	}

	/*Footer buttons full width on mobile with spacing*/
	.PRRMEOWFOOTERBUTTONS .PRRMEOWMENU {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 12px;
		align-items: stretch;
	}

	.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.PRRMEOWFOOTERBUTTONS .PRRMEOWMENUITEM a {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: block;
		text-align: center;
	}

	/*FOOTERSEARCHBUTTONSFULLWIDTHMEOWPRR - Search buttons full width when floated above text*/
	.PRRMEOWFOOTERBUTTONS .PRRMEOWFOOTERSEARCHBUTTON {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: block;
		text-align: center;
	}

	/*Text column second with line-height 0.7*/
	.PRRMEOWFOOTERCOLUMN.PRRMEOWFOOTERCONTENT {
		order: 2;
	}

	.PRRMEOWFOOTERCOLUMN.PRRMEOWFOOTERCONTENT .PRRMEOWBOTTOMTXT {
		line-height: 0.7 !important;
	}

	/*<MEOWMEOW> end text third*/
	.PRRMEOWFOOTERCOPYRIGHT {
		order: 3;
	}

	/* FIX: Removed extra brace that was causing syntax error here */

	/*SCROLLTOTOPBARMEOWPRR - Bar stays under footer in flow (no fixed/400px block)*/
	#PRRMEOWSCROLLTOTOP {
		position: absolute;
		z-index: 1;
	}
	#PRRMEOWSCROLLTOTOP::after {
		display: none;
	}

	/*FOOTERHEADERTEXTMEOWPRR*/
	.PRRMEOWFOOTERHEADER {
		color: #ffffff;
		font-family: 'VT323', monospace;
		font-size: 26px;
		margin-bottom: 12px;
		line-height: 1.2;
	}

	.PRRMEOWFOOTERCOPYRIGHT {
		order: 3;
		margin-top: 20px;
	}
}

/*BUTTONGRADIENTHOVERMEOWPRR - Interactive gradient styles*/
.PRRMEOWFOOTERSEARCHBUTTON,
.PRRMEOWTOGGLEBTN,
.PRRMEOWSEARCHCLOSEBTN {
	position: relative;
	overflow: hidden;
	/* Contain the gradient */
	/* --x and --y are set by JS */
}

/* Gradient overlay pseudo-element */
.PRRMEOWFOOTERSEARCHBUTTON::after,
.PRRMEOWTOGGLEBTN::after,
.PRRMEOWSEARCHCLOSEBTN::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Radial gradient centered at --x, --y */
	background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%);
	pointer-events: none;
	/* Let clicks pass through */
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.PRRMEOWFOOTERSEARCHBUTTON:hover::after,
.PRRMEOWTOGGLEBTN:hover::after,
.PRRMEOWSEARCHCLOSEBTN:hover::after {
	opacity: 1;
}

/* Ensure text stays on top */
.PRRMEOWFOOTERSEARCHBUTTON span,
.PRRMEOWTOGGLEBTN span {
	position: relative;
	z-index: 2;
}

.PRRMEOWNMROW {
	width: 100%;
}

.PRRMEOWNMROWBOXED {
	max-width: 1200px;
	margin: 0 auto;
}

.PRRMEOWCOLXS12 {
	width: 100%;
}

.PRRMEOWNMFOOTERBLOCKGRID {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: clamp(20px, 4vw, 40px);
	align-items: flex-start;
}

.PRRMEOWNMFOOTERBLOCKGRID>li {
	min-width: 280px;
	flex: 1 1 auto;
}

.PRRMEOWNMFOOTERBLOCKGRID>li:first-child {
	flex: 0 0 calc(65% - 20px);
	max-width: calc(65% - 20px);
}

.PRRMEOWNMFOOTERBLOCKGRID>li:last-child {
	flex: 0 0 calc(35% - 20px);
	max-width: calc(35% - 20px);
}

.PRRMEOWNMWIDGETTITLE {
	display: none;
}

.PRRMEOWWIDGETNAVMENU .PRRMEOWMENU {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}


/*FOOTERBUTTONSPACINGMEOWPRR - Add vertical spacing between buttons*/
.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM {
	margin-bottom: 20px;
}

.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM:last-child {
	margin-bottom: 0;
}

.PRRMEOWMENUFOOTERCONTAINER img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
	display: block;
	opacity: 0.95;
	transition: opacity 0.3s ease;
}

.PRRMEOWMENUFOOTERCONTAINER img:hover {
	opacity: 1;
}

.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM {
	margin: 0;
	padding: 0;
}

.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a {
	display: block;
	background-color: #000000;
	/*Black rectangle background*/
	border: none;
	/*No border*/
	padding: 14px 20px;
	padding-left: 24px;
	color: #ffffff;
	/*White text*/
	font-family: 'VT323', monospace;
	font-size: 26px !important;
	/*FOOTERTEXTFONTSIZEMEOWPRR*/
	font-weight: 300;
	text-align: left;
	text-decoration: none;
	font-style: normal;
	transform: none;
	/*No skew - rectangular shape*/
	transform-origin: left center;
	transition: background-color 0.3s ease, color 0.3s ease;
	border-radius: 0;
	/*No border radius - rectangular*/
	box-shadow: none;
	/*No box shadow*/
	text-shadow: none;
	/*No text shadow*/
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100% !important;
	/*PRRMEOWMENUITEMFULLWIDTHMEOWPRR*/
	max-width: 100%;
}

.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a:hover {
	background-color: #f2a7bb;
	color: #102df5;
	border: none;
	/*No border on hover*/
	transform: none;
	/*No transform effects*/
	box-shadow: none;
	/*No box shadow on hover*/
	text-shadow: none;
	/*No text shadow on hover*/
}

.PRRMEOWWIDGETCUSTOMHTML {
	color: #ffffff;
	/*White text*/
	font-family: 'VT323', monospace;
	font-size: 26px !important;
	/*FOOTERTEXTFONTSIZEMEOWPRR*/
	font-weight: 300;
	line-height: 1.2;
	/*Reduced line-height*/
	padding-right: 20px;
}

.PRRMEOWBOTTOMTXT {
	color: #ffffff;
	/*White text*/
	font-family: 'Silkscreen', monospace;
	font-size: 26px !important;
	/*FOOTERTEXTSIZEMEOWPRR*/
	font-weight: 300;
	line-height: 0.7;
	/*Reduced line-height*/
	letter-spacing: 0.5px;
}

.PRRMEOWCOPYRIGHT {
	white-space: nowrap;
	display: inline-block;
}


/*FOOTERHYPERLINKSTYLINGMEOWPRR*/
.PRRMEOWNMFOOTERWIDGETS .PRRMEOWBOTTOMTXT a,
.PRRMEOWNMFOOTERWIDGETS .PRRMEOWWIDGETCUSTOMHTML a,
.PRRMEOWNMFOOTERWIDGETS .PRRMEOWTEXTWIDGET a,
.PRRMEOWNMFOOTERWIDGETS .PRRMEOWFOOTERCOPYRIGHT a {
	color: #ffffff !important;
	/*Match footer font color*/
	text-decoration: underline;
	text-decoration-style: wavy;
	/*Zigzag underline*/
	text-decoration-thickness: 2px;
	/*Bold 2px*/
	text-decoration-color: white;
	/*White underline color*/
	text-underline-offset: 2px;
	/*Small gap between text and underline*/
}

/*FOOTERTEXTSEARCHMIAUWPRR*/
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWNMFOOTERWIDGETS,
body.search-active .PRRMEOWNMFOOTERWIDGETS {
	color: #ffffff;
}

body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a,
body.search-active .PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a {
	color: #ffffff;
}

body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWWIDGETCUSTOMHTML,
body.search-active .PRRMEOWWIDGETCUSTOMHTML {
	color: #ffffff;
}

body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWBOTTOMTXT,
body.search-active .PRRMEOWBOTTOMTXT {
	color: #7188ee;
}

/*HEADERSEGMENTMEOWPRR*/
.PRRMEOWHEADERSEGMENT {
	height: 44px;
	min-height: 44px;
	max-height: 44px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Silkscreen', monospace;
	font-size: 20px;
	color: #000000 !important;
	/* Black font color as requested */
	transition: background-color 0.3s ease;
}

body[data-view="mp3"] .PRRMEOWHEADERSEGMENT {
	background-color: #ed4a5f !important;
	/* Pink for MP3 mode */
}

body[data-view="events"] .PRRMEOWHEADERSEGMENT {
	background-color: #7073ca !important;
	/* Blue for Events mode */
}

.PRRMEOWHEADERSEGMENTTEXT {
	text-transform: uppercase;
}

/*FIXEDTABLELAYOUTMEOWPRR - Ensure tables respect column widths strictly*/
.PRRMEOWSORTABLE,
.PRRMEOWMP3TABLE,
.PRRMEOWEVENTSTABLE,
table.PRRMEOWSORTABLE {
	table-layout: fixed !important;
	width: 100%;
}

/*DESKTOPLAYOUTMIAUWPRR*/
@media screen and (min-width: 768px) {


	/*DESKTOPTWOCOLUMNLAYOUTMEOWPRR - Info section left, table right*/
	/*FIXEDCOLUMNSMEOWPRR*/
	#PRRMEOWCONTAINER {
		display: grid !important;
		/*FORCEGRIDMEOWPRR*/
		grid-template-columns: 450px minmax(0, 1fr);
		/*WIDERSIDEBARMEOWPRR - Fix duplicate rule*/
		/*Fixed width left column (400px) for info section, flexible right column (1fr) for table*/
		grid-auto-rows: min-content;
		gap: clamp(20px, 3vw, 40px);
		max-width: min(1400px, 95vw);
		margin: 0 auto;
		padding: 0 20px;
		padding-top: 0;
		/*Remove top padding to allow table to hit top*/
		margin-top: 0;
		/*Remove top margin to allow table to hit top*/
		position: relative;
		align-items: start;
	}

	/*FULLSCREENMODEFULLWIDTHMEOWPRR - Fullscreen mode: single column full width layout*/
	body.PRRMEOWFULLSCREEN #PRRMEOWCONTAINER,
	html.PRRMEOWFULLSCREEN #PRRMEOWCONTAINER {
		display: grid !important;
		grid-template-columns: 1fr !important;
		/*Single column full width for table*/
		grid-auto-rows: min-content !important;
		gap: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/*FULLSCREENMODEHIDEOBSTRUCTINGELEMENTSMEEOWPRR - Hide all elements that obstruct full width*/
	body.PRRMEOWFULLSCREEN #MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN #MEOWTABLECONTROL,
	body.PRRMEOWFULLSCREEN .MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN .MEOWTABLECONTROL,
	body.PRRMEOWFULLSCREEN .PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN .PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL,
	body.PRRMEOWFULLSCREEN .PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN .PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL,
	body.PRRMEOWFULLSCREEN .PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN .PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL,
	body.PRRMEOWFULLSCREEN #PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN #PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL,
	body.PRRMEOWFULLSCREEN #PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL,
	html.PRRMEOWFULLSCREEN #PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.PRRMEOWFULLSCREEN #MEOWDESKTOPTITLECOLUMN,
	html.PRRMEOWFULLSCREEN #MEOWDESKTOPTITLECOLUMN,
	body.PRRMEOWFULLSCREEN .MEOWDESKTOPTITLECOLUMN,
	html.PRRMEOWFULLSCREEN .MEOWDESKTOPTITLECOLUMN {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.PRRMEOWFULLSCREEN .MEOWTITLE-TEXT,
	html.PRRMEOWFULLSCREEN .MEOWTITLE-TEXT,
	body.PRRMEOWFULLSCREEN .MEOWSUBTITLE-TEXT,
	html.PRRMEOWFULLSCREEN .MEOWSUBTITLE-TEXT {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.PRRMEOWFULLSCREEN .PRRMEOWMEOWMEOWIMG,
	html.PRRMEOWFULLSCREEN .PRRMEOWMEOWMEOWIMG,
	body.PRRMEOWFULLSCREEN .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG,
	html.PRRMEOWFULLSCREEN .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.PRRMEOWFULLSCREEN #PRRMEOWSCROLLTOFOOTER,
	html.PRRMEOWFULLSCREEN #PRRMEOWSCROLLTOFOOTER,
	body.PRRMEOWFULLSCREEN .PRRMEOWSCROLLTOFOOTER,
	html.PRRMEOWFULLSCREEN .PRRMEOWSCROLLTOFOOTER {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/*FULLSCREENMODETABLEFULLWIDTHMEOWPRR - Make table full width in fullscreen mode*/
	body.PRRMEOWFULLSCREEN #PRRMEOWCONTAINER>.PRRMEOWSORTABLE,
	html.PRRMEOWFULLSCREEN #PRRMEOWCONTAINER>.PRRMEOWSORTABLE,
	body.PRRMEOWFULLSCREEN #PRRMEOWCONTAINER>table.PRRMEOWSORTABLE,
	html.PRRMEOWFULLSCREEN #PRRMEOWCONTAINER>table.PRRMEOWSORTABLE,
	body.PRRMEOWFULLSCREEN #PRRMEOWMUSICTBL,
	html.PRRMEOWFULLSCREEN #PRRMEOWMUSICTBL,
	body.PRRMEOWFULLSCREEN #PRRMEOWEVENTSTBL,
	html.PRRMEOWFULLSCREEN #PRRMEOWEVENTSTBL {
		grid-column: 1 / -1 !important;
		/*Full width across all columns*/
		grid-row: 1 !important;
		/*First row*/
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/*DESKTOPHEADERSEGMENTMEOWPRR*/
	#PRRMEOWCONTAINER>.PRRMEOWHEADERSEGMENT {
		grid-column: 1 / -1;
		grid-row: 1;
		height: 44px;
		min-height: 44px;
		max-height: 44px;
		width: 100%;
		margin-top: 0;
		/*Ensure no top margin*/
		padding-top: 0;
		/*Ensure no top padding*/
	}

	/*DESKTOPLEFTCOLUMNMEOWPRR - Info section in left column*/
	/*FIXEDLEFTCOLUMNMEOWPRR*/
	/*FIXEDONSCROLLMEOWPRR*/
	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		display: flex;
		flex-direction: column;
		grid-column: 1;
		/*Left column: info section*/
		grid-row: auto;
		align-items: flex-start;
		width: 100% !important;
		/*Ensure it fits in the 400px grid column*/
		max-width: 100% !important;
		margin: 0;
		margin-top: 0;
		padding-top: 0;
		/*Align with table at top*/
		min-height: auto;
		height: auto;
		width: 400px;
		/*Fixed width to match grid column*/
		max-width: 400px;
		gap: 12px;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
		flex-shrink: 0;
		/*Prevent shrinking*/
		position: sticky;
		top: 0;
		align-self: start;
		max-height: none;
		overflow-y: visible;
	}

	/*DESKTOPLEFTSEGMENTMEOWINFO - MEOWINFO segment (lef*/
	/*DESKTOPLEFTCOLUMNTITLEMEOWPRR*/
	#PRRMEOWCONTAINER>h1 {
		font-size: clamp(30px, 3.75vw, 45px);
		/*25% smaller (clamp(40px, 5vw, 60px) * 0.75 = clamp*/
		letter-spacing: -0.05em;
		opacity: 0.77;
		display: block;
		grid-column: 1;
		grid-row: auto;
		width: 100%;
		max-width: 100%;
		/*ARTISTTITLEWIDTHMEOWPRR*/
		margin-bottom: 0px;
		/*Closer to tagline*/
		text-align: left;
		/*Align with content*/
		line-height: 1.1;
		box-sizing: border-box;
	}

	/*DESKTOPLEFTCOLUMNSUBTITLEMEOWPRR*/
	#PRRMEOWCONTAINER>h2.PRRMEOWSUBTITLE {
		display: block;
		grid-column: 1;
		grid-row: auto;
		width: 100%;
		font-family: 'Press Start 2P', cursive;
		/*Match artist name font*/
		font-size: 12px;
		font-weight: 100;
		font-style: normal;
		opacity: 0.77;
		transform: skewX(var(--ui-skew));
		/*Match artist name transform*/
		transform-origin: center center;
		letter-spacing: -0.025em;
		/*Match artist name letter spacing*/
		margin-top: -57px;
		/*Move tagline a lot more upwards*/
		margin-bottom: 20px;
		text-align: left;
		/*Align with content*/
		line-height: 0.7;
		/*Match artist name line height*/
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*DESKTOPLEFTCOLUMNIMAGEMEOWPRR*/
	.PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG {
		width: 100%;
		max-width: 100%;
		margin: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		height: auto;
		position: static;
		position: relative;
		/* Added position: relative */
		align-self: flex-start;
		order: 1;
		transition: margin-left 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	/*DESKTOPLEFTCOLUMNDESCRIPTIONMEOWPRR*/
	*MEOWMEOWIMGMEOWPRR*/ .PRRMEOWMEOWMEOWIMG {
		width: clamp(250px, 49%, 600px);
		/*IMAGEWIDTHMEOWPRR*/
		height: auto;
		display: block;
		margin: 0;
		padding: 0;
		align-self: flex-start;
		/*Align to top*/
		position: relative;
		/*RELATIVECONTAINERFORABSOLUTETEXTMEOWPRR*/
	}

	.PRRRARTISTNAME {
		position: absolute;
		/*ABSOLUTEONTOPIMAGE*/
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		/*Ensure on top of image*/
		width: 100%;
		/*Allow centering within container*/
		text-align: center;
		pointer-events: none;
		/*Allow clicks to pass through to image*/

		font-size: clamp(35px, calc(4vw + 2.67px), 66px);
		font-weight: 300;
		font-style: normal;
		/*DISABLEDSKEWMEOWPRR*/
		font-family: 'Rubik Glitch', system-ui;
		/*font-family: 'Silkscreen', monospace;*/
		color: var(--color-title);
		/*Default black, changes in dark mode*/
		line-height: 0.8;
		margin: 0;
		/*Reset margin*/
		padding: 0;
		/*Reset padding*/
		letter-spacing: -0.05em;
		white-space: nowrap;
		/*Keep name on one line*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*NONSELECTABLETITLEMEOWPRR*/
		/*GLITCHANIMATIONMEOWPRR - Uses CSS variables from PHP config*/
		animation: glitch-anim-1 var(--title-glitch-interval) infinite linear alternate-reverse;
	}

	.PRRMEOWSUBTITLE {
		position: absolute;
		/*ABSOLUTEONTOPIMAGE*/
		top: 65%;
		/*Position below title*/
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
		/*Ensure on top of image*/
		width: 100%;
		text-align: center;
		pointer-events: none;

		font-size: clamp(14px, calc(1.5vw + 2.67px), 18px);
		font-weight: 300;
		font-style: normal;
		font-family: 'VT323', monospace;
		color: var(--color-text-primary);
		line-height: 1.0;
		margin: 0;
		/*Reset margin*/
		padding: 0;
		letter-spacing: 0.1em;
		display: block;
		/*Ensure block display*/
	}

	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT {
		width: 100%;
		/*FIXEDWIDTHMEOWPRR*/
		max-width: 100%;
		min-width: 0;
		margin: 0;
		margin-top: 0;
		font-size: 19.5px;
		max-height: none;
		overflow: visible;
		overflow-x: hidden;
		height: auto;
		min-height: auto;
		order: 2;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
		transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease, flex-basis 0.4s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.4s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		position: static;
		align-self: start;
		line-height: 1.4;
	}

	/*DESKTOPLEFTCOLUMNHEADINGMEOWPRR*/
	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT .PRRMEOWDESCHEADING {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT.PRRMEOWHIDDEN {
		flex-basis: 0;
		min-width: 0;
		max-width: 0;
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
	}

	/*DESKTOPRIGHTSEGMENTMEOWCONTENT - MEOWCONTENT segme*/

	/*DESKTOPSEARCHIMAGEMEOWPRR*/
	#PRRMEOWSEARCHIMG {
		display: none;
		grid-column: 1;
		grid-row: auto;
		width: 100%;
		max-width: 300px;
		/*Limit size*/
		margin-bottom: 20px;
		cursor: pointer;
	}

	/*HIDDENDESCCENTERMIAUWPRR*/
	body.search-active #PRRMEOWCONTAINER {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-template-columns: none;
		padding-top: 0 !important;
	}

	/*DESKTOPSEARCHIMAGEMEOWPRR*/
	body.search-active #PRRMEOWSEARCHIMG {
		display: block !important;
		position: fixed;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 0;
		/*Behind table (z-index: 1)*/
		max-width: 400px;
		width: auto;
		height: auto;
		margin: 0 auto;
		opacity: 1;
		transition: opacity 0.3s ease;
		pointer-events: none;
	}

	/*DESKTOPSEARCHHIDECATIMAGEMEOWPRR*/
	body.search-active .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG {
		display: none !important;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	/*DESKTOPSEARCHTABLEHIGHERMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE,
	body.search-active table.PRRMEOWSORTABLE {
		margin-top: 100px !important;
		padding-top: 0 !important;
		transition: margin-top 0.3s ease;
	}

	/*DESKTOPSEARCHCONTAINERUXMEOWPRR*/
	body.search-active #PRRMEOWCONTAINER {
		margin-top: 0 !important;
		padding-top: 0 !important;
		overflow-y: auto !important;
		/*Make search results scrollable*/
		max-height: 100vh !important;
		/*Limit height to viewport*/
	}

	body.search-active #PRRMEOWCONTAINER>.PRRMEOWHEADERSEGMENT {
		grid-column: auto;
		grid-row: auto;
		width: 100%;
	}

	/*HIDEINFOTEXTSEARCHMEOWPRR*/

	body.search-active #PRRMEOWCONTAINER>h1,
	body.search-active #PRRMEOWCONTAINER>h2.PRRMEOWSUBTITLE {
		grid-column: auto;
		grid-row: auto;
		width: auto;
		text-align: center;
		padding: 0;
	}

	.PRRMEOWNMFOOTERBLOCKGRID>li:first-child {
		flex: 0 0 calc(66.666% - 10px);
		max-width: calc(66.666% - 10px);
	}

	.PRRMEOWNMFOOTERBLOCKGRID>li:last-child {
		flex: 0 0 calc(33.333% - 10px);
		max-width: calc(33.333% - 10px);
	}

	/*DESKTOPTABLESEGMENTMEOWPRR*/
	/*SHOWTABLECONTROLMEOWPRR*/
	/*MEOWTABLECONTROL is now part of table thead - no separate positioning needed*/
	#MEOWTABLECONTROL,
	.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL,
	.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL,
	.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL,
	#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL,
	#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL {
		display: table-row;
		/*Table row display - part of table structure*/
	}

	/*DESKTOPNOSPACEBETWEENTABLEMEOWPRR - Remove all spacing between header and table*/
	#MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	.PRRMEOWSORTABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	.PRRMEOWMP3TABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	.PRRMEOWEVENTSTABLE thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	#PRRMEOWEVENTSTBL thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER,
	#PRRMEOWMUSICTBL thead>tr.MEOWTABLECONTROL .MEOWTABLECONTROLINNER {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		/*No gap between header and table*/
	}

	/*DESKTOPTABLEMEOWPRR - Position table directly below header with no gap*/
	/*REMOVESPACEABOVETABLEMEOWPRR*/
	/*FLOATTABLEMEOWPRR*/
	#PRRMEOWCONTAINER>.PRRMEOWSORTABLE,
	#PRRMEOWCONTAINER>table.PRRMEOWSORTABLE {
		grid-column: 2;
		grid-row: 3 / span 10;
		/*Position table directly below MEOWTABLECONTROL header bar with no gap*/
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		/*No gap from header bar*/
		padding: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		min-width: 0;
		clear: both;
		align-self: start;
		position: sticky;
		/*Float mode: table sticks to top when scrolling*/
		top: 0;
		/*Stick to top of viewport*/
		z-index: 10;
		/*Ensure table stays above other content*/
	}

	/*REMOVEDTABLEHEADERROWMEOWPRR*/

	.PRRMEOWVIEWTOGGLE,
	#MEOWCONTROLS {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 8px;
		min-width: 0;
		justify-content: flex-end;
		text-align: right;
	}

	#MEOWTABLECONTROL .MEOWTABLECONTROLINNER {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		min-width: 0;
		position: relative;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		box-sizing: border-box;
		/*MEOWTABLECONTROLONECOLUMNMEOWPRR*/
	}

	/*TITLECOLUMNDESKTOPMEOWPRR*/
	#MEOWTABLECONTROL .MEOWTITLECOLUMN {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	/*BUTTONSCOLUMNDESKTOPMEOWPRR*/
	#MEOWTABLECONTROL .MEOWBUTTONSCOLUMN {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEINACTIVE {
		position: relative;
	}

	/*Table spacing already handled above*/


	/*HIDEBPMCOLUMNMEOWPRR*/
}

/*FORCEDESKTOPMIAUWPRR*/
body.desktop-mode-forced,
html.desktop-mode-forced {
	min-width: 768px !important;
	width: 100% !important;
	overflow-x: auto !important;
}

body.desktop-mode-forced *,
html.desktop-mode-forced * {
	box-sizing: border-box;
}

/*ZOOMSCALEMIAUWPRR*/
/*OVERRIDEMOBILEMIAUWPRR*/
body.desktop-mode-forced #PRRMEOWCONTAINER,
html.desktop-mode-forced #PRRMEOWCONTAINER {
	grid-auto-rows: min-content !important;
	display: grid !important;
	grid-template-columns: 450px minmax(0, 1fr) !important;
	/*WIDERSIDEBARMEOWPRR*/
	/*Fixed width columns*/
	gap: clamp(20px, 3vw, 40px) !important;
	width: 100% !important;
	max-width: min(1400px, 95vw) !important;
	transform: scale(1) !important;
	zoom: 1 !important;
	padding: 0 20px !important;
	align-items: start !important;
}

/*DEVHACKGLITCHMIAUWPRR*/
body.dev-hack-activating,
html.dev-hack-activating {
	background-color: #000dff !important;
	color: #FFFFFF !important;
	transform: rotate(0.3deg) !important;
	overflow: hidden !important;
	position: relative !important;
	animation: devHackGlitch 0.3s infinite !important;
}

body.dev-hack-activating *,
html.dev-hack-activating * {
	color: #FFFFFF !important;
}

body.dev-hack-activating #PRRMEOWCONTAINER,
html.dev-hack-activating #PRRMEOWCONTAINER {
	transform: rotate(-0.2deg) !important;
	animation: devHackShake 0.1s infinite !important;
}

@keyframes devHackGlitch {

	0%,
	100% {
		transform: rotate(0.3deg) translate(0, 0);
	}

	25% {
		transform: rotate(0.4deg) translate(1px, -1px);
	}

	50% {
		transform: rotate(0.2deg) translate(-1px, 1px);
	}

	75% {
		transform: rotate(0.35deg) translate(0.5px, 0.5px);
	}
}

@keyframes devHackShake {

	0%,
	100% {
		transform: rotate(-0.2deg) translate(0, 0);
	}

	25% {
		transform: rotate(-0.25deg) translate(1px, -1px);
	}

	50% {
		transform: rotate(-0.15deg) translate(-1px, 1px);
	}

	75% {
		transform: rotate(-0.22deg) translate(0.5px, 0.5px);
	}
}

/*RANDOMTEXTMIAUWPRR*/
.PRRMEOWPRRGLITCHTXT {
	position: fixed !important;
	z-index: 9999 !important;
	color: #FFFFFF !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	pointer-events: none !important;
	/* REMOVED 3D STYLING MEOWPRR */
	text-shadow: none !important;
	animation: prrFloat 2s ease-in-out infinite !important;
	font-family: 'VT323', monospace !important;
	opacity: 0.9 !important;
	line-height: 1.4 !important;
}

@keyframes prrFloat {

	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
		opacity: 0.9;
	}

	50% {
		transform: translate(10px, -10px) rotate(5deg);
		opacity: 0.7;
	}
}

body.desktop-mode-forced h1,
html.desktop-mode-forced h1 {
	display: none !important;
}

body.desktop-mode-forced h2.PRRMEOWSUBTITLE,
html.desktop-mode-forced h2.PRRMEOWSUBTITLE {
	display: none !important;
}

body.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG,
html.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG {
	grid-column: 1 !important;
	grid-row: 2 !important;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

body.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT,
html.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT {
	grid-column: 1 !important;
	grid-row: 3 !important;
	margin-top: 12px !important;
	line-height: 1.4 !important;
	max-height: none !important;
	overflow: visible !important;
	height: auto !important;
	min-height: auto !important;
}

body.desktop-mode-forced #PRRMEOWCONTAINER>.PRRMEOWHEADERSEGMENT,
html.desktop-mode-forced #PRRMEOWCONTAINER>.PRRMEOWHEADERSEGMENT {
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	width: 100% !important;
}

body.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER,
html.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER {
	background-color: #000000;
	z-index: 10;
	display: contents !important;
}

body.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT,
html.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT {
	grid-column: 1 !important;
	grid-row: 3 !important;
	font-size: 19.5px !important;
	width: 100%;
	/*FIXEDWIDTHMEOWPRR*/
	max-width: 100%;
	min-width: 0 !important;
	margin-top: 12px !important;
	max-height: none !important;
	overflow: visible !important;
	height: auto !important;
	min-height: auto !important;
}

body.desktop-mode-forced #PRRMEOWCONTAINER>h1,
html.desktop-mode-forced #PRRMEOWCONTAINER>h1 {
	display: none !important;
}

body.desktop-mode-forced #PRRMEOWCONTAINER>h2.PRRMEOWSUBTITLE,
html.desktop-mode-forced #PRRMEOWCONTAINER>h2.PRRMEOWSUBTITLE {
	display: none !important;
}

body.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG,
html.desktop-mode-forced .PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG {
	grid-column: 1 !important;
	grid-row: 2 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 300px !important;
	margin: 0 !important;
	margin-top: 20px !important;
}

body.desktop-mode-forced #PRRMEOWSEARCHBAR,
html.desktop-mode-forced #PRRMEOWSEARCHBAR {
	padding: 32px !important;
}

body.desktop-mode-forced .PRRMEOWSEARCHCLOSEBTN,
html.desktop-mode-forced .PRRMEOWSEARCHCLOSEBTN {
	right: 32px !important;
	padding: 12px !important;
	min-width: 80px !important;
	min-height: 80px !important;
	font-size: 80px !important;
}

body.desktop-mode-forced #PRRMEOWSEARCHINPUT,
html.desktop-mode-forced #PRRMEOWSEARCHINPUT {
	font-size: 40px !important;
	padding: 24px 32px !important;
	letter-spacing: 2px !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE,
html.desktop-mode-forced .PRRMEOWSORTABLE {
	font-size: 30px !important;
	width: 90% !important;
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	table-layout: fixed !important;
	min-width: 80% !important;
}

body.desktop-mode-forced .PRRMEOWVIEWTOGGLE,
html.desktop-mode-forced .PRRMEOWVIEWTOGGLE,
body.desktop-mode-forced #MEOWCONTROLS,
html.desktop-mode-forced #MEOWCONTROLS {
	width: 90% !important;
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 8px !important;
	min-width: 80% !important;
	justify-content: flex-end !important;
	text-align: right !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE>tbody>tr,
html.desktop-mode-forced .PRRMEOWSORTABLE>tbody>tr {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.4em !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th,
body.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td,
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th,
html.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td {
	font-size: 30px !important;
	padding: 4px 8px !important;
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.4em !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
body.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td:nth-child(4),
body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th.PRRMEOWYEARCOL,
body.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td.PRRMEOWYEARCOL,
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
html.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td:nth-child(4),
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th.PRRMEOWYEARCOL,
html.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td.PRRMEOWYEARCOL {
	display: table-cell !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:first-child.PRRMEOWYEARCOL,
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:first-child.PRRMEOWYEARCOL {
	width: 70px !important;
	min-width: 70px !important;
	max-width: 70px !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td.PRRMEOWYEARCOL,
html.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td.PRRMEOWYEARCOL {
	width: 70px !important;
	min-width: 70px !important;
	max-width: 70px !important;
	/*Year/Made: fixed 70px width*/
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(2),
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(2) {
	width: 15% !important;
	min-width: 15% !important;
	max-width: 15% !important;
	/*Artist: 15% width - fixed*/
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(3),
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(3) {
	min-width: 50% !important;
	/*Title: min-width only, flexible - shrinks when bro*/
	width: auto !important;
	max-width: none !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(4) {
	width: 5% !important;
	min-width: 5% !important;
	max-width: 5% !important;
}

body.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(5),
html.desktop-mode-forced .PRRMEOWSORTABLE thead>tr>th:nth-child(5) {
	width: 20% !important;
	min-width: 20% !important;
	max-width: 20% !important;
}


body.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td:nth-child(3),
html.desktop-mode-forced .PRRMEOWSORTABLE tbody>tr>td:nth-child(3) {
	font-size: 36px !important;
}

body.desktop-mode-forced .PRRMEOWNMFOOTERWIDGETS,
html.desktop-mode-forced .PRRMEOWNMFOOTERWIDGETS {
	padding: 20px 0 !important;
	margin-top: 40px !important;
}

body.desktop-mode-forced .PRRMEOWNMFOOTERWIDGETSINNER,
html.desktop-mode-forced .PRRMEOWNMFOOTERWIDGETSINNER {
	padding: 0 20px !important;
}

body.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID,
html.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID {
	flex-direction: row !important;
	gap: 20px !important;
}

body.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID>li,
html.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID>li {
	min-width: 300px !important;
}

body.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID>li:first-child,
html.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID>li:first-child {
	flex: 0 0 calc(66.666% - 10px) !important;
	max-width: calc(66.666% - 10px) !important;
}

body.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID>li:last-child,
html.desktop-mode-forced .PRRMEOWNMFOOTERBLOCKGRID>li:last-child {
	flex: 0 0 calc(33.333% - 10px) !important;
	max-width: calc(33.333% - 10px) !important;
}

body.desktop-mode-forced .PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a,
html.desktop-mode-forced .PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a {
	font-size: 24px !important;
	padding: 12px 16px !important;
}

body.desktop-mode-forced .PRRMEOWBOTTOMTXT,
html.desktop-mode-forced .PRRMEOWBOTTOMTXT {
	font-size: 22px !important;
}

/*FOOTERRESPONSIVEMIAUWPRR*/
@media screen and (max-width: 768px) {
	.PRRMEOWNMFOOTERWIDGETS {
		padding: 0 0 30px 0;
		margin-top: 40px;
	}

	.PRRMEOWNMFOOTERWIDGETSINNER {
		padding: 0 20px;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.PRRMEOWNMFOOTERBLOCKGRID {
		flex-direction: column;
		gap: 30px;
	}

	.PRRMEOWNMFOOTERBLOCKGRID>li:first-child,
	.PRRMEOWNMFOOTERBLOCKGRID>li:last-child {
		flex: 1 1 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.PRRMEOWWIDGETCUSTOMHTML {
		padding-right: 0;
	}

	.PRRMEOWBOTTOMTXT {
		font-size: 5px;
		line-height: 0.7;
	}

	.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a {
		font-size: 20px;
		padding: 12px 16px;
	}
}

/*MOBILEMIAUWPRR*/
@media screen and (max-width: 768px) {

	/*MOBILEHEADERSEGMENTMEOWPRR*/
	.PRRMEOWHEADERSEGMENT {
		height: 44px;
		/* User requested "change padding height to 44px" */
		/* Assuming height control, ensuring box-sizing handles padding */
		min-height: 44px;
		max-height: 44px;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
	}

	/*MOBILESTACKLAYOUTMEOWPRR - Stack table below info section on mobile*/
	#PRRMEOWCONTAINER {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		width: 100%;
		order: 1;
		position: relative;
		padding-right: 0;
	}

	.PRRMEOWVIEWTABLE {
		width: 100%;
		order: 2;
	}

	body.desktop-mode-forced html,
	html.desktop-mode-forced body,
	body.desktop-mode-forced,
	html.desktop-mode-forced {
		font-size: 30px !important;
	}

	html,
	body {
		font-size: 26.01px;
		padding: 0 !important;
		margin: 0 !important;
	}

	#PRRMEOWCONTAINER {
		padding: 0 !important;
		margin: 0 !important;
		position: relative;
		box-sizing: border-box;
		overflow-x: hidden;
		/*Prevent horizontal scrollbar*/
		width: 100% !important;
		max-width: 100% !important;
	}

	/*MOBILETOGGLEFULLWIDTHMEOWPRR*/
	#MEOWTABLECONTROL .MEOWBUTTONSCOLUMN .PRRMEOWVIEWTOGGLE,
	#MEOWTABLECONTROL .MEOWBUTTONSCOLUMN #MEOWCONTROLS {
		margin: 0;
		width: 100%;
		padding: 0;
		gap: 4px;
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: right;
	}

	#MEOWTABLECONTROL {
		width: 100%;
		margin: 0 auto;
		/*Center the control bar*/
		padding: 7px 0;
		height: 120px;
		min-height: 120px;
		max-height: 120px;
		display: block;
		/*Ensure it's a block, not part of table*/
		position: relative;
		z-index: 5;
		/*Ensure above table*/
	}

	#MEOWTABLECONTROL .MEOWTABLECONTROLINNER {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		display: flex;
		/*Use flex for internal layout*/
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		box-sizing: border-box;
		/*MEOWTABLECONTROLONECOLUMNMEOWPRR*/
	}

	/*TITLECOLUMNMOBILEMEOWPRR*/
	#MEOWTABLECONTROL .MEOWTITLECOLUMN {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	/*BUTTONSCOLUMNMOBILEMEOWPRR*/
	#MEOWTABLECONTROL .MEOWBUTTONSCOLUMN {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE.PRRMEOWTOGGLEINACTIVE {
		position: relative;
	}

	/*MOBILEEVENTSFULLWIDTHMEOWPRR*/
	#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE {
		width: 100%;
		height: auto;
		min-height: auto;
		max-height: none;
		padding: 8px 12px;
		margin-left: 0;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

	#MEOWTABLECONTROL .MEOWTOGGLEBUTTONSCONTAINER .PRRMEOWTOGGLEBTN#PRRMEOWEVENTSTOGGLE .TITLE-TEXT {
		white-space: nowrap;
		word-break: normal;
		line-height: 1.2;
		max-width: 100%;
		width: 100%;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 20px;
		display: block;
	}

	/*MOBILETABLECONTROLSPACINGMEOWPRR*/
	#MEOWTABLECONTROL+.PRRMEOWSORTABLE,
	#MEOWTABLECONTROL+table,
	#MEOWTABLECONTROL~.PRRMEOWSORTABLE,
	#MEOWTABLECONTROL~table.PRRMEOWSORTABLE {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		position: relative;
	}

	h1 {
		font-size: clamp(32px, 12vw, 60px);
		/*ARTISTTITLEFITWIDTHMEOWPRR*/
		margin-top: 20px;
		margin-bottom: 2px;
		font-weight: 100;
		line-height: 0.6;
		position: relative;
		z-index: 2;
		width: 100%;
		/*MOBILETITLEFITCONTAINERMEOWPRR*/
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	h2.PRRMEOWSUBTITLE {
		font-size: 16px;
		margin-bottom: 100px;
		margin-top: -7px;
		position: relative;
		z-index: 2;
		opacity: 0.77;
		width: 100%;
		/*MOBILETAGLINEFITCONTAINERMEOWPRR*/
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	/*MOBILEIMGBGMIAUWPRR*/
	/*MOBILEAUTOHEIGHTMIAUWPRR*/
	/*MOBILEIMGABSMIAUWPRR*/
	/*MOBILEIMGABOVETEXTMEOWPRR*/

	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT {
		order: 2;
		width: 100%;
		max-width: 400px;
		font-size: 28px;
		max-height: none;
		overflow: visible;
		position: relative;
		z-index: 1;
		margin-top: 0;
		padding-top: 0;
	}

	/*MOBILEHIDDENTEXTMIAUWPRR*/
	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT.PRRMEOWHIDDEN {
		height: 120px !important;
	}

	/*MOBILEEVENTINFOBOXTEXTMIAUWPRR*/
	#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXTEXT {
		font-size: 40px;
		/*2x the base 20px*/
		font-style: italic;
		/*Italic text*/
		line-height: 1.4;
		/*Increased line-height to give emojis more vertical*/
		padding: 4px 0;
		/*Add padding above and below so emojis are fully vi*/
	}

	/*Mobile event details container with spacing, width*/
	#EVENTINFOBOX.EVENTINFOBOX .EVENTINFOBOXDETAILS {
		overflow: hidden;
		max-width: 100%;
		padding: 8px 0;
		/*Add vertical padding so emojis are fully visible a*/
	}

	/*MOBILESEARCHPOSMIAUWPRR*/
	#PRRMEOWSEARCHBAR {
		padding: 12px;
		position: fixed !important;
		top: 0 !important;
		bottom: auto !important;
		transform: translateZ(0) translateY(-100%) !important;
		opacity: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
	}

	/*MOBILESEARCHSPACEMIAUWPRR*/
	/*HIDEINFOTEXTSEARCHMEOWPRR*/

	body.search-active .PRRMEOWSORTABLE {
		margin-top: 0;
	}

	/*REMOVED: Mobile armed buttons - armed state removed*/

	/*MOBILEHIDETITLEBARMEOWPRR*/
	body.search-active #MEOWTABLECONTROL,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #MEOWTABLECONTROL {
		display: none !important;
	}

	/*MOBILESHOWTABLEHEADERMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE thead,
	body.search-active .PRRMEOWMP3TABLE thead,
	body.search-active .PRRMEOWEVENTSTABLE thead,
	body.search-active #PRRMEOWEVENTSTBL thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWEVENTSTABLE thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL thead {
		display: none !important;
		visibility: hidden !important;
	}

	/*SHOWARTISTCOLUMNONSEARCHMEOWPRR - Show Artist column (2nd column) during search*/
	body.search-active .PRRMEOWSORTABLE thead>tr>th:nth-child(2),
	body.search-active .PRRMEOWSORTABLE tbody>tr>td:nth-child(2),
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead>tr>th:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody>tr>td:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2) {
		display: table-cell !important;
		/*Show Artist column (2nd column) during search*/
	}

	/*SHOWBPMANDSTYLECOLUMNSONSEARCHMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
	body.search-active .PRRMEOWSORTABLE tbody>tr>td:nth-child(4),
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody>tr>td:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(4) {
		display: table-cell !important;
		/*Show BPM column (4th column) during search*/
	}

	body.search-active .PRRMEOWSORTABLE thead>tr>th:nth-child(5),
	body.search-active .PRRMEOWSORTABLE tbody>tr>td:nth-child(5),
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead>tr>th:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody>tr>td:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(5) {
		display: table-cell !important;
		/*Show Style column (5th column) during search*/
	}

	/*MOBILESEARCHTABLEVISIBLEMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE,
	body.search-active table.PRRMEOWSORTABLE,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) table.PRRMEOWSORTABLE {
		display: table !important;
		/*Show table when search is active*/
		visibility: visible !important;
	}

	body.search-active .PRRMEOWSORTABLE tbody,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody {
		display: table-row-group !important;
		/*Ensure tbody is visible*/
		visibility: visible !important;
	}

	#PRRMEOWSEARCHBAR.PRRMEOWSEARCHBARHIDDEN {
		transform: translateZ(0) translateY(-100%) !important;
		opacity: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
	}

	#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN) {
		transform: translateZ(0) translateY(0) !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		visibility: visible !important;
	}

	.PRRMEOWSEARCHCLOSEBTN {
		right: 12px;
		padding: 16px;
		min-width: 60px;
		min-height: 60px;
		font-size: 60px;
	}

	.PRRMEOWSEARCHTYPE {
		font-size: 30.6px;
	}

	#PRRMEOWSEARCHINPUT {
		font-size: 30.6px;
		padding: 18px 24px;
		letter-spacing: 1px;
	}

	.PRRMEOWNMFOOTERWIDGETS {
		padding: 0 0 16px 0;
		margin-top: 0 !important;
	}

	.PRRMEOWNMFOOTERWIDGETSINNER {
		padding: 0 12px;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.PRRMEOWNMFOOTERBLOCKGRID {
		flex-direction: column;
		gap: 16px;
	}

	.PRRMEOWNMFOOTERBLOCKGRID>li {
		min-width: 100%;
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a {
		font-size: 20px;
		padding: 10px 12px;
	}

	.PRRMEOWBOTTOMTXT {
		font-size: 20px;
	}

	/*MOBILETABLEPOSITIONMEOWPRR*/
	/*MOBILETABLEFULLWIDTHMEOWPRR*/
	.PRRMEOWSORTABLE,
	#PRRMEOWCONTAINER>.PRRMEOWSORTABLE,
	#PRRMEOWCONTAINER>table.PRRMEOWSORTABLE,
	#PRRMEOWMUSICTBL {
		font-size: 26.01px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		/*Use 100% instead of 100vw to avoid scrollbar issue*/
		max-width: 100% !important;
		min-width: 100% !important;
		table-layout: fixed !important;
		box-sizing: border-box !important;
		word-wrap: break-word;
		overflow-wrap: break-word;
		position: relative;
		display: table;
		/*Remove negative margins - use 100% width instead*/
	}

	/*MOBILEHOVEROPTIMIZATIONMEOWPRR - Events table only; MP3 keeps fixed widths from MP3 mobile hover rules*/
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:first-child,
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td.PRRMEOWYEARCOL {
		display: table-cell !important;
		width: auto !important;
		min-width: auto !important;
		max-width: auto !important;
		padding: inherit !important;
		margin: inherit !important;
	}

	/*MOBILETABLECONTENTFULLWIDTHMEOWPRR*/
	/*SHOWTABLEHEADERONMOBILEMEOWPRR*/
	.PRRMEOWSORTABLE thead {
		width: 100% !important;
		display: table-header-group !important;
		visibility: visible !important;
		table-layout: fixed !important;
		position: relative !important;
	}

	.PRRMEOWSORTABLE tbody {
		width: 100% !important;
		display: table-row-group !important;
	}

	.PRRMEOWSORTABLE thead>tr,
	.PRRMEOWSORTABLE tbody>tr {
		width: 100% !important;
	}

	/*REMOVEDTABLEHEADERROWMEOWPRR*/

	.PRRMEOWSORTABLE>tbody>tr {
		height: 1.4em !important;
		min-height: 1.4em !important;
		max-height: 1.4em !important;
		line-height: 1.4em !important;
	}

	.PRRMEOWSORTABLE thead>tr>th,
	.PRRMEOWSORTABLE tbody>tr>td {
		font-size: 24.01px;
		padding: 8px 12px;
		text-align: left;
		height: 1.4em !important;
		min-height: 1.4em !important;
		max-height: 1.4em !important;
		line-height: 1.4em !important;
		box-sizing: border-box !important;
		word-wrap: break-word;
		overflow-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		/*Width will be set by specific column rules below*/
		min-width: 0 !important;
		/*Ensure cells can shrink and fill available space*/
	}

	/*MOBILEEVENTSTABLERESPONSIVEMEOWPRR*/
	#PRRMEOWEVENTSTBL {
		table-layout: fixed !important;
		width: 100% !important;
		border-collapse: collapse !important;
	}

	#PRRMEOWEVENTSTBL thead>tr>th,
	#PRRMEOWEVENTSTBL tbody>tr>td {
		box-sizing: border-box !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 21px !important;
		/* Adjusted for better Fit */
		padding: 6px 4px !important;
		display: table-cell !important;
	}

	/* WHEN? column (First) */
	#PRRMEOWEVENTSTBL thead>tr>th:first-child,
	#PRRMEOWEVENTSTBL tbody>tr>td:first-child {
		width: 105px !important;
		min-width: 105px !important;
		max-width: 105px !important;
	}

	/* ? (LAND) column (Second) */
	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(2),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2) {
		width: 55px !important;
		min-width: 55px !important;
		max-width: 55px !important;
	}

	/* WHERE? (LOCATION) column (Third) - Truly Hide it on mobile */
	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(3),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(3) {
		display: none !important;
		width: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
	}

	/* EVENT!! column (Fourth) - Fill remaining space */
	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(4),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(4) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		white-space: normal !important;
		/* Allow event names to wrap */
		word-break: break-word !important;
	}

	/*MOBILEHIDEARTISTCOLUMNMEOWPRR*/
	.PRRMEOWSORTABLE thead>tr>th:nth-child(2),
	.PRRMEOWSORTABLE tbody>tr>td:nth-child(2) {
		display: none !important;
	}

	/* Re-enforce events specific land visible */
	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(2),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2) {
		display: table-cell !important;
	}

	/*MOBILEMP3TABLEFULLWIDTHMEOWPRR*/
	#PRRMEOWMUSICTBL {
		table-layout: fixed !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}

	/* Proportions for MP3 table: omit so MOBILEMP3COLUMNWIDTHSMEOWPRR (60px) remains single source */
	/*MOBILEWIDTHSMIAUWPRR - Exclude MP3 so canonical 60px (MOBILEMP3COLUMNWIDTHSMEOWPRR) applies*/
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:first-child.PRRMEOWYEARCOL,
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td.PRRMEOWYEARCOL {
		width: 65px !important;
		/*60px + 5px*/
		min-width: 65px !important;
		max-width: 65px !important;
		display: table-cell !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		box-sizing: border-box !important;
		padding-right: 0 !important;
		/*REMOVEGAPBETWEENYEARANDTITLEMEOWPRR - Remove right padding on mobile*/
	}

	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:nth-child(3),
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td:nth-child(3) {
		width: calc(100% - 120px) !important;
		/*100% - 65px (year) - 55px (style) = title gets 10p*/
		min-width: 30% !important;
		max-width: calc(100% - 120px) !important;
		white-space: normal !important;
		/*Allow wrapping for title column*/
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		padding-left: 0 !important;
		/*REMOVEGAPBETWEENYEARANDTITLEMEOWPRR - Remove left padding on mobile*/
	}

	.PRRMEOWSORTABLE thead>tr>th:nth-child(5),
	.PRRMEOWSORTABLE tbody>tr>td:nth-child(5) {
		width: 55px !important;
		/*50px + 5px*/
		min-width: 55px !important;
		max-width: 55px !important;
		white-space: nowrap !important;
		/*Ellipsis requires nowrap*/
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		text-align: center !important;
		/*Center the genre column emoji*/
		box-sizing: border-box !important;
	}

	.PRRMEOWSORTABLE tbody>tr>td:nth-child(3) {
		font-size: 30.6px;
	}

	/*MOBILEHOVERMAINTAINFIXEDWIDTHSMEOWPRR*/
	.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td.PRRMEOWYEARCOL {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
	}

	.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(3) {
		width: auto !important;
		min-width: 30% !important;
		max-width: none !important;
	}

	.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(5) {
		width: 50px !important;
		min-width: 50px !important;
		max-width: 50px !important;
	}

	/*MOBILETOGGLEMEOWPRR*/
	.PRRMEOWVIEWTOGGLE,
	#MEOWCONTROLS {
		margin: 0 12px 8px 12px;
		width: calc(100% - 24px);
		padding: 0;
		gap: 4px;
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: right;
	}

	.PRRMEOWTOGGLEBTN {
		font-size: 16px;
		padding: 3px 6px;
		white-space: nowrap;
		flex-shrink: 0;
		flex: 1 1 auto;
		min-width: 0;
	}
}

@media screen and (max-width: 480px) {

	body.desktop-mode-forced html,
	html.desktop-mode-forced body,
	body.desktop-mode-forced,
	html.desktop-mode-forced {
		font-size: 30px !important;
	}

	html,
	body {
		font-size: 18.36px;
	}

	#PRRMEOWCONTAINER {
		padding: 0;
		position: relative;
		box-sizing: border-box;
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
	}

	h1 {
		font-size: clamp(28px, 10vw, 50px);
		/*ARTISTTITLEFITWIDTHMEOWPRR*/
		margin-top: 20px;
		margin-bottom: 4px;
		font-weight: 100;
		line-height: 0.7;
		position: relative;
		z-index: 2;
		width: 100%;
		/*MOBILETITLEFITCONTAINERMEOWPRR*/
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	h2.PRRMEOWSUBTITLE {
		position: relative;
		z-index: 2;
		opacity: 0.77;
		margin-bottom: 100px;
		width: 100%;
		/*MOBILETAGLINEFITCONTAINERMEOWPRR*/
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
		margin-top: 0 !important;
		/*MOBILETEXTOVERLAPFIXMEOWPRR*/
	}

	#MEOWTABLECONTROL {
		height: auto !important;
		min-height: auto !important;
		/*MOBILEHEIGHTFIXMEOWPRR*/
	}

	/*MOBILEIMGBGMIAUWPRR*/
	/*MOBILEAUTOHEIGHTMIAUWPRR*/
	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		min-height: auto !important;
		height: auto !important;
		margin-top: 0;
		margin-bottom: 20px;
		padding-top: 0;
		position: static;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		position: relative !important;
		padding-bottom: 80px !important;
		/* Space for absolute event box */
	}

	.PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG {
		position: relative !important;
		top: auto !important;
		left: 50% !important;
		right: auto !important;
		transform: translate(-50%, 0) !important;
		width: 100%;
		max-width: 400px;
		height: 300px;
		z-index: 10;
		/*MOBILEIMAGEFLOATABOVETEXTMEOWPRR*/
		opacity: 0.7;
		pointer-events: auto;
		/*MOBILEIMAGEFLOATINGMEOWPRR*/
		animation: mobileImageFloat 20s ease-in-out infinite;
		cursor: move;
		margin: 0 auto 20px !important;
		order: 1;
		display: block !important;
	}

	/*MOBILEBUZZSHAKEHOVERMEOWPRR*/
	.PRRMEOWIMGTXTCONTAINER .PRRMEOWMEOWMEOWIMG:hover {
		animation: buzz-shake 0.15s infinite;
	}

	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT {
		order: 2;
		width: 100%;
		max-width: 400px;
		font-size: 28px;
		max-height: none;
		overflow: visible;
		position: relative;
		z-index: 1;
		margin-top: 0;
		padding-top: 0;
	}

	/*MOBILEHIDDENTEXTMIAUWPRR*/
	.PRRMEOWIMGTXTCONTAINER .PRRMEOWDESCTXT.PRRMEOWHIDDEN {
		height: 120px !important;
	}

	/*MOBILESEARCHPOSMIAUWPRR*/
	#PRRMEOWSEARCHBAR {
		padding: 10px;
		position: fixed !important;
		top: 0 !important;
		bottom: auto !important;
		transform: translateZ(0) translateY(-100%) !important;
		opacity: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
		/*Ensure search bar is hidden on mobile launch - onl*/
	}

	#PRRMEOWSEARCHBAR.PRRMEOWSEARCHBARHIDDEN {
		transform: translateZ(0) translateY(-100%) !important;
		opacity: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
	}

	#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN) {
		transform: translateZ(0) translateY(0) !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		visibility: visible !important;
	}

	/*MOBILESEARCHREMOVESPACEMIAUWPRR*/
	body.search-active .PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		margin-bottom: 0;
	}

	body.search-active .PRRMEOWSORTABLE {
		margin-top: 0;
		margin-bottom: 20px;
		/*FIXSEARCHTABLEOVERLAPMEOWPRR*/
		position: relative;
		z-index: 1;
	}

	/*MOBILEHIDETITLEBARMEOWPRR*/
	body.search-active #MEOWTABLECONTROL,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #MEOWTABLECONTROL {
		display: none !important;
	}

	/*REMOVED: Mobile armed buttons - armed state removed*/

	/*MOBILESHOWTABLEHEADERMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE thead,
	body.search-active .PRRMEOWMP3TABLE thead,
	body.search-active .PRRMEOWEVENTSTABLE thead,
	body.search-active #PRRMEOWEVENTSTBL thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWEVENTSTABLE thead,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL thead {
		display: table-header-group !important;
		visibility: visible !important;
	}

	/*SHOWARTISTCOLUMNONSEARCHMEOWPRR - Show Artist column (2nd column) during search*/
	body.search-active .PRRMEOWSORTABLE thead>tr>th:nth-child(2),
	body.search-active .PRRMEOWSORTABLE tbody>tr>td:nth-child(2),
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead>tr>th:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody>tr>td:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2) {
		display: table-cell !important;
		/*Show Artist column (2nd column) during search*/
	}

	/*SHOWBPMANDSTYLECOLUMNSONSEARCHMEOWPRR*/
	body.search-active .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
	body.search-active .PRRMEOWSORTABLE tbody>tr>td:nth-child(4),
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead>tr>th:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody>tr>td:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(4) {
		display: table-cell !important;
		/*Show BPM column (4th column) during search*/
	}

	body.search-active .PRRMEOWSORTABLE thead>tr>th:nth-child(5),
	body.search-active .PRRMEOWSORTABLE tbody>tr>td:nth-child(5),
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE thead>tr>th:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWSORTABLE tbody>tr>td:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(5) {
		display: table-cell !important;
		/*Show Style column (5th column) during search*/
	}

	/*SEARCHMODETABLELAYOUTMEOWPRR - Ensure table uses fixed layout for proper column width distribution*/
	body.search-active .PRRMEOWMP3TABLE,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE {
		table-layout: fixed !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/*SEARCHMODECOLUMNWIDTHSMEOWPRR - Redistribute space when all columns are visible during search*/
	body.search-active .PRRMEOWMP3TABLE thead>tr>th:first-child.PRRMEOWYEARCOL,
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:first-child.PRRMEOWYEARCOL,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:first-child.PRRMEOWYEARCOL,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:first-child.PRRMEOWYEARCOL {
		width: 69px !important;
		min-width: 69px !important;
		max-width: 69px !important;
		box-sizing: border-box !important;
	}

	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(2) {
		width: 13% !important;
		min-width: 80px !important;
		max-width: 15% !important;
		box-sizing: border-box !important;
	}

	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(3),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(3),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(3),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(3) {
		width: calc(100% - 13% - 69px - 58px - 54px) !important;
		/*100% - Artist(13%) - Year(69px) - BPM(58px) - Style(54px)*/
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(4) {
		width: 58px !important;
		min-width: 58px !important;
		max-width: 58px !important;
		box-sizing: border-box !important;
	}

	body.search-active .PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	body.search-active .PRRMEOWMP3TABLE tbody>tr>td:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE thead>tr>th:nth-child(5),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) .PRRMEOWMP3TABLE tbody>tr>td:nth-child(5) {
		width: 54px !important;
		min-width: 54px !important;
		max-width: 54px !important;
		box-sizing: border-box !important;
	}

	/*SEARCHMODEEVENTSCOLUMNWIDTHSMEOWPRR*/
	/*Ensure standard widths for events table in search mode*/
	body.search-active #PRRMEOWEVENTSTBL,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL {
		table-layout: fixed !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.search-active #PRRMEOWEVENTSTBL thead>tr>th:first-child,
	body.search-active #PRRMEOWEVENTSTBL tbody>tr>td:first-child,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL thead>tr>th:first-child,
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL tbody>tr>td:first-child {
		width: 15% !important;
		min-width: 80px !important;
		max-width: 15% !important;
		box-sizing: border-box !important;
		display: table-cell !important;
	}

	body.search-active #PRRMEOWEVENTSTBL thead>tr>th:nth-child(2),
	body.search-active #PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL thead>tr>th:nth-child(2),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2) {
		width: 15% !important;
		min-width: 80px !important;
		max-width: 15% !important;
		box-sizing: border-box !important;
		display: table-cell !important;
	}

	body.search-active #PRRMEOWEVENTSTBL thead>tr>th:nth-child(3),
	body.search-active #PRRMEOWEVENTSTBL tbody>tr>td:nth-child(3),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL thead>tr>th:nth-child(3),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL tbody>tr>td:nth-child(3) {
		width: 20% !important;
		min-width: 100px !important;
		max-width: 20% !important;
		box-sizing: border-box !important;
		display: table-cell !important;
	}

	body.search-active #PRRMEOWEVENTSTBL thead>tr>th:nth-child(4),
	body.search-active #PRRMEOWEVENTSTBL tbody>tr>td:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL thead>tr>th:nth-child(4),
	body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL tbody>tr>td:nth-child(4) {
		width: 50% !important;
		min-width: 200px !important;
		max-width: 50% !important;
		box-sizing: border-box !important;
		display: table-cell !important;
	}

	/*FLOATSEARCHRESULTSMEOWPRR*/

	@media screen and (min-width: 768px) {

		/*DESKTOPLAYOUTORDERMEOWPRR - Info Left, Table Right*/
		#PRRMEOWCONTAINER {
			display: flex !important;
			flex-direction: row !important;
			align-items: flex-start !important;
			justify-content: center !important;
			gap: 20px !important;
		}

		.PRRMEOWIMGTXTCONTAINER {
			background-color: #000000;
			z-index: 10;
			order: 1 !important;
			/*Force Left*/
			width: 444px !important;
			flex-shrink: 0 !important;
			margin-right: 20px !important;
		}

		.PRRMEOWMP3TABLE,
		.PRRMEOWEVENTSTBL {
			order: 2 !important;
			/*Force Right*/
			flex-grow: 1 !important;
			min-width: 0 !important;
			width: auto !important;
		}
	}

	/*BODYSCROLLBARFIXMEOWPRR*/
	/*MOBILESEARCHSCROLLFIXMEOWPRR*/
	html.search-active {
		overflow-y: auto !important;
		/*Enable scrolling on html for mobile*/
		height: auto !important;
		/*Allow html to expand with content*/
	}

	body.search-active {
		overflow-y: auto !important;
		/*Enable scrolling on body for mobile*/
		height: auto !important;
		/*Allow body to expand with content*/
		/*Keep position: fixed for overlay, but allow scroll*/
	}

	body.search-active #PRRMEOWCONTAINER {
		display: flex !important;
		flex-direction: column !important;
		/*Force vertical stacking of tables*/
		align-items: center !important;
		justify-content: flex-start !important;
		padding-top: 100px !important;
		/*Space for search bar*/
		padding-bottom: 40px !important;
		overflow-y: visible !important;
		/*Allow natural scrolling*/
		max-height: none !important;
		margin-top: 0 !important;
		margin-top: 0 !important;
		width: 100% !important;
	}

	body.search-active #PRRMEOWUNIFIEDSEARCHTBL,
	body.search-active .PRRMEOWUNIFIEDTABLE {
		display: table !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		float: none !important;
		clear: both !important;
		transform: none !important;
		margin-top: 0 !important;
		margin-bottom: 20px !important;
		z-index: 1 !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/*Add spacing between tables in search mode*/
	body.search-active #PRRMEOWMUSICTBL {
		margin-bottom: 50px !important;
	}

	body.search-active #PRRMEOWEVENTSTBL {
		margin-top: 0 !important;
	}

	.PRRMEOWSEARCHCLOSEBTN {
		right: 10px;
		padding: 20px;
		min-width: 56px;
		min-height: 56px;
		font-size: 56px;
	}

	.PRRMEOWSEARCHTYPE {
		font-size: 25.245px;
	}

	#PRRMEOWSEARCHINPUT {
		font-size: 25.245px;
		padding: 16px 20px;
		letter-spacing: 1px;
		background-color: #ffffff !important;
		color: #0000ff !important;
		border: none !important;
		border-radius: 0 !important;
	}

	/* Placeholder styling */
	#PRRMEOWSEARCHINPUT::placeholder {
		color: #0000ff !important;
		opacity: 0.5;
	}

	.PRRMEOWNMFOOTERWIDGETS {
		padding: 12px 0;
		margin-top: 16px;
	}

	.PRRMEOWNMFOOTERWIDGETSINNER {
		padding: 0 10px;
	}

	.PRRMEOWNMFOOTERBLOCKGRID {
		flex-direction: column;
		gap: 12px;
	}

	.PRRMEOWNMFOOTERBLOCKGRID>li {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.PRRMEOWWIDGETNAVMENU .PRRMEOWMENUITEM a {
		font-size: 18px;
		padding: 8px 10px;
	}

	.PRRMEOWBOTTOMTXT {
		font-size: 18px;
	}

	.PRRMEOWVIEWTOGGLE,
	#MEOWCONTROLS {
		margin: 0 12px 8px 12px;
		width: calc(100% - 24px);
		gap: 4px;
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: right;
	}

	/*MOBILETABLEPOSITION480MEOWPRR*/
	/*MOBILETABLEFULLWIDTH480MEOWPRR*/
	.PRRMEOWSORTABLE,
	#PRRMEOWCONTAINER>.PRRMEOWSORTABLE,
	#PRRMEOWCONTAINER>table.PRRMEOWSORTABLE,
	#PRRMEOWMUSICTBL {
		font-size: 18.36px;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		/*Use 100% instead of 100vw to avoid scrollbar issue*/
		max-width: 100% !important;
		min-width: 100% !important;
		table-layout: fixed !important;
		box-sizing: border-box !important;
		position: relative;
		display: table;
		word-wrap: break-word;
		/*Remove negative margins - use 100% width instead*/
	}

	/*MOBILEHOVEROPTIMIZATION480MEOWPRR - Events table only; MP3 keeps fixed widths*/
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:first-child,
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE)>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td.PRRMEOWYEARCOL {
		display: table-cell !important;
		width: auto !important;
		min-width: auto !important;
		max-width: auto !important;
		padding: inherit !important;
		margin: inherit !important;
	}

	/*MOBILETABLECONTENTFULLWIDTH480MEOWPRR*/
	/*SHOWTABLEHEADERONMOBILE480MEOWPRR*/
	.PRRMEOWSORTABLE thead {
		width: 100% !important;
		display: table-header-group !important;
		visibility: visible !important;
		table-layout: fixed !important;
		position: relative !important;
	}

	.PRRMEOWSORTABLE tbody {
		width: 100% !important;
		display: table-row-group !important;
	}

	.PRRMEOWSORTABLE thead>tr,
	.PRRMEOWSORTABLE tbody>tr {
		width: 100% !important;
	}

	/*REMOVEDTABLEHEADERROWMEOWPRR*/

	.PRRMEOWSORTABLE>tbody>tr {
		height: 1.4em !important;
		min-height: 1.4em !important;
		max-height: 1.4em !important;
		line-height: 1.4em !important;
	}

	.PRRMEOWSORTABLE thead>tr>th,
	.PRRMEOWSORTABLE tbody>tr>td {
		font-size: 30px !important;
		padding: 10px 10px;
		box-sizing: border-box !important;
		word-wrap: break-word;
		overflow-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		height: 1.4em !important;
		min-height: 1.4em !important;
		max-height: 1.4em !important;
		line-height: 1.4em !important;
		/*Width will be set by specific column rules below*/
		min-width: 0 !important;
		/*Ensure cells can shrink and fill available space*/
	}

	/*MOBILEEVENTSTABLERESPONSIVEMEOWPRR*/
	#PRRMEOWEVENTSTBL thead>tr>th,
	#PRRMEOWEVENTSTBL tbody>tr>td {
		display: table-cell !important;
		box-sizing: border-box !important;
	}

	#PRRMEOWEVENTSTBL thead>tr>th:first-child,
	#PRRMEOWEVENTSTBL tbody>tr>td:first-child {
		padding: 8px 4px !important;
		font-size: 30px !important;
		min-width: 100px !important;
		/*min-width ensures WHEN? column is always fully vis*/
	}

	/*MOBILEHIDEBPMCOLUMNMEOWPRR*/
	/*BPM column (4th column) is now visible - no longer hidden on mobile*/
	/*Removed display: none to keep BPM visible after search is exited*/

	/*MOBILEHIDEARTISTCOLUMNMEOWPRR*/
	.PRRMEOWSORTABLE thead>tr>th:nth-child(2),
	.PRRMEOWSORTABLE tbody>tr>td:nth-child(2) {
		display: none !important;
	}

	/*MOBILEHIDELOCATIONMEOWPRR*/
	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(3),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(3),
	.PRRMEOWEVENTSTABLE thead>tr>th:nth-child(3),
	.PRRMEOWEVENTSTABLE tbody>tr>td:nth-child(3) {
		width: 0 !important;
		/*LOCATION - hidden on mobile - use width: 0 instead of 0% to properly remove from layout*/
		/*COLUMNHIDDENSPACEREDISTRIBUTEMEOWPRR - Hidden column space redistributed to visible columns*/
		min-width: 0 !important;
		max-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		overflow: hidden !important;
		visibility: hidden !important;
	}

	/*MOBILEEVENTSTABLEWIDTHSMEOWPRR*/
	/*MOBILEMP3TABLEFULLWIDTH480MEOWPRR*/
	#PRRMEOWEVENTSTBL,
	#PRRMEOWMUSICTBL {
		table-layout: fixed !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}

	#PRRMEOWEVENTSTBL thead>tr>th:first-child,
	#PRRMEOWEVENTSTBL tbody>tr>td:first-child {
		width: 25% !important;
		min-width: 25% !important;
		/*Match MP3 mode year column width on mobile (480px)*/
		max-width: 25% !important;
		display: table-cell !important;
		box-sizing: border-box !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(2),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(2) {
		display: table-cell !important;
		/*Show country column on mobile*/
		width: 15% !important;
		min-width: 15% !important;
		max-width: 15% !important;
	}

	/*MOBILEEVENTSTITLEWIDTHMEOWPRR*/
	/*Country column is now visible, so EVENTTITLE width accounts for date and country*/
	#PRRMEOWEVENTSTBL thead>tr>th:nth-child(4),
	#PRRMEOWEVENTSTBL tbody>tr>td:nth-child(4) {
		width: calc(100% - 25% - 15%) !important;
		/*100% - 25% (date) - 15% (country) = EVENTTITLE fills remaining space*/
		min-width: calc(100% - 25% - 15%) !important;
		max-width: calc(100% - 25% - 15%) !important;
		display: table-cell !important;
		box-sizing: border-box !important;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		/*COLUMNHIDDENSPACEREDISTRIBUTEMEOWPRR*/
	}

	/*MOBILEWIDTHSMIAUWPRR*/
	/* Exclude MP3 so MOBILEMP3COLUMNWIDTHSMEOWPRR (60px) applies */
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:first-child.PRRMEOWYEARCOL,
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td.PRRMEOWYEARCOL {
		width: 65px !important;
		/*60px + 5px*/
		min-width: 65px !important;
		max-width: 65px !important;
		display: table-cell !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		box-sizing: border-box !important;
	}

	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) thead>tr>th:nth-child(3),
	.PRRMEOWSORTABLE:not(.PRRMEOWMP3TABLE) tbody>tr>td:nth-child(3) {
		width: calc(100% - 120px) !important;
		/*100% - 65px (year) - 55px (style) = title gets 10p*/
		min-width: 30% !important;
		max-width: calc(100% - 120px) !important;
		white-space: normal !important;
		/*Allow wrapping for title column*/
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.PRRMEOWSORTABLE thead>tr>th:nth-child(5),
	.PRRMEOWSORTABLE tbody>tr>td:nth-child(5) {
		width: 55px !important;
		/*50px + 5px*/
		min-width: 55px !important;
		max-width: 55px !important;
		white-space: nowrap !important;
		/*Ellipsis requires nowrap*/
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		text-align: center !important;
		/*Center the genre column emoji*/
		box-sizing: border-box !important;
	}

	.PRRMEOWSORTABLE tbody>tr>td:nth-child(3) {
		font-size: 22.185px;
	}

	/*MOBILEHOVERMAINTAINFIXEDWIDTHSMEOWPRR*/
	.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td.PRRMEOWYEARCOL {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
	}

	.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(3) {
		width: auto !important;
		min-width: 30% !important;
		max-width: none !important;
	}

	.PRRMEOWSORTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW):not(.PRRMEOWNORESULTSROW)>td:nth-child(5) {
		width: 50px !important;
		min-width: 50px !important;
		max-width: 50px !important;
	}

	/*MOBILETOGGLEMEOWPRR*/
	.PRRMEOWVIEWTOGGLE,
	#MEOWCONTROLS {
		margin: 0 12px 8px 12px;
		width: calc(100% - 24px);
		padding: 0;
		gap: 3px;
		flex-wrap: wrap;
	}

	.PRRMEOWTOGGLEBTN {
		font-size: 14px;
		padding: 3px 5px;
		white-space: nowrap;
		flex-shrink: 0;
		flex: 1 1 calc(50% - 2px);
		min-width: 0;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}


/*SEARCHACTIVEMEOWPRR*/
body.search-active {
	overflow: hidden;
	background-color: #000000 !important;
	/*Black background in search mode*/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	/*Ensure it's on top*/
}

html.search-active {
	background-color: #000000 !important;
	/*Black background in search mode*/
}

/*SEARCHHIDEORIGINALTABLESMEOWPRR - Hide original tables in search mode (V215)*/
/*Only unified search table should be visible during active search*/
body.search-active #PRRMEOWMUSICTBL,
body.search-active #PRRMEOWEVENTSTBL {
	display: none !important;
}

/*UNIFIEDSEARCHFLOATMEOWPRR - Float unified search table in search mode (V215)*/
body.search-active #PRRMEOWUNIFIEDSEARCHTBL {
	display: table !important;
	position: fixed !important;
	top: 80px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 10001 !important;
	/*Above other tables*/
	width: 90% !important;
	max-width: 1200px !important;
	height: calc(100% - 100px) !important;
	overflow-y: auto !important;
	background-color: #000000 !important;
}

/*SEARCHACTIVEWRAPPERMEOWPRR - Position wrapper in search mode (V215)*/
body.search-active #PRRMEOWSEARCHRESULTSWRAPPER {
	position: fixed !important;
	top: 80px !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 10000 !important;
	overflow-y: auto !important;
	background-color: #000000 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

/*SEARCHACTIVEHIDELEFTCOLUMNMEOWPRR - Hide info column in search mode (V215)*/
body.search-active .PRRMEOWIMGTXTCONTAINER {
	display: none !important;
}

/*SEARCHACTIVEMEOWTABLECONTROLMEOWPRR - Hide table control in search mode (V215)*/
body.search-active #MEOWTABLECONTROL {
	display: none !important;
}

/*EVENTSHEADERCOLORMEOWPRR - Set events header section to blue*/
#MEOWDESKTOPEVENTSTITLE,
#MEOWDESKTOPATTACHEDEVENTSTITLE,
#MEOWTABLECONTROL[data-view="events"] {
	background-color: var(--color-header-bg) !important;
	/*Blue background*/
}

/*Ensure the main header segment uses blue when in events mode*/
body[data-view="events"] #MEOWTABLECONTROL {
	background-color: var(--color-header-bg) !important;
}

/*EVENTSHEADERHOVERMEOWPRR - No rectangle, only skewed background on hover*/
#PRRMEOWEVENTSTBL thead>tr>th:hover,
.PRRMEOWEVENTSTABLE thead>tr>th:hover {
	background-color: transparent !important;
	/*Remove default rectangle bg*/
}

#PRRMEOWEVENTSTBL thead>tr>th:hover::before,
.PRRMEOWEVENTSTABLE thead>tr>th:hover::before {
	/*Ensure pseudo-element (skewed bg) is visible - styling handled by existing shared hover logic*/
	/*We just need to ensure the parent th doesn't have a bg color*/
	opacity: 1 !important;
}

/*SEARCHHIGHLIGHTMEOWPRR*/
.SEARCHMATCH {
	background-color: #f2a7bb;
	/*Pink background*/
	color: #00ffff;
	/*Cyan text*/
}

/*DESKTOPLAYOUTORDERMEOWPRR*/
@media screen and (min-width: 768px) {

	/*Info Left, Table Right*/
	#PRRMEOWCONTAINER {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 20px !important;
	}

	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		order: 1 !important;
		/*Force Left*/
		width: 444px !important;
		flex-shrink: 0 !important;
		margin-right: 20px !important;
	}

	.PRRMEOWMP3TABLE,
	#PRRMEOWEVENTSTBL,
	.PRRMEOWEVENTSTABLE {
		order: 2 !important;
		/*Force Right*/
		flex-grow: 1 !important;
		min-width: 0 !important;
		width: auto !important;
	}

	/*MP3HEADERPINKMEOWPRR - Set header background to pink in MP3 mode*/
	body[data-view="mp3"] #MEOWTABLECONTROL {
		background-color: #ed4a5f !important;
	}

	/*EVENTSMODEDESKTOPLAYOUTMEOWPRR - V215 Events mode same as MP3 (row layout)*/
	body[data-view="events"] #PRRMEOWCONTAINER {
		display: flex !important;
		flex-direction: row !important;
		/*Same as MP3: info left, table right*/
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 20px !important;
	}

	/*HEADERONTOPMEOWPRR - Force header elements to full width and top order in Events mode*/
	body[data-view="events"] .PRRMEOWHEADERSEGMENT,
	body[data-view="events"] #PRRMEOWSEARCHIMG,
	body[data-view="events"] .PRRRARTISTNAME,
	body[data-view="events"] .PRRMEOWSUBTITLE,
	body[data-view="events"] #MEOWDESKTOPEVENTSTITLE,
	body[data-view="events"] #MEOWDESKTOPATTACHEDEVENTSTITLE {
		width: 100% !important;
		order: 0 !important;
		/*Force Top*/
		flex-shrink: 0 !important;
		position: static !important;
		/*Ensure it flows in flex*/
	}

	body[data-view="events"] .PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		order: 1 !important;
		/*Force Left in Events mode - same as MP3*/
		width: 444px !important;
		flex-shrink: 0 !important;
		margin-right: 20px !important;
		/*Match MP3 mode right margin*/
	}

	body[data-view="events"] #PRRMEOWSEARCHRESULTSWRAPPER {
		order: 2 !important;
		flex-grow: 1 !important;
		min-width: 0 !important;
	}

	body[data-view="events"] #PRRMEOWEVENTSTBL,
	body[data-view="events"] .PRRMEOWEVENTSTABLE {
		order: 2 !important;
		/*Force Right in Events mode - same as MP3*/
		flex-grow: 1 !important;
		min-width: 0 !important;
		width: auto !important;
	}
}

/* ============================================
   DESKTOP LAYOUT FIX MEOWPRR
   ============================================ */

@media screen and (min-width: 768px) {
	#PRRMEOWCONTAINER {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
		max-width: 100%;
		padding-left: 44px;
		padding-right: 44px;
		box-sizing: border-box;
	}

	.PRRMEOWIMGTXTCONTAINER {
		background-color: #000000;
		z-index: 10;
		width: calc(33.33% - 10px);
		margin: 0 !important;
		/* Override auto margins */
		padding-right: 20px;
		box-sizing: border-box;
		position: sticky;
		top: 0;
		bottom: auto;
		height: auto;
		max-height: 100vh;
		overflow-y: auto;
		/* Allow scrolling if info is long */
	}

	.PRRMEOWVIEWTABLE {
		width: calc(66.67% - 10px);
		margin: 0 !important;
		flex-grow: 0;
		flex-shrink: 1;
		min-width: 0;
		box-sizing: border-box;
		overflow-x: auto;
	}

	/* Ensure table content fits within column */
	.PRRMEOWVIEWTABLE table {
		width: 100%;
		max-width: 100%;
		table-layout: fixed;
		box-sizing: border-box;
	}
}

/*MARQUEEANIMATIONMEOWPRR - Ping-pong marquee for overflowing text*/
@keyframes marquee-pingpong {
	0% {
		transform: translateX(0);
	}

	10% {
		transform: translateX(0);
		/* Wait a bit at start */
	}

	50% {
		transform: translateX(var(--marquee-distance, -100%));
	}

	60% {
		transform: translateX(var(--marquee-distance, -100%));
		/* Wait a bit at end */
	}

	100% {
		transform: translateX(0);
		/* Move back to start */
	}
}

/* MARQUEE ACTIVE STATE - Applied by JS when overflow detected */
.PRRMEOWMARQUEEACTIVE {
	display: inline-block;
	/* MUST be inline-block to move relative to parent */
	white-space: nowrap;
	overflow: visible;
	/* Content itself is visible, but clipped by parent TD */
	/* Allow text to move outside bounding box visually if needed, though strictly container clips it */
	animation-name: marquee-pingpong;
	animation-duration: var(--marquee-duration, 8s);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	/* PINGPONG: Go there and back? 
	   Actually the keyframe defined above (0 -> 100 -> 0) matches a full "ping pong" cycle in one iteration.
	   So we don't need 'alternate' direction, just 'normal' loop.
	*/
	animation-direction: normal;
	will-change: transform;
	transform: translateX(0);
}

/*MARQUEECONTAINERMEOWPRR - Wrapper for marquee text*/
.PRRMEOWMARQUEEWRAPPER {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* ============================================
   V185 UPDATES
   ============================================ */

/*MP3HEADERPINKMEOWPRR - Set header background to pink in MP3 mode*/
body[data-view="mp3"] #MEOWTABLECONTROL {
	background-color: #ed4a5f !important;
}

/*EVENTSMOBILELAYOUTMEOWPRR - Match MP3 mobile layout logic*/
@media screen and (max-width: 767px) {

	/* Event Title (4th column) gets auto width to take up remaining space */
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(4),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(4) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		white-space: normal !important;
		word-wrap: break-word !important;
	}

	/* Define widths for other columns to prevent squishing */
	/* Date */
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(1),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(1) {
		width: 80px !important;
		min-width: 80px !important;
	}

	/* Country */
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(2),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(2) {
		width: 40px !important;
		min-width: 40px !important;
		text-align: center;
	}

	/* Location */
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(3),
	.PRRMEOWEVENTSTABLE>tbody>tr>td:nth-child(3) {
		width: 20% !important;
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/*EVENTSMOBILECONTAINERLAYOUTMEOWPRR - V215 Events mode mobile layout order fix*/
	body[data-view="events"] #PRRMEOWCONTAINER {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body[data-view="events"] .PRRMEOWIMGTXTCONTAINER {
		order: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}

	body[data-view="events"] #PRRMEOWSEARCHRESULTSWRAPPER {
		order: 2 !important;
		width: 100% !important;
		margin-top: 20px !important;
	}

	body[data-view="events"] #PRRMEOWEVENTSTBL,
	body[data-view="events"] .PRRMEOWEVENTSTABLE {
		order: 2 !important;
		width: 100% !important;
		margin-top: 10px !important;
	}
}

/*EVENTSROWHEIGHTMEOWPRR - Match MP3 row height*/
body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr>td,
.PRRMEOWEVENTSTABLE>tbody>tr>td {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: 1.2 !important;
	/* Unified Line Height */
	/* Reset to allow vertical centering */
	padding: 4px 8px !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	white-space: nowrap;
	/* Prevent wrapping generally unless overridden */
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Adjust title column to allow wrapping if needed, or keep single line but vertically centered */
/* For title, we often want typical line height? MP3 uses line-height: 1.2 */

/* ============================================
   V190 UNIFIED TABLE STYLING & HOVER FIX
   ============================================ */

/* UNIFIED HEADER FONT SIZE (MP3 & EVENTS) */
/* Enforce 22px font size for ALL table headers in both modes */
.PRRMEOWVIEWTABLE thead>tr>th {
	font-size: 22px !important;
}

/* UNIFIED ROW HEIGHT (MP3 & EVENTS) */
/* Enforce 2.8em row height for ALL table cells in both modes */
.PRRMEOWVIEWTABLE>tbody>tr>td {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	line-height: normal !important;
	/* Reset to allow vertical centering */
	vertical-align: middle !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding-left: 8px !important;
	/* Unified Padding */
	padding-right: 8px !important;
	/* Unified Padding */
	line-height: 1.2 !important;
	/* Unified Line Height */
	white-space: nowrap !important;
	/* Prevent text wrapping which breaks layout */
	overflow: hidden !important;
	/* Hide overflow */
	text-overflow: ellipsis !important;
	/* Ellipsis for overflow */
}

/* HOVER FLICKER FIX: Ensure hovered rows maintain EXACT same dimensions */
/* HOVER FLICKER FIX: Ensure hovered rows maintain EXACT same dimensions */
.PRRMEOWVIEWTABLE>tbody>tr:hover>td {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	white-space: nowrap !important;
	/* STRICT: No wrapping on hover */
	overflow: hidden !important;
	/* STRICT: No overflow on hover */
	text-overflow: ellipsis !important;
	/* STRICT: Keep ellipsis */
	/* REMOVED: width: auto !important which caused layout shifts */
}

/* TABLE HEADER COLORS (V192) */
/* MP3 Mode Header */
body[data-view="mp3"] .PRRMEOWMP3TABLE thead>tr>th,
body[data-view="mp3"] #PRRMEOWMUSICTBL thead>tr>th {
	background-color: var(--color-mp3-border);
	color: #ffffff;
}

/* Events Mode Header */
body[data-view="events"] .PRRMEOWEVENTSTABLE thead>tr>th,
body[data-view="events"] #PRRMEOWEVENTSTBL thead>tr>th {
	background-color: var(--color-events-border);
	color: #ffffff;
}

/* ==========================================================================
   SEARCH RE-STYLING (USER REQUEST)
   ========================================================================== */

/* Search Bar - Blue Background, White Text */
#PRRMEOWSEARCHBAR {
	background-color: #000dff !important;
	border-bottom: 2px solid #ed4a5f !important;
	/* Pink border kept or removed? User said "blue background and white font". Keeping border for contrast or mode color */
	color: #ffffff !important;
}

#PRRMEOWSEARCHINPUT {
	background-color: transparent !important;
	color: #ffffff !important;
	caret-color: #ffffff;
}

#PRRMEOWSEARCHINPUT::placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}

#PRRMEOWSEARCHTYPE {
	color: #ffffff !important;
	/* Was cyan, now white */
}

#PRRMEOWSEARCHCLOSEBTN {
	color: #ffffff !important;
}

/* Search Highlight - Blue Background */
.PRRMEOWSEARCHHIGHLIGHT {
	background-color: #000dff !important;
	color: #ffffff !important;
	padding: 0 2px;
}

/* V216: Highlight styling for unified search table - white bg, blue font, wavy underline */
.PRRMEOWUNIFIEDTABLE .PRRMEOWSEARCHHIGHLIGHT,
#PRRMEOWUNIFIEDSEARCHTBL .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #ffffff !important;
	color: #000dff !important;
	padding: 0 3px;
	font-weight: bold;
	text-decoration: underline wavy #000dff;
	text-underline-offset: 2px;
}

/* Search Results Styling */
body.search-active {
	background-color: #000000 !important;
}

/* Hide normal table controls during search if needed, or keeping them is fine. 
   But we want to show our new headings. */

/* Search Headings */
.MEOWSEARCHTITLE {
	width: 100%;
	padding: 10px 0;
	margin-top: 100px;
	margin-bottom: 10px;
	text-align: center;
	font-family: 'VT323', monospace;
	font-size: 24px;
	color: #ffffff;
	border-bottom: 2px solid #333;
}

.MEOWSEARCHTITLE .MEOWTITLE-TEXT {
	display: block;
}

#MEOWMP3SEARCHTITLE {
	color: #ed4a5f;
	/* Pink for MP3 */
}

#MEOWEVENTSSEARCHTITLE {
	color: #000dff;
	/* Blue for Events */
}

/* MP3 Search Results Styling */
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWMUSICTBL tr.PRRMEOWSEARCHRESULTROW td,
body.search-active #PRRMEOWMUSICTBL tr.PRRMEOWSEARCHRESULTROW td {
	color: #ed4a5f !important;
	/* Pink text for MP3 rows */
	border-bottom: 1px solid #333333 !important;
	/* Dark grey lines */
}

/* Events Search Results Styling */
body:has(#PRRMEOWSEARCHBAR:not(.PRRMEOWSEARCHBARHIDDEN)) #PRRMEOWEVENTSTBL tr.PRRMEOWSEARCHRESULTROW td,
body.search-active #PRRMEOWEVENTSTBL tr.PRRMEOWSEARCHRESULTROW td {
	color: #000dff !important;
	/* Blue text for Events rows */
	border-bottom: 1px solid #333333 !important;
	/* Dark grey lines */
}

/* Override links to match row color */
body.search-active .PRRMEOWMP3TABLE tr.PRRMEOWSEARCHRESULTROW td a {
	color: inherit !important;
}

body.search-active .PRRMEOWEVENTSTABLE tr.PRRMEOWSEARCHRESULTROW td a {
	color: inherit !important;
}

/* Ensure headings are visible when active */
body.search-active .MEOWSEARCHTITLE.ACTIVE {
	display: block !important;
}

/* Adjust table spacing for combined results */
body.search-active .PRRMEOWVIEWTABLE {
	margin-bottom: 40px;
}

/* V215: JS controls table visibility in search mode - no CSS override needed */

/*MOBILEHIDECOLUMNSMEOWPRR - Fix for V212 header height issue*/
@media (max-width: 768px) {

	.PRRMEOWEVENTSTABLE th:nth-child(3),
	.PRRMEOWEVENTSTABLE td:nth-child(3) {
		display: none !important;
	}
}

/* UNIFIED SEARCH TABLE STYLES (V214) */
/* Mirroring MP3 Table Layout for consistency */
.PRRMEOWUNIFIEDTABLE {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	/* Inherit other table styles from PRRMEOWVIEWTABLE */
}

/* Unified Column Widths - Desktop */
@media screen and (min-width: 768px) {

	.PRRMEOWUNIFIEDTABLE th:first-child,
	.PRRMEOWUNIFIEDTABLE td:first-child {
		width: 15% !important;
		min-width: 70px !important;
		max-width: 15% !important;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(2),
	.PRRMEOWUNIFIEDTABLE td:nth-child(2) {
		width: 20% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(3),
	.PRRMEOWUNIFIEDTABLE td:nth-child(3) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(4),
	.PRRMEOWUNIFIEDTABLE td:nth-child(4) {
		width: 10% !important;
		min-width: 50px !important;
		max-width: 10% !important;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(5),
	.PRRMEOWUNIFIEDTABLE td:nth-child(5) {
		width: 15% !important;
		min-width: 60px !important;
		max-width: 15% !important;
		text-align: center;
	}
}

/* Unified Column Widths - Mobile */
@media screen and (max-width: 767px) {

	.PRRMEOWUNIFIEDTABLE th:first-child,
	.PRRMEOWUNIFIEDTABLE td:first-child {
		width: 60px !important;
		min-width: 60px !important;
		max-width: 60px !important;
	}

	/* Hide Artist/Event Column on Mobile */
	.PRRMEOWUNIFIEDTABLE th:nth-child(2),
	.PRRMEOWUNIFIEDTABLE td:nth-child(2) {
		display: none !important;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(3),
	.PRRMEOWUNIFIEDTABLE td:nth-child(3) {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(4),
	.PRRMEOWUNIFIEDTABLE td:nth-child(4) {
		display: none !important;
	}

	/* Hide BPM/Info on mobile too to save space? MP3 table keeps it but it's small. Let's keep it consistent with MP3 table? 
	   Actually MP3 table hides nothing except standard responsiveness. Check MP3 Mobile:
	   Col 1: 60px
	   Col 3 (Title): Auto
	   Col 5 (Link): 50px
	   Cols 2 & 4 are implicitly hidden or handled?
	   Looking at MP3 styles:
	   desktop: col 4 is 10%.
	   mobile: col 5 is 50px.
	   Let's stick to simple mobile layout: Date | Title | Link.
	*/
	.PRRMEOWUNIFIEDTABLE th:nth-child(4),
	.PRRMEOWUNIFIEDTABLE td:nth-child(4) {
		display: none !important;
	}

	.PRRMEOWUNIFIEDTABLE th:nth-child(5),
	.PRRMEOWUNIFIEDTABLE td:nth-child(5) {
		width: 50px !important;
		min-width: 50px !important;
		max-width: 50px !important;
		text-align: center;
	}
}

/* Search Result Coloring */
.PRRMEOWUNIFIEDTABLE tr.search-result-mp3 td {
	color: #ffffff !important;
	border-bottom: 1px solid #333333 !important;
}

.PRRMEOWUNIFIEDTABLE tr.search-result-event td {
	color: #000dff !important;
	border-bottom: 1px solid #333333 !important;
}

/* Fixed Header Styles for Unified Table (match others) */
.PRRMEOWUNIFIEDTABLE thead>tr>th {
	font-family: 'Silkscreen', monospace;
	font-size: 22px !important;
	letter-spacing: -0.05em;
	color: #b0b0b0 !important;
	/* Light grey */
	background-color: #000000;
	/* Black background */
	border-bottom: 3px solid #333333;
	padding: 4px 8px !important;
	margin: 0 !important;
	text-align: left !important;
	min-height: 40px !important;
	height: auto !important;
	vertical-align: middle !important;
}

/* Hover Effects */
.PRRMEOWUNIFIEDTABLE>tbody>tr:hover:not(.PRRMEOWSELECTEDROW)>td {
	background-color: #333333 !important;
	color: #ffffff !important;
	cursor: copy !important;
}

/* Selected Row */
.PRRMEOWUNIFIEDTABLE>tbody>tr.PRRMEOWSELECTEDROW>td {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* UNIFIED SEARCH TABLE FIXES (V216) */
.PRRMEOWUNIFIEDTABLE {
	table-layout: fixed !important;
	width: 100% !important;
}

/* Col 1: Date */
.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(1),
.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(1) {
	width: 15% !important;
	/* Approx 60-80px */
	min-width: 60px !important;
	max-width: 80px !important;
}

/* Col 2: Artist / Land - Hide on mobile (standard behavior) */
.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(2),
.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(2) {
	width: 20% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Col 3: Title (MP3) / Location (Event) - Main content area 1 */
.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(3),
.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(3) {
	width: auto !important;
	/* Take remaining space */
	min-width: 100px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Col 4: BPM (MP3) / Title (Event) - Main content area 2 (fixes Event Title truncation) */
.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(4),
.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(4) {
	width: 25% !important;
	/* Ensure enough space for Event Title */
	min-width: 80px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Col 5: Genre (MP3) */
.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(5),
.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(5) {
	width: 15% !important;
	max-width: 100px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Mobile overrides */
@media screen and (max-width: 767px) {

	/* Hide Col 2 (Artist/Land) on mobile */
	.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(2),
	.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(2) {
		display: none !important;
	}

	/* Ensure Col 4 (Event Title) has space on mobile */
	.PRRMEOWUNIFIEDTABLE>tbody>tr>td:nth-child(4),
	.PRRMEOWUNIFIEDTABLE>thead>tr>th:nth-child(4) {
		width: 35% !important;
	}
}

/* SEARCH ROW HEIGHT FIX (V216) */
/* Prevent container stretching */
#PRRMEOWSEARCHRESULTSWRAPPER {
	height: auto !important;
	min-height: 0 !important;
	justify-content: flex-start !important;
}

/* Reset Table Height */
#PRRMEOWUNIFIEDSEARCHTBL {
	height: auto !important;
	min-height: 0 !important;
}

/* Force Row Height 2.8em */
.PRRMEOWUNIFIEDTABLE tbody tr,
.PRRMEOWSEARCHRESULTROW {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
}

/* Force Cell Height and vertical alignment */
.PRRMEOWUNIFIEDTABLE tbody tr td,
.PRRMEOWSEARCHRESULTROW td {
	height: 2.8em !important;
	max-height: 2.8em !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	vertical-align: middle !important;
	line-height: 1.2 !important;
	/* Ensure consistent line height */
	white-space: nowrap !important;
	/* Double down on no wrap to prevent height expansion */
	overflow: hidden !important;
}

/* SEARCH ROW HEIGHT FIX (V216) - AGGRESSIVE */
/* Unified Table Container - reset height */
#PRRMEOWUNIFIEDSEARCHTBL {
	height: auto !important;
	min-height: 0 !important;
	table-layout: fixed !important;
	margin-bottom: 0 !important;
}

/* Wrapper - reset height and flex alignment */
#PRRMEOWSEARCHRESULTSWRAPPER {
	height: auto !important;
	min-height: 0 !important;
	justify-content: flex-start !important;
}

/* Force Row Height 2.8em */
#PRRMEOWUNIFIEDSEARCHTBL tbody tr,
.PRRMEOWSEARCHRESULTROW {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	display: table-row !important;
}

/* Force Cell Height and vertical alignment */
#PRRMEOWUNIFIEDSEARCHTBL tbody tr td,
.PRRMEOWSEARCHRESULTROW td {
	height: 2.8em !important;
	max-height: 2.8em !important;
	padding: 0 8px !important;
	vertical-align: middle !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* AGGRESSIVE RESET for Inner Content (span, etc) to prevent expansion */
.PRRMEOWSEARCHRESULTROW td *,
.PRRMEOWSEARCHRESULTROW .PRRMEOWEVENTTEXTCONTENT {
	display: inline !important;
	/* Force inline to prevent block expansion */
	height: auto !important;
	max-height: 2.8em !important;
	line-height: inherit !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* SEARCH ROW HEIGHT FIX (V216) - AGGRESSIVE & SINGLE RESULT FIX */

/* Wrapper - Becomes the fixed scroll container */
body.search-active #PRRMEOWSEARCHRESULTSWRAPPER {
	position: fixed !important;
	top: 80px !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: auto !important;
	/* Let flex/fixed logic handle it, but prevent forced height */
	z-index: 10000 !important;
	overflow-y: auto !important;
	/* Enable scrolling here */
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	/* Pack items at top */
}

/* Unified Table Container - reset to content flow */
body.search-active #PRRMEOWUNIFIEDSEARCHTBL,
#PRRMEOWUNIFIEDSEARCHTBL {
	position: relative !important;
	/* Reset fixed */
	top: auto !important;
	left: auto !important;
	transform: none !important;
	height: auto !important;
	/* Content height only! */
	min-height: 0 !important;
	max-height: none !important;
	width: 90% !important;
	max-width: 1200px !important;
	margin-bottom: 50px !important;
	/* Spacing */
	table-layout: fixed !important;
	display: table !important;
}

/* Force Row Height 2.8em */
#PRRMEOWUNIFIEDSEARCHTBL tbody tr,
.PRRMEOWSEARCHRESULTROW {
	height: 1.4em !important;
	min-height: 1.4em !important;
	max-height: 1.4em !important;
	display: table-row !important;
}

/* Force Cell Height and vertical alignment */
#PRRMEOWUNIFIEDSEARCHTBL tbody tr td,
.PRRMEOWSEARCHRESULTROW td {
	height: 2.8em !important;
	max-height: 2.8em !important;
	padding: 0 8px !important;
	vertical-align: middle !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* AGGRESSIVE RESET for Inner Content */
.PRRMEOWSEARCHRESULTROW td *,
.PRRMEOWSEARCHRESULTROW .PRRMEOWEVENTTEXTCONTENT {
	display: inline !important;
	height: auto !important;
	max-height: 2.8em !important;
	line-height: inherit !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* SEARCH MODE STYLING (V217) - Blue BG, White Text, Blue Highlight */

/* 1. Background Blue */
html.search-active,
body.search-active {
	background-color: #000dff !important;
}

/* Ensure wrapper is transparent so blue shows through */
body.search-active #PRRMEOWSEARCHRESULTSWRAPPER {
	background-color: transparent !important;
}

/* 2. Text White */
/* Unified Table Text */
body.search-active #PRRMEOWUNIFIEDSEARCHTBL,
body.search-active #PRRMEOWUNIFIEDSEARCHTBL td,
body.search-active #PRRMEOWUNIFIEDSEARCHTBL th,
.PRRMEOWSEARCHRESULTROW,
.PRRMEOWSEARCHRESULTROW td,
.PRRMEOWSEARCHRESULTROW a,
.PRRMEOWSEARCHRESULTROW span {
	color: #ffffff !important;
}

/*SEARCHHIGHLIGHTMEOWPRR - Highlight style for matching text*/
.PRRMEOWHIGHLIGHT {
	background-color: #ffffff;
	color: #000000 !important;
	/* V245: Enforce black text for visibility */
	font-weight: bold;
}

/* 3. Highlight Style (White BG, Blue Text) */
.PRRMEOWSEARCHHIGHLIGHT {
	background-color: #ffffff !important;
	color: #000dff !important;
	/* Blue text */
	font-weight: bold !important;
	padding: 0 2px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* 4. Selected Row Interaction */
/* When row is selected (White BG), invert highlight to be visible */
.PRRMEOWUNIFIEDTABLE>tbody>tr.PRRMEOWSELECTEDROW>td .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #000dff !important;
	/* Blue BG */
	color: #ffffff !important;
	/* White Text */
	outline: 1px solid #000dff !important;
}

/* Ensure links in search results inherit white color (unless highlighted) */
.PRRMEOWSEARCHRESULTROW a:not(:hover) {
	color: #ffffff !important;
	text-decoration: underline;
}

/* SEARCH STYLE V2 - NUCLEAR OPTION */

/* 1. FORCE BLUE BACKGROUND ON BODY/HTML */
html.search-active,
body.search-active {
	background-color: #000dff !important;
	background: #000dff !important;
}

/* 2. FORCE TRANSPARENT BACKGROUND ON WRAPPERS/TABLES */
html.search-active body.search-active #PRRMEOWSEARCHRESULTSWRAPPER,
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL {
	background-color: transparent !important;
	background: none !important;
}

/* 3. FORCE WHITE TEXT ON EVERYTHING */
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL,
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL tbody,
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL tr,
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL td,
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL span,
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL div,
html.search-active body.search-active .PRRMEOWSEARCHRESULTROW {
	color: #ffffff !important;
}

/* 4. FORCE WHITE TEXT ON LINKS */
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL a,
html.search-active body.search-active .PRRMEOWSEARCHRESULTROW a {
	color: #ffffff !important;
}

/* 5. HIGHLIGHT SRYLE (White BG, Blue Text) */
html.search-active body.search-active .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #ffffff !important;
	color: #000dff !important;
	font-weight: bold !important;
	padding: 0 2px !important;
}

/* 6. SELECTED ROW (White BG, Blue Text) */
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL tr.PRRMEOWSELECTEDROW td {
	background-color: #ffffff !important;
	color: #000dff !important;
}

/* 7. SELECTED ROW LINKS */
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL tr.PRRMEOWSELECTEDROW a {
	color: #000dff !important;
}

/* 8. SELECTED ROW HIGHLIGHT (Invert: Blue BG, White Text) */
html.search-active body.search-active #PRRMEOWUNIFIEDSEARCHTBL tr.PRRMEOWSELECTEDROW .PRRMEOWSEARCHHIGHLIGHT {
	background-color: #000dff !important;
	color: #ffffff !important;
}

/* SEARCH BAR UPDATE V218 - WHATMEOW??! */

/* White Bar, Blue Text, No Border */
#PRRMEOWSEARCHBAR {
	background-color: #ffffff !important;
	border-bottom: none !important;
	border: none !important;
	/* Ensure no borders at all */
	color: #000dff !important;
	display: flex !important;
	/* Ensure flex for alignment */
	align-items: center !important;
}

/* Input Field: Full Height, Blue Text */
#PRRMEOWSEARCHINPUT {
	background-color: transparent !important;
	color: #000dff !important;
	/* Blue text */
	height: 100% !important;
	/* Same height as box */
	line-height: normal !important;
	box-sizing: border-box !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#PRRMEOWSEARCHINPUT::placeholder {
	color: rgba(0, 13, 255, 0.5) !important;
}

/* Search Type Text (WHATMEOW??! > >) */
#PRRMEOWSEARCHTYPE {
	color: #000dff !important;
	/* Blue text */
}

/* Close Button: Bigger, Middle Alignment */
#PRRMEOWSEARCHCLOSEBTN {
	color: #000dff !important;
	/* Blue text */
	font-size: 40px !important;
	/* Bigger */
	width: 60px !important;
	/* Ensure touch target */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	opacity: 1 !important;
	/* Ensure visibility */
}

/* Ensure highlights are Blue Text */
.PRRMEOWSEARCHHIGHLIGHT,
html.search-active body.search-active .PRRMEOWSEARCHHIGHLIGHT {
	color: #000dff !important;
	/* Blue Text */
	background-color: #ffffff !important;
	/* White BG */
}

/* SEARCH BAR UPDATE V218 - WHATMEOW??! */

/* White Bar, Blue Text, No Border - NUCLEAR SPECIFICITY */
html body #PRRMEOWSEARCHBAR,
html body.search-active #PRRMEOWSEARCHBAR,
#PRRMEOWSEARCHBAR {
	background-color: #ffffff !important;
	border-bottom: none !important;
	border: none !important;
	/* Ensure no borders at all */
	box-shadow: none !important;
	/* Remove any shadows */
	color: #000dff !important;
	display: flex !important;
	/* Ensure flex for alignment */
	align-items: center !important;
}

/* Input Field: Full Height, Blue Text */
html body #PRRMEOWSEARCHINPUT,
html body.search-active #PRRMEOWSEARCHINPUT,
#PRRMEOWSEARCHINPUT {
	background-color: transparent !important;
	color: #000dff !important;
	/* Blue text */
	height: 100% !important;
	/* Same height as box */
	line-height: normal !important;
	box-sizing: border-box !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
}

#PRRMEOWSEARCHINPUT::placeholder {
	color: rgba(0, 13, 255, 0.5) !important;
}

/* Search Type Text (WHATMEOW??! > >) */
html body #PRRMEOWSEARCHTYPE,
html body.search-active #PRRMEOWSEARCHTYPE,
#PRRMEOWSEARCHTYPE {
	color: #000dff !important;
	/* Blue text */
}

/* Close Button: Bigger, Middle Alignment */
html body #PRRMEOWSEARCHCLOSEBTN,
html body.search-active #PRRMEOWSEARCHCLOSEBTN,
#PRRMEOWSEARCHCLOSEBTN {
	color: #000dff !important;
	/* Blue text */
	font-size: 40px !important;
	/* Bigger */
	width: 60px !important;
	/* Ensure touch target */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	opacity: 1 !important;
	/* Ensure visibility */
	transform: none !important;
	text-shadow: none !important;
}

/* Ensure highlights are Blue Text */
.PRRMEOWSEARCHHIGHLIGHT,
html.search-active body.search-active .PRRMEOWSEARCHHIGHLIGHT {
	color: #000dff !important;
	/* Blue Text */
	background-color: #ffffff !important;
	/* White BG */
}

/* SEARCH BAR UPDATE V220 - WHATMEOW??! */

/* White Bar, Blue Text, No Border - NUCLEAR SPECIFICITY */
html body #PRRMEOWSEARCHBAR,
html body.search-active #PRRMEOWSEARCHBAR,
#PRRMEOWSEARCHBAR {
	background-color: #ffffff !important;
	border-bottom: none !important;
	border: none !important;
	/* Ensure no borders at all */
	box-shadow: none !important;
	/* Remove any shadows */
	color: #000dff !important;
	display: flex !important;
	/* Ensure flex for alignment */
	align-items: center !important;
}

/* Input Field: Full Height, Blue Text */
/* Targeting inputs specifically to override any default input styles */
html body #PRRMEOWSEARCHINPUT,
html body.search-active #PRRMEOWSEARCHINPUT,
#PRRMEOWSEARCHINPUT,
input#PRRMEOWSEARCHINPUT[type="text"] {
	background-color: #ffffff !important;
	/* White BG (V217) */
	color: #000dff !important;
	/* Blue text */
	height: 100% !important;
	/* Same height as box */
	line-height: normal !important;
	box-sizing: border-box !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
	/* Remove red border */
	outline: none !important;
	/* Remove focus outline */
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	/* Remove OS specific styles */
	border-radius: 0 !important;
}

html body #PRRMEOWSEARCHINPUT::placeholder,
#PRRMEOWSEARCHINPUT::placeholder {
	color: rgba(0, 13, 255, 0.5) !important;
}

/* Search Type Text (WHATMEOW??! > >) */
html body #PRRMEOWSEARCHTYPE,
html body.search-active #PRRMEOWSEARCHTYPE,
#PRRMEOWSEARCHTYPE {
	color: #000dff !important;
	/* Blue text */
}

/* Close Button: Bigger, Middle Alignment */
html body #PRRMEOWSEARCHCLOSEBTN,
html body.search-active #PRRMEOWSEARCHCLOSEBTN,
#PRRMEOWSEARCHCLOSEBTN,
button#PRRMEOWSEARCHCLOSEBTN {
	color: #000dff !important;
	/* Blue text */
	font-size: 40px !important;
	/* Bigger */
	width: 60px !important;
	/* Ensure touch target */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	opacity: 1 !important;
	/* Ensure visibility */
	transform: none !important;
	text-shadow: none !important;
	background-color: transparent !important;
	/* Ensure no grey bg */
	border: none !important;
}

/* Ensure highlights are Blue Text / Dark Yellow Underline */
.PRRMEOWSEARCHHIGHLIGHT,
html.search-active body.search-active .PRRMEOWSEARCHHIGHLIGHT,
span[style*="background-color: rgb(255, 255, 255)"],
span[style*="background-color: #ffffff"] {
	color: #0000ff !important;
	/* Blue Text */
	background-color: transparent !important;
	/* Transparent BG */
	text-decoration: underline !important;
	text-decoration-color: #CCCC00 !important;
	/* Dark Yellow Underline */
}

/* HIDEMEOSEARCHIMGABOVEBARMEOWPRR - Remove image from search mode (requested V231) */
body.search-active #PRRMEOWSEARCHIMG_ABOVE,
body.search-active .PRRMEOWSEARCHIMG {
	display: none !important;
}

/*MARQUEEOVERFLOWMIAUWPRR*/
/* Updated for PING-PONG animation (V217b) */
@keyframes MEOWPINGPONG {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(var(--marquee-distance));
	}

	100% {
		transform: translateX(0);
	}
}

.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWMARQUEEACTIVE,
.PRRMEOWSORTABLE>tbody>tr>td .PRRMEOWMARQUEEACTIVE,
.PRRMEOWEVENTSTABLE>tbody>tr>td .PRRMEOWMARQUEEACTIVE,
.PRRMEOWMP3TABLE>tbody>tr>td .PRRMEOWMARQUEEACTIVE {
	display: inline-block !important;
	position: relative;
	/* overflow: visible !important; REMOVED - Causes glitching through other columns */
	white-space: nowrap !important;
	text-overflow: clip !important;
	animation: MEOWPINGPONG var(--marquee-duration) linear infinite !important;
	will-change: transform;
}

/* FULLDATEDISPLAYMEOWPRR - Show full date on hover/armed state only (prevent doubled date e.g. 20262026-01-28) */
.MEOW_DATE_FULL,
.PRRMEOWMP3TABLE>tbody>tr>td.PRRMEOWYEARCOL .MEOW_DATE_FULL,
.PRRMEOWSORTABLE>tbody>tr>td.PRRMEOWYEARCOL .MEOW_DATE_FULL {
	display: none !important;
}

/* On hover or armed state: show full date, hide short */
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:hover .MEOW_DATE_SHORT,
.PRRMEOWMP3TABLE>tbody>tr:hover .MEOW_DATE_SHORT,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .MEOW_DATE_SHORT,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .MEOW_DATE_SHORT {
	display: none !important;
}

body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr:hover .MEOW_DATE_FULL,
.PRRMEOWMP3TABLE>tbody>tr:hover .MEOW_DATE_FULL,
body[data-view="mp3"] .PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .MEOW_DATE_FULL,
.PRRMEOWMP3TABLE>tbody>tr.PRRMEOWCLICKARMED .MEOW_DATE_FULL {
	display: inline !important;
}

/* TRACKCOMMENTROWMEOWPRR - Styling for the ID3 comment row */
.PRRMEOWCOMMENTROW {
	width: 100%;
	background-color: var(--color-hover-bg) !important;
	/* Match armed row color */
}

.PRRMEOWCOMMENTROW td {
	padding: 0 !important;
	/* Remove cell padding so bg fills */
	border: none !important;
	background-color: var(--color-hover-bg) !important;
}

.PRRMEOWCOMMENTCONTENT {
	background-color: transparent;
	/* Inherit from row/td */
	color: #ffffff;
	/* White text */
	padding: 8px 12px 12px 12px;
	/* Padding moved here */
	font-size: 14px;
	font-family: 'Silkscreen', monospace;
	border-left: 4px solid #ffffff;
	/* White accent border */
	white-space: normal !important;
	/* Allow text wrapping */
	word-break: break-word;
	/*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);*/
	/* Removed shadow to flatten */
	text-transform: uppercase;

	/* 3 LINES MAX MEOWPRR */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Ensure it looks connected to the row above */
.PRRMEOWSELECTEDROW+.PRRMEOWCOMMENTROW .PRRMEOWCOMMENTCONTENT {
	margin-top: 0;
}

/* Hide on search if needed or handled by JS rebuild */
/*MOBILEARMEDTITLEFLEXMEOWPRR - User Request: "give leftover space to track title column on mobile when armed" */
/* MP3 mode: handled by MP3ARMEDROWFULLWIDTHMOBILEMEOWPRR (:has() thead + auto title) */
@media screen and (max-width: 768px) {

	/* In Events mode, column 4 (EVENTTITLE) gets leftover space */
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:first-child,
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(2),
	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3),
	.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:first-child,
	.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(2),
	.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(3) {
		width: 1% !important;
		min-width: 0 !important;
		white-space: nowrap !important;
	}

	body[data-view="events"] .PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(4),
	.PRRMEOWEVENTSTABLE>tbody>tr.PRRMEOWCLICKARMED>td:nth-child(4) {
		width: 90% !important;
		min-width: 0 !important;
	}
}

/*MOBILENOGAPMEOWPRR - MP3 table fits viewport; no horizontal scroll; 100% not 100vw to avoid overflow*/
@media screen and (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	#PRRMEOWCONTAINER {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
		overflow-x: hidden !important;
	}
	#PRRMEOWSEARCHRESULTSWRAPPER {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}
	.PRRMEOWSORTABLE {
		table-layout: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}
	#PRRMEOWMUSICTBL,
	#PRRMEOWMUSICTBL.PRRMEOWHASARMEDROW {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		table-layout: auto !important;
		box-sizing: border-box;
	}
	.PRRMEOWCOMMENTROW,
	.PRRMEOWCOMMENTROW td {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}