@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/fonts/rubik-cyrillic.bdb2b33a.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/fonts/rubik-latin.691cd1d9.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/fonts/montserrat-cyrillic.a187b077.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/fonts/montserrat-latin.06b16db7.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/fonts/jetbrains-mono-cyrillic.d274604c.woff2) format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/fonts/jetbrains-mono-latin.18be4527.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
	--clr-bg: #0b1120;
	--clr-surface: #111a2e;
	--clr-surface-2: #16213a;
	--clr-text: #e5e9f2;
	--clr-muted: #9aa6bd;
	--clr-border: #24304a;
	--clr-accent: #38bdf8;
	--clr-on-accent: #04111d;
	--clr-link: #7dd3fc;
	--clr-down: #38bdf8;
	--clr-up: #c084fc;
	--clr-track: #1f2a44;
	--ui-radius: 20px;
	--ui-btn-radius: 14px;
	--ui-font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--ui-font-head: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ui-font-num: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	--ui-maxw: 74rem;
	color-scheme: dark;
}
*, *::before, *::after {
	box-sizing: border-box;
}
html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--clr-bg);
	color: var(--clr-text);
	font-family: var(--ui-font);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-wrap: break-word;
}
a {
	color: var(--clr-link);
	text-underline-offset: .15em;
}

a:hover {
	text-decoration-thickness: 2px;
}
h1, h2, h3 {
	font-family: var(--ui-font-head);
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0 0 .5em;
}
h1 {
	font-size: clamp(1.9rem, 5vw, 2.75rem);
}
h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 1.0625rem;
}
p {
	margin: 0 0 1em;
}

ul, ol {
	padding-left: 1.25em;
}
:focus-visible {
	outline: 2px solid var(--clr-accent);
	outline-offset: 2px;
}
.fu-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--clr-accent);
	color: var(--clr-on-accent);
	padding: .5rem 1rem;
	z-index: 10;
}
.fu-skip-link:focus {
	left: 1rem;
	top: 1rem;
}

.fu-wrap {
	width: 100%;
	max-width: var(--ui-maxw);
	margin: 0 auto;
	padding: 0 clamp(1rem, 4vw, 2rem);
}

.fu-result-label {
	color: var(--clr-muted);
	font-size: .8125rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 600;
}
.fu-metric-value {
	font-family: var(--ui-font-num);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	font-size: 2rem;
	color: var(--clr-text);
}
.fu-metric-unit {
	color: var(--clr-muted);
	font-size: .875rem;
}
.fu-results dd {
	margin: 0;
}

.fu-is-down .fu-metric-value {
	color: var(--clr-down);
}
.fu-ul .fu-metric-value {
	color: var(--clr-up);
}
.fu-stage {
	color: var(--clr-muted);
	min-height: 1.5em;
	margin: .75rem 0;
}
.fu-bar {
	height: 6px;
	background: var(--clr-track);
	border-radius: 999px;
	overflow: hidden;
	margin-top: .5rem;
}
.fu-fill {
	height: 100%;
	width: 0;
	background: var(--clr-accent);
	transition: width .2s linear;
}
.fu-is-down .fu-fill {
	background: var(--clr-down);
}
.fu-ul .fu-fill {
	background: var(--clr-up);
}

.fu-loader {
	height: 3px;
	background: var(--clr-track);
	border-radius: 999px;
	overflow: hidden;
	margin: 1rem 0;
}
.fu-loader-bar {
	height: 100%;
	width: 0;
	background: var(--clr-accent);
	transition: width .2s linear;
}
.fu-big-number {
	font-family: var(--ui-font-num);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}
.fu-now-unit {
	color: var(--clr-muted);
	margin-left: .35rem;
}
.fu-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-height: 44px;
	padding: .75rem 1.5rem;
	border: 0;
	border-radius: var(--ui-btn-radius);
	background: var(--clr-accent);
	color: var(--clr-on-accent);
	font: inherit;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.fu-action:hover {
	filter: brightness(1.08);
}
.fu-action:disabled {
	opacity: .6;
	cursor: default;
}
.fu-tile {
	background: var(--clr-surface);
	border-radius: var(--ui-radius);
	padding: 1.5rem;
}

