/* =========================================================================
   GeeKPress Aurelian — geekui-game.css
   SKELETON BREAK Layer 2: restructures the plugin's game app to fit the
   split-screen archetype and re-dresses every component with the gilt motif.

   The theme template (geekpress/single-game.php) renders its own sticky
   cover rail — so the plugin's cover column is removed here and the hero is
   re-laid as a two-column grid (content + score side).
   ========================================================================= */

/* ---------- 0. Root & typography ---------- */

#geekui-root-game {
	background: transparent;
	color: var(--gx-text);
	font-family: var(--geekui-font-base);
}

/* NEUTRALIZE the plugin's full-bleed root breakout.
   game-enhanced.css ships:
     #geekui-root-game { width:100vw !important; left:50% !important;
                         transform:translateX(-50%) !important;
                         background:var(--gx-bg) !important; }
   — built to ESCAPE narrow theme content boxes on ordinary themes. In
   Aurelian's split archetype the app must stay INSIDE the .aur-game-flow
   column; the breakout instead stretched it across the viewport and its
   opaque background PAINTED OVER the theme's sticky cover rail (the
   "missing cover / full-width app" mismatch). Same selector strength,
   loaded later → these win. */
#geekui-root-game {
	width: 100% !important;
	max-width: 100% !important;
	left: auto !important;
	transform: none !important;
	background: transparent !important;
}
/* the plugin container adds its own viewport-ish padding — pull it in too */
#geekui-root-game .gx-container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: transparent !important;
}

/* Plugin style.css paints links with !important — out-rank it. */
#geekui-root-game a,
.geekui #geekui-root-game a { color: var(--gx-accent2) !important; }
#geekui-root-game a:hover,
.geekui #geekui-root-game a:hover { color: #ffffff !important; }

/* ---------- 1. HERO RE-GRID (200px/1fr/270px → 1fr/300px) ---------- */

#geekui-root-game .gx-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 30px;
	background: transparent;
	border: 0;
	padding: 0 0 8px;
}

/* The theme's rail owns the cover — remove the plugin's cover column. */
#geekui-root-game .gx-left-col,
#geekui-root-game .gx-cover-wrap,
#geekui-root-game .gx-cover-shine { display: none !important; }

#geekui-root-game .gx-center-col { min-width: 0; }

/* Hero backdrop: replace photographic bg with a quiet gilded wash. */
#geekui-root-game .gx-hero-bg {
	opacity: 0.16;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
	        mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
}

/* Game title — engraved Cinzel, like a chapter heading. */
#geekui-root-game .gx-game-title {
	font-family: var(--geekui-font-title) !important;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--gx-text);
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.6);
}

/* Top meta bar → mono etiquette */
#geekui-root-game .gx-top-bar,
#geekui-root-game .gx-top-meta {
	font-family: var(--gx-font-mono);
	letter-spacing: 0.06em;
	color: var(--gx-text-dim);
}
#geekui-root-game .gx-top-sep { color: var(--gx-accent); }

/* ---------- 2. Body: side column MOVED under the theme's poster rail ----------
   (2026-06-11) The app's .gx-body-side cards are re-rendered server-side in
   geekpress/single-game.php (aur-side-card family) below the cover — so the
   in-app copy is hidden and the tab content takes the full flow width. */

#geekui-root-game .gx-body {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 0 !important;
}
#geekui-root-game .gx-body-side { display: none !important; }
#geekui-root-game .gx-body-side > *,
#geekui-root-game .gx-side-section {
	background: linear-gradient(180deg, rgba(21, 26, 44, 0.92), rgba(13, 16, 28, 0.96));
	border: 1px solid var(--gx-border);
	border-radius: 10px;
}
#geekui-root-game .gx-side-header {
	font-family: var(--geekui-font-title);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--gx-accent);
	border-bottom: 1px solid var(--gx-border);
}
#geekui-root-game .gx-side-key,
#geekui-root-game .gx-side-label { color: var(--gx-text-muted); font-family: var(--gx-font-mono); font-size: 12px; letter-spacing: 0.04em; }
#geekui-root-game .gx-side-val { color: var(--gx-text); }
#geekui-root-game .gx-side-sep { background: var(--gx-border); }

