:root {
	--olsInk: #0b0b0d;
	--olsCoal: #17171a;
	--olsSlate: #232327;
	--olsLine: #3a3a3f;
	--olsCream: #f0e6d2;
	--olsMuted: #a39c8d;
	--olsFlame: #e07b24;
	--olsFlameDeep: #b45a12;
	--olsSteel: #6f8fb0;
	--olsGreen: #4fbf7a;
	--olsRed: #d8574f;
	--olsGold: #e0a33c;
	--olsBright: 1;
	--olsShop: #e07b24;
	--olsHead: Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Bold", sans-serif;
	--olsBody: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
}

html.olsRoot,
body.olsBody {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	background: var(--olsInk);
	color: var(--olsCream);
	font-family: var(--olsBody);
	-webkit-font-smoothing: antialiased;
}

.ols {
	position: fixed;
	inset: 0;
	overflow: hidden;
	user-select: none;
}

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

.ols [hidden],
.ols[hidden] {
	display: none !important;
}

.olsCanvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	filter: brightness(var(--olsBright));
}

.olsScreens {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.olsScreen {
	position: absolute;
	inset: 0;
	display: none;
}

.olsScreen[data-on] {
	display: flex;
	pointer-events: auto;
}

.olsLogo {
	margin: 0;
	font-family: var(--olsHead);
	font-style: italic;
	line-height: .82;
	letter-spacing: .01em;
	text-transform: uppercase;
	transform: skewX(-7deg);
}

.olsLogo__own,
.olsLogo__life {
	display: block;
	font-size: clamp(44px, 7vw, 96px);
}

.olsLogo__own {
	color: var(--olsCream);
	text-shadow: 3px 3px 0 #000, 6px 6px 0 rgba(0, 0, 0, .35);
}

.olsLogo__life {
	color: var(--olsFlame);
	text-shadow: 3px 3px 0 #000, 6px 6px 0 rgba(0, 0, 0, .35);
}

.olsLogo__sim {
	display: block;
	margin-top: 6px;
	font-family: var(--olsBody);
	font-style: normal;
	font-weight: 700;
	font-size: clamp(11px, 1.3vw, 16px);
	letter-spacing: .58em;
	color: var(--olsMuted);
}

.olsLogo--small .olsLogo__own,
.olsLogo--small .olsLogo__life {
	font-size: clamp(34px, 4.4vw, 58px);
}

.olsBoot {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	width: 100%;
	height: 100%;
	background: var(--olsInk);
}

.olsBoot__art {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(120% 90% at 20% 110%, rgba(224, 123, 36, .55), transparent 60%),
		linear-gradient(160deg, #2a2118 0%, #141317 55%, #0b0b0d 100%);
}

.olsBoot__art::before {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 62%;
	background:
		repeating-linear-gradient(90deg, rgba(0, 0, 0, .85) 0 14px, transparent 14px 46px),
		linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
	clip-path: polygon(0 62%, 6% 40%, 12% 52%, 18% 26%, 26% 44%, 33% 18%, 41% 38%, 49% 12%, 57% 34%, 65% 22%, 73% 42%, 82% 20%, 90% 40%, 100% 30%, 100% 100%, 0 100%);
	opacity: .92;
}

.olsBoot__art::after {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 4px);
	mix-blend-mode: overlay;
}

.olsBoot__panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 18px;
	padding: 6vh 7vw 6vh 5vw;
	background: linear-gradient(180deg, #161518, #0d0d0f);
	border-left: 3px solid var(--olsFlameDeep);
}

.olsBoot__city {
	margin: 0;
	font-weight: 700;
	letter-spacing: .3em;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--olsFlame);
}

.olsBoot__bar {
	height: 14px;
	background: #000;
	border: 2px solid var(--olsLine);
	transform: skewX(-18deg);
	overflow: hidden;
}

.olsBoot__bar i {
	display: block;
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, var(--olsFlameDeep), var(--olsFlame));
	transition: width .45s ease;
}

.olsBoot__status {
	margin: 0;
	font-size: 13px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsBoot__tip {
	margin: 0;
	max-width: 46ch;
	font-size: 14px;
	line-height: 1.55;
	color: #cdc4b4;
	border-left: 2px solid var(--olsLine);
	padding-left: 14px;
}

.olsMenu {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(180deg, rgba(11, 11, 13, .92), rgba(11, 11, 13, .97)),
		radial-gradient(90% 70% at 15% 0%, rgba(224, 123, 36, .3), transparent 65%);
	backdrop-filter: blur(3px);
}

.olsMenu__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 26px;
	padding: 6vh 4vw 6vh 6vw;
}

.olsMenu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-width: 420px;
}

.olsMenu__item {
	position: relative;
	display: block;
	width: 100%;
	padding: 13px 22px;
	border: 0;
	background: transparent;
	color: var(--olsMuted);
	font-family: var(--olsHead);
	font-size: 27px;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	transform: skewX(-12deg);
	transition: color .12s, background .12s;
}

.olsMenu__item span {
	display: block;
	transform: skewX(12deg);
}

.olsMenu__item[data-on] {
	color: #1a1208;
	background: linear-gradient(90deg, var(--olsFlame), rgba(224, 123, 36, .12));
}

.olsMenu__item:hover {
	color: var(--olsCream);
}

.olsMenu__item[data-on]:hover {
	color: #1a1208;
}

