/* Win95 scrollbar — webkit only (scrollbar-color/width break ::-webkit-scrollbar in Chrome 121+) */
html {
	overflow-y: scroll;
	background-color: #0a0a0a;
}

html::-webkit-scrollbar {
	width: 16px;
	height: 16px;
	background: #c0c0c0;
}

html::-webkit-scrollbar-track {
	background-color: #c0c0c0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' width='1' height='1' fill='%23a8a8a8'/%3E%3Crect y='1' width='1' height='1' fill='%23a8a8a8'/%3E%3C/svg%3E");
	border-left: 1px solid #808080;
	box-shadow: inset 1px 0 0 #404040;
}

html::-webkit-scrollbar-thumb {
	background-color: #c0c0c0;
	border-top: 2px solid #dfdfdf;
	border-left: 2px solid #dfdfdf;
	border-bottom: 2px solid #404040;
	border-right: 2px solid #404040;
	box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #ffffff;
	border-radius: 0;
	min-height: 24px;
}

html::-webkit-scrollbar-thumb:hover {
	background-color: #d4d4d4;
}

html::-webkit-scrollbar-thumb:active {
	background-color: #b0b0b0;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	border-bottom: 2px solid #dfdfdf;
	border-right: 2px solid #dfdfdf;
	box-shadow: none;
}

html::-webkit-scrollbar-button:vertical:start:decrement,
html::-webkit-scrollbar-button:vertical:end:increment,
html::-webkit-scrollbar-button:horizontal:start:decrement,
html::-webkit-scrollbar-button:horizontal:end:increment {
	display: block;
	width: 16px;
	height: 16px;
	background-color: #c0c0c0;
	border-top: 2px solid #dfdfdf;
	border-left: 2px solid #dfdfdf;
	border-bottom: 2px solid #404040;
	border-right: 2px solid #404040;
	box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0;
}