/* ---------- 3. Signature motif on plugin panels ---------- */

/* Kill the plugin's own pseudo-element decorations, then re-decorate.
   (2026-06-11) extended: the structural css paints cyan-TL/magenta-BR
   corner brackets on the hero, videos, thumbs, gallery sections and
   news cards — they clash with the machined-plate language. */
#geekui-root-game .gx-section-title::before,
#geekui-root-game .gx-section-title::after,
#geekui-root-game .gx-info-bar::before,
#geekui-root-game .gx-info-bar::after,
#geekui-root-game .gx-score-panel::before,
#geekui-root-game .gx-score-panel::after,
#geekui-root-game .gx-storyline-box::before,
#geekui-root-game .gx-storyline-box::after,
#geekui-root-game .gx-countdown::before,
#geekui-root-game .gx-countdown::after,
#geekui-root-game .gx-hero::before,
#geekui-root-game .gx-hero::after,
#geekui-root-game .gx-cover-wrap::before,
#geekui-root-game .gx-cover-wrap::after,
#geekui-root-game .gx-main-video::before,
#geekui-root-game .gx-main-video::after,
#geekui-root-game .gx-vid-thumb::before,
#geekui-root-game .gx-vid-thumb::after,
#geekui-root-game .gx-video-card::before,
#geekui-root-game .gx-video-card::after,
#geekui-root-game .gx-gallery-section::before,
#geekui-root-game .gx-gallery-section::after,
#geekui-root-game .gx-news-card::before,
#geekui-root-game .gx-news-card::after { content: none !important; }

/* Section titles → ◆ + Cinzel + gilded rule */
#geekui-root-game .gx-section-title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	font-family: var(--geekui-font-title) !important;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gx-accent2);
	border: 0;
	background: transparent;
	padding-left: 0;
}
#geekui-root-game .gx-section-title::before {
	content: "" !important;
	width: 8px; height: 8px; flex: none;
	background: linear-gradient(135deg, var(--aur-gold-bright), var(--aur-gold-dim));
	transform: rotate(45deg);
	position: static;
}
#geekui-root-game .gx-section-title::after {
	content: "" !important;
	flex: 1; height: 1px; min-width: 36px;
	background: linear-gradient(90deg, var(--gx-border2), transparent);
	position: static;
}

/* Main panels = the theme's machined 3-D plates: chamfered corners,
   top-lit gold→violet edge gradient, bevel shadows, silhouette shadow.
   (Mirrors .aur-frame in theme.css — keep the two in sync.) */
#geekui-root-game .gx-info-bar,
#geekui-root-game .gx-storyline-box,
#geekui-root-game .gx-score-panel,
#geekui-root-game .gx-countdown,
#geekui-root-game .gx-status-board,
#geekui-root-game .gx-lang-wrap,
#geekui-root-game .gx-age-card,
#geekui-root-game .gx-critic-card,
#geekui-root-game .gx-review-card,
#geekui-root-game .gx-news-card,
#geekui-root-game .gx-section-block,
#geekui-root-game .gx-write-form,
#geekui-root-game .gx-news-item,
#geekui-root-game .gx-gallery-section,
#geekui-root-game .gx-credits-section {
	background:
		linear-gradient(180deg, var(--aur-plate-hi) 0%, var(--aur-plate-mid) 36%, var(--aur-plate-lo) 100%) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.85) 0%,
			rgba(var(--aur-gold-rgb), 0.36) 22%,
			rgba(var(--aur-gold-dim-rgb), 0.18) 50%,
			rgba(var(--aur-violet-rgb), 0.26) 82%,
			rgba(var(--aur-violet-2-rgb), 0.55) 100%) border-box !important;
	border: 1px solid transparent !important;
	border-radius: 0 !important;
	clip-path: polygon(
		10px 0, calc(100% - 10px) 0, 100% 10px,
		100% calc(100% - 10px), calc(100% - 10px) 100%,
		10px 100%, 0 calc(100% - 10px), 0 10px);
	filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.42)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45));
	box-shadow:
		inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.10),
		inset 0 -1px 0 rgba(0, 0, 0, 0.46);
}

/* ---------- 4. Chips ---------- */