.fu-block {
	margin-top: 3rem;
}

.fu-heading {
	margin-bottom: 0.75rem;
}

.fu-subtitle {
	color: var(--clr-muted);
	font-size: 1.125rem;
	max-width: 42em;
}
.fu-doc-head {
	padding: 2.5rem 0 1rem;
}
.fu-subtle {
	color: var(--clr-muted);
	font-size: .875rem;
}

.fu-read-more {
	font-weight: 600;
}
.fu-error-code {
	font-family: var(--ui-font-num);
	font-size: clamp(3rem, 12vw, 5rem);
	font-weight: 700;
	line-height: 1;
	color: var(--clr-accent);
	margin: 0 0 .5rem;
}
.fu-path ol {
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	font-size: .875rem;
	color: var(--clr-muted);
}
.fu-path li+li::before {
	content: "/";
	margin-right: .5rem;
}

.fu-rich-text {
	max-width: 44rem;
}

.fu-site-header {
	border-bottom: 1px solid var(--clr-border);
	background: var(--clr-surface);
}
.fu-header-wrap {
	max-width: var(--ui-maxw);
	margin: 0 auto;
	padding: 0.875rem clamp(1rem, 4vw, 2rem);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1.5rem;
}
.fu-wordmark {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--clr-text);
	font-weight: 700;
	font-size: 1.125rem;
	text-decoration: none;
	letter-spacing: -0.02em;
}
.fu-brand-icon {
	display: inline-flex;
	color: var(--clr-accent);
}
.fu-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1.25rem;
}
.fu-nav-link {
	color: var(--clr-muted);
	text-decoration: none;
	font-weight: 500;
	padding: .25rem 0;
	display: inline-block;
}

.fu-nav-link:hover {
	color: var(--clr-text);
}

.fu-header-wrap {
	flex-direction: column;
	text-align: center;
}
.fu-current {
	color: var(--clr-on-accent);
	background: var(--clr-accent);
	padding: .25rem .75rem;
	border-radius: var(--ui-btn-radius);
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.fu-page {
	flex: 1 0 auto;
}
.fu-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}
.fu-feature-title {
	display: block;
	margin: 0 0 .25rem;
	font-size: 1rem;
}
.fu-point-text {
	color: var(--clr-muted);
	margin: 0;
}
ul.fu-items, ol.fu-how {
	padding-left: 1.25em;
}
ul.fu-items li, ol.fu-how li {
	margin: .5rem 0;
}
dl.fu-items dd {
	margin: 0 0 1rem;
}
.fu-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: var(--clr-accent);
	color: var(--clr-on-accent);
	font-weight: 700;
	margin-bottom: .5rem;
}
.fu-question {
	border-bottom: 1px solid var(--clr-border);
	padding: 0.75rem 0;
}
.fu-accordion-head {
	font-weight: 600;
	font-size: 1.0625rem;
	margin: 0;
}

summary.fu-accordion-head {
	cursor: pointer;
	list-style-position: outside;
}
.fu-answer {
	color: var(--clr-muted);
	margin: .5rem 0 0;
}

.fu-answer p:last-child {
	margin-bottom: 0;
}

dl.fu-qa dt {
	margin-top: 1.25rem;
}
.fu-params {
	width: 100%;
	border-collapse: collapse;
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
}
.fu-spec {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	border-bottom: 1px solid var(--clr-border);
	padding: .6rem 0;
}
table.fu-params .fu-spec {
	display: table-row;
}

table.fu-params th, table.fu-params td {
	padding: .6rem .75rem .6rem 0;
	text-align: left;
	border-bottom: 1px solid var(--clr-border);
	vertical-align: top;
}

table.fu-params td {
	text-align: right;
	padding-right: 0;
}
.fu-spec-name {
	color: var(--clr-muted);
	font-weight: 500;
	margin: 0;
}

.fu-param-value {
	margin: 0;
	font-weight: 600;
	text-align: right;
}
.fu-contents {
	border-left: 3px solid var(--clr-accent);
	padding-left: 1rem;
	margin: 1.5rem 0;
}

