/* CompactCSS source: /games/styles/player-shell/index.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers one coherent player-shell release from focused vessels without stale fragments crossing the wall;
 * Awtsmoos.com versions base, panel, motion, disclosure, viewport, and accessibility together so every game receives the same living call.
 */

/* CompactCSS source: /games/styles/player-shell/shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos reveals one quiet star above every game without letting that star swallow the sky;
 * Awtsmoos.com gives the shared shell one inheritable layer token and one true forty-eight-pixel launcher, bright to eye and hand alike.
 */
.awt-game-shell,
.awt-game-shell * {
	box-sizing: border-box;
}

.awt-game-shell {
	--awt-shell-bg: linear-gradient(160deg, rgba(13, 28, 43, 0.97), rgba(7, 12, 24, 0.98));
	--awt-shell-line: rgba(126, 220, 255, 0.3);
	--awt-shell-text: #f4f9ff;
	--awt-shell-muted: rgba(226, 240, 250, 0.74);
	--awt-shell-gold: #ffe27a;
	align-items: flex-end;
	color: var(--awt-shell-text);
	display: flex;
	flex-direction: column;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	inline-size: max-content;
	line-height: 1.35;
	max-inline-size: calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right) - 20px);
	pointer-events: none;
	position: fixed;
	inset-inline-end: max(10px, env(safe-area-inset-right));
	inset-block-start: max(10px, env(safe-area-inset-top));
	z-index: var(--awt-shell-z, 90);
}

.awt-game-shell__launcher {
	background:
		radial-gradient(circle at 35% 25%, rgba(255, 232, 123, 0.34), transparent 38%),
		linear-gradient(145deg, rgba(11, 31, 46, 0.97), rgba(7, 13, 28, 0.97));
	block-size: 48px;
	border: 1px solid rgba(126, 220, 255, 0.5);
	border-radius: 15px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.12);
	color: var(--awt-shell-gold);
	cursor: pointer;
	font: 900 20px/1 Inter, ui-sans-serif, system-ui, sans-serif;
	inline-size: 48px;
	pointer-events: auto;
}



/* CompactCSS source: /games/styles/player-shell/panel.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives every revealed menu part a finished garment, from title to close gate to essential deed;
 * Awtsmoos.com keeps this glass chamber complete and grants close and action gates forty-eight measured pixels so no finger meets a half-formed need.
 */
.awt-game-shell__panel {
	background: var(--awt-shell-bg);
	border: 1px solid var(--awt-shell-line);
	border-radius: 18px;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.46);
	color: var(--awt-shell-text);
	inline-size: min(320px, calc(100vw - 24px));
	margin-top: 8px;
	overflow-wrap: anywhere;
	padding: 14px;
	pointer-events: auto;
}

.awt-game-shell__panel[hidden] {
	display: none;
}

@supports (backdrop-filter: blur(16px)) {
	.awt-game-shell__panel {
		backdrop-filter: blur(16px) saturate(1.15);
		background: rgba(7, 10, 18, 0.86);
	}
}

.awt-game-shell__heading {
	align-items: center;
	background: rgba(7, 12, 22, 0.94);
	border-bottom: 1px solid rgba(126, 220, 255, 0.12);
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin: -14px -14px 10px;
	padding: 12px 14px;
	position: sticky;
	top: -14px;
	z-index: 2;
}