#geekui-root-game .gx-chip,
#geekui-root-game .gx-tag-genre,
#geekui-root-game .gx-tag-play {
	font-family: var(--gx-font-mono) !important;
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: 5px !important;
	border: 1px solid var(--gx-border) !important;
	background: rgba(var(--aur-gold-rgb), 0.07) !important;
	color: var(--gx-accent2) !important;
}
#geekui-root-game .gx-chip--genre { color: var(--gx-accent2) !important; }
#geekui-root-game .gx-chip--play,
#geekui-root-game .gx-tag-play {
	color: var(--gx-hot2) !important;
	border-color: rgba(var(--aur-violet-rgb), 0.35) !important;
	background: rgba(var(--aur-violet-rgb), 0.10) !important;
}
#geekui-root-game .gx-chip--plat {
	color: var(--gx-text-dim) !important;
	border-color: rgba(232, 228, 217, 0.16) !important;
	background: rgba(232, 228, 217, 0.04) !important;
}
#geekui-root-game .gx-chip:hover { border-color: var(--gx-accent) !important; color: #fff !important; }
#geekui-root-game .gx-info-label {
	font-family: var(--geekui-font-title);
	letter-spacing: 0.2em;
	color: var(--gx-accent);
}

/* ---------- 5. Action buttons (wishlist / playing / played / review) ---------- */

/* Buttons = small machined plates (2026-06-11): NO border-radius —
   6px chamfered corners, top-lit edge gradient, pressed-metal bevel. */
#geekui-root-game .gx-action-btn,
#geekui-root-game .gx-cta-btn,
#geekui-root-game .gx-write-btn-save,
#geekui-root-game .gx-write-btn-delete {
	font-family: var(--geekui-font-title) !important;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	border: 1px solid transparent !important;
	border-radius: 0 !important;
	background:
		linear-gradient(180deg, var(--aur-plate-hi) 0%, var(--aur-plate-mid) 52%, var(--aur-plate-lo) 100%) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.6) 0%,
			rgba(var(--aur-gold-rgb), 0.26) 28%,
			rgba(var(--aur-gold-dim-rgb), 0.14) 58%,
			rgba(var(--aur-violet-2-rgb), 0.4) 100%) border-box !important;
	clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
	color: var(--gx-text-dim) !important;
	box-shadow:
		inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.16),
		inset 0 -2px 0 rgba(0, 0, 0, 0.48) !important;
	transition: all 0.18s ease;
}
#geekui-root-game .gx-action-btn:hover,
#geekui-root-game .gx-cta-btn:hover,
#geekui-root-game .gx-write-btn-save:hover,
#geekui-root-game .gx-write-btn-delete:hover {
	color: var(--gx-accent2) !important;
	background:
		linear-gradient(180deg, var(--aur-plate-hov) 0%, var(--aur-plate-mid) 52%, var(--aur-plate-lo) 100%) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.95) 0%,
			rgba(var(--aur-gold-rgb), 0.5) 30%,
			rgba(168, 140, 92, 0.3) 60%,
			rgba(var(--aur-violet-2-rgb), 0.6) 100%) border-box !important;
	box-shadow:
		inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.24),
		inset 0 -2px 0 rgba(0, 0, 0, 0.48) !important;
}
#geekui-root-game .gx-action-btn:active,
#geekui-root-game .gx-cta-btn:active {
	transform: translateY(1px);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}
#geekui-root-game .gx-action-btn--active {
	background:
		linear-gradient(180deg, var(--aur-vbtn-1) 0%, var(--aur-vbtn-2) 55%, var(--aur-vbtn-3) 100%) padding-box,
		linear-gradient(150deg, rgba(241, 231, 255, 0.85) 0%, rgba(var(--aur-violet-2-rgb), 0.5) 40%, rgba(70, 30, 150, 0.7) 100%) border-box !important;
	color: #f6f1ff !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		inset 0 -2px 0 rgba(32, 10, 76, 0.6) !important;
	filter: drop-shadow(0 4px 12px rgba(var(--aur-violet-rgb), 0.4));
}
/* the label span carries its own (dim) colour from the structural css —
   parent-level color doesn't reach it, so the active label vanished into
   the violet fill. Force every child legible. */
