/* CompactCSS source: /games/party/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos gathers many local players around one real game without turning
 * Party Challenge into a fake network service. Awtsmoos.com keeps this manifest
 * small so setup, live arena, standings, and responsive rules remain inspectable.
 */


/* CompactCSS source: /games/party/styles/base.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos gathers many local players into one ordered vessel without turning
 * their shared device into frosted spectacle. Awtsmoos.com keeps Party Challenge
 * solid, high-contrast, and honest about what it is: local pass-and-play multiplayer.
 */

:root {
	color-scheme: dark;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	--party-bg: #050813;
	--party-panel: #0c1628;
	--party-panel-raised: #122039;
	--party-border: #294560;
	--party-text: #f6f9ff;
	--party-muted: #9cacbf;
	--party-gold: #ffd66f;
	--party-cyan: #67ddff;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	min-width: 320px;
	min-height: 100%;
	margin: 0;
	background: var(--party-bg);
	color: var(--party-text);
}

body {
	min-height: 100vh;
	min-height: 100dvh;
}

button,
input,
select {
	font: inherit;
}

button,
a {
	touch-action: manipulation;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible {
	outline: 3px solid var(--party-cyan);
	outline-offset: 3px;
}

.partyShell {
	width: min(1480px, calc(100% - 24px));
	margin: 0 auto;
	padding: 20px 0 56px;
}

.partyPanel {
	border: 1px solid var(--party-border);
	border-radius: 18px;
	background: var(--party-panel);
	box-shadow: 0 20px 54px rgba(0, 0, 0, .34);
}

.partyKicker {
	margin: 0 0 8px;
	color: var(--party-cyan);
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}



/* CompactCSS source: /games/party/styles/setup.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * Party setup gives local players one clear promise: Solo remains the normal game
 * route; this chamber is an optional shared-device tournament around the same game.
 */

.partyHero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, .55fr);
	gap: 20px;
	padding: clamp(22px, 5vw, 48px);
	margin-bottom: 16px;
}

.partyHero h1 {
	margin: 0;
	font-size: clamp(2.7rem, 8vw, 6rem);
	line-height: .9;
	letter-spacing: -.055em;
}

.partyHero p {
	color: var(--party-muted);
	line-height: 1.55;
}

.partyTruth {
	align-self: end;
	padding: 16px;
	border: 1px solid #3d5770;
	border-radius: 14px;
	background: var(--party-panel-raised);
}

.partyTruth strong {
	color: var(--party-gold);
}

.partySetup {
	display: grid;
	gap: 16px;
	padding: 20px;
}

.setupGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.partyField {
	display: grid;
	gap: 7px;
}

.partyField label {
	font-weight: 850;
}

.partyField input,
.partyField select {
	min-height: 46px;
	padding: 0 12px;
	border: 1px solid var(--party-border);
	border-radius: 10px;
	background: #08111f;
	color: var(--party-text);
}

.playerNames {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.partyButton {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	border: 1px solid #4c7690;
	border-radius: 10px;
	background: #12334b;
	color: #fff;
	cursor: pointer;
	font-weight: 900;
}

.partyButton--primary {
	border-color: var(--party-gold);
	background: #3b2c12;
	color: #ffedb0;
}

.partyButton:hover {
	filter: brightness(1.15);
}



/* CompactCSS source: /games/party/styles/arena.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The active Party Challenge keeps the real game visually dominant. The Awtsmoos
 * renews current player, round, and world; Awtsmoos.com wraps that world with only
 * the controls required to reset a turn, record a result, and continue fairly.
 */

.partyArena {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 14px;
	margin-top: 16px;
}

.partyGameStage {
	display: grid;
	min-width: 0;
	grid-template-rows: auto minmax(420px, 72vh);
	overflow: hidden;
	border: 1px solid var(--party-border);
	border-radius: 18px;
	background: #03060c;
}

.turnHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border-bottom: 1px solid var(--party-border);
	background: #0b1526;
}

.turnHeader strong {
	font-size: 1rem;
}

.turnHeader span {
	color: var(--party-muted);
	font-size: .8rem;
}

#gameFrame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}

.turnControls {
	display: grid;
	align-content: start;
	gap: 14px;
	padding: 16px;
}

.turnControls h2 {
	margin: 0;
	font-size: 1.4rem;
}

.turnControls p {
	margin: 0;
	color: var(--party-muted);
	line-height: 1.5;
}

.turnScoreField {
	display: grid;
	gap: 7px;
}

.turnScoreField input {
	min-height: 48px;
	padding: 0 12px;
	border: 1px solid var(--party-border);
	border-radius: 10px;
	background: #08111f;
	color: var(--party-text);
	font-size: 1.1rem;
	font-weight: 850;
}

.turnActions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.partyNotice {
	padding: 10px 12px;
	border: 1px solid #31536a;
	border-radius: 10px;
	background: #0b1d2b;
	color: #c9e8f5;
	font-size: .78rem;
	line-height: 1.45;
}



/* CompactCSS source: /games/party/styles/scoreboard.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos renews each player's deed without losing the whole contest.
 * Awtsmoos.com keeps standings visible, simple, and deterministic across rounds.
 */

.partyScoreboard {
	display: grid;
	gap: 10px;
	margin-top: 16px;
	padding: 16px;
}

.partyScoreboard h2 {
	margin: 0;
	font-size: 1.35rem;
}

.scoreRows {
	display: grid;
	gap: 7px;
}

.scoreRow {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid #273d56;
	border-radius: 10px;
	background: #0a1424;
}

.scoreRow strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.scoreRow span {
	color: var(--party-gold);
	font-weight: 900;
	font-variant-numeric: tabular-nums;
}

.partyWinner {
	padding: 15px;
	border: 1px solid #775f27;
	border-radius: 12px;
	background: #2c220d;
	color: #ffe9a0;
	font-weight: 900;
	text-align: center;
}

.partyWinner[hidden] {
	display: none;
}

.partyLinks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.partyLinks a {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	padding: 8px 11px;
	border: 1px solid #38516a;
	border-radius: 10px;
	background: #0f1d30;
	color: #d9eaff;
	font-weight: 800;
	text-decoration: none;
}



/* CompactCSS source: /games/party/styles/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos renews shared play across wide monitors and small phones alike.
 * Awtsmoos.com collapses Party Challenge around the real game before shrinking
 * touch targets or hiding the current player.
 */

@media (max-width: 900px) {
	.partyHero,
	.partyArena {
		grid-template-columns: 1fr;
	}

	.partyGameStage {
		grid-template-rows: auto minmax(360px, 62vh);
	}

	.setupGrid {
		grid-template-columns: 1fr 1fr;
	}

	.playerNames {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 560px) {
	.partyShell {
		width: min(100% - 12px, 1480px);
		padding-top: 8px;
	}

	.partyHero,
	.partySetup,
	.turnControls,
	.partyScoreboard {
		padding: 14px;
	}

	.setupGrid,
	.playerNames,
	.turnActions {
		grid-template-columns: 1fr;
	}

	.partyGameStage {
		grid-template-rows: auto minmax(320px, 58vh);
	}

	.turnHeader {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.partyButton {
		transition: none;
	}
}