.fu-contents ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.fu-contents li {
	margin: .25rem 0;
}
.fu-page-nav-title {
	font-weight: 600;
	margin-bottom: .5rem;
}
.fu-terms dt {
	font-weight: 700;
	margin-top: 1.25rem;
}
.fu-terms dd {
	margin: .25rem 0 0;
	color: var(--clr-muted);
}
.fu-footer {
	margin-top: 4rem;
	border-top: 1px solid var(--clr-border);
	background: var(--clr-bg);
	color: var(--clr-muted);
	font-size: .9375rem;
}
.fu-footer-row {
	max-width: var(--ui-maxw);
	margin: 0 auto;
	padding: 2rem clamp(1rem, 4vw, 2rem);
}
.fu-footer-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fu-footer-nav a {
	color: var(--clr-muted);
}

.fu-footer-nav a:hover {
	color: var(--clr-text);
}
.fu-footer-heading {
	color: var(--clr-text);
	font-weight: 600;
	margin-bottom: .5rem;
}

.fu-footer-copy {
	max-width: var(--ui-maxw);
	margin: 0 auto;
	padding: 0 clamp(1rem, 4vw, 2rem) 2rem;
	font-size: .875rem;
}
.fu-footer-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
	gap: 1.5rem;
}
.fu-footer-nav li {
	margin: .25rem 0;
}
.fu-lead-block {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 2.5rem 0 0.5rem;
}
.fu-lead-block > div:first-child {
	flex: 1 1 22rem;
}
.fu-lead-block .fu-subtitle {
	margin-bottom: 0;
}

.fu-readout {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .5rem;
}
.fu-readout .fu-stage {
	margin: 0;
}
.fu-big-number {
	font-size: 1.125rem;
}

.fu-runner[data-phase=idle] .fu-stage .fu-big-number, .fu-runner[data-phase=idle] .fu-stage .fu-now-unit {
	display: none;
}

.fu-results {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}
.fu-value-box {
	display: flex;
	flex-direction: column;
	gap: .25rem;
}
.fu-columns-2 {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 15rem;
	gap: 2.5rem;
	align-items: start;
}
.fu-sidebar-card {
	position: sticky;
	top: 1rem;
}
.fu-sidebar-card .fu-contents {
	margin-top: 0;
}