#geekui-root-game .gx-action-btn--active span,
#geekui-root-game .gx-action-btn--active svg,
#geekui-root-game .gx-action-btn--active .gx-action-chevron {
	color: #f6f1ff !important;
	fill: currentColor;
}
#geekui-root-game .gx-action-btn--locked { opacity: 0.55; }

/* ---------- 6. Score panel ---------- */

#geekui-root-game .gx-sp-big-num,
#geekui-root-game .gx-sp-num {
	font-family: var(--geekui-font-title) !important;
	/* !important: the React component inlines a per-tone colour
	   (magenta for 9+ …) that clashes with the gilt palette */
	color: var(--gx-cyan) !important;
	text-shadow: 0 0 22px rgba(var(--aur-blue-rgb), 0.4) !important;
}
#geekui-root-game .gx-sp-star-ico { color: var(--gx-accent) !important; }
#geekui-root-game .gx-sp-slash { color: var(--gx-text-muted) !important; }
#geekui-root-game .gx-sp-rate-header,
#geekui-root-game .gx-sp-rate-reset { color: var(--gx-text-muted); }
#geekui-root-game .gx-sp-label,
#geekui-root-game .gx-sp-score-lbl {
	font-family: var(--gx-font-mono);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gx-text-muted);
}
#geekui-root-game .gx-sp-divider,
#geekui-root-game .gx-sp-vsep { background: var(--gx-border); }
#geekui-root-game .gx-star-item--on,
#geekui-root-game .gx-cstar--on,
#geekui-root-game .gx-write-star { color: var(--gx-star); }
#geekui-root-game .gx-score-panel--wishlist { border-color: rgba(var(--aur-violet-2-rgb), 0.45) !important; }
#geekui-root-game .gx-score-panel--playing { border-color: rgba(var(--aur-gold-rgb), 0.45) !important; }
#geekui-root-game .gx-score-panel--played { border-color: rgba(88, 168, 124, 0.45) !important; }

/* ---------- 7. Countdown — engraved tally ---------- */

#geekui-root-game .gx-countdown { padding: 18px 22px; }
#geekui-root-game .gx-countdown-digit {
	font-family: var(--geekui-font-title) !important;
	color: var(--gx-accent2);
	background: rgba(var(--aur-gold-rgb), 0.07);
	border: 1px solid var(--gx-border);
	border-radius: 6px;
}
#geekui-root-game .gx-countdown-label {
	font-family: var(--gx-font-mono);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--gx-text-muted);
}
#geekui-root-game .gx-countdown-sep { color: var(--gx-accent); }
#geekui-root-game .gx-countdown-note { color: var(--gx-text-dim); }

/* ---------- 8. Tabs — manuscript register ---------- */

#geekui-root-game .gx-tabs {
	/* its own slim plate strip (same machined language, lighter touch) */
	background:
		linear-gradient(180deg, var(--aur-plate-hi) 0%, var(--aur-plate-lo) 100%) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.6) 0%,
			rgba(var(--aur-gold-rgb), 0.24) 24%,
			rgba(var(--aur-gold-dim-rgb), 0.14) 55%,
			rgba(var(--aur-violet-2-rgb), 0.4) 100%) border-box !important;
	border: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
	border-radius: 0 !important;
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
	box-shadow: inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
	padding: 0 10px;
	gap: 4px;
}
/* Compressed register: 8 tabs must fit on one line — Cinzel's wide caps +
   0.14em tracking overflowed the strip (labels clipped), so the type is
   tightened and the plugin's padding pulled in. */
#geekui-root-game .gx-tab-link {
	font-family: var(--geekui-font-title) !important;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gx-text-muted) !important;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent !important;
	border-radius: 0 !important;
	padding: 13px 11px !important;
	white-space: nowrap;
	flex: 0 1 auto;
}
@media (max-width: 1280px) {
	#geekui-root-game .gx-tab-link { font-size: 10.5px; letter-spacing: 0.03em; padding: 12px 8px !important; }
}
#geekui-root-game .gx-tab-link:hover { color: var(--gx-accent2) !important; }
#geekui-root-game .gx-tab-link--active {
	color: var(--gx-accent2) !important;
	border-bottom-color: var(--gx-accent) !important;
}
#geekui-root-game .gx-tab-count {
	font-family: var(--gx-font-mono);
	background: rgba(var(--aur-violet-rgb), 0.14);
	color: var(--gx-hot2);
	border-radius: 4px;
}