.awt-game-shell__heading strong {
	font-size: 0.96rem;
	letter-spacing: 0.01em;
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.awt-game-shell__close {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid var(--awt-shell-line);
	border-radius: 12px;
	color: var(--awt-shell-text);
	cursor: pointer;
	flex: 0 0 48px;
	font: 800 19px/1 system-ui, sans-serif;
	inline-size: 48px;
	min-block-size: 48px;
}

.awt-game-shell__actions {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 10px;
}

.awt-game-shell__action {
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid var(--awt-shell-line);
	border-radius: 12px;
	color: var(--awt-shell-text);
	cursor: pointer;
	display: flex;
	font-size: 0.82rem;
	font-weight: 800;
	gap: 6px;
	justify-content: center;
	min-block-size: 48px;
	min-inline-size: 0;
	padding: 9px 12px;
	text-align: center;
	text-decoration: none;
}

.awt-game-shell__action--primary {
	background: linear-gradient(135deg, #ffe27a, #ffc95f);
	border-color: transparent;
	color: #181006;
}



/* CompactCSS source: /games/styles/player-shell/interaction.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets every deliberate touch receive a restrained reply;
 * Awtsmoos.com makes hover, focus, and press distinct without letting animation shake the surrounding game sky.
 */
.awt-game-shell :is(button, a, summary) {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	transition:
		transform .15s ease,
		filter .15s ease,
		box-shadow .15s ease,
		background-color .15s ease,
		border-color .15s ease;
}

.awt-game-shell :is(button, a, summary):focus-visible {
	outline: 3px solid #9ee8ff;
	outline-offset: 3px;
}

.awt-game-shell :is(button, a, summary):active {
	filter: brightness(.94);
	transform: translateY(1px) scale(.98);
}

.awt-game-shell__launcher[aria-expanded="true"] {
	box-shadow:
		0 12px 34px rgba(0, 0, 0, 0.42),
		0 0 22px rgba(255, 226, 122, 0.24);
}

@media (hover: hover) and (pointer: fine) {
	.awt-game-shell :is(button, a, summary):hover {
		filter: brightness(1.1);
		transform: translateY(-1px);
	}

	.awt-game-shell__launcher:hover {
		box-shadow:
			0 12px 34px rgba(0, 0, 0, 0.42),
			0 0 24px rgba(255, 226, 122, 0.24);
	}
}



/* CompactCSS source: /games/styles/player-shell/disclosure.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos keeps depth available without forcing depth upon the surface;
 * Awtsmoos.com folds optional guidance into one semantic chamber whose opening stays clear, animated, and purposeful.
 */
.awt-game-shell__details {
	border-top: 1px solid var(--awt-shell-line);
	margin-top: 12px;
	padding-top: 10px;
}

.awt-game-shell__details-summary {
	align-items: center;
	border-radius: 10px;
	color: var(--awt-shell-muted);
	cursor: pointer;
	display: flex;
	font-size: 12px;
	font-weight: 700;
	gap: 8px;
	justify-content: space-between;
	list-style: none;
	min-block-size: 38px;
	padding: 7px 8px;
}

.awt-game-shell__details-summary::-webkit-details-marker {
	display: none;
}

.awt-game-shell__details-summary::after {
	color: var(--awt-shell-gold);
	content: "+";
	font-size: 18px;
	line-height: 1;
	transition: transform .18s ease;
}

.awt-game-shell__details[open] .awt-game-shell__details-summary::after {
	transform: rotate(45deg);
}

.awt-game-shell__help {
	padding: 7px 8px 2px;
}

.awt-game-shell__help b {
	color: var(--awt-shell-gold);
	font-size: 12px;
}

.awt-game-shell__help p {
	color: var(--awt-shell-muted);
	font-size: 12px;
	font-weight: 500;
	margin: 5px 0 0;
}



/* CompactCSS source: /games/styles/player-shell/viewport.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives even the narrowest phone a complete measured doorway with no edge lost beyond sight;
 * Awtsmoos.com makes the menu retractable, safe-area aware, internally scrollable, and grants every coarse-pointer gate at least forty-eight pixels of light.
 */
.awt-game-shell__panel {
	max-block-size: calc(100vh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

@supports (height: 100dvh) {
	.awt-game-shell__panel {
		max-block-size: calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	}
}

@media (pointer: coarse) {
	.awt-game-shell__launcher {
		block-size: 50px;
		inline-size: 50px;
	}

	.awt-game-shell__action,
	.awt-game-shell__close,
	.awt-game-shell__details-summary {
		min-block-size: 48px;
	}

	.awt-game-shell__close {
		min-inline-size: 48px;
	}
}

@media (max-width: 520px) {
	.awt-game-shell {
		align-items: stretch;
		left: max(8px, env(safe-area-inset-left));
		max-inline-size: none;
		right: max(8px, env(safe-area-inset-right));
	}

	.awt-game-shell__launcher {
		align-self: flex-end;
	}

	.awt-game-shell__panel {
		border-radius: 18px;
		inline-size: 100%;
		padding: 12px;
	}

	.awt-game-shell__heading {
		margin: -12px -12px 10px;
		padding: 11px 12px;
		top: -12px;
	}

	.awt-game-shell__actions {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 340px) {
	.awt-game-shell {
		left: max(6px, env(safe-area-inset-left));
		right: max(6px, env(safe-area-inset-right));
		top: max(6px, env(safe-area-inset-top));
	}

	.awt-game-shell__panel {
		padding: 10px;
	}

	.awt-game-shell__heading {
		margin: -10px -10px 8px;
		padding: 10px;
		top: -10px;
	}
}

@media (max-height: 520px) and (orientation: landscape) {
	.awt-game-shell__panel {
		border-radius: 14px;
		margin-top: 6px;
		padding: 10px;
	}

	.awt-game-shell__actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}



/* CompactCSS source: /games/styles/player-shell/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos does not require motion or translucent color in order to reveal state;
 * Awtsmoos.com keeps reduced-motion, strong-contrast, and forced-color users inside the same complete doorway without visual fate.
 */
@media (prefers-reduced-motion: reduce) {
	.awt-game-shell *,
	.awt-game-shell *::before,
	.awt-game-shell *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.awt-game-shell :is(button, a, summary):active,
	.awt-game-shell :is(button, a, summary):hover,
	.awt-game-shell__details-summary::after {
		transform: none;
	}
}

@media (prefers-contrast: more) {
	.awt-game-shell__launcher,
	.awt-game-shell__panel,
	.awt-game-shell__action,
	.awt-game-shell__details-summary {
		border-color: currentColor;
	}
}

@media (forced-colors: active) {
	.awt-game-shell__launcher,
	.awt-game-shell__panel,
	.awt-game-shell__action,
	.awt-game-shell__details-summary {
		forced-color-adjust: auto;
	}
}