/* Cat Arcade live boards: thecattoken.com. Themes follow each game (space / wood / foil). */

/* ---------- layout ---------- */
.arcade-games-grid{display:block}
.arcade-board-wrap{width:min(440px,100%);margin:20px auto 0}
.arcade-board-wrap--match{width:min(580px,100%);margin-top:18px}
@media(min-width:1000px){
	.arcade-games-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(300px,380px);justify-content:center;align-items:start;gap:28px}
	.arcade-games-grid .adventure-handheld{margin:0}
	.arcade-games-grid .arcade-board-wrap{margin:0;width:100%}
}

/* ---------- shared board bits ---------- */
.arcade-board{position:relative;box-sizing:border-box;font-family:var(--font-body);text-align:left}
.arcade-board *{box-sizing:border-box}
.arcade-board-screen{position:relative;overflow:hidden}
.arcade-board-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.arcade-board-titles{display:flex;flex-direction:column;min-width:0}
.arcade-board-title{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.2}
.arcade-board-game{font-size:.75rem;opacity:.8;margin-top:2px}
.arcade-tabs{position:relative;z-index:1;display:inline-flex;gap:4px;padding:4px;margin:12px 0 10px;border-radius:999px}
.arcade-tab{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;padding:8px 14px;min-height:36px;font-family:var(--font-display);font-weight:600;font-size:.8rem;cursor:pointer;background:transparent;touch-action:manipulation}
.arcade-rows{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.arcade-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border-radius:10px;min-width:0}
.arcade-medal{flex:0 0 26px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:500;font-size:.85rem;line-height:1}
.arcade-rank-num{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.arcade-entry{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px}
.arcade-name-line{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px}
.arcade-theme--space .arcade-entry{flex-direction:column;align-items:stretch;gap:1px}
.arcade-theme--space .arcade-entry .arcade-score{font-size:.8rem}
.arcade-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.arcade-discord{flex:0 0 auto;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:#5865F2;color:#fff}
.arcade-score{flex:0 0 auto;font-family:var(--font-mono);font-weight:500;font-size:.85rem;white-space:nowrap}
.arcade-status{position:relative;z-index:1;margin:10px 0 0;font-size:.75rem;opacity:.85}
.arcade-more{position:relative;z-index:1;display:none;margin:8px auto 0;appearance:none;border:0;background:transparent;font-family:var(--font-display);font-weight:600;font-size:.8rem;cursor:pointer;min-height:44px;padding:0 14px;text-decoration:underline;text-underline-offset:3px}
.arcade-you{margin-top:10px;font-size:.8rem;line-height:1.5;text-align:center}
.arcade-you-name{font-weight:700}
.arcade-link{appearance:none;border:0;background:transparent;padding:6px 4px;margin-left:6px;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.arcade-leader-pop{font-family:var(--font-display);font-weight:700;font-size:.8rem;opacity:0;pointer-events:none}
.arcade-board.is-celebrate .arcade-leader-pop{animation:arcade-pop 4s ease-out both}
@keyframes arcade-pop{0%{opacity:0;transform:translateY(8px) scale(.9)}12%{opacity:1;transform:translateY(0) scale(1.06)}75%{opacity:1;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-14px)}}
.arcade-board.is-flash .arcade-row.is-first .arcade-score{animation:arcade-flash .6s ease-out}
@keyframes arcade-flash{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.arcade-board.is-napping .arcade-rows{opacity:.62;filter:saturate(.6)}
.arcade-board.is-napping .arcade-status{font-style:italic}
.arcade-board.is-catnap .arcade-tabs,
.arcade-board.is-catnap .arcade-rows,
.arcade-board.is-catnap .arcade-more{display:none}
.arcade-board.is-catnap .arcade-status{margin-top:6px;font-style:italic}

/* Mobile: top 5 with "Show top 10" */
@media(max-width:781px){
	.arcade-more{display:block}
	.arcade-more[hidden]{display:none}
	.arcade-board:not(.is-expanded) .arcade-row:nth-child(n+6){display:none}
	.arcade-row{padding:6px 10px;gap:8px}
	.arcade-score{font-size:.8rem}
	.arcade-tab{min-height:44px;padding:10px 14px}
}

/* ---------- nickname form + submit panel (shared) ---------- */
.arcade-submit{margin-top:10px;font-family:var(--font-body);font-size:.85rem;line-height:1.4;text-align:center}
.arcade-submit-line{margin:0 0 6px;font-weight:600}
.arcade-submit-line.is-muted{opacity:.8;font-weight:500}
.arcade-name-form{margin:8px auto 0;max-width:320px;text-align:center}
.arcade-name-hint{margin:0 0 6px;font-size:.78rem;opacity:.9}
.arcade-name-row{display:flex;gap:6px}
.arcade-name-input{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 12px;border-radius:10px;font-family:var(--font-display);font-size:1rem;font-weight:600}
.arcade-name-msg{min-height:1.2em;margin:4px 0;font-size:.75rem}
.arcade-name-msg.is-bad{font-weight:600}
.arcade-name-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.arcade-btn{appearance:none;-webkit-appearance:none;min-height:44px;padding:8px 14px;border-radius:10px;font-family:var(--font-display);font-weight:600;font-size:.85rem;cursor:pointer;touch-action:manipulation}
.arcade-btn--dice{flex:0 0 44px;width:44px;padding:0;font-size:1.2rem}
.arcade-btn:disabled{opacity:.6;cursor:default}

/* ================= SPACE (Mooncat's Adventure) ================= */
.arcade-board.arcade-theme--space{
	padding:14px;border-radius:28px;color:var(--moon);
	background:linear-gradient(160deg,#3A3F4A 0%,#252A33 42%,#1A1E26 100%);
	border:1px solid rgba(255,255,255,.12);
	box-shadow:0 22px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.14);
}
.arcade-theme--space .arcade-board-screen{
	border-radius:18px;padding:0 12px 12px;border:6px solid #0A0C14;
	background:radial-gradient(ellipse at 50% 0%,#1a1040 0%,#000033 45%,#05051a 100%);
	box-shadow:inset 0 0 40px rgba(0,0,0,.65);
}
.arcade-theme--space .arcade-board-screen::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:
		radial-gradient(circle at 12% 30%,#fff 0 1px,transparent 1.6px),
		radial-gradient(circle at 78% 18%,#fff 0 1.2px,transparent 1.8px),
		radial-gradient(circle at 40% 62%,#fff 0 .9px,transparent 1.5px),
		radial-gradient(circle at 88% 70%,#fff 0 1px,transparent 1.6px),
		radial-gradient(circle at 22% 88%,#fff 0 1.1px,transparent 1.7px),
		radial-gradient(circle at 62% 40%,#fff 0 .8px,transparent 1.4px);
	animation:starTwinkle 3.2s ease-in-out infinite;
}
.arcade-theme--space .arcade-board-head{
	margin:0 -12px;padding:10px 14px;background:rgba(11,15,31,.78);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);
}
.arcade-theme--space .arcade-board-title{color:#FFAB91;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}
.arcade-theme--space .arcade-board-game{color:var(--stardust)}
.arcade-theme--space .arcade-board-icon{
	width:30px;height:30px;flex:0 0 30px;
	background:url("https://thecatfam.com/wp-content/uploads/2024/07/cattoken999-1.png") center/contain no-repeat;
	filter:drop-shadow(0 0 6px rgba(61,214,193,.55));
}
.arcade-theme--space .arcade-tabs{background:rgba(11,15,31,.6);border:1px solid rgba(255,255,255,.08)}
.arcade-theme--space .arcade-tab{color:var(--moon);border:1px solid rgba(255,138,101,.45);background:rgba(255,138,101,.12)}
.arcade-theme--space .arcade-tab.is-active{border-color:var(--teal);background:rgba(61,214,193,.16);color:#CFFAF3}
.arcade-theme--space .arcade-row{background:rgba(11,15,31,.6);border:1px solid rgba(255,255,255,.08)}
.arcade-theme--space .arcade-row.is-first{background:rgba(11,15,31,.94);border-color:var(--gold);box-shadow:0 0 14px rgba(242,193,78,.18)}
.arcade-theme--space .arcade-row:nth-child(2){border-left:3px solid #4ADE80}
.arcade-theme--space .arcade-row:nth-child(3){border-left:3px solid #FF6464}
.arcade-theme--space .arcade-row:nth-child(4){border-left:3px solid #60A5FA}
.arcade-theme--space .arcade-row.is-you{box-shadow:inset 0 0 0 1px rgba(61,214,193,.6)}
.arcade-theme--space .arcade-score{color:var(--coral)}
.arcade-theme--space.is-flash .arcade-row.is-first .arcade-score{color:#FFE08A}
.arcade-theme--space .arcade-rocket{background:url("https://thecatfam.com/wp-content/uploads/2024/07/rocket23.png") center/contain no-repeat}
.arcade-theme--space .arcade-rocket--1{filter:drop-shadow(0 0 4px rgba(242,193,78,.8))}
.arcade-theme--space .arcade-rocket--2{filter:hue-rotate(80deg) saturate(1.4)}
.arcade-theme--space .arcade-rocket--3{filter:hue-rotate(-50deg) saturate(1.6)}
.arcade-theme--space .arcade-rocket--4{filter:hue-rotate(170deg) saturate(1.3)}
.arcade-theme--space .arcade-medal{color:var(--stardust)}
.arcade-theme--space .arcade-status{color:var(--stardust)}
.arcade-theme--space .arcade-more,.arcade-theme--space .arcade-link{color:var(--teal)}
.arcade-theme--space .arcade-leader-pop{color:#4ADE80;text-shadow:0 0 10px rgba(74,222,128,.5)}
.arcade-theme--space .arcade-you{color:var(--stardust)}
.arcade-theme--space .arcade-you-name{color:var(--moon)}
.arcade-board.arcade-theme--space.is-catnap{padding:10px}
/* submit/form inside Mooncat game-over box */
.arcade-submit.arcade-theme--space{color:var(--moon)}
.arcade-submit.arcade-theme--space .arcade-submit-line{color:var(--gold)}
.arcade-submit.arcade-theme--space .arcade-submit-line.is-good{color:#4ADE80}
.arcade-submit.arcade-theme--space .arcade-submit-line.is-leader{color:#FFE08A}
.arcade-submit.arcade-theme--space .arcade-submit-line.is-bad{color:#FF8A8A}
.arcade-theme--space .arcade-name-input{border:1px solid rgba(61,214,193,.5);background:rgba(0,0,40,.7);color:var(--moon)}
.arcade-theme--space .arcade-btn{border:1px solid rgba(255,138,101,.45);background:rgba(255,138,101,.16);color:var(--moon)}
.arcade-theme--space .arcade-btn--main{border-color:var(--teal);background:rgba(61,214,193,.2);color:#CFFAF3}
.arcade-theme--space .arcade-btn--ghost{background:transparent}
.arcade-theme--space .arcade-name-msg{color:var(--stardust)}
.arcade-theme--space .arcade-name-msg.is-bad{color:#FF8A8A}
#end-message .arcade-submit{max-width:300px}
#end-message .arcade-name-hint{color:var(--stardust)}
.arcade-offline-chip{
	position:absolute;left:10px;bottom:10px;z-index:25;pointer-events:none;
	padding:3px 9px;border-radius:999px;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.03em;
	color:#FFD0C2;background:rgba(11,15,31,.8);border:1px solid rgba(255,138,101,.5);
}
.arcade-offline-chip[hidden]{display:none}

/* ================= WOOD (Match-a-Cat Classic) ================= */
.arcade-board.arcade-theme--wood{
	padding:16px 14px 14px;border-radius:20px;color:#F8E7C8;
	background:
		repeating-linear-gradient(90deg,rgba(255,220,160,.03) 0 2px,transparent 2px 7px),
		linear-gradient(145deg,#9A6436 0%,#7A4A28 28%,#5E351C 62%,#4A2916 100%);
	border:3px solid #3A2110;
	box-shadow:inset 0 1px 0 rgba(255,230,180,.28), inset 0 -10px 28px rgba(0,0,0,.28), 0 18px 42px rgba(0,0,0,.45);
}
.arcade-theme--wood .arcade-board-screen{
	padding:12px;border-radius:14px;
	background:linear-gradient(160deg,#5A351C 0%,#432612 55%,#372010 100%);
	border:2px solid #2A170C;box-shadow:inset 0 6px 18px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,220,160,.12);
}
.arcade-theme--wood .arcade-board-title{color:#FFE8C8}
.arcade-theme--wood .arcade-board-game{color:#E8C49A}
.arcade-theme--wood .arcade-tabs{background:rgba(28,16,8,.55);border:1px solid rgba(242,193,78,.35)}
.arcade-theme--wood .arcade-tab{color:#E8C49A}
.arcade-theme--wood .arcade-tab.is-active{background:linear-gradient(160deg,#F6E7C8 0%,#E8D2A4 100%);color:#3A2110;box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.3)}
.arcade-theme--wood .arcade-row{background:linear-gradient(160deg,#F6E7C8 0%,#E8D2A4 100%);color:#2A170C;border:2px solid #8B5A2B;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.arcade-theme--wood .arcade-row.is-first{outline:2px solid rgba(242,193,78,.55);outline-offset:1px}
.arcade-theme--wood .arcade-row.is-you{box-shadow:inset 0 0 0 2px rgba(139,90,43,.55)}
.arcade-theme--wood .arcade-medal{font-size:1.15rem;color:#6E4320}
.arcade-theme--wood .arcade-score{color:#F2C14E;background:#3A2110;padding:3px 8px;border-radius:7px}
.arcade-theme--wood .arcade-status{color:#E8C49A}
.arcade-theme--wood .arcade-more,.arcade-theme--wood .arcade-link{color:#F2C14E}
.arcade-theme--wood .arcade-leader-pop{color:#F2C14E}
.arcade-theme--wood .arcade-you{color:#E8C49A}
.arcade-theme--wood .arcade-you-name{color:#FFE8C8}
.arcade-board.arcade-theme--wood.is-catnap{padding:10px}
.arcade-submit.arcade-theme--wood .arcade-submit-line{color:#F2C14E}
.arcade-submit.arcade-theme--wood .arcade-submit-line.is-bad{color:#FFB4A0}
.arcade-submit.arcade-theme--wood .arcade-submit-line.is-muted{color:#E8C49A}
.arcade-theme--wood .arcade-name-hint{color:#E8C49A}
.arcade-theme--wood .arcade-name-input{border:2px solid #8B5A2B;background:#F6E7C8;color:#2A170C}
.arcade-theme--wood .arcade-btn{border:2px solid #3E2412;background:linear-gradient(160deg,#B07A45 0%,#8B5A2B 48%,#6E4320 100%);color:#FFE8C8}
.arcade-theme--wood .arcade-btn--main{background:linear-gradient(160deg,#F6E7C8 0%,#E8D2A4 100%);color:#3A2110;border-color:#8B5A2B}
.arcade-theme--wood .arcade-btn--ghost{background:transparent;color:#E8C49A;border-color:rgba(232,196,154,.4)}
.arcade-theme--wood .arcade-name-msg{color:#E8C49A}
.arcade-theme--wood .arcade-name-msg.is-bad{color:#FFB4A0}

/* ================= FOIL (Memecatcher) ================= */
.arcade-board.arcade-theme--foil{
	padding:14px;border-radius:20px;color:#F3EEFF;border:2px solid transparent;
	background:
		radial-gradient(ellipse at 10% 0%,rgba(255,120,214,.20) 0%,transparent 55%) padding-box,
		radial-gradient(ellipse at 100% 40%,rgba(90,220,255,.18) 0%,transparent 55%) padding-box,
		radial-gradient(ellipse at 50% 100%,rgba(150,255,190,.12) 0%,transparent 60%) padding-box,
		linear-gradient(180deg,#0E0B22 0%,#161036 50%,#0B0A1E 100%) padding-box,
		linear-gradient(120deg,#FF7AD9,#FFD36E,#8CFFB4,#6FD8FF,#B48CFF,#FF7AD9) border-box;
	box-shadow:0 0 28px rgba(180,140,255,.28), 0 18px 42px rgba(0,0,0,.4);
}
.arcade-theme--foil .arcade-board-screen{
	padding:12px;border-radius:14px;border:2px solid transparent;
	background:linear-gradient(160deg,#1A1440 0%,#120E30 55%,#0D0B26 100%) padding-box,
		linear-gradient(120deg,#FF7AD9,#FFD36E,#8CFFB4,#6FD8FF,#B48CFF,#FF7AD9) border-box;
}
.arcade-theme--foil .arcade-board-screen::after{content:"\2726";position:absolute;right:14px;top:10px;color:#fff;opacity:.8;text-shadow:0 0 8px #fff;animation:foil-twinkle 3s ease-in-out infinite;pointer-events:none}
.arcade-theme--foil .arcade-board-title{color:#F3EEFF}
.arcade-theme--foil .arcade-board-game{color:#D8CCFF}
.arcade-theme--foil .arcade-tabs{border:1px solid transparent;background:linear-gradient(rgba(14,11,34,.88),rgba(14,11,34,.88)) padding-box,linear-gradient(120deg,#FF7AD9,#FFD36E,#8CFFB4,#6FD8FF,#B48CFF) border-box}
.arcade-theme--foil .arcade-tab{color:#D8CCFF}
.arcade-theme--foil .arcade-tab.is-active{color:#1A1035;background:linear-gradient(120deg,#FF9AD5 0%,#FFD27A 25%,#A8FFB8 50%,#7AD7FF 75%,#B9A0FF 100%);background-size:200% 100%;animation:foil-btn 6s ease-in-out infinite}
.arcade-theme--foil .arcade-row{background:linear-gradient(160deg,#FFFFFF 0%,#F1ECFF 55%,#E6F7FF 100%);color:#1A1035;border:2px solid #C9B6FF}
.arcade-theme--foil .arcade-row.is-first{outline:2px solid rgba(140,255,200,.75);outline-offset:1px;box-shadow:0 0 14px rgba(140,255,200,.35)}
.arcade-theme--foil .arcade-row.is-you{box-shadow:inset 0 0 0 2px rgba(155,231,255,.9)}
.arcade-theme--foil .arcade-medal{color:#8A5CFF;font-size:1rem}
.arcade-theme--foil .arcade-row.is-first .arcade-medal{color:#FF7AD9;text-shadow:0 0 6px rgba(255,122,217,.6)}
.arcade-theme--foil .arcade-score{color:#3A2A7A}
.arcade-theme--foil .arcade-status{color:#D8CCFF}
.arcade-theme--foil .arcade-more,.arcade-theme--foil .arcade-link{color:#9BE7FF}
.arcade-theme--foil .arcade-leader-pop{color:#FFE27A}
.arcade-theme--foil .arcade-you{color:#D8CCFF}
.arcade-theme--foil .arcade-you-name{color:#9BE7FF}
.arcade-board.arcade-theme--foil.is-catnap{padding:10px}
.arcade-submit.arcade-theme--foil .arcade-submit-line{color:#9BE7FF}
.arcade-submit.arcade-theme--foil .arcade-submit-line.is-leader{color:#FFE27A}
.arcade-submit.arcade-theme--foil .arcade-submit-line.is-bad{color:#FFB4D9}
.arcade-submit.arcade-theme--foil .arcade-submit-line.is-muted{color:#D8CCFF}
.arcade-theme--foil .arcade-name-hint{color:#D8CCFF}
.arcade-theme--foil .arcade-name-input{border:2px solid #C9B6FF;background:#F7F4FF;color:#1A1035}
.arcade-theme--foil .arcade-btn{border:1px solid rgba(201,182,255,.6);background:rgba(255,255,255,.08);color:#F3EEFF}
.arcade-theme--foil .arcade-btn--main{border:0;color:#1A1035;background:linear-gradient(120deg,#FF9AD5 0%,#FFD27A 25%,#A8FFB8 50%,#7AD7FF 75%,#B9A0FF 100%)}
.arcade-theme--foil .arcade-btn--ghost{background:transparent}
.arcade-theme--foil .arcade-name-msg{color:#D8CCFF}
.arcade-theme--foil .arcade-name-msg.is-bad{color:#FFB4D9}

/* ---------- Match-a-Cat: timer, win panel, offline chip ---------- */
#match-a-cat-game-widget .match-offline-chip{
	flex:1 0 100%;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.02em;
	color:#E8C49A;opacity:.9;
}
#match-a-cat-game-widget.is-memecatcher .match-offline-chip{color:#D8CCFF}
#match-a-cat-game-widget .match-offline-chip[hidden]{display:none}
#match-a-cat-game-widget .match-win{
	margin:14px auto 0;max-width:460px;padding:16px 14px;border-radius:14px;text-align:center;
	background:rgba(28,16,8,.72);border:1px solid rgba(242,193,78,.55);color:#F8E7C8;
	box-shadow:inset 0 0 0 1px rgba(255,230,180,.06), 0 8px 20px rgba(0,0,0,.3);
	animation:joke-setup-in .45s cubic-bezier(.2,.8,.2,1) both;
}
#match-a-cat-game-widget .match-win[hidden]{display:none}
#match-a-cat-game-widget .match-win-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,3.4vw,1.3rem);color:#FFE8C8}
#match-a-cat-game-widget .match-win-summary{margin:6px 0 0;font-family:var(--font-mono);font-size:1rem;color:#F2C14E}
#match-a-cat-game-widget .match-win-again{
	margin-top:12px;min-height:44px;padding:10px 20px;border-radius:999px;cursor:pointer;
	font-family:var(--font-display);font-weight:700;font-size:.9rem;
	border:2px solid #8B5A2B;background:linear-gradient(160deg,#F6E7C8 0%,#E8D2A4 100%);color:#3A2110;
}
#match-a-cat-game-widget.is-won .match-board{filter:saturate(.85) brightness(.92)}
#match-a-cat-game-widget.is-memecatcher .match-win{
	border:1px solid transparent;color:#F3EEFF;
	background:linear-gradient(rgba(16,12,40,.9),rgba(16,12,40,.9)) padding-box,
		linear-gradient(120deg,#FF7AD9,#FFD36E,#8CFFB4,#6FD8FF,#B48CFF) border-box;
	box-shadow:0 0 22px rgba(180,140,255,.25);
}
#match-a-cat-game-widget.is-memecatcher .match-win-title{color:#FFFFFF}
#match-a-cat-game-widget.is-memecatcher .match-win-summary{color:#9BE7FF}
#match-a-cat-game-widget.is-memecatcher .match-win-again{border:0;color:#1A1035;background:linear-gradient(120deg,#FF9AD5 0%,#FFD27A 25%,#A8FFB8 50%,#7AD7FF 75%,#B9A0FF 100%)}

/* ================= Hall of Cats ================= */
.band-hall{
	background:
		radial-gradient(ellipse at 15% 0%,rgba(242,193,78,.12) 0%,transparent 50%),
		radial-gradient(ellipse at 90% 100%,rgba(61,214,193,.10) 0%,transparent 55%),
		linear-gradient(180deg,#10142A 0%,#0B0F1F 100%);
}
.band-hall .section-kicker{color:var(--gold)}
.hall-lead{color:var(--stardust);max-width:40rem;margin:0 0 20px}
.hall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hall-card{border-radius:18px;padding:16px;min-width:0}
.hall-card-title{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:1.05rem}
.hall-crown{font-size:1.1rem}
.hall-slot{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label label" "name score";gap:2px 10px;align-items:center;min-height:44px;padding:8px 10px;border-radius:10px;margin-bottom:8px}
.hall-slot-label{grid-area:label;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.hall-slot-name{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:700}
.hall-slot-score{grid-area:score;justify-self:end;font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}
.hall-champ{margin:4px 0 0;font-size:.78rem;opacity:.9;overflow:hidden;text-overflow:ellipsis}
.hall-status{margin:12px 0 0;color:var(--stardust);font-size:.8rem;font-style:italic;min-height:1em}
.hall-discord-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.hall-discord{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:10px;background:#5865F2;color:#fff;font-family:var(--font-display);font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(88,101,242,.3)}
.hall-discord:hover{filter:brightness(1.1)}
.hall-discord-hint{color:var(--stardust);font-size:.85rem}
.hall-discord-hint code{font-family:var(--font-mono);color:var(--moon);background:rgba(255,255,255,.08);padding:1px 6px;border-radius:5px}
.hall-privacy{margin:16px 0 0;font-size:.75rem;color:var(--stardust);max-width:40rem}
.hall-card.arcade-theme--space{color:var(--moon);background:radial-gradient(ellipse at 50% 0%,#1a1040 0%,#000033 55%,#05051a 100%);border:1px solid rgba(255,138,101,.35);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.hall-card.arcade-theme--space .hall-card-title{color:#FFAB91;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
.hall-card.arcade-theme--space .hall-slot{background:rgba(11,15,31,.75);border:1px solid rgba(255,255,255,.08)}
.hall-card.arcade-theme--space .hall-slot:first-of-type{border-color:var(--gold)}
.hall-card.arcade-theme--space .hall-slot-score{color:var(--coral)}
.hall-card.arcade-theme--space .hall-champ{color:var(--stardust)}
.hall-card.arcade-theme--wood{color:#F8E7C8;background:repeating-linear-gradient(90deg,rgba(255,220,160,.03) 0 2px,transparent 2px 7px),linear-gradient(145deg,#9A6436 0%,#7A4A28 28%,#5E351C 62%,#4A2916 100%);border:3px solid #3A2110}
.hall-card.arcade-theme--wood .hall-card-title{color:#FFE8C8}
.hall-card.arcade-theme--wood .hall-slot{background:linear-gradient(160deg,#F6E7C8 0%,#E8D2A4 100%);color:#2A170C;border:2px solid #8B5A2B}
.hall-card.arcade-theme--wood .hall-slot:first-of-type{outline:2px solid rgba(242,193,78,.55);outline-offset:1px}
.hall-card.arcade-theme--wood .hall-slot-score{color:#6E4320}
.hall-card.arcade-theme--wood .hall-champ{color:#E8C49A}
.hall-card.arcade-theme--foil{color:#F3EEFF;border:2px solid transparent;background:linear-gradient(180deg,#16103A 0%,#0E0B22 100%) padding-box,linear-gradient(120deg,#FF7AD9,#FFD36E,#8CFFB4,#6FD8FF,#B48CFF,#FF7AD9) border-box;box-shadow:0 0 22px rgba(180,140,255,.22)}
.hall-card.arcade-theme--foil .hall-slot{background:linear-gradient(160deg,#FFFFFF 0%,#F1ECFF 55%,#E6F7FF 100%);color:#1A1035;border:2px solid #C9B6FF}
.hall-card.arcade-theme--foil .hall-slot:first-of-type{outline:2px solid rgba(140,255,200,.75);outline-offset:1px}
.hall-card.arcade-theme--foil .hall-slot-score{color:#3A2A7A}
.hall-card.arcade-theme--foil .hall-crown{color:#FF7AD9;text-shadow:0 0 8px rgba(255,122,217,.6)}
.hall-card.arcade-theme--foil .hall-champ{color:#D8CCFF}
#hall-of-cats.is-napping .hall-grid{opacity:.7;filter:saturate(.7)}
@media(max-width:900px){.hall-grid{grid-template-columns:1fr}}

/* ---------- motion guards ---------- */
@media(prefers-reduced-motion:reduce){
	.arcade-theme--space .arcade-board-screen::before,
	.arcade-theme--foil .arcade-board-screen::after,
	.arcade-theme--foil .arcade-tab.is-active,
	.arcade-board.is-celebrate .arcade-leader-pop,
	.arcade-board.is-flash .arcade-row.is-first .arcade-score,
	#match-a-cat-game-widget .match-win{animation:none}
	.arcade-board.is-celebrate .arcade-leader-pop{opacity:1}
}