/* ---------- 9. Video / media cards ---------- */

/* Media frames = mini machined plates: same top-lit gold→violet edge,
   chamfered corners, silhouette shadow (2026-06-11). */
#geekui-root-game .gx-main-video,
#geekui-root-game .gx-video-card,
#geekui-root-game .gx-vid-thumb,
#geekui-root-game .gx-gallery-item {
	border: 1px solid transparent !important;
	border-radius: 0 !important;
	overflow: hidden;
	background:
		linear-gradient(180deg, var(--aur-plate-mid), var(--aur-plate-lo)) padding-box,
		linear-gradient(150deg,
			rgba(var(--aur-gold-bright-rgb), 0.8) 0%,
			rgba(var(--aur-gold-rgb), 0.32) 24%,
			rgba(var(--aur-gold-dim-rgb), 0.16) 55%,
			rgba(var(--aur-violet-2-rgb), 0.45) 100%) border-box !important;
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
	filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.4));
}
#geekui-root-game .gx-vid-thumb,
#geekui-root-game .gx-gallery-item {
	clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
}
#geekui-root-game .gx-main-video img,
#geekui-root-game .gx-video-card img,
#geekui-root-game .gx-vid-thumb img,
#geekui-root-game .gx-gallery-item img { border-radius: 0 !important; }
#geekui-root-game .gx-main-video:hover,
#geekui-root-game .gx-video-card:hover,
#geekui-root-game .gx-vid-thumb:hover,
#geekui-root-game .gx-gallery-item:hover { filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 8px rgba(var(--aur-gold-rgb), 0.22)); }
#geekui-root-game .gx-main-play-btn,
#geekui-root-game .gx-video-play-btn,
#geekui-root-game .gx-mv-play-btn {
	background: linear-gradient(180deg, var(--aur-vbtn-1), var(--aur-vbtn-2)) !important;
	border: 1px solid rgba(var(--aur-violet-2-rgb), 0.6) !important;
	color: #fff !important;
	box-shadow: 0 8px 26px rgba(var(--aur-violet-rgb), 0.45);
}
#geekui-root-game .gx-main-video-label,
#geekui-root-game .gx-video-label,
#geekui-root-game .gx-vid-thumb-name {
	font-family: var(--geekui-font-title);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#geekui-root-game .gx-gallery-item,
#geekui-root-game .gx-gallery-img {
	border-radius: 8px;
	border: 1px solid var(--gx-border);
}

/* ---------- 10. Credits / age / news / critics ---------- */

#geekui-root-game .gx-credits-header-title,
#geekui-root-game .gx-videos-hero-title,
#geekui-root-game .gx-critics-hero-title,
#geekui-root-game .gx-news-hero-title,
#geekui-root-game .gx-age-hero-title,
#geekui-root-game .gx-gallery-header-title {
	font-family: var(--geekui-font-title) !important;
	letter-spacing: 0.12em;
	color: var(--gx-text);
}
#geekui-root-game .gx-credits-row {
	border-bottom: 1px solid rgba(var(--aur-gold-rgb), 0.10);
}
#geekui-root-game .gx-credits-row:hover { background: rgba(var(--aur-gold-rgb), 0.05); }
#geekui-root-game .gx-credits-avatar { border: 1px solid var(--gx-border); border-radius: 8px; }
#geekui-root-game .gx-credits-name { color: var(--gx-text); }
#geekui-root-game .gx-credits-char { color: var(--gx-text-dim); }

#geekui-root-game .gx-age-hero { background: transparent; }
#geekui-root-game .gx-age-card-rating { font-family: var(--geekui-font-title); color: var(--gx-accent2); }
#geekui-root-game .gx-age-tab,
#geekui-root-game .gx-credits-tab { background: transparent; }

#geekui-root-game .gx-news-card-hex,
#geekui-root-game .gx-news-hex { color: var(--gx-accent); }
#geekui-root-game .gx-news-title { font-family: var(--geekui-font-title); letter-spacing: 0.04em; }
#geekui-root-game .gx-news-readmore,
#geekui-root-game .gx-critic-readmore { color: var(--gx-hot2) !important; }