.olsMenu__hint {
	margin: 0;
	min-height: 22px;
	font-size: 13px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsMenu__right {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6vh 6vw;
}

.olsCard {
	width: min(420px, 100%);
	border: 2px solid var(--olsLine);
	background: linear-gradient(180deg, rgba(35, 35, 39, .96), rgba(17, 17, 20, .96));
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}

.olsCard__art {
	height: 150px;
	background:
		radial-gradient(90% 120% at 80% 110%, rgba(224, 123, 36, .5), transparent 60%),
		repeating-linear-gradient(115deg, #26262b 0 22px, #1f1f24 22px 44px);
	border-bottom: 2px solid var(--olsLine);
}

.olsCard__list {
	margin: 0;
	padding: 6px 0;
}

.olsCard__list > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 9px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.olsCard__list > div:last-child {
	border-bottom: 0;
}

.olsCard__list dt {
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsCard__list dd {
	margin: 0;
	font-weight: 700;
	font-size: 14px;
	text-align: right;
}

.olsPane {
	margin: auto;
	width: min(860px, 94vw);
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	border: 2px solid var(--olsLine);
	background: linear-gradient(180deg, rgba(23, 23, 26, .98), rgba(11, 11, 13, .98));
	box-shadow: 0 30px 80px rgba(0, 0, 0, .7);
}

.olsPane--narrow {
	width: min(460px, 94vw);
}

.olsPane__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	border-bottom: 2px solid var(--olsLine);
	background: linear-gradient(90deg, rgba(224, 123, 36, .18), transparent);
}

.olsPane__head h2 {
	margin: 0;
	font-family: var(--olsHead);
	font-size: 28px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.olsPane__body {
	padding: 20px;
	overflow: auto;
}

.olsBack,
.olsButton {
	border: 2px solid var(--olsLine);
	background: var(--olsSlate);
	color: var(--olsCream);
	font-family: var(--olsBody);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 9px 16px;
	cursor: pointer;
	transition: background .12s, border-color .12s, color .12s;
}

.olsButton {
	background: var(--olsFlame);
	border-color: var(--olsFlameDeep);
	color: #1a1208;
}

.olsButton:hover,
.olsBack:hover {
	filter: brightness(1.12);
}

.olsButton:disabled {
	opacity: .5;
	cursor: default;
}

.olsButton--ghost {
	background: transparent;
	border-color: var(--olsLine);
	color: var(--olsCream);
}

.olsButton--wide {
	width: 100%;
}

.olsButton--small {
	padding: 7px 12px;
	font-size: 12px;
}

.olsTabs {
	display: flex;
	gap: 0;
	border-bottom: 2px solid var(--olsLine);
	background: rgba(0, 0, 0, .35);
}

.olsTab {
	flex: 1;
	border: 0;
	border-right: 1px solid rgba(255, 255, 255, .06);
	background: transparent;
	color: var(--olsMuted);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	padding: 13px 8px;
	cursor: pointer;
}

.olsTab[data-on] {
	background: var(--olsFlame);
	color: #1a1208;
}

.olsOptions {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.olsOption {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 14px;
	padding: 13px 14px;
	background: rgba(255, 255, 255, .03);
}

.olsOption:nth-child(even) {
	background: rgba(255, 255, 255, .055);
}

.olsOption__label {
	font-size: 14px;
	letter-spacing: .06em;
}

.olsOption b {
	min-width: 34px;
	text-align: right;
	color: var(--olsFlame);
}

.olsOption input[type="range"] {
	width: 200px;
	accent-color: var(--olsFlame);
}

.olsToggle {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	border: 2px solid var(--olsLine);
	background: transparent;
	color: var(--olsMuted);
	padding: 5px 12px 5px 6px;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	cursor: pointer;
}

.olsToggle i {
	width: 26px;
	height: 14px;
	background: #000;
	border: 1px solid var(--olsLine);
	position: relative;
}

.olsToggle i::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 10px;
	height: 10px;
	background: var(--olsMuted);
	transition: transform .12s, background .12s;
}

.olsToggle[data-on="1"] {
	color: var(--olsCream);
	border-color: var(--olsFlameDeep);
}

.olsToggle[data-on="1"] i::after {
	transform: translateX(12px);
	background: var(--olsFlame);
}

.olsForm {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.olsForm--grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 18px;
}

.olsField {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.olsField > span {
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsField > span b {
	color: var(--olsFlame);
}

.olsField input[type="text"],
.olsField input[type="email"],
.olsField input[type="password"],
.olsField input[type="number"] {
	border: 2px solid var(--olsLine);
	background: #0d0d10;
	color: var(--olsCream);
	font: inherit;
	padding: 10px 12px;
}

.olsField input:focus {
	outline: none;
	border-color: var(--olsFlame);
}

.olsField input[type="range"] {
	accent-color: var(--olsFlame);
}

.olsField--pick {
	grid-column: span 2;
}

.olsPick {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.olsPick button {
	border: 2px solid var(--olsLine);
	background: transparent;
	color: var(--olsMuted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 7px 12px;
	cursor: pointer;
}

.olsPick button em {
	display: inline-block;
	margin-left: 8px;
	font-style: normal;
	font-size: 10px;
	letter-spacing: .04em;
	color: var(--olsFlame);
}

.olsPick button:disabled {
	opacity: .4;
	cursor: default;
}

.olsPick button:disabled em {
	color: var(--olsRed);
}

.olsPick button[data-on] {
	border-color: var(--olsFlame);
	background: rgba(224, 123, 36, .18);
	color: var(--olsCream);
}

.olsPick--dots button {
	padding: 4px;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
}

.olsPick--dots button i {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--dot);
}

.olsPick--wide button {
	flex: 1;
}

.olsSwitch {
	display: flex;
	margin-bottom: 18px;
	border: 2px solid var(--olsLine);
}

.olsSwitch button {
	flex: 1;
	border: 0;
	background: transparent;
	color: var(--olsMuted);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding: 11px 8px;
	cursor: pointer;
}

.olsSwitch button[data-on] {
	background: var(--olsFlame);
	color: #1a1208;
}

.olsFormError {
	margin: 0;
	padding: 9px 12px;
	border-left: 3px solid var(--olsRed);
	background: rgba(216, 87, 79, .12);
	color: #f4c9c5;
	font-size: 13px;
}

.olsSignedIn p {
	margin: 0 0 14px;
	font-size: 14px;
	color: var(--olsMuted);
}

.olsCreate {
	display: grid;
	grid-template-columns: 380px 1fr;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(11, 11, 13, .95), rgba(11, 11, 13, .99));
}

.olsCreate__view {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	background:
		radial-gradient(80% 60% at 50% 100%, rgba(224, 123, 36, .28), transparent 70%),
		linear-gradient(180deg, #1d1b19, #0d0d0f);
	border-right: 3px solid var(--olsFlameDeep);
}

.olsCreate__view canvas {
	width: 300px;
	height: 430px;
}

.olsCreate__plate {
	text-align: center;
}

.olsCreate__plate strong {
	display: block;
	font-family: var(--olsHead);
	font-size: 26px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.olsCreate__plate span {
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsCreate__form {
	padding: 5vh 5vw;
	overflow: auto;
}

.olsCreate__form h2 {
	margin: 0 0 20px;
	font-family: var(--olsHead);
	font-size: 34px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.olsCreate__actions {
	grid-column: span 2;
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 6px;
}

.olsHud {
	position: absolute;
	inset: 0;
	pointer-events: none;
	font-family: var(--olsBody);
}

.ols[data-nohud] .olsHud__money,
.ols[data-nohud] .olsHud__bars,
.ols[data-nohud] .olsHud__place {
	display: none;
}

.ols[data-noradar] .olsRadar {
	display: none;
}

.olsHud__money {
	position: absolute;
	top: 18px;
	right: 22px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .8);
}

.olsHud__cash {
	font-family: var(--olsHead);
	font-size: 34px;
	letter-spacing: .02em;
	color: var(--olsGreen);
}

.olsHud__bank {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	color: var(--olsMuted);
}

.olsHud__bars {
	position: absolute;
	top: 66px;
	right: 22px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-end;
}

.olsBar {
	width: 150px;
	height: 10px;
	background: rgba(0, 0, 0, .55);
	border: 1px solid rgba(255, 255, 255, .22);
	transform: skewX(-18deg);
}

.olsBar i {
	display: block;
	height: 100%;
}

.olsBar--health i {
	background: #d84f4f;
}

.olsBar--energy i {
	background: var(--olsSteel);
}

.olsHud__place {
	position: absolute;
	left: 26px;
	bottom: 210px;
	display: flex;
	flex-direction: column;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .85);
}

.olsHud__place span {
	font-family: var(--olsHead);
	font-size: 25px;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--olsCream);
}

.olsHud__place small {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--olsFlame);
}

.olsRadar {
	position: absolute;
	left: 22px;
	bottom: 26px;
	width: 176px;
	height: 176px;
}

.olsRadar canvas {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
}

.olsRadar__ring {
	position: absolute;
	inset: -5px;
	border: 4px solid #0c0c0e;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .16), 0 6px 18px rgba(0, 0, 0, .6);
	pointer-events: none;
}

.olsPrompt {
	position: absolute;
	left: 50%;
	bottom: 88px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 16px 9px 9px;
	background: rgba(0, 0, 0, .68);
	border: 2px solid var(--olsLine);
	font-size: 14px;
	letter-spacing: .04em;
	pointer-events: none;
}

.olsPrompt__key {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	background: var(--olsFlame);
	color: #1a1208;
	font-weight: 800;
	font-size: 14px;
}

.olsPhone {
	position: absolute;
	right: 18px;
	bottom: 18px;
	width: 496px;
	z-index: 6;
	transition: transform .26s cubic-bezier(.22, .9, .3, 1);
	transform: translateY(calc(100% - 40px));
}

.olsPhone[data-open="1"] {
	transform: translateY(0);
}

.olsPhone__tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	height: 40px;
	border: 2px solid var(--olsLine);
	border-bottom: 0;
	background: linear-gradient(180deg, #232327, #131316);
	color: var(--olsCream);
	cursor: pointer;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-size: 11px;
}

.olsPhone__tab span {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	background: var(--olsFlame);
	color: #1a1208;
	font-weight: 800;
}

.olsPhone__body {
	border: 2px solid var(--olsLine);
	background: #0d0d10;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .7);
}

.olsPhone__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 12px;
	background: #000;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--olsMuted);
}

.olsPhone__carrier {
	color: var(--olsFlame);
}

.olsPhone__batt {
	width: 22px;
	height: 10px;
	border: 1px solid var(--olsMuted);
	position: relative;
}

.olsPhone__batt::after {
	content: "";
	position: absolute;
	inset: 2px;
	right: 6px;
	background: var(--olsGreen);
}

.olsPhone__screen {
	height: 262px;
	overflow: auto;
	background: linear-gradient(180deg, #151519, #0d0d10);
}

.olsPhone__home {
	display: flex;
	justify-content: center;
	padding: 7px;
	background: #000;
}

.olsPhone__home button {
	width: 44px;
	height: 8px;
	border: 0;
	border-radius: 4px;
	background: var(--olsLine);
	cursor: pointer;
}

.olsApps {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 6px;
	padding: 30px 16px;
	align-content: center;
	height: 100%;
}

.olsApp {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	border: 0;
	background: transparent;
	color: var(--olsCream);
	cursor: pointer;
	padding: 6px 2px;
}

.olsApp__icon {
	width: 46px;
	height: 46px;
	border-radius: 11px;
	background: var(--olsSlate);
	border: 1px solid rgba(255, 255, 255, .1);
	position: relative;
	overflow: hidden;
}

.olsApp__icon::after {
	content: "";
	position: absolute;
	inset: 0;
}

.olsApp__icon--estate::after {
	background: linear-gradient(135deg, #3f7a4f, #1f4a2c);
	clip-path: polygon(50% 18%, 86% 48%, 78% 48%, 78% 82%, 22% 82%, 22% 48%, 14% 48%);
}

.olsApp__icon--stocks::after {
	background: linear-gradient(135deg, #d8a13c, #8c5a12);
	clip-path: polygon(12% 78%, 32% 52%, 50% 64%, 76% 24%, 88% 24%, 88% 78%);
}

.olsApp__icon--bank::after {
	background: linear-gradient(135deg, #5d86b8, #27456e);
	clip-path: polygon(50% 14%, 90% 36%, 90% 44%, 10% 44%, 10% 36%);
}

.olsApp__icon--bank::before {
	content: "";
	position: absolute;
	left: 16%;
	right: 16%;
	top: 50%;
	bottom: 18%;
	background: repeating-linear-gradient(90deg, #5d86b8 0 6px, transparent 6px 12px);
}

.olsApp__icon--map::after {
	background: linear-gradient(135deg, #b8643c, #6e2f18);
	clip-path: polygon(8% 24%, 36% 14%, 64% 26%, 92% 16%, 92% 78%, 64% 88%, 36% 76%, 8% 86%);
}

.olsApp__icon--people::after {
	background: linear-gradient(135deg, #8c7ab8, #453a6e);
	clip-path: circle(20% at 50% 32%);
}

.olsApp__icon--people::before {
	content: "";
	position: absolute;
	left: 22%;
	right: 22%;
	top: 56%;
	bottom: 16%;
	border-radius: 40% 40% 0 0;
	background: #8c7ab8;
}

.olsApp__icon--items::after {
	background: linear-gradient(135deg, #b85d6e, #6e2434);
	clip-path: polygon(34% 18%, 50% 28%, 66% 18%, 92% 38%, 78% 54%, 78% 86%, 22% 86%, 22% 54%, 8% 38%);
}

.olsApp__icon--stats::after {
	background: linear-gradient(135deg, #4fbf9a, #1c5c4a);
	clip-path: polygon(14% 84%, 14% 52%, 34% 52%, 34% 84%, 44% 84%, 44% 28%, 64% 28%, 64% 84%, 74% 84%, 74% 44%, 92% 44%, 92% 84%);
}

.olsApp__icon--settings::after {
	background: linear-gradient(135deg, #9aa0a6, #4a4e52);
	clip-path: polygon(44% 8%, 56% 8%, 60% 22%, 72% 28%, 84% 20%, 92% 32%, 84% 44%, 84% 56%, 92% 68%, 84% 80%, 72% 72%, 60% 78%, 56% 92%, 44% 92%, 40% 78%, 28% 72%, 16% 80%, 8% 68%, 16% 56%, 16% 44%, 8% 32%, 16% 20%, 28% 28%, 40% 22%);
}

.olsApp__name {
	font-size: 10px;
	letter-spacing: .04em;
	color: var(--olsMuted);
}

.olsAppBar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 11px;
	background: #000;
	border-bottom: 1px solid var(--olsLine);
	position: sticky;
	top: 0;
	z-index: 2;
}

.olsAppBar h3 {
	flex: 1;
	margin: 0;
	font-size: 13px;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.olsAppBar span {
	font-size: 10px;
	color: var(--olsMuted);
}

.olsAppBack {
	border: 1px solid var(--olsLine);
	background: transparent;
	color: var(--olsMuted);
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 4px 8px;
	cursor: pointer;
}

.olsAppBody {
	padding: 12px 16px;
}

.olsAppBody--breed {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
	align-items: start;
}

.olsAppBody--breed > h4,
.olsAppBody--breed > .olsFilters,
.olsAppBody--breed > .olsPager,
.olsAppBody--breed > .olsAppTitle {
	grid-column: 1 / -1;
}

.olsAppBody h4 {
	margin: 14px 0 7px;
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--olsFlame);
}

.olsAppTitle {
	margin: 0 0 10px;
	font-family: var(--olsHead);
	font-size: 21px;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.olsAppLoad,
.olsNote {
	padding: 12px;
	font-size: 12px;
	color: var(--olsMuted);
	line-height: 1.5;
}

.olsRow {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 7px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	font-size: 12px;
}

.olsRow span {
	color: var(--olsMuted);
}

.olsList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.olsList__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	font-size: 12px;
	cursor: default;
}

.olsList__row b {
	display: block;
	font-size: 12px;
}

.olsList__row small {
	display: block;
	font-size: 10px;
	color: var(--olsMuted);
}

.olsList__row em {
	font-style: normal;
	font-weight: 700;
	white-space: nowrap;
}

.olsUp {
	color: var(--olsGreen);
}

.olsDown {
	color: var(--olsRed);
}

.olsBalance {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 11px 12px;
	background: linear-gradient(90deg, rgba(79, 191, 122, .16), transparent);
	border-left: 3px solid var(--olsGreen);
	margin-bottom: 5px;
}

.olsBalance span {
	font-size: 10px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsBalance b {
	font-family: var(--olsHead);
	font-size: 22px;
}

.olsBalance--alt {
	background: linear-gradient(90deg, rgba(111, 143, 176, .16), transparent);
	border-left-color: var(--olsSteel);
}

.olsAtm,
.olsTrade {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 8px;
	padding: 10px;
	background: rgba(255, 255, 255, .04);
	margin: 8px 0;
}

.olsAtm input,
.olsTrade input {
	border: 2px solid var(--olsLine);
	background: #0d0d10;
	color: var(--olsCream);
	font: inherit;
	padding: 8px 10px;
	width: 100%;
}

.olsAtm__row,
.olsTrade__row {
	display: flex;
	gap: 7px;
}

.olsAtm__row button,
.olsTrade__row button {
	flex: 1;
}

.olsFilters {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	margin-bottom: 9px;
}

.olsFilters select {
	border: 1px solid var(--olsLine);
	background: #0d0d10;
	color: var(--olsCream);
	font: inherit;
	font-size: 11px;
	padding: 6px 7px;
}

.olsHouse {
	display: grid;
	grid-template-columns: 42px 1fr auto;
	align-items: center;
	gap: 9px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	cursor: pointer;
}

.olsHouse:hover {
	background: rgba(224, 123, 36, .08);
}

.olsHouse__thumb {
	width: 42px;
	height: 38px;
	background: #2a2a2f;
	border: 1px solid var(--olsLine);
	position: relative;
	overflow: hidden;
}

.olsHouse__thumb::after {
	content: "";
	position: absolute;
	inset: 6px;
	background: #6d6a72;
}

.olsHouse__thumb--house::after {
	background: #8a6f5c;
	clip-path: polygon(50% 0, 100% 40%, 88% 40%, 88% 100%, 12% 100%, 12% 40%, 0 40%);
}

.olsHouse__thumb--villa::after {
	background: #9a8468;
	clip-path: polygon(0 30%, 50% 4%, 100% 30%, 100% 100%, 0 100%);
}

.olsHouse__thumb--apartment::after {
	background: repeating-linear-gradient(90deg, #6d6a72 0 7px, #4a4850 7px 11px);
}

.olsHouse__body b {
	display: block;
	font-size: 12px;
}

.olsHouse__body small {
	display: block;
	font-size: 10px;
	color: var(--olsMuted);
}

.olsHouse__seller {
	color: var(--olsSteel);
}

.olsHouse em {
	font-style: normal;
	font-weight: 800;
	font-size: 13px;
	color: var(--olsGold);
}

.olsPager {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 9px 0;
	font-size: 11px;
	color: var(--olsMuted);
}

.olsPager button {
	border: 1px solid var(--olsLine);
	background: transparent;
	color: var(--olsCream);
	font-size: 11px;
	padding: 5px 10px;
	cursor: pointer;
}

.olsPager button:disabled {
	opacity: .4;
	cursor: default;
}

.olsChip {
	border: 1px solid var(--olsLine);
	background: transparent;
	color: var(--olsCream);
	font-size: 10px;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 4px 8px;
	cursor: pointer;
	white-space: nowrap;
}

.olsChip:hover {
	border-color: var(--olsFlame);
}

.olsMine__acts {
	display: flex;
	gap: 4px;
}

.olsStock {
	display: grid;
	grid-template-columns: 1fr 64px auto;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	cursor: pointer;
}

.olsStock:hover {
	background: rgba(224, 123, 36, .08);
}

.olsStock__id b {
	display: block;
	font-size: 12px;
	letter-spacing: .06em;
}

.olsStock__id small {
	display: block;
	font-size: 10px;
	color: var(--olsMuted);
}

.olsStock__price {
	text-align: right;
}

.olsStock__price b {
	display: block;
	font-size: 12px;
}

.olsStock__price em {
	font-style: normal;
	font-size: 10px;
}

.olsSpark {
	width: 64px;
	height: 26px;
}

.olsQuote {
	display: flex;
	align-items: baseline;
	gap: 9px;
	margin-bottom: 6px;
}

.olsQuote b {
	font-family: var(--olsHead);
	font-size: 28px;
}

.olsQuote em {
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
}

.olsHero {
	height: 92px;
	background: repeating-linear-gradient(115deg, #26262b 0 18px, #1f1f24 18px 36px);
	border: 1px solid var(--olsLine);
	margin-bottom: 9px;
}

.olsAppActs {
	display: flex;
	gap: 7px;
	margin-top: 11px;
}

.olsAppActs button {
	flex: 1;
}

.olsMap {
	margin: auto;
	width: min(1180px, 96vw);
	height: min(92vh, 900px);
	display: flex;
	flex-direction: column;
	border: 2px solid var(--olsLine);
	background: rgba(11, 11, 13, .97);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .75);
}

.olsMap__canvas {
	flex: 1;
	min-height: 0;
	position: relative;
}

.olsMap__canvas canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.olsMap__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	padding: 11px 18px;
	border-top: 2px solid var(--olsLine);
	background: rgba(0, 0, 0, .4);
}

.olsLegend {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsLegend i {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	display: block;
}

.olsStore {
	margin: auto;
	width: min(1020px, 95vw);
	height: min(84vh, 720px);
	display: flex;
	flex-direction: column;
	border: 2px solid var(--olsLine);
	background: rgba(13, 13, 16, .98);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .75);
}

.olsStore__body {
	flex: 1;
	min-height: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: var(--olsLine);
}

.olsBin {
	display: flex;
	flex-direction: column;
	min-height: 0;
	background: rgba(13, 13, 16, .98);
}

.olsBin__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	padding: 13px 16px;
	border-bottom: 1px solid var(--olsLine);
}

.olsBin__head h3 {
	margin: 0;
	font-family: var(--olsHead);
	font-size: 20px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.olsBin__head span {
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsBin__list {
	flex: 1;
	overflow: auto;
	padding: 6px 16px 16px;
}

.olsBin__cash {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 7px;
	padding: 12px 16px;
	border-top: 1px solid var(--olsLine);
	background: rgba(255, 255, 255, .03);
}

.olsBin__cash input {
	border: 2px solid var(--olsLine);
	background: #0d0d10;
	color: var(--olsCream);
	font: inherit;
	padding: 7px 9px;
	width: 100%;
}

.olsThing {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.olsThing b {
	display: block;
	font-size: 13px;
}

.olsThing small {
	display: block;
	font-size: 10px;
	color: var(--olsMuted);
}

.olsThing__acts {
	display: flex;
	gap: 5px;
}

.olsShop {
	margin: auto;
	width: min(1000px, 95vw);
	height: min(88vh, 800px);
	display: flex;
	flex-direction: column;
	border: 2px solid var(--olsShop);
	background: rgba(13, 13, 16, .98);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .75);
}

.olsShop .olsPane__head {
	background: linear-gradient(90deg, color-mix(in srgb, var(--olsShop) 30%, transparent), transparent);
	border-bottom-color: var(--olsShop);
}

.olsShop__body {
	flex: 1;
	min-height: 0;
	display: grid;
	grid-template-columns: 1fr 260px;
}

.olsShop__stock {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
	gap: 12px;
	padding: 18px;
	overflow: auto;
	align-content: start;
}

.olsGoods {
	border: 1px solid var(--olsLine);
	background: rgba(255, 255, 255, .035);
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.olsGoods__art {
	height: 78px;
	background: linear-gradient(160deg, #2c2c31, #17171a);
	border: 1px solid var(--olsLine);
	position: relative;
	overflow: hidden;
}

.olsGoods__art::after {
	content: "";
	position: absolute;
	inset: 16%;
	background: var(--olsShop);
	opacity: .8;
}

.olsGoods__art--top::after {
	clip-path: polygon(30% 6%, 50% 16%, 70% 6%, 100% 26%, 84% 44%, 84% 100%, 16% 100%, 16% 44%, 0 26%);
}

.olsGoods__art--legs::after {
	clip-path: polygon(20% 0, 80% 0, 74% 100%, 56% 100%, 50% 46%, 44% 100%, 26% 100%);
}

.olsGoods__art--shoes::after {
	clip-path: polygon(6% 58%, 46% 58%, 60% 76%, 96% 84%, 96% 100%, 6% 100%);
}

.olsGoods__art--head::after {
	clip-path: polygon(12% 62%, 20% 30%, 80% 30%, 88% 62%, 88% 74%, 12% 74%);
}

.olsGoods h4 {
	margin: 0;
	font-size: 13px;
	letter-spacing: .03em;
}

.olsGoods p {
	margin: 0;
	font-size: 11px;
	color: var(--olsMuted);
	text-transform: capitalize;
}

.olsGoods b {
	font-family: var(--olsHead);
	font-size: 20px;
	color: var(--olsGold);
}

.olsShop__side {
	border-left: 1px solid var(--olsLine);
	padding: 18px;
	overflow: auto;
	background: rgba(0, 0, 0, .3);
}

.olsShop__side h4 {
	margin: 0 0 8px;
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--olsShop);
}

.olsShop__wallet {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--olsMuted);
}

.olsShop__wallet b {
	font-family: var(--olsHead);
	font-size: 18px;
	color: var(--olsCream);
}

.olsTakeover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 7px 16px;
	background: #b45a12;
	color: #fff4e2;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.olsTakeover a {
	color: #14120f;
	background: #f0e6d2;
	padding: 4px 10px;
	text-decoration: none;
}

.olsToasts {
	position: absolute;
	left: 50%;
	top: 26px;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	gap: 7px;
	z-index: 12;
	pointer-events: none;
}

.olsToast {
	padding: 11px 18px;
	background: rgba(0, 0, 0, .82);
	border-left: 3px solid var(--olsFlame);
	font-size: 13px;
	letter-spacing: .03em;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
	animation: olsIn .22s ease;
}

.olsToast--bad {
	border-left-color: var(--olsRed);
}

.olsToast[data-out] {
	opacity: 0;
	transition: opacity .55s;
}

@keyframes olsIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
}

.olsEmbed {
	position: relative;
	height: 80vh;
}

.olsEmbed .ols {
	position: absolute;
}

@media (max-width: 1000px) {
	.olsBoot,
	.olsMenu,
	.olsCreate {
		grid-template-columns: 1fr;
	}

	.olsBoot__art,
	.olsMenu__right {
		display: none;
	}

	.olsCreate__view {
		border-right: 0;
		border-bottom: 3px solid var(--olsFlameDeep);
		padding: 18px 0;
	}

	.olsCreate__view canvas {
		width: 180px;
		height: 258px;
	}

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

	.olsField--pick,
	.olsCreate__actions {
		grid-column: span 1;
	}

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

	.olsShop__side {
		border-left: 0;
		border-top: 1px solid var(--olsLine);
	}

	.olsRadar {
		width: 128px;
		height: 128px;
	}

	.olsHud__place {
		bottom: 168px;
	}

	.olsPhone {
		width: min(94vw, 420px);
	}
}

.olsMeter{display:block;height:6px;background:#1d232c;overflow:hidden}
.olsMeter b{display:block;height:100%}
.olsFirm__note{margin:0;font-size:12.5px;color:#aab2c0;padding:9px 12px;background:#12161d;border-left:3px solid #4fbf9a}
.olsField--wide{grid-column:1/-1}

.olsToasts{top:58px}
.olsBar{position:fixed;left:0;right:0;top:0;z-index:40;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;gap:16px;padding:8px 18px;background:linear-gradient(180deg,rgba(11,11,13,.94),rgba(11,11,13,.72));border-bottom:1px solid var(--olsLine);font-size:13px}
.olsBar__left{display:flex;flex-direction:column;gap:1px;min-width:0}
.olsBar__left b{font-size:14px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.olsBar__left span{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#8b93a1}
.olsBar__nav{display:flex;gap:2px;justify-self:center}
.olsBar__nav button{padding:7px 14px;background:transparent;border:1px solid transparent;color:#aab2c0;font:inherit;font-size:12px;letter-spacing:.7px;text-transform:uppercase;cursor:pointer}
.olsBar__nav button:hover{color:#e8eaee;border-color:#2a3240;background:#12161d}
.olsBar__right{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.olsBar__cash{font-size:17px;color:#4fbf9a;font-variant-numeric:tabular-nums}
.olsBar__month{font-size:11px;color:#8b93a1}
.olsLift{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(5,6,10,.72)}
.olsLift__box{width:min(460px,92vw);border:2px solid var(--olsLine);background:rgba(11,11,13,.98);box-shadow:0 30px 80px rgba(0,0,0,.7)}
.olsLift__box header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--olsLine)}
.olsLift__box h2{margin:0;font-size:16px;letter-spacing:1px;text-transform:uppercase}
.olsLift__list{list-style:none;margin:0;padding:6px}
.olsLift__row{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid transparent;cursor:pointer}
.olsLift__row>b{width:26px;text-align:center;font-size:18px;color:#e0761a}
.olsLift__row span{display:flex;flex-direction:column;gap:1px;min-width:0}
.olsLift__row em{font-style:normal;font-size:14px}
.olsLift__row small{font-size:11.5px;color:#8b93a1}
.olsLift__row:hover{border-color:#e0761a;background:#12161d}
.olsLift__row.is-here{background:#1d1710;border-color:#e0761a;cursor:default}
.olsLift__row.is-shut{opacity:.45;cursor:not-allowed}
.olsLift__row.is-shut:hover{border-color:transparent;background:transparent}
.olsBoardTable{width:100%;border-collapse:collapse;font-size:13px}
.olsBoardTable th{text-align:left;padding:8px 10px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#8b93a1;border-bottom:1px solid var(--olsLine)}
.olsBoardTable td{padding:9px 10px;border-bottom:1px solid #1d232c;cursor:pointer}
.olsBoardTable td b{display:block;font-size:14px}
.olsBoardTable td small{display:block;font-size:11.5px;color:#8b93a1}
.olsBoardTable .olsNum{text-align:right;font-variant-numeric:tabular-nums}
.olsBoardTable tr:hover td{background:#12161d}
.olsBoardTable tr.is-me td{background:#1d1710}
.olsBoardTable--you{margin-top:10px;border-top:2px solid #e0761a}
.olsMark{display:block;flex:0 0 auto}
.olsMarkPick{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:4px 0 14px;padding:12px;background:#12161d;border:1px solid #2a3240}
.olsMarkPick__view{width:84px;height:84px;border:1px solid #2a3240}
.olsMarkPick__sets{display:flex;flex-direction:column;gap:6px;min-width:0}
.olsMarkPick__sets>span{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#8b93a1}
.olsMarkPick .olsPick{display:flex;flex-wrap:wrap;gap:5px}
.olsMarkPick .olsPick button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:#0f1319;border:1px solid #2a3240;color:#aab2c0;cursor:pointer}
.olsMarkPick .olsPick button:hover{border-color:#e0761a;color:#e8eaee}
.olsMarkPick .olsPick button[data-on]{border-color:#e0761a;background:#1d1710;color:#e0761a}
.olsBar__left{display:flex;flex-direction:row;align-items:center;gap:10px}
.olsBar__mark{display:block;width:30px;height:30px;flex:0 0 auto}
.olsBar__who{display:flex;flex-direction:column;gap:1px;min-width:0}
.olsBoardTable__firm{display:flex;align-items:center;gap:10px}
.olsBoardTable__firm span{display:flex;flex-direction:column;gap:1px;min-width:0}
.olsBoardList__firm{display:flex;align-items:center;gap:10px}
.olsMap{position:relative;width:100%;height:100%;background:#0a1018}
.olsMap__canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.olsMap__canvas:active{cursor:grabbing}
.olsMap__search{position:absolute;left:18px;top:18px;z-index:5;width:min(420px,44vw)}
.olsMap__search input{width:100%;padding:11px 14px;background:rgba(11,11,13,.94);border:1px solid var(--olsLine);color:#e8eaee;font:inherit;font-size:14px}
.olsMap__search input:focus{outline:none;border-color:#e0761a}
.olsMapHits{list-style:none;margin:4px 0 0;padding:0;max-height:46vh;overflow:auto;background:rgba(11,11,13,.98);border:1px solid var(--olsLine)}
.olsMapHits li{display:flex;flex-direction:column;gap:1px;padding:9px 13px;border-bottom:1px solid #1d232c;cursor:pointer}
.olsMapHits li:hover{background:#12161d}
.olsMapHits li b{font-size:13.5px}
.olsMapHits li small{font-size:11px;color:#8b93a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.olsMapHits__none{color:#8b93a1;font-size:12.5px;cursor:default}
.olsMap__zoom{position:absolute;right:18px;top:64px;z-index:5;display:flex;flex-direction:column;gap:2px}
.olsMap__zoom button{width:38px;height:38px;background:rgba(11,11,13,.94);border:1px solid var(--olsLine);color:#e8eaee;font:inherit;font-size:18px;cursor:pointer}
.olsMap__zoom button:hover{border-color:#e0761a;color:#e0761a}
.olsMap__close{position:absolute;right:18px;top:18px;z-index:5}
.olsMap__note{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:5;margin:0;padding:8px 14px;background:rgba(11,11,13,.94);border-left:3px solid #e0761a;font-size:12.5px;color:#aab2c0}
.olsMap__legend{position:absolute;left:18px;bottom:18px;z-index:5;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#aab2c0}
.olsMap__legend span{display:flex;align-items:center;gap:7px}
.olsMapLegend__src{font-size:10.5px;color:#6d7583}
.olsDot{display:inline-block;width:9px;height:9px;border-radius:50%}
.olsDot--own{background:#4fbf9a}
.olsDot--country{background:#e0761a}
.olsMapPanel{position:absolute;right:0;top:0;bottom:0;z-index:6;width:min(380px,92vw);overflow:auto;padding:16px 18px 22px;background:rgba(11,11,13,.97);border-left:2px solid var(--olsLine)}
.olsMapPanel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.olsMapPanel__head b{display:block;font-size:16px}
.olsMapPanel__head span{display:block;font-size:12px;color:#8b93a1}
.olsFactList{margin:0 0 16px;display:flex;flex-direction:column;gap:0}
.olsFactList>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #1d232c}
.olsFactList dt{font-size:12px;color:#8b93a1}
.olsFactList dd{margin:0;font-size:13.5px;font-variant-numeric:tabular-nums}
.olsHood{display:flex;align-items:center;gap:12px;margin:2px 0 12px;padding:10px 12px;background:#12161d;border:1px solid #2a3240}
.olsHood__grade{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;font-size:19px;font-weight:700;color:#0b0b0d;background:#8b93a1}
.olsHood__grade--A{background:#4fbf9a}
.olsHood__grade--B{background:#8cbf4f}
.olsHood__grade--C{background:#c8a24a}
.olsHood__grade--D{background:#c8834a}
.olsHood__grade--E{background:#c25f5f}
.olsHood b{display:block;font-size:13.5px}
.olsHood span{display:block;font-size:11.5px;color:#8b93a1}
.olsHoodList{list-style:none;margin:0 0 16px;padding:0;max-height:32vh;overflow:auto}
.olsHoodList li{display:flex;align-items:center;gap:9px;padding:6px 2px;border-bottom:1px solid #1d232c}
.olsHoodList i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.olsHoodList span{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}
.olsHoodList b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.olsHoodList small{font-size:10.5px;color:#8b93a1}
.olsHoodList em{font-style:normal;font-size:12px;color:#aab2c0;font-variant-numeric:tabular-nums}
.olsEstate{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b0b0d;overflow:hidden}
.olsEstate__head{position:relative;flex:0 0 auto;height:min(38vh,320px);overflow:hidden;background:#12161d}
.olsEstate__head canvas,.olsEstate__head img{width:100%;height:100%;object-fit:cover;display:block}
.olsEstate__plate{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;background:linear-gradient(180deg,rgba(11,11,13,0),rgba(11,11,13,.92))}
.olsEstate__plate b{display:block;font-size:22px;letter-spacing:.3px}
.olsEstate__plate span{display:block;font-size:13px;color:#aab2c0}
.olsEstate__plate small{display:block;margin-top:2px;font-size:10.5px;color:#6d7583}
.olsEstate__close{position:absolute;right:18px;top:18px}
.olsEstate__meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--olsLine);flex:0 0 auto}
.olsEstateMeter{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#0f1319}
.olsEstateMeter span{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#8b93a1}
.olsEstateMeter b{font-size:19px;font-variant-numeric:tabular-nums}
.olsEstateMeter.is-goed b{color:#4fbf9a}
.olsEstateMeter.is-slecht b{color:#c25f5f}
.olsEstate__body{flex:1;overflow:auto;padding:18px 22px 30px}
.olsEstate__kop{margin:18px 0 8px;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#8b93a1}
.olsWorks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.olsWorkCard{display:flex;flex-direction:column;gap:8px;padding:14px;background:#12161d;border:1px solid #2a3240}
.olsWorkCard h4{margin:0;font-size:15px}
.olsWorkCard p{margin:0;font-size:12px;color:#8b93a1;line-height:1.4}
.olsWorkCard dl{display:flex;gap:16px;margin:0}
.olsWorkCard dt{font-size:11px;color:#8b93a1}
.olsWorkCard dd{margin:0;font-size:14px;font-variant-numeric:tabular-nums}
.olsWork{padding:16px;background:#12161d;border-left:3px solid #e0761a}
.olsWork b{display:block;font-size:15px;margin-bottom:8px}
.olsWork small{display:block;margin-top:8px;font-size:12px;color:#8b93a1}
.olsWork__bar{display:block;height:8px;background:#1d232c;overflow:hidden}
.olsWork__bar span{display:block;height:100%;background:#e0761a}
.olsSell{margin-bottom:18px;padding:16px;background:#12161d;border:1px solid #2a3240}
.olsSell h4{margin:0 0 8px;font-size:15px}
.olsSell p{margin:0 0 10px;font-size:12.5px;color:#aab2c0;line-height:1.45}
.olsSelect{width:100%;padding:9px 11px;background:#0f1319;border:1px solid #2a3240;color:#e8eaee;font:inherit;font-size:13px}
.olsLet{margin-bottom:16px;padding:16px;background:#12161d;border:1px solid #2a3240}
.olsLet--in{border-left:3px solid #4fbf9a}
.olsLet h4{margin:0 0 8px;font-size:15px}
.olsLet p{margin:0 0 10px;font-size:12.5px;color:#aab2c0;line-height:1.5}
.olsApp{margin-bottom:12px;padding:14px 16px;background:#12161d;border:1px solid #2a3240}
.olsApp header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.olsApp header b{display:block;font-size:15px}
.olsApp header span{display:block;font-size:11.5px;color:#8b93a1}
.olsApp p{margin:0 0 12px;font-size:12.5px;color:#c3c8d0;line-height:1.55}
.olsApp footer{display:flex;flex-wrap:wrap;gap:6px}
.olsApp footer .olsButton{padding:8px 14px;font-size:12px}
.olsStars{font-style:normal;font-size:15px;color:#c8a24a;letter-spacing:1px;white-space:nowrap}
.olsShots{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px}
.olsShots__one{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #2a3240}
.olsShots__one img{width:100%;height:100%;object-fit:cover;display:block}
.olsShots__one span{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-size:9.5px;color:#d8dde4;background:rgba(0,0,0,.62)}
.olsShots__one:hover{border-color:#e0761a}
.olsPane--wide{width:min(1180px,96vw);height:min(860px,92vh)}
.olsPane__tools{display:flex;align-items:center;gap:8px}
.olsOffices{display:grid;grid-template-columns:300px 1fr;flex:1;min-height:0}
.olsOffices__side{display:flex;flex-direction:column;min-height:0;overflow:auto;border-right:2px solid var(--olsLine);background:#0f1319}
.olsOffices__totals{padding:14px 16px;border-bottom:1px solid #1d232c}
.olsOffices__totals h3{margin:0 0 10px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#8b93a1}
.olsOffices__list{list-style:none;margin:0;padding:0}
.olsOfficeCard{display:flex;flex-direction:column;gap:2px;padding:13px 16px;border-bottom:1px solid #1d232c;border-left:3px solid transparent;cursor:pointer}
.olsOfficeCard:hover{background:#12161d}
.olsOfficeCard.is-on{background:#1d1710;border-left-color:#e0761a}
.olsOfficeCard b{font-size:14.5px}
.olsOfficeCard span{font-size:11.5px;color:#8b93a1}
.olsOfficeCard small{font-size:11.5px;color:#aab2c0;font-variant-numeric:tabular-nums}
.olsOffices__main{min-height:0;overflow:auto;padding:18px 22px 30px}
.olsOffices__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.olsOffices__head h3{margin:0;font-family:var(--olsHead);font-size:24px;letter-spacing:.04em;text-transform:uppercase}
.olsOffices__head span{display:block;font-size:12px;color:#8b93a1}
.olsOfficeFig{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px solid #1d232c}
.olsOfficeFig span{font-size:11.5px;color:#8b93a1}
.olsOfficeFig b{font-size:14px;font-variant-numeric:tabular-nums}
.olsOfficeFig.is-goed b{color:#4fbf9a}
.olsOfficeFig.is-slecht b{color:#c25f5f}
.olsOfficeFigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 22px;margin-bottom:16px}
.olsOfficeLevel{margin-bottom:18px;padding:14px 16px;background:#12161d;border-left:3px solid #e0761a}
.olsOfficeLevel p{margin:0 0 10px;font-size:12.5px;color:#aab2c0;line-height:1.5}
.olsOfficeLevel .olsButton:disabled{opacity:.5;cursor:not-allowed}
.olsOfficeTable th button{padding:0;background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.olsOfficeTable th button:hover{color:#e0761a}
.olsOfficeTable td em{font-style:normal;font-size:11px;color:#e0761a}
.olsMarket{display:flex;flex-direction:column;flex:1;min-height:0}
.olsMarket__filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid #1d232c;background:#0f1319}
.olsMarket__filters input[type=search]{flex:1 1 220px;min-width:160px;padding:8px 11px;background:#0b0b0d;border:1px solid #2a3240;color:#e8eaee;font:inherit;font-size:13px}
.olsMarket__filters select{padding:8px 10px;background:#0b0b0d;border:1px solid #2a3240;color:#e8eaee;font:inherit;font-size:12.5px}
.olsMarket__filters input[type=search]:focus,.olsMarket__filters select:focus{outline:none;border-color:#e0761a}
.olsMarket__count{margin-left:auto;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:#8b93a1}
.olsMarket__body{flex:1;min-height:0;overflow:auto;padding:18px 20px 26px}
.olsMarket__leeg{max-width:420px;margin:40px auto;text-align:center}
.olsMarket__leeg p{margin:0 0 14px;font-size:13px;color:#aab2c0;line-height:1.55}
.olsCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.olsCard{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#12161d;border:1px solid #2a3240}
.olsCard.is-mine{border-left:3px solid #e0761a}
.olsCard.is-turn{border-left:3px solid #4fbf9a}
.olsCard header b{display:block;font-size:14.5px}
.olsCard header span{display:block;font-size:11.5px;color:#8b93a1}
.olsCard__price{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.olsCard__price b{font-size:20px;font-variant-numeric:tabular-nums}
.olsCard__price small{font-size:11.5px}
.olsCard__facts{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;margin:0}
.olsCard__facts>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #1d232c}
.olsCard__facts dt{font-size:11px;color:#8b93a1}
.olsCard__facts dd{margin:0;font-size:12.5px;font-variant-numeric:tabular-nums}
.olsCard footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto}
.olsCard footer span{flex:1 1 100%;font-size:11.5px;color:#8b93a1}
.olsCard__counter{display:flex;gap:6px}
.olsCard__counter input{flex:1;padding:7px 10px;background:#0b0b0d;border:1px solid #2a3240;color:#e8eaee;font:inherit;font-size:13px}
.olsPager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;font-size:12.5px;color:#8b93a1}
.olsPager button{padding:7px 14px;background:#12161d;border:1px solid #2a3240;color:#e8eaee;font:inherit;font-size:12.5px;cursor:pointer}
.olsPager button:hover:not(:disabled){border-color:#e0761a;color:#e0761a}
.olsPager button:disabled{opacity:.4;cursor:default}
.olsBar__nav button[data-badge]{color:#0b0b0d;background:#e0761a;border-color:#e0761a}
.olsMapPanel .olsField{margin:0 0 12px}
.olsField select{padding:10px 12px;background:#0d0d10;border:2px solid var(--olsLine);color:var(--olsCream);font:inherit}
.olsField select:focus{outline:none;border-color:var(--olsFlame)}
.olsMapPanel .olsButton--wide+.olsButton--wide{margin-top:8px}
.olsToasts{top:auto;bottom:30px;z-index:70}
.olsStocks{display:grid;grid-template-columns:1fr 420px;flex:1;min-height:0}
.olsStocks__list{min-height:0;overflow:auto;padding:14px 18px 24px;border-right:2px solid var(--olsLine)}
.olsStocks__side{min-height:0;overflow:auto;padding:16px 18px 26px;background:#0f1319}
.olsStockTable td{vertical-align:middle}
.olsStockTable td small{color:#8b93a1}
.olsSpark{display:block;width:120px;height:28px}
.olsDot--wild{background:#c25f5f}
.olsDot--gewoon{background:#5d8fb5}
.olsDot--veilig{background:#4fbf9a}
.olsDot--metaal{background:#c8a24a}
.olsStock__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.olsStock__head b{display:block;font-size:20px;letter-spacing:.5px}
.olsStock__head span{display:block;font-size:12px;color:#8b93a1}
.olsStock__price{text-align:right}
.olsStock__price b{font-size:22px;font-variant-numeric:tabular-nums}
.olsStock__price small{display:block;font-size:12px}
.olsTabs--small{margin-bottom:8px}
.olsTabs--small .olsTab{padding:5px 10px;font-size:11px}
.olsStock__chart{display:block;width:100%;height:auto;margin-bottom:14px;border:1px solid #2a3240}
.olsStock__deal{padding:14px 16px;background:#12161d;border:1px solid #2a3240}
.olsStock__deal .olsField{margin-bottom:10px}
.olsStock__deal .olsNote{margin:0 0 10px;font-size:12px;color:#aab2c0;line-height:1.5}
.olsStock__buttons{display:flex;gap:8px;margin-bottom:10px}
.olsStock__buttons .olsButton{flex:1}
.olsStock__buttons .olsButton:disabled{opacity:.45;cursor:not-allowed}
.olsWorldRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:14px;background:var(--olsLine);border:1px solid var(--olsLine)}
.olsWorldRow__cell{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#0f1319}
.olsWorldRow__cell span{font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:#8b93a1}
.olsWorldRow__cell b{font-size:16px;font-variant-numeric:tabular-nums}
.olsBoardCard{position:absolute;right:0;top:0;bottom:0;z-index:8;width:min(380px,92vw);overflow:auto;padding:16px 18px 22px;background:rgba(11,11,13,.98);border-left:2px solid var(--olsLine)}
.olsBoardCard__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.olsBoardCard__head b{display:block;font-size:16px}
.olsBoardCard__head span{display:block;font-size:12px;color:#8b93a1}
.olsBoardCard__head .olsBack{margin-left:auto}
.olsScreen--board .olsPane{position:relative;width:min(1180px,96vw)}
.olsTopList{list-style:none;margin:0 0 14px;padding:0}
.olsTopList li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #1d232c}
.olsTopList span{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.olsTopList b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.olsTopList small{font-size:10.5px;color:#8b93a1}
.olsTopList em{font-style:normal;font-size:12.5px;font-variant-numeric:tabular-nums}
.olsOptions--firm{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.olsOptions--firm .olsMarkPick{margin:0;width:100%}
.olsOptions--firm .olsField{width:100%}
.olsEstate__tools{position:absolute;right:18px;top:18px;display:flex;gap:8px;align-items:center}
.olsEstate__tools .olsButton:disabled{opacity:.5;cursor:not-allowed}
.olsAccount{display:flex;align-items:center;gap:12px;margin-left:auto;padding:0 14px}
.olsAccount__label{font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:#8b93a1}
.olsAccount__waarde{font-size:20px;font-variant-numeric:tabular-nums}
.olsAccount__deel{font-size:11.5px;color:#8b93a1}
.olsWatch{list-style:none;margin:0;padding:0}
.olsWatch__row{display:grid;grid-template-columns:38px 1fr auto 120px;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #1d232c;cursor:pointer}
.olsWatch__row:hover{background:#12161d}
.olsWatch__row.is-on{background:#1d1710;border-left:3px solid #e0761a;padding-left:9px}
.olsTicker{display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.5px;color:#0b0b0d;background:#8b93a1}
.olsTicker--wild{background:#c25f5f}
.olsTicker--gewoon{background:#5d8fb5}
.olsTicker--veilig{background:#4fbf9a}
.olsTicker--metaal{background:#c8a24a}
.olsWatch__naam b{display:block;font-size:14px}
.olsWatch__naam small{display:block;font-size:11px;color:#8b93a1}
.olsWatch__koers{text-align:right}
.olsWatch__koers b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.olsWatch__koers small{display:block;font-size:11.5px}
.olsPort{padding:4px 2px 20px}
.olsPort__kop{margin-bottom:14px}
.olsPort__kop>span{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#8b93a1}
.olsPort__kop>b{display:block;font-size:38px;line-height:1.1;font-variant-numeric:tabular-nums}
.olsPort__cijfers{display:flex;flex-wrap:wrap;gap:22px;margin-top:8px}
.olsPort__cijfers small{display:block;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:#8b93a1}
.olsPort__cijfers b{font-size:16px;font-variant-numeric:tabular-nums}
.olsPort__chart{display:block;width:100%;height:auto;border:1px solid #2a3240;margin-bottom:8px}
.olsPort__rij{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #1d232c;font-size:15px}
.olsPort__rij span{color:#aab2c0}
.olsPort__rij b{font-variant-numeric:tabular-nums}
.olsPortTable{margin-top:14px}
.olsPortTable td small{display:block;font-size:11px;color:#8b93a1}

.olsDesk{display:flex;flex-direction:column;gap:18px}
.olsDesk__who{font-size:11.5px;color:#8b93a1;max-width:420px;text-align:right;line-height:1.4}
.olsDesk__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.olsDesk__kop h3{margin:0;font-size:17px}
.olsDesk__kop p{margin:4px 0 0;font-size:12.5px;color:#aab2c0;line-height:1.55;max-width:640px}
.olsDesk__landen .olsCard{cursor:pointer}
.olsDesk__landen .olsCard:hover{border-color:#e0761a}
.olsDesk__geld{padding:16px;background:#12161d;border:1px solid #2a3240}
.olsDesk__geld h4{margin:0 0 6px;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#8b93a1}
.olsDesk__rij{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px}
.olsDesk__rij .olsField{margin:0;min-width:150px}
.olsDesk__rij--klein{margin:0 0 4px}
.olsDesk__lijst h4{margin:0 0 8px;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#8b93a1}
.olsDeskTable td em{font-style:normal;color:#e0761a;font-size:11.5px}
.olsEstate__pl{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.olsRentRow{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 14px;padding:0;list-style:none}
.olsRentRow li{display:flex;align-items:center;justify-content:center;min-width:42px;padding:6px 4px;font-size:11px;font-variant-numeric:tabular-nums;border:1px solid #2a3240}
.olsRentRow li.is-paid{background:#12241d;border-color:#2c5c48;color:#4fbf9a}
.olsRentRow li.is-missed{background:#241414;border-color:#5c2c2c;color:#c25f5f}
.olsMarket__kop{margin-bottom:14px}
.olsMarket__kop h3{margin:0;font-size:17px}
.olsMarket__kop p{margin:4px 0 0;font-size:12.5px;color:#aab2c0}

.olsTravel .olsTravel__row b{min-width:34px}
.olsTravel__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #1d232c;cursor:pointer}
.olsTravel__row:hover{background:#12161d}
.olsTravel__row b{font-size:15px;font-variant-numeric:tabular-nums;min-width:34px}
.olsTravel__row span{display:flex;flex-direction:column;gap:2px}
.olsTravel__row em{font-style:normal;font-size:13px}
.olsTravel__row small{font-size:11.5px;color:#8b93a1}
.olsTravel__row.is-here{opacity:.55;cursor:default}
.olsFlight{position:fixed;inset:0;z-index:60;background:#05070b;display:flex;flex-direction:column}
.olsFlight__canvas{flex:1;width:100%;height:100%;display:block}
.olsFlight__plate{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 22px;background:rgba(10,13,18,0.86);border:1px solid #2a3240}
.olsFlight__plate b{font-size:16px}
.olsFlight__plate span{font-size:12px;color:#8b93a1}