@media (max-width: 720px) {
	.fu-block {
		margin-top: 2rem;
	}
	.fu-nav {
		margin-left: 0;
		width: 100%;
	}
	.fu-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.fu-columns-2 {
		grid-template-columns: 1fr;
	}
	.fu-sidebar-card {
		position: static;
		order: -1;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
	}
}
.fu-front-page{max-width:76rem;margin:auto;padding:0 clamp(1rem,4vw,3rem)}
.fu-opening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(2rem,6vw,5rem) 0}
.fu-opening h1{font-size:clamp(2.1rem,5vw,4rem);max-width:17ch;line-height:1.06}
.fu-overline{font-size:.8rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9aa6bd}
.fu-hero-mark{display:grid;place-items:center;font-size:clamp(5rem,18vw,12rem);min-height:12rem;border-radius:1.5rem;background:#16213a;color:#38bdf8}
.fu-opening img{width:100%;height:auto;max-height:32rem;object-fit:cover;border-radius:1rem}
.fu-library{margin:2rem 0 3rem}
.fu-play-grid,.fu-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem}
.fu-puzzle-card{background:#111a2e;border:1px solid #24304a;border-radius:1rem;padding:1.5rem}
.fu-play-icon{font-family:monospace;font-size:3rem;letter-spacing:.2rem;color:#38bdf8;padding:1rem 0}
.fu-entry{min-width:0;border-bottom:1px solid #24304a;padding-bottom:1.5rem}
.fu-entry h3{margin:.8rem 0 .4rem}
.fu-entry img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:.5rem}
.fu-picture{margin:1.5rem 0}
.fu-picture img{max-width:100%;height:auto;display:block;border-radius:.5rem}
figcaption{color:#9aa6bd;font-size:.875rem;padding:.75rem 0}
.fu-episode-list{display:grid;gap:1.5rem}
.fu-episode-list .fu-entry{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem}
.fu-entry-number{font-size:2rem;font-weight:700;color:#9aa6bd;padding-top:.5rem}
audio{display:block;width:100%;max-width:38rem;margin:1rem 0}
[hidden]{display:none!important}
input[type=search]{display:block;width:100%;max-width:32rem;padding:.8rem;border:1px solid #24304a;border-radius:.5rem;font:inherit;color:#e5e9f2;background:#111a2e;margin:.5rem 0}
.fu-game{max-width:28rem;padding:1.25rem;border:1px solid #24304a;border-radius:1rem;background:#111a2e}
.fu-game-board{display:grid;gap:.4rem;margin-bottom:1rem}
.fu-game-board button{aspect-ratio:1;min-width:0;min-height:44px;padding:.1rem;border:1px solid #24304a;border-radius:.45rem;font-size:clamp(1rem,4vw,1.75rem);font-family:inherit;background:#16213a;color:#e5e9f2;cursor:pointer}
.fu-game-board button[data-lit=true]{background:#38bdf8;color:#04111d}
.fu-game-board button:disabled{cursor:default}
.fu-attribution{border-left:3px solid #24304a;padding-left:1rem;margin:2rem 0}
.fu-digest{display:block;overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-size:.85rem;padding:1rem;background:#16213a;border-radius:.4rem}
.fu-licence-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;padding:1rem;background:#16213a}
.fu-version-card{padding:1.5rem;margin:1.5rem 0;border:1px solid #24304a;border-radius:.75rem;background:#111a2e}
.fu-version-card h3{font-size:1.4rem}
.fu-version-card code{display:block;font-size:.8rem;overflow-wrap:anywhere;margin-top:1rem}
.fu-puzzle-card{border-bottom:4px solid #38bdf8}
.fu-hero-mark{transform:rotate(-3deg)}
@media(max-width:650px){.fu-opening{grid-template-columns:1fr}.fu-hero-mark{display:none}.fu-opening h1{max-width:none}.fu-photo-grid{grid-template-columns:1fr}}
.fu-page{width:100%;max-width:74rem;min-width:0;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 3rem}
.fu-front-page{max-width:none;margin:0;padding:0}
.fu-nav-link{display:inline-flex;align-items:center;min-height:44px}
.fu-welcome{padding:2rem 0 2.5rem}
.fu-welcome h1{font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:1.08;max-width:21ch;margin-bottom:1.1rem}
.fu-welcome .fu-subtitle{max-width:48rem}
.fu-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin:1.5rem 0}
.fu-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.fu-split>*{min-width:0}
.fu-side-note{padding:1.5rem;border:1px solid #24304a;border-radius:14px;background:#111a2e}
.fu-side-note .fu-game{border:0;padding:0;max-width:25rem;margin:auto}
.fu-play-grid,.fu-photo-grid{gap:1.5rem}
.fu-puzzle-card{border-radius:14px}
.fu-play-icon{font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}
.fu-featured-image{margin:0 0 3rem}
.fu-featured-image img{width:100%;display:block;max-height:38rem;object-fit:cover;aspect-ratio:16/8}
.fu-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-bottom:1px solid #24304a;padding:1rem 0}
.fu-audio-cover{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2.5rem;align-items:center;border-top:1px solid #24304a;border-bottom:1px solid #24304a;padding:2.5rem 0;margin:1rem 0 3rem}
.fu-audio-cover h2{font-size:clamp(1.5rem,3vw,2.2rem)}
.fu-audio-cover audio{max-width:100%}
.fu-audio-art{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.6vw,8px);height:16rem;padding:2rem;background:#38bdf8;border-radius:50% 50% 8px 8px}
.fu-audio-art span{width:8px;border-radius:8px;background:#04111d}
.fu-publication-head{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem 1.2rem}
.fu-publication-head .fu-wordmark{font-family:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:clamp(1.7rem,4vw,2.8rem)}
.fu-publication-head .fu-nav{margin:0}
.fu-workspace{display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:100vh}
.fu-workspace>div{min-width:0}
.fu-workspace .fu-side{position:static;width:auto;padding:2rem 1.25rem;border-right:1px solid #24304a;background:#111a2e}
.fu-side .fu-nav{margin:2rem 0}
.fu-side .fu-nav-list{display:grid;gap:.65rem}
.fu-side .fu-wordmark{flex-wrap:wrap}
.fu-version-card h2{font-size:clamp(1.5rem,3vw,2.3rem)}
.fu-release-history{border-top:1px solid #24304a;margin-top:2.5rem;padding-top:2rem}
.fu-release-history dl{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1.5rem}
.fu-release-history dt{font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;font-weight:700}
.fu-release-history dd{margin:0}
.fu-puzzle-card h3{font-size:1.35rem}
@media(max-width:850px){.fu-workspace{grid-template-columns:1fr}.fu-workspace .fu-side{border-right:0;border-bottom:1px solid #24304a;padding:1rem}.fu-side .fu-nav-list{display:flex;flex-wrap:wrap}.fu-side .fu-nav{margin:1rem 0}.fu-split{grid-template-columns:1fr}}
@media(max-width:650px){.fu-split,.fu-welcome,.fu-audio-cover,.fu-publication-head{display:block}.fu-welcome{padding:1rem 0 2rem}.fu-welcome h1{font-size:2.25rem}.fu-side-note{margin:1.5rem 0}.fu-audio-art{height:10rem;margin-bottom:1.5rem}.fu-photo-grid{grid-template-columns:1fr}.fu-photo-grid article:nth-child(even){padding-top:0}.fu-episode-list{grid-template-columns:1fr}.fu-puzzle-card{grid-template-columns:1fr}.fu-puzzle-card p{grid-column:auto}.fu-release-history dl{grid-template-columns:1fr}}

body{min-height:100vh;display:block}
body>header,body>footer{padding-inline:clamp(1rem,5vw,5rem)}
body nav a,body>footer>a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.24em}
body nav a[aria-current=page]{font-weight:750;text-decoration-thickness:2px}
body>footer{margin:2.5rem auto 0;border-top:1px solid #24304a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem;padding-block:.9rem;max-width:90rem}
body>footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem 1.4rem}
body>footer a{font-size:.9rem;color:#9aa6bd}

[data-arcade-bar]{display:flex;align-items:center;justify-content:space-between;gap:.5rem 2rem;flex-wrap:wrap;min-height:4.2rem;background:#111a2e;border-bottom:1px solid #24304a}
[data-arcade-bar]>a{font:800 clamp(1.1rem,3.5vw,1.75rem)/1.1 "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;letter-spacing:-.045em}
[data-arcade-bar] nav{display:flex;gap:1rem}
[data-playroom]{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr);max-width:85rem;margin:auto}
[data-game-picker]{display:flex;flex-direction:column;align-self:start;gap:.65rem;padding:clamp(1rem,3vw,2.5rem) .65rem}
[data-game-picker]>a{padding:.7rem .95rem;color:#e5e9f2;background:#16213a;border-radius:.8rem;border:1px solid #24304a;font-weight:700;line-height:1.16;text-decoration:none}
[data-game-picker]>a[aria-current=page],[data-game-picker]>a:hover{color:#04111d;background:#38bdf8}
[data-current-board]{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:.6rem 2rem;align-items:start}
[data-current-board]>header,[data-current-board]>div:first-child{grid-column:1}
[data-current-board]>section{grid-column:2;grid-row:1/3;width:100%;justify-self:center}

[data-playroom] main:has(>section[data-game]){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.2rem 2rem;align-content:start}
[data-playroom] main>section[data-game]{grid-column:2;grid-row:1/3;width:100%;justify-self:center}
[data-game-shelf]{padding:.5rem 0 .7rem;max-width:43rem}
@media(max-width:760px){[data-playroom]{display:block}[data-game-picker]{flex-direction:row;flex-wrap:wrap;gap:.35rem;padding:.7rem 1rem 0}[data-game-picker]>a{padding:.5rem .6rem;font-size:.9rem}[data-current-board],[data-playroom] main:has(>section[data-game]){display:flex;flex-direction:column;align-items:stretch}[data-current-board]>section,[data-playroom] main>section[data-game]{align-self:center}}
[data-v7-rules] dt{font-size:1.2rem;font-weight:700;margin-top:1.2rem}[data-v7-rules] dd{margin:.3rem 0;max-width:62ch}