#geekui-root-game .gx-critic-card-bg-quote,
#geekui-root-game .gx-review-card-bg-quote { color: rgba(var(--aur-gold-rgb), 0.07); }
#geekui-root-game .gx-critic-meta-rating,
#geekui-root-game .gx-review-rating-num { font-family: var(--geekui-font-title); color: var(--gx-cyan); }
#geekui-root-game .gx-review-write-btn {
	background:
		linear-gradient(180deg, var(--aur-vbtn-1) 0%, var(--aur-vbtn-2) 55%, var(--aur-vbtn-3) 100%) padding-box,
		linear-gradient(150deg, rgba(241, 231, 255, 0.85) 0%, rgba(var(--aur-violet-2-rgb), 0.5) 40%, rgba(70, 30, 150, 0.7) 100%) border-box !important;
	border: 1px solid transparent !important;
	color: #f6f1ff !important;
	border-radius: 0 !important;
	clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		inset 0 -2px 0 rgba(32, 10, 76, 0.6) !important;
	font-family: var(--geekui-font-title) !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* ---------- 11. Status board / language table ---------- */

#geekui-root-game .gx-status-item {
	border: 1px solid var(--gx-border) !important;
	border-radius: 0 !important;
	clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
	box-shadow: inset 0 1px 0 rgba(var(--aur-gold-bright-rgb), 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#geekui-root-game .gx-status-item--active {
	border-color: rgba(var(--aur-violet-2-rgb), 0.55);
	background: rgba(var(--aur-violet-rgb), 0.12);
}
#geekui-root-game .gx-status-platform-chip { border-radius: 5px; border: 1px solid var(--gx-border); }
#geekui-root-game .gx-status-platform-chip--active { border-color: var(--gx-accent); color: var(--gx-accent2); }

#geekui-root-game .gx-lang-th {
	font-family: var(--gx-font-mono);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gx-accent);
	border-bottom: 1px solid var(--gx-border2);
}
#geekui-root-game .gx-lang-td { border-bottom: 1px solid rgba(var(--aur-gold-rgb), 0.08); }

/* ---------- 12. Slider / carousel / loader ---------- */

#geekui-root-game .gx-sl-arrow,
#geekui-root-game .gx-vid-nav,
#geekui-root-game .react-multiple-carousel__arrow {
	background: rgba(13, 16, 28, 0.9) !important;
	border: 1px solid var(--gx-border2) !important;
	border-radius: 8px !important;
	color: var(--gx-accent2) !important;
}
#geekui-root-game .gx-sl-arrow:hover,
#geekui-root-game .react-multiple-carousel__arrow:hover { border-color: var(--gx-accent) !important; }
#geekui-root-game .gx-game-card {
	border: 1px solid var(--gx-border);
	border-radius: 10px;
	overflow: hidden;
	background: var(--gx-bg-card);
}
#geekui-root-game .gx-game-card:hover { border-color: var(--gx-border2); transform: translateY(-3px); }
#geekui-root-game .gx-game-card-name { font-family: var(--geekui-font-title); letter-spacing: 0.05em; }
#geekui-root-game .gx-spin-ring { border-top-color: var(--gx-accent) !important; }

/* ---------- 13. Modals & tooltips ---------- */

#geekui-root-game .gx-list-modal,
.gx-list-modal {
	background: var(--aur-surface) !important;
	border: 1px solid rgba(var(--aur-gold-rgb), 0.3) !important;
	border-radius: 12px !important;
}
.gx-list-modal-title { font-family: 'Cinzel', serif !important; letter-spacing: 0.08em; }
.rc-tooltip-inner {
	background: var(--aur-surface-2) !important;
	border: 1px solid rgba(var(--aur-gold-rgb), 0.3) !important;
	color: var(--aur-text) !important;
	border-radius: 8px !important;
}

/* ---------- 14. Responsive guard for the re-grid ---------- */

@media (max-width: 1100px) {
	#geekui-root-game .gx-hero { grid-template-columns: minmax(0, 1fr); }
}