html::-webkit-scrollbar-button:vertical:start:decrement {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath fill='%23000000' d='M0 4 4 0l4 4z'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:vertical:end:increment {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath fill='%23000000' d='M0 0 4 4l4-4z'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:horizontal:start:decrement {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8'%3E%3Cpath fill='%23000000' d='M4 0 0 4l4 4z'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:horizontal:end:increment {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8'%3E%3Cpath fill='%23000000' d='M0 0 4 4 0 8z'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:vertical:start:decrement:active,
html::-webkit-scrollbar-button:vertical:end:increment:active,
html::-webkit-scrollbar-button:horizontal:start:decrement:active,
html::-webkit-scrollbar-button:horizontal:end:increment:active {
	background-color: #b0b0b0;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	border-bottom: 2px solid #dfdfdf;
	border-right: 2px solid #dfdfdf;
	box-shadow: none;
}

html::-webkit-scrollbar-corner {
	background: #c0c0c0;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}

@supports not selector(::-webkit-scrollbar) {
	html {
		scrollbar-color: #c0c0c0 #c0c0c0;
		scrollbar-width: auto;
	}
}

body {
	margin: 8px;
	background-color: #0a0a0a;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24h24M24 0v24' stroke='%23883333' stroke-width='1'/%3E%3C/svg%3E");
	color: #c8c8c8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.45;
}

a {
	color: #ff3333;
}
a:visited {
	color: #bb2222;
}
a:hover {
	color: #ffaa88;
}

table.shell {
	width: 960px;
	max-width: calc(100vw - 16px);
	margin: 0 auto;
	border: 2px ridge #662222;
	background-color: #111111;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24h24M24 0v24' stroke='%23442222' stroke-width='1'/%3E%3C/svg%3E");
}

td.header {
	padding: 12px 16px;
	text-align: center;
	background-color: #1a0a0a;
	border-bottom: 2px groove #881111;
}

td.nav {
	padding: 8px 12px;
	text-align: center;
	background-color: #0d0d0d;
	border-bottom: 1px solid #331111;
	font-size: 11px;
}

td.main {
	padding: 18px 24px;
	vertical-align: top;
	font-size: 13px;
}

td.footer {
	padding: 10px 16px 54px;
	text-align: center;
	font-size: 10px;
	color: #777777;
	background-color: #080808;
	background-image: url("tiles/city-skyline-x.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 44px;
	border-top: 1px solid #331111;
}
.footer-skull-divider {
	margin: 2px 0 10px;
	line-height: 0;
}
.footer-skull-divider .retro-gif-img {
	margin: 0 8px;
	border: none;
	vertical-align: middle;
}

h1 {
	margin: 0 0 8px;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	color: #ff4444;
}

.welcome-torches {
	margin: 0 0 10px;
}
.welcome-torches-table {
	margin: 0 auto;
}
.welcome-torch-cell {
	vertical-align: middle;
	padding: 0 12px;
	line-height: 0;
}
.welcome-torch-cell .retro-gif-img {
	margin: 0;
	border: none;
}
.welcome-title-cell {
	vertical-align: middle;
	text-align: center;
}
.welcome-title-cell h1 {
	margin: 0;
}

h2 {
	margin: 18px 0 8px;
	font-size: 15px;
	color: #dd8888;
	font-family: "Times New Roman", Times, serif;
}

hr.rainbow {
	border: 0;
	height: 4px;
	background: linear-gradient(90deg, #ff0000, #cc0000, #660000, #330000, #ff3333, #990000);
	margin: 14px 0;
}

.blink {
	animation: classic-blink 1.2s step-start infinite;
}
@keyframes classic-blink {
	50% { visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
	.blink { animation: none; }
	.marquee-wrap span { animation: none; padding-left: 0; }
	.sparkle { animation: none; }
	.signature-blink { animation: none; }
	.sign-guestbook-btn { animation: none; }
	.retro-badge { animation: none; }
	.gif-construction,
	.gif-email,
	.gif-new-text,
	.gif-hot-text,
	.gif-hot-flame,
	.gif-at-spin,
	hr.flames,
	.neon-counter-display { animation: none !important; }
}

hr.stars {
	border: 0;
	height: 14px;
	margin: 14px 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14'%3E%3Ctext x='8' y='11' fill='%23883333' font-size='10'%3E%E2%9C%A6%3C/text%3E%3Ctext x='32' y='11' fill='%23aa4444' font-size='10'%3E%E2%9C%A6%3C/text%3E%3Ctext x='56' y='11' fill='%23883333' font-size='10'%3E%E2%9C%A6%3C/text%3E%3Ctext x='80' y='11' fill='%23cc5555' font-size='10'%3E%E2%9C%A6%3C/text%3E%3Ctext x='104' y='11' fill='%23883333' font-size='10'%3E%E2%9C%A6%3C/text%3E%3C/svg%3E") repeat-x center;
}

.retro-signature {
	margin: 20px 0 8px;
	padding: 4px 0;
}
.signature-name {
	margin: 8px 0 4px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ff6666;
}
.signature-blink {
	animation: classic-blink 1.8s step-start infinite;
}
.signature-tag {
	margin: 0 0 6px;
	font-size: 11px;
	color: #aa8888;
}
.signature-email {
	margin: 0;
	font-size: 11px;
}
.sparkle {
	display: inline-block;
	color: #ffaa44;
	animation: sparkle-pulse 1.2s ease-in-out infinite;
}
.sparkle:last-child {
	animation-delay: 0.6s;
}
@keyframes sparkle-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.35; transform: scale(0.85); }
}

.guestbook-sign {
	margin: 18px 0 8px;
}
.sign-guestbook-btn {
	display: inline-block;
	padding: 10px 18px;
	border: 2px outset #884444;
	background: #220000;
	color: #ff6666 !important;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0.04em;
	animation: guestbook-pulse 1.4s ease-in-out infinite;
}
.sign-guestbook-btn:hover {
	background: #331111;
	color: #ffaa88 !important;
	border-color: #aa5555;
}
@keyframes guestbook-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.35); }
	50% { box-shadow: 0 0 10px 2px rgba(255, 68, 68, 0.25); }
}

.best-viewed {
	margin: 8px 0 4px;
	color: #777777;
}
.best-viewed img {
	margin: 4px 2px;
	vertical-align: middle;
}
.best-viewed .retro-gif-img {
	border: none;
}
a .retro-gif-img[src$="point-left.gif"],
a .retro-gif-img[src$="point-forward.gif"],
a .retro-gif-img[src$="arrow.gif"] {
	border: none;
	margin: 0 4px;
	vertical-align: middle;
}

.retro-badge {
	animation: badge-shimmer 3s ease-in-out infinite;
}
.retro-badge:nth-child(2n) {
	animation-delay: 0.5s;
}
@keyframes badge-shimmer {
	0%, 100% { filter: brightness(1); }
	50% { filter: brightness(1.15); }
}

.noscript-warn {
	margin: 6px;
	padding: 6px 10px;
	background: #220000;
	border: 1px solid #662222;
	color: #ff8888;
	font-size: 11px;
}

/* ~*~ real 90s GIFs ~*~ */
.retro-gifs {
	margin: 10px 0 6px;
	line-height: 0;
}
.retro-gifs a,
.retro-gifs span {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.retro-gif-img,
.footer-badges .retro-gif-img {
	display: inline-block;
	margin: 3px 4px;
	vertical-align: middle;
	border: 2px outset #884444;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

img[src$="mailbox-flag.gif"],
img[src$="email.gif"] {
	border: none;
}

.retro-decor {
	margin: 8px 0 14px;
	line-height: 0;
}
.retro-decor .retro-gif-img {
	margin: 4px 8px;
	border: 2px ridge #662222;
}

.awards-skeleton-sides {
	margin: 8px 0 10px;
	padding: 0 16px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	line-height: 0;
}
.awards-skeleton-sides .retro-gif-img {
	margin: 0;
	border: none;
}

.page-hero-gif {
	margin: 4px 0 14px;
	line-height: 0;
}
.page-hero-gif .retro-gif-img {
	border: none;
}

.cctv-corner {
	position: fixed;
	top: 8px;
	right: 8px;
	z-index: 8999;
	display: block;
	line-height: 0;
	opacity: 0.92;
	pointer-events: none;
}
.cctv-corner .retro-gif-img {
	margin: 0;
	border: none;
}
.cctv-corner:hover {
	opacity: 1;
}

hr.film-strip-divider {
	border: 0;
	height: 71px;
	margin: 16px 0;
	background: url("tiles/rally-film-strip-x.gif") repeat-x center;
	background-size: auto 71px;
	opacity: 0.92;
}

hr.flames {
	border: 0;
	height: 14px;
	margin: 16px 0;
	background: url("tiles/rainbow-swirl-x.gif") repeat-x center;
	background-size: auto 14px;
	opacity: 0.9;
}

/* legacy CSS fake GIFs (unused; kept for reference) */
.gif-90 {
	display: inline-block;
	width: 88px;
	height: 31px;
	margin: 3px 4px;
	vertical-align: middle;
	overflow: hidden;
	border: 2px outset #884444;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
}
.gif-construction {
	background: repeating-linear-gradient(90deg, #cc9900 0 8px, #1a1000 8px 16px);
	background-size: 32px 100%;
	animation: gif-stripes 0.35s linear infinite;
}
.gif-construction-text {
	display: block;
	margin: 5px 4px 0;
	padding: 1px 2px;
	background: rgba(0, 0, 0, 0.82);
	color: #ffcc00;
	font: bold 7px/8px Verdana, Arial, sans-serif;
	text-align: center;
	letter-spacing: -0.5px;
	animation: classic-blink 1.1s step-start infinite;
}
@keyframes gif-stripes {
	to { background-position: 32px 0; }
}

.gif-email {
	background: #1a0a0a;
	animation: gif-bounce 0.6s ease-in-out infinite;
}
.gif-email-icon {
	position: absolute;
	left: 6px;
	top: 6px;
	font-size: 14px;
	line-height: 1;
}
.gif-email-text {
	display: block;
	margin: 10px 0 0 22px;
	color: #ff6666;
	font: bold 8px Verdana, Arial, sans-serif;
	letter-spacing: -0.3px;
}
@keyframes gif-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-2px); }
}

.gif-new {
	background: #111;
}
.gif-new-text {
	display: block;
	margin-top: 8px;
	font: bold 14px Impact, "Arial Black", sans-serif;
	text-align: center;
	letter-spacing: 1px;
	animation: gif-rainbow 1.2s linear infinite;
}
@keyframes gif-rainbow {
	0% { color: #ff3333; }
	20% { color: #ffaa33; }
	40% { color: #ffff66; }
	60% { color: #66ff66; }
	80% { color: #6699ff; }
	100% { color: #ff3333; }
}

.gif-hot {
	background: linear-gradient(180deg, #330000, #110000);
	cursor: default;
}
.gif-hot-text {
	position: absolute;
	left: 8px;
	top: 8px;
	font: bold 11px Impact, sans-serif;
	color: #ff4400;
	animation: gif-hot-pulse 0.45s ease-in-out infinite alternate;
}
.gif-hot-flame {
	position: absolute;
	right: 8px;
	top: 4px;
	font-size: 16px;
	animation: gif-flame-flicker 0.25s step-start infinite;
}
@keyframes gif-hot-pulse {
	from { transform: scale(1); color: #ff4400; }
	to { transform: scale(1.08); color: #ffaa00; }
}
@keyframes gif-flame-flicker {
	50% { opacity: 0.45; transform: translateY(1px); }
}

.gif-at {
	background: #0a0a0a;
}
.gif-at-spin {
	display: block;
	margin-top: 4px;
	font: bold 22px "Courier New", monospace;
	color: #ff6666;
	text-align: center;
	animation: gif-spin 2s linear infinite;
}
@keyframes gif-spin {
	to { transform: rotate(360deg); }
}

.marquee-wrap {
	overflow: hidden;
	white-space: nowrap;
	background: #1a0000;
	border: 1px inset #662222;
	padding: 4px 0;
	margin: 8px 0 12px;
	color: #ff6666;
	font-size: 11px;
}
.marquee-wrap span {
	display: inline-block;
	padding-left: 100%;
	animation: classic-marquee 18s linear infinite;
}
@keyframes classic-marquee {
	to { transform: translateX(-100%); }
}

.badge {
	display: inline-block;
	margin: 4px 2px;
	padding: 3px 8px;
	border: 1px outset #884444;
	background: #1a1111;
	font-size: 10px;
	color: #dddddd;
}
.badge a {
	color: #ff6666;
	text-decoration: none;
}
.badge a:hover {
	color: #ffaa88;
}

table.roll-list {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
table.roll-list th,
table.roll-list td {
	border: 1px solid #442222;
	padding: 6px 8px;
	vertical-align: middle;
}
table.roll-list th {
	background: #1a0a0a;
	color: #ff6666;
	text-align: left;
}
table.roll-list tr:nth-child(even) td {
	background: #0f0a0a;
}

table.roll-list th.col-canister,
table.roll-list td.col-canister,
table.roll-list th.col-shot,
table.roll-list td.col-shot {
	width: 1%;
	white-space: nowrap;
	padding: 8px 10px;
}

table.roll-list td.col-canister {
	text-align: center;
}

table.roll-list img.canister-thumb {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: contain;
	margin: 0 auto;
	border: 0;
}

table.roll-list img.thumb {
	border: 2px solid #662222;
	display: block;
	width: 120px;
	height: auto;
	max-height: 90px;
	object-fit: cover;
}

table.gallery {
	width: 100%;
	border-collapse: separate;
	border-spacing: 8px;
}
table.gallery td {
	text-align: center;
	vertical-align: top;
	width: 25%;
}
table.gallery img {
	border: 3px ridge #662222;
	background: #111;
	max-width: 210px;
	width: 100%;
	height: auto;
}
table.gallery a:hover img {
	border-color: #ff6666;
}

.meta {
	font-size: 11px;
	color: #999999;
	margin-bottom: 12px;
}
.meta strong {
	color: #ff6666;
}
.meta a {
	color: #ff4444;
}

tr:target td {
	background: #1a1111 !important;
}

.under-construction {
	text-align: center;
	margin: 16px 0;
	padding: 10px 8px 8px;
	border: 2px dashed #662222;
	color: #ff3333;
}
.under-construction .retro-gif-img {
	margin: 0 auto 6px;
	border: none;
}

.shuffle-dice-cta {
	margin: 20px 0;
	padding: 14px 12px 10px;
	border: 2px dashed #662222;
	background-color: #0f0808;
}
.shuffle-dice-label {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	color: #ff4444;
	letter-spacing: 0.04em;
}
.shuffle-dice-link {
	display: inline-block;
	padding: 6px 10px;
	border: none;
	background: transparent;
	text-decoration: none;
	line-height: 0;
}
.shuffle-dice-link:hover,
.shuffle-dice-link:focus-visible {
	outline: 1px dotted #ff6666;
}
.shuffle-dice-link .retro-gif-img {
	margin: 0;
	border: none;
}

.shuffle-eightball-cta {
	margin: 16px 0 20px;
	padding: 14px 12px 10px;
	border: 2px dashed #442244;
	background-color: #0c080f;
}
.shuffle-eightball-link {
	display: inline-block;
	padding: 6px 10px;
	border: none;
	background: transparent;
	text-decoration: none;
	line-height: 0;
}
.shuffle-eightball-link:hover,
.shuffle-eightball-link:focus-visible {
	outline: 1px dotted #ff66aa;
}
.shuffle-eightball-link .retro-gif-img,
.error404-gifs .retro-gif-img,
.enter-splash-gif .retro-gif-img {
	margin: 0 6px;
	border: none;
}
#eightball-answer {
	display: inline-block;
	margin-top: 8px;
	color: #cc9999;
	min-height: 1.2em;
}

.enter-splash {
	margin: 0;
	min-height: 100vh;
}
.enter-splash-inner {
	max-width: 520px;
	margin: 0 auto;
	padding: 28px 16px 40px;
}
.enter-splash-gif {
	margin: 0 0 14px;
	line-height: 0;
}
.enter-site-btn {
	display: inline-block;
	margin: 14px 0 8px;
	padding: 10px 22px;
	border: 3px outset #884444;
	background: linear-gradient(180deg, #331111 0%, #1a0808 100%);
	color: #ffcccc;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-decoration: none;
}
.enter-site-btn:hover,
.enter-site-btn:focus-visible {
	border-style: inset;
	color: #ffffff;
	outline: 1px dotted #ff6666;
}

.error404-gifs {
	margin: 12px 0 16px;
	line-height: 0;
}

.guestbook-entry {
	margin: 10px 0;
	padding: 8px;
	border: 1px inset #442222;
	background: #0f0a0a;
}
.guestbook-entry .who {
	color: #ff6666;
	font-weight: bold;
}
.guestbook-entry .when {
	color: #666666;
	font-size: 10px;
}

.counter {
	font-family: "Courier New", Courier, monospace;
	color: #ff6666;
	letter-spacing: 2px;
}

.neon-counters {
	margin: 14px 0 12px;
	padding: 4px 0;
}

.neon-counter-box {
	display: inline-block;
	vertical-align: top;
	margin: 6px 14px;
	padding: 10px 18px 12px;
	background: linear-gradient(180deg, #120808 0%, #050000 100%);
	border: 3px ridge #662222;
	box-shadow:
		inset 0 0 24px rgba(0, 0, 0, 0.9),
		inset 0 2px 0 rgba(255, 80, 80, 0.08),
		0 0 14px rgba(255, 0, 0, 0.12);
}

.neon-counter-label {
	font: bold 10px Verdana, Arial, sans-serif;
	color: #aa5555;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.neon-counter-display {
	font: bold 36px "Courier New", Courier, monospace;
	color: #ff4466;
	letter-spacing: 0.22em;
	padding: 2px 4px;
	text-shadow:
		0 0 2px #fff,
		0 0 6px #ff2244,
		0 0 14px #ff0033,
		0 0 28px #dd0022,
		0 0 48px #aa0018;
	animation: neon-flicker 5s infinite;
}

.neon-counter-display--page {
	font-size: 26px;
	letter-spacing: 0.18em;
	color: #ff6677;
	text-shadow:
		0 0 2px #fff,
		0 0 6px #ff3355,
		0 0 16px #ee1133,
		0 0 32px #cc0022;
}

@keyframes neon-flicker {
	0%, 92%, 100% { opacity: 1; filter: brightness(1); }
	93% { opacity: 0.9; filter: brightness(0.85); }
	94% { opacity: 1; filter: brightness(1.05); }
	96% { opacity: 0.82; filter: brightness(0.75); }
	97% { opacity: 1; }
}

.social-links {
	margin: 10px 0 8px;
	font-size: 12px;
	line-height: 1.8;
}
.social-links b {
	color: #aa6666;
	letter-spacing: 0.06em;
}

.webring {
	margin: 16px 0 4px;
	padding: 8px;
	border: 1px dashed #442222;
	color: #aa7777;
}

.footer-badges {
	margin: 10px 0 6px;
}
.footer-badges img {
	margin: 2px 4px;
	vertical-align: middle;
}

.cc-license {
	margin: 10px 0 8px;
	line-height: 1.5;
}
.cc-license img {
	border: 0;
	vertical-align: middle;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.visitor-map {
	margin: 8px 0;
}

.photo-of-week {
	border: 3px ridge #662222;
}

.ascii-art {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #884444;
	text-align: center;
	line-height: 1.2;
	margin: 12px 0;
}

dl.faq {
	margin: 12px 0;
}
dl.faq dt {
	color: #ff6666;
	font-weight: bold;
	margin-top: 12px;
}
dl.faq dd {
	margin: 4px 0 0 16px;
	color: #bbbbbb;
}

textarea {
	background: #0a0a0a;
	color: #cccccc;
	border: 1px inset #442222;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	padding: 6px;
}

#screen-res {
	display: block;
	margin: 4px 0;
	color: #888888;
}

/* Background music — DJ + Win95-style sprite toggle */
.classic-audio-wrap {
	position: fixed;
	right: 8px;
	bottom: 8px;
	z-index: 9000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0;
	line-height: 0;
}

.classic-audio-main {
	display: flex;
	align-items: flex-end;
	gap: 2px;
}

.dj-skip-btn {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	line-height: 0;
}

.dj-skip-btn:hover .dj-turntables-gif,
.dj-skip-btn:focus-visible .dj-turntables-gif {
	opacity: 1;
	filter: brightness(1.08);
}

.classic-track-label {
	display: block;
	margin-top: 3px;
	max-width: 124px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: 9px/1.2 Verdana, Arial, sans-serif;
	color: #777777;
	text-align: right;
	line-height: 1.2;
}

.dj-turntables-gif {
	display: block;
	margin: 0 0 2px;
	border: none;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	opacity: 0.95;
}

.dj-turntables-gif.is-muted {
	opacity: 0.4;
	filter: grayscale(0.75);
}

.btn-audio {
	position: static;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 0 2px;
	padding: 0;
	border: 2px outset #dfdfdf;
	background-color: #c0c0c0;
	background-image: url("ico-audio.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	text-decoration: none;
	cursor: pointer;
	box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #ffffff;
	flex-shrink: 0;
}

.btn-audio:hover,
.btn-audio:focus-visible {
	border-style: inset;
	box-shadow: none;
	outline: 1px dotted #000;
}

.btn-audio.is-inactive {
	background-position: 0 -40px;
}

.btn-audio.is-active {
	background-position: 0 0;
}

.btn-audio-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 640px) {
	.awards-skeleton-sides {
		padding: 0 6px;
	}
	.awards-skeleton-sides .retro-gif-img {
		width: 44px !important;
		height: 132px !important;
	}
	.welcome-torch-cell {
		padding: 0 6px;
	}
	.welcome-torch-cell .retro-gif-img {
		width: 32px !important;
		height: 64px !important;
	}
	.welcome-title-cell h1 {
		font-size: 17px;
		line-height: 1.2;
	}
	.cctv-corner {
		top: auto;
		right: 108px;
		bottom: 10px;
	}
	.cctv-corner .retro-gif-img {
		width: 64px !important;
		height: 48px !important;
	}
	td.nav {
		font-size: 10px;
		line-height: 1.6;
	}

	.neon-counter-display {
		font-size: 28px;
		letter-spacing: 0.14em;
	}

	.neon-counter-display--page {
		font-size: 20px;
	}

	.neon-counter-box {
		margin: 6px 8px;
		padding: 8px 12px 10px;
	}

	table.gallery td {
		width: 50%;
	}

	table.gallery img {
		max-width: 140px;
	}

	table.roll-list img.thumb {
		width: 80px;
	}
}