/* CompactCSS source: /games/sulam-ha-sod/css/game.css */
/* B"H
 * Sulam HaSod stylesheet index.
 *
 * The Awtsmoos arranges many sparks into one vessel. Each imported file owns one
 * visual responsibility so the game shell can stay fast, readable, and easy to
 * tune without creating a single tangled wall of CSS again.
 */

/* CompactCSS source: /games/sulam-ha-sod/css/modules/base.css */
/* B"H
 * Base vessel for Sulam HaSod.
 *
 * The Awtsmoos gives the game its whole screen. This module owns only the page,
 * canvas, and shared glass variables so later modules can stay small and exact.
 * The camera zoom is a visual breath on the canvas itself, so the webcam bubble
 * and every painted world-object expand together without reflow storms.
 */
:root{--gold:#ffd36a;--pink:#ff6ad5;--cyan:#9df7ff;--deep:#07030f;--line:#ffffff2b;--text:#fff7ff;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;min-height:100dvh;background:var(--deep);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;overflow:hidden;touch-action:none;-webkit-text-size-adjust:100%;text-rendering:geometricPrecision}button{font:inherit;-webkit-tap-highlight-color:transparent}.shell{position:fixed;inset:0;overflow:hidden;background:#05020a}body:before{content:"";position:fixed;inset:-18%;background:radial-gradient(circle at 18% 12%,#50369f88,transparent 28%),radial-gradient(circle at 80% 20%,#ff6ad533,transparent 22%),radial-gradient(circle at 50% 85%,#9df7ff22,transparent 30%),linear-gradient(180deg,#080318,#130624 55%,#05020a);z-index:-2}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 96px),repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 96px);mask:linear-gradient(#0008,transparent 70%);z-index:-1;opacity:.12}.glass{background:linear-gradient(135deg,#ffffff17,#ffffff08);border:1px solid var(--line);box-shadow:0 10px 30px #0008,inset 0 1px #fff3;backdrop-filter:blur(12px)}canvas{--camera-zoom:1;position:fixed;inset:0;z-index:0;display:block;width:100vw;height:100dvh;background:#10091f;image-rendering:auto;contain:strict;transform:scale(var(--camera-zoom));transform-origin:center center;will-change:transform}
@media (hover:none),(pointer:coarse){body:before{filter:none}.glass{backdrop-filter:none;box-shadow:0 7px 18px #0008,inset 0 1px #fff2}}
@media (prefers-reduced-motion:reduce){body:before{filter:none}canvas{will-change:auto}}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/hud.css */
/* B"H
 * Compact HUD vessel.
 *
 * The Awtsmoos lowers the crown of the interface so gameplay breathes beneath
 * it. Wallet and required coins stay visible, but the dark unused height is
 * cut away; mobile receives a short three-row lattice that avoids the playfield.
 */
.hud{position:fixed;z-index:2;left:10px;right:10px;top:calc(5px + var(--safe-top));display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;border-radius:15px;padding:5px 7px;min-width:0;pointer-events:auto;max-height:54px;overflow:hidden}.tiny{border:0;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:1000;background:#fff;color:#150720;box-shadow:0 6px 15px #0008}.hudMain{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(130px,.5fr) auto auto minmax(190px,.7fr) minmax(70px,.25fr);grid-template-areas:'title route coins key wallet status';gap:7px;align-items:center;min-width:0}.titleRow{grid-area:title;display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}.titleRow b{font-size:clamp(14px,1.25vw,19px);letter-spacing:.01em;text-shadow:0 0 10px #9df7ff88}.titleRow span:not(.pill){overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:11px}.pill{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:1000;color:#1b0724;background:linear-gradient(90deg,var(--gold),var(--pink));box-shadow:0 0 14px #ff6ad566;flex:0 0 auto}.runMeter{grid-area:route;display:grid;grid-template-columns:auto minmax(72px,1fr);align-items:center;gap:5px;min-width:0}.meterLabel{font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#9df7ff;text-shadow:0 0 7px #9df7ff66}.progressShell{position:relative;height:9px;border-radius:999px;overflow:hidden;background:#000c;border:1px solid #ffffff30;box-shadow:inset 0 0 10px #000}.progressShell i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--pink));box-shadow:0 0 12px #9df7ff;transition:width .12s linear}.progressShell em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:1000;color:#12061c;text-shadow:0 1px #ffffff88}.coinOrb{grid-area:coins;--coinPct:0;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--coinPct)*1%),#ffffff18 0),radial-gradient(circle,#211032 50%,#0000 52%);box-shadow:0 0 12px #ffd36a66,inset 0 0 10px #000;border:1px solid #ffffff50;flex:0 0 auto}.coinOrb strong{font-size:9px;color:#fff;text-shadow:0 0 8px #000}.keyBadge{grid-area:key;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 7px;border:1px solid #ffffff30;background:#0009;color:#d8d1e8;box-shadow:inset 0 0 8px #000;white-space:nowrap}.keyBadge i{width:16px;height:16px;border-radius:999px;display:grid;place-items:center;position:relative;background:#ffffff22;border:1px solid #ffffff50}.keyBadge i:before{content:"";width:9px;height:9px;border:2px solid currentColor;border-radius:999px;position:absolute;left:2px;top:2px}.keyBadge i:after{content:"";width:8px;height:2px;background:currentColor;position:absolute;right:1px;top:8px;box-shadow:3px 3px 0 currentColor}.keyBadge.locked{color:#8f849e;filter:saturate(.55)}.keyBadge.locked i:after{transform:rotate(-45deg);width:17px;right:0;top:7px;box-shadow:none;background:#ff6ad5}.keyBadge.unlocked{color:#ffd36a;border-color:#ffd36a66;box-shadow:0 0 14px #ffd36a55,inset 0 0 8px #000}.keyBadge span{font-size:9px;font-weight:900}.walletCluster{grid-area:wallet;display:flex;align-items:center;gap:4px;min-width:0;padding:1px 3px;border-radius:999px;background:#0003}.shefaPills{display:flex;gap:3px;align-items:center;overflow:hidden;white-space:nowrap;min-width:0}.shefaCoin{display:inline-flex;align-items:center;gap:3px;min-width:0;border-radius:999px;padding:2px 5px;background:#0009;border:1px solid #ffffff2e;box-shadow:inset 0 0 8px #000}.shefaCoin i{width:15px;height:15px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,var(--gold));box-shadow:0 0 8px #ffd36a88;position:relative;flex:0 0 auto;color:#321400;font-style:normal;font-size:7px;font-weight:1000}.shefaCoin.dinar i:after{content:"";position:absolute;width:4px;height:8px;border-radius:4px;background:#7b4100}.shefaCoin.sela i:after{content:"";position:absolute;width:8px;height:4px;border-radius:4px;background:#7b4100}.shefaCoin.maneh i:after{content:"";position:absolute;width:6px;height:6px;border-radius:2px;background:#7b4100;transform:rotate(45deg)}.shefaCoin.shefa i{background:linear-gradient(135deg,var(--cyan),var(--pink));color:#fff}.shefaCoin b{font-size:10px}.coinHelp{width:22px;height:22px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--gold),var(--pink));font-weight:1000;color:#160720;box-shadow:0 0 11px #ffd36a77;flex:0 0 auto}.stats{grid-area:status;font-size:9.5px;color:#e9ddff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.78}.coinStack,.coinDot,.coinMore{display:none!important}
@media (min-width:900px){.touch{display:none!important}.progressShell{max-width:170px}.stats{justify-self:end;max-width:130px}.walletCluster{justify-self:start}.shefaCoin{max-width:50px}.shefaCoin.shefa{max-width:58px}}
@media (max-width:720px){.hud{left:4px;right:4px;top:calc(3px + var(--safe-top));grid-template-columns:minmax(0,1fr) auto;gap:4px;border-radius:13px;padding:4px 5px;max-height:74px}.tiny{grid-column:2;grid-row:1 / span 3;padding:6px 7px;border-radius:11px;font-size:11px;align-self:center}.hudMain{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'title coins key' 'route coins key' 'wallet wallet status';gap:3px 5px}.titleRow{gap:3px}.titleRow b{font-size:11px}.titleRow span:not(.pill){font-size:9.5px}.pill{padding:2px 6px;font-size:10px}.runMeter{grid-template-columns:auto minmax(70px,1fr)}.meterLabel{font-size:8px}.progressShell{height:8px}.coinOrb{width:30px;height:30px}.keyBadge{padding:2px 5px}.keyBadge span{display:none}.keyBadge i{width:15px;height:15px}.walletCluster{gap:3px;max-width:100%}.shefaPills{gap:2px;max-height:21px}.shefaCoin{padding:1px 3px;gap:2px}.shefaCoin i{width:13px;height:13px}.shefaCoin b{font-size:9px}.coinHelp{width:20px;height:20px;font-size:11px}.stats{font-size:8.5px;justify-self:end;max-width:58px}.shefaCoin.perutah,.shefaCoin.dinar,.shefaCoin.sela,.shefaCoin.maneh{max-width:34px}.shefaCoin.shefa{max-width:42px}}
@media (max-width:420px){.hud{max-height:68px}.titleRow b{font-size:10.5px}.titleRow span:not(.pill){font-size:9px}.coinOrb{width:28px;height:28px}.coinOrb strong{font-size:8px}.stats{display:none}.shefaCoin.sela,.shefaCoin.maneh{display:none}}
@media (prefers-reduced-motion:reduce){.progressShell i{transition:none}}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/actions.css */
/* B"H
 * Hamburger actions, exit warning, zoom covenant, and star victory seal.
 *
 * The Awtsmoos gives one compact ☰ crown-button. The dropdown stays beneath
 * the same left-side hamburger and now carries a drag-slider for camera zoom:
 * the whole world grows or recedes, including the webcam bubble, because the
 * canvas itself receives the scale.
 */
.hudButtons{position:relative;display:flex;align-items:center;justify-content:center}.hamburger{width:38px;height:34px;border:0;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,var(--cyan));box-shadow:0 8px 18px #0009,0 0 18px #9df7ff66;padding:7px}.hamburger span{display:block;width:19px;height:3px;border-radius:999px;background:#150720;box-shadow:0 1px #ffffff88}.hamburger[aria-expanded="true"]{background:linear-gradient(135deg,var(--gold),var(--pink));box-shadow:0 0 26px #ff6ad588,0 9px 20px #000a}.actionsMenu{position:fixed;z-index:9;left:10px;top:calc(49px + var(--safe-top));display:grid;gap:7px;width:min(238px,calc(100vw - 20px));border-radius:18px;padding:9px;background:#10061df4;border:1px solid #ffffff35;box-shadow:0 18px 42px #000d,0 0 22px #9df7ff22;backdrop-filter:blur(14px)}.actionsMenu[hidden]{display:none}.actionsMenu button{border:0;border-radius:13px;padding:10px 12px;background:linear-gradient(135deg,#ffffff,#9df7ff);color:#17071f;font-size:12px;font-weight:1000;text-align:left;box-shadow:0 6px 16px #0007}.actionsMenu button:first-child{background:linear-gradient(135deg,var(--gold),var(--pink))}.actionsMenu button:disabled{opacity:.55;filter:grayscale(1)}.zoomRow{display:grid;grid-template-columns:1fr auto;gap:6px 8px;padding:9px;border-radius:14px;background:#ffffff10;border:1px solid #ffffff24;color:#fff}.zoomRow span{font-size:11px;font-weight:1000}.zoomRow output{font-size:11px;font-weight:1000;color:#ffd36a}.zoomRow input{grid-column:1 / -1;width:100%;accent-color:#ff6ad5;touch-action:pan-x}.confirmModal{position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 28px));border-radius:24px;padding:22px;text-align:center;background:radial-gradient(circle at 50% 0,#4a185de8,#090213f5 72%);border:1px solid #ffd36a66;box-shadow:0 28px 80px #000f,0 0 42px #ff6ad555}.confirmModal[hidden]{display:none}.confirmModal h2{margin:0 0 8px;color:#ffd36a;text-shadow:0 0 16px #ffd36a88}.confirmModal p{margin:0 auto 16px;color:#fff;line-height:1.45}.confirmModal div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.confirmModal button{border:0;border-radius:999px;padding:12px 17px;font-weight:1000;background:linear-gradient(135deg,var(--gold),var(--pink));color:#160720;box-shadow:0 10px 25px #0009}.confirmModal .ghost{background:#ffffff18;color:#fff;border:1px solid #ffffff55}.successBurst{position:fixed;z-index:11;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:8px;pointer-events:none;text-align:center;filter:drop-shadow(0 0 24px #ffd36a)}.successBurst[hidden]{display:none}.successBurst b{font-size:clamp(22px,4vw,38px);color:#fff;text-shadow:0 0 18px #9df7ff,0 0 38px #ff6ad5}.successBurst span{border-radius:999px;padding:7px 12px;background:#000b;border:1px solid #ffd36a88;color:#ffd36a;font-weight:1000}.starSeal{position:relative;width:112px;height:112px;display:grid;place-items:center}.starSeal:before,.starSeal:after{content:"";position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;filter:drop-shadow(0 0 12px #ffd36a)}.starSeal:before{border-bottom:86px solid #ffd36a;transform:translateY(-12px)}.starSeal:after{border-top:86px solid #9df7ff;transform:translateY(12px)}.starSeal i:nth-child(1){position:absolute;inset:18px;border-radius:999px;border:3px solid #ff6ad5;z-index:2}.starSeal i:nth-child(2){position:absolute;width:34px;height:34px;border-radius:999px;background:#fff;z-index:3;box-shadow:0 0 24px #fff}.starSeal i:nth-child(3){position:absolute;inset:-10px;border-radius:999px;border:2px solid #ffffff88;z-index:1}.successBurst.play{animation:sealPop 1.35s cubic-bezier(.16,1,.3,1) both}.successBurst.play .starSeal{animation:sealSpin 1.1s ease-out both}.successBurst.play .starSeal i:nth-child(3){animation:ringFade 1.1s ease-out both}@keyframes sealPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-54%) scale(.92)}}@keyframes sealSpin{0%{transform:rotate(-80deg) scale(.7)}100%{transform:rotate(0) scale(1)}}@keyframes ringFade{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.9);opacity:0}}
@media (max-width:720px){.hamburger{width:34px;height:32px;border-radius:12px;padding:6px}.hamburger span{width:17px;height:2px}.actionsMenu{left:7px;right:auto;top:calc(43px + var(--safe-top));width:min(206px,calc(100vw - 14px));gap:6px;border-radius:16px;padding:8px}.actionsMenu button{font-size:11px;padding:9px}.zoomRow{padding:8px}.successBurst{top:38%}.starSeal{width:92px;height:92px}.starSeal:before,.starSeal:after{border-left-width:41px;border-right-width:41px}.starSeal:before{border-bottom-width:72px}.starSeal:after{border-top-width:72px}}
@media (prefers-reduced-motion:reduce){.successBurst.play,.successBurst.play .starSeal,.successBurst.play .starSeal i:nth-child(3){animation:none}.successBurst{opacity:1}}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers Sulam's menu from smaller chambers whose laws do not collide;
 * Awtsmoos.com keeps surface, action, ladder, market, wallet, shop, and responsive light distinct on every side.
 */

/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/surface.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos opens one scrollable chamber above the game without letting its glow escape the frame;
 * Awtsmoos.com gives menu prose and panels a quiet bounded surface so every deeper action can keep its name.
 */
.menu {
	position: fixed;
	inset: 0;
	z-index: 5;
	display: block;
	overflow: auto;
	padding: 24px;
	text-align: center;
	background: radial-gradient(circle at 50% 20%, #432080ee, #080414f2 70%);
}

.menu.off {
	display: none;
}

.eyebrow {
	margin: 0;
	color: var(--cyan);
	letter-spacing: .16em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 900;
}

.menu h1 {
	font-size: clamp(46px, 9vw, 104px);
	line-height: .9;
	margin: 10px 0;
	text-shadow: 0 0 18px var(--cyan), 0 0 60px var(--pink);
}

.menu p {
	max-width: 760px;
	margin: 0 auto 12px;
	color: #eee2ff;
	line-height: 1.55;
}

.instructions,
.menuPanel {
	max-width: 1040px;
	margin: 14px auto;
	background: #0008;
	border: 1px solid #ffffff33;
	border-radius: 22px;
	padding: 18px;
	line-height: 1.6;
	color: #f9efff;
}

.menuPanel h2 {
	margin: 0 0 12px;
}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/actions.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets each finite choice answer touch, focus, hover, and press in measured light;
 * Awtsmoos.com removes browser-default skin so every menu action belongs completely to Sulam's sight.
 */
.menuActions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 14px 0;
}

.menu button {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 999px;
	padding: 13px 22px;
	font-size: 16px;
	font-weight: 1000;
	background: linear-gradient(135deg, var(--gold), var(--pink));
	color: #18071f;
	box-shadow: 0 14px 40px #0009, 0 0 30px #ff6ad555;
	cursor: pointer;
	touch-action: manipulation;
	transition: transform .14s ease, filter .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.menu button:focus-visible {
	outline: 3px solid var(--cyan);
	outline-offset: 3px;
}

.menu button:active:not(:disabled) {
	filter: brightness(.96);
	transform: translateY(1px) scale(.98);
	box-shadow: 0 8px 24px #0008, 0 0 22px #9df7ff44;
}

.menu button:disabled {
	opacity: .45;
	filter: grayscale(1);
	cursor: not-allowed;
	transform: none;
}

.menu .ghost {
	background: #ffffff18;
	color: #fff;
	border: 1px solid #ffffff55;
}

@media (hover: hover) and (pointer: fine) {
	.menu button:hover:not(:disabled) {
		filter: brightness(1.12);
		transform: translateY(-2px);
		box-shadow: 0 16px 42px #0009, 0 0 34px #9df7ff44;
	}
}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/levels.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets each rung of Sulam become one readable card rather than a crowded stair;
 * Awtsmoos.com keeps current, locked, and available chambers distinct while every level remains easy to compare.
 */
.levelGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 10px;
}

.levelCard {
	min-height: 92px !important;
	border-radius: 18px !important;
	background: linear-gradient(135deg, #1c1235, #4a2a78) !important;
	color: #fff !important;
	text-align: left !important;
	padding: 12px !important;
}

.levelCard b {
	font-size: 26px;
	color: var(--gold);
}

.levelCard span {
	display: block;
	font-size: 12px;
	line-height: 1.2;
}

.levelCard em {
	font-size: 11px;
	color: var(--cyan);
	font-style: normal;
}

.levelCard.current {
	outline: 2px solid var(--gold);
	box-shadow: 0 0 28px #ffd36a55 !important;
}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/market.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets Shefa and locked gates appear as measures without confusing their source;
 * Awtsmoos.com gives market headers and unlock vessels explicit hierarchy along the course.
 */
.marketPanel {
	display: grid;
	gap: 14px;
}

.marketHeader,
.marketUnlock {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.marketHeader {
	flex-wrap: wrap;
}

.shopShefa {
	font-size: 18px;
	font-weight: 1000;
	color: var(--gold) !important;
	margin: 0 !important;
}

.marketUnlock {
	text-align: left;
	background: linear-gradient(135deg, #ffd36a1a, #ff6ad51f);
	border: 1px solid #ffd36a66;
	border-radius: 20px;
	padding: 14px;
	box-shadow: 0 0 28px #ffd36a22;
}

.marketUnlock b,
.marketUnlock span {
	display: block;
}

.marketUnlock b {
	color: #fff;
	font-size: 18px;
}

.marketUnlock span {
	color: #9df7ff;
	font-size: 13px;
}

.marketUnlock button {
	white-space: nowrap;
	padding: 11px 18px;
}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/wallet.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews every counted coin while remaining beyond quantity and sum;
 * Awtsmoos.com arranges wallet rows and modal totals so value is readable wherever players come.
 */
.marketWallet {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
	gap: 9px;
}

.walletRow {
	display: grid;
	grid-template-columns: auto auto 1fr;
	grid-template-areas: 'coin count label' 'coin note note';
	gap: 2px 7px;
	align-items: center;
	text-align: left;
	background: #ffffff10;
	border: 1px solid #ffffff25;
	border-radius: 16px;
	padding: 10px;
}

.walletRow i {
	grid-area: coin;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #fff, var(--gold));
	color: #321400;
	font-style: normal;
	font-weight: 1000;
	box-shadow: 0 0 14px #ffd36a66;
}

.walletRow b {
	grid-area: count;
	font-size: 20px;
	color: #fff;
}

.walletRow em {
	grid-area: label;
	font-style: normal;
	color: var(--gold);
	font-weight: 900;
}

.walletRow small {
	grid-area: note;
	color: #d8cfff;
	font-size: 11px;
	line-height: 1.25;
}

.walletRow.shefa i {
	background: linear-gradient(135deg, var(--cyan), var(--pink));
	color: #fff;
}

.coinModal .coinRows {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 8px 12px;
	text-align: left;
}

.coinModal .coinRows b {
	color: var(--gold);
}

.coinModal .coinRows span {
	color: #eee2ff;
}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/shop.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos clothes each earned skin in one complete card where form and action agree;
 * Awtsmoos.com keeps hats, masks, robes, cost, ownership, and purchase buttons visually whole for every player to see.
 */
.shopGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 12px;
}

.skinCard {
	display: grid;
	gap: 7px;
	text-align: left;
	background: linear-gradient(135deg, #ffffff12, #ffffff08);
	border: 1px solid #ffffff2f;
	border-radius: 20px;
	padding: 14px;
	position: relative;
	overflow: hidden;
}

.skinCard::after {
	content: attr(data-slot);
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 999px;
	padding: 3px 8px;
	background: #0008;
	border: 1px solid #ffffff35;
	color: var(--cyan);
	font-size: 10px;
	font-weight: 1000;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.skinCard.equipped {
	outline: 2px solid var(--cyan);
}

.skinCard i {
	width: 54px;
	height: 62px;
	border-radius: 18px 18px 8px 8px;
	background: var(--body);
	border: 4px solid var(--trim);
	position: relative;
	box-shadow: 0 0 24px var(--trim);
}

.skinCard i::before {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	top: -12px;
	height: 22px;
	border-radius: 999px 999px 0 0;
	background: var(--cap);
}

.skinCard[data-slot="hat"] i::before {
	left: -6px;
	right: -6px;
	top: -18px;
	height: 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--cap), var(--trim));
}

.skinCard[data-slot="mask"] i::after {
	content: "";
	position: absolute;
	left: 5px;
	right: 5px;
	top: 18px;
	height: 10px;
	border-radius: 999px;
	background: var(--cap);
	box-shadow: 0 0 10px var(--trim);
}

.skinCard strong {
	width: max-content;
	border-radius: 999px;
	padding: 2px 7px;
	background: #ffffff18;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .08em;
}

.skinCard span {
	font-size: 12px;
	color: #d8cfff;
}

.skinCard em {
	color: var(--gold);
	font-style: normal;
	font-weight: 1000;
}

.skinCard button {
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/menu/responsive.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets one menu contract again without losing any choice from view;
 * Awtsmoos.com reshapes unlocks, grids, and motion for narrow screens while keeping every interactive state true.
 */
@media (max-width: 720px) {
	.menu {
		padding: 18px;
	}

	.menu h1 {
		font-size: clamp(42px, 18vw, 76px);
	}

	.marketUnlock {
		align-items: stretch;
		flex-direction: column;
	}

	.marketUnlock button {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.levelGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.shopGrid,
	.marketWallet {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.menu button {
		transition-duration: .01ms;
	}

	.menu button:hover,
	.menu button:active {
		transform: none;
	}
}





/* CompactCSS source: /games/sulam-ha-sod/css/modules/controls.css */
/* B"H
 * Touch controls vessel.
 *
 * The Awtsmoos lets the visible buttons remain small enough to reveal the cruel
 * canvas, while their invisible touch-fields bloom wide and high like hidden
 * wings. Tapping above Left, Right, or Jump still works; the player sees less
 * plastic but receives more mercy.
 */
.touch{position:fixed;left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));z-index:3;display:none;justify-content:space-between;align-items:end;gap:8px;pointer-events:none}.movePad{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(62vw,340px);pointer-events:none}.moveBtn,.jump{position:relative;pointer-events:auto;user-select:none;-webkit-user-select:none;border:0;color:#160720;font-weight:1000;box-shadow:0 8px 20px #0009,0 0 14px #9df7ff22;touch-action:none}.moveBtn:before,.jump:before{content:"";position:absolute;left:-28px;right:-28px;top:-210px;bottom:-18px;border-radius:32px}.moveBtn{height:54px;border-radius:18px;font-size:15px;background:linear-gradient(135deg,#9df7ff,#dffcff)}.jump{width:min(34vw,150px);height:58px;border-radius:999px;font-size:17px;background:linear-gradient(135deg,var(--gold),var(--pink))}.jump:before{left:-40px;right:-40px;top:-230px}.moveBtn.held,.jump.held{transform:translateY(2px) scale(.985);filter:saturate(1.35);box-shadow:0 4px 14px #000b,0 0 28px #ffd36a88}
@media (min-width:900px){.touch{display:none!important}}
@media (max-width:720px){.touch{display:flex}}
@media (max-width:420px){.touch{left:6px;right:6px;bottom:calc(6px + var(--safe-bottom));gap:6px}.movePad{gap:6px;width:64vw}.moveBtn{height:50px;font-size:14px;border-radius:17px}.jump{width:35vw;height:54px;font-size:16px}.moveBtn:before{left:-24px;right:-24px;top:-230px}.jump:before{left:-36px;right:-36px;top:-245px}}
@media (hover:none),(pointer:coarse){.touch{display:flex}}
@media (prefers-reduced-motion:reduce){.moveBtn.held,.jump.held{transform:none}}



/* CompactCSS source: /games/sulam-ha-sod/css/modules/modal.css */
/* B"H
 * Coin study modal.
 *
 * The Awtsmoos turns the question mark into a tiny beis midrash: a centered,
 * readable scroll that teaches coin values without bloating the in-game HUD.
 */
.coinModal{position:fixed;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,560px);max-height:min(82dvh,620px);overflow:auto;text-align:left;box-shadow:0 22px 70px #000;background:#090316e8;border:1px solid #ffffff33;border-radius:22px;padding:18px;line-height:1.55;color:#f9efff}.coinModal h2{margin:0 0 14px;font-size:clamp(24px,4vw,38px);text-shadow:0 0 18px #9df7ff88}.coinModal p{margin:0 0 14px;color:#eee2ff}.coinClose{position:absolute;right:12px;top:12px;width:34px;height:34px;padding:0!important;border:0;border-radius:12px;background:linear-gradient(135deg,#fff,var(--gold));color:#160720;font-weight:1000}.coinRows{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;background:#ffffff10;border-radius:16px;padding:14px}.coinRows b{color:var(--gold)}.coinNote{margin-bottom:0!important;color:#9df7ff!important}
@media (max-width:420px){.coinModal{width:94vw;padding:16px}.coinRows{grid-template-columns:1fr;gap:4px}.coinRows span{margin-bottom:8px}}