7af37277d4
Name and status on one line, description full width beneath; ruled rows, no cards or pills. Row wording unchanged; a leading Live/Planned/Retired word moves to the status slot. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2077 lines
43 KiB
SCSS
2077 lines
43 KiB
SCSS
@use "./base.scss";
|
|
@use "./variables.scss" as *;
|
|
|
|
:root,
|
|
:root[saved-theme="light"],
|
|
:root[saved-theme="dark"] {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
body {
|
|
background:
|
|
radial-gradient(
|
|
circle at 78% 14%,
|
|
rgb(255 138 42 / calc(0.18 * var(--gamecult-wash))),
|
|
transparent 18%
|
|
),
|
|
radial-gradient(
|
|
circle at 18% 10%,
|
|
rgb(109 96 255 / calc(0.16 * var(--gamecult-wash))),
|
|
transparent 24%
|
|
),
|
|
radial-gradient(
|
|
circle at 52% 0%,
|
|
rgb(89 183 255 / calc(0.14 * var(--gamecult-wash))),
|
|
transparent 28%
|
|
),
|
|
linear-gradient(180deg, #03070d 0%, #07111a 44%, #09141f 100%);
|
|
color: var(--darkgray);
|
|
/* The hairline the site groups with, on the top edge of a section or row. */
|
|
--gamecult-rule: rgba(148, 163, 184, 0.22);
|
|
/* The ground's radial intensity; 1 on the home page. */
|
|
--gamecult-wash: 0.5;
|
|
/* The site's one column; .page's max-width; the masthead, article and footer share its edges. */
|
|
--gamecult-column: 72rem;
|
|
}
|
|
|
|
body[data-slug="index"] {
|
|
--gamecult-wash: 1;
|
|
}
|
|
|
|
.page {
|
|
position: relative;
|
|
max-width: var(--gamecult-column);
|
|
padding: 0 1.2rem 2.5rem;
|
|
}
|
|
|
|
.page::before {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
background-image:
|
|
linear-gradient(rgba(89, 183, 255, 0.035) 1px, transparent 1px),
|
|
linear-gradient(90deg, rgba(89, 183, 255, 0.035) 1px, transparent 1px);
|
|
background-size: 28px 28px;
|
|
mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 95%);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* The site is one column; the engine still renders the two side divs, empty on every page. */
|
|
.page > #quartz-body {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
grid-template-areas:
|
|
"grid-header"
|
|
"grid-center"
|
|
"grid-footer";
|
|
}
|
|
|
|
.page > #quartz-body > .left.sidebar,
|
|
.page > #quartz-body > .right.sidebar {
|
|
display: none;
|
|
}
|
|
|
|
body[data-slug="Blog/small-ritual-of-reach"],
|
|
body[data-slug="Blog/week-of-nonconsensual-access"],
|
|
body[data-slug="Blog/witness-authoritative-networking"] {
|
|
--ritual-paper-bg: #050614;
|
|
--ritual-paper-ink: #f1f4ff;
|
|
--ritual-paper-muted: #bac4ff;
|
|
--ritual-paper-faint: #7a84c5;
|
|
--ritual-paper-rule: rgba(96, 119, 255, 0.26);
|
|
--ritual-paper-cobalt: #3158ff;
|
|
--ritual-paper-violet: #5b36b8;
|
|
--ritual-paper-orange: #dc5524;
|
|
--ritual-paper-yellow: #ffb21e;
|
|
--ritual-paper-glow: #e9f5ff;
|
|
--ritual-paper-amber-rule: rgba(255, 178, 30, 0.42);
|
|
|
|
background:
|
|
radial-gradient(circle at 78% 8%, rgb(255 178 30 / calc(0.15 * var(--gamecult-wash))), transparent 24rem),
|
|
radial-gradient(circle at 18% 4%, rgb(49 88 255 / calc(0.22 * var(--gamecult-wash))), transparent 30rem),
|
|
radial-gradient(circle at 44% 20%, rgb(91 54 184 / calc(0.19 * var(--gamecult-wash))), transparent 34rem),
|
|
linear-gradient(180deg, #030414, #070b24 42%, #040514);
|
|
|
|
.page > #quartz-body .center > .page-header > .popover-hint {
|
|
display: none;
|
|
}
|
|
|
|
.page > #quartz-body .center > article {
|
|
position: relative;
|
|
margin: 2rem 0 4rem;
|
|
color: var(--ritual-paper-ink);
|
|
font-family: Georgia, "Times New Roman", serif;
|
|
font-size: 1.04rem;
|
|
line-height: 1.72;
|
|
}
|
|
|
|
.ritual-paper-page {
|
|
margin: 0 0 2.6rem;
|
|
padding: 0;
|
|
}
|
|
|
|
.ritual-paper-page::before {
|
|
content: "PREPRINT";
|
|
display: block;
|
|
margin: 0 0 0.9rem;
|
|
color: rgba(255, 178, 30, 0.92);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.68rem;
|
|
letter-spacing: 0.18em;
|
|
text-align: right;
|
|
}
|
|
|
|
.ritual-paper-page:not(.ritual-paper-page-cover)::before {
|
|
content: "WORKING PAPER";
|
|
color: rgba(233, 245, 255, 0.9);
|
|
}
|
|
|
|
article h1 {
|
|
max-width: 760px;
|
|
margin: 0 auto 0.55rem;
|
|
color: var(--ritual-paper-glow);
|
|
font-family: Georgia, "Times New Roman", serif;
|
|
font-size: clamp(2.35rem, 5vw, 4.1rem);
|
|
font-weight: 600;
|
|
line-height: 1.02;
|
|
text-align: center;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.ritual-paper-titleblock {
|
|
max-width: 760px;
|
|
margin: 0 auto 1.2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.ritual-paper-titleblock p {
|
|
margin: 0.35rem 0;
|
|
}
|
|
|
|
.ritual-paper-series,
|
|
.ritual-paper-note {
|
|
color: var(--ritual-paper-faint);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.74rem;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.ritual-paper-subtitle {
|
|
color: rgba(232, 237, 244, 0.9);
|
|
font-size: 1.1rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
.ritual-paper-author {
|
|
color: var(--ritual-paper-muted);
|
|
font-size: 0.92rem;
|
|
}
|
|
|
|
.ritual-paper-note {
|
|
margin-top: 0.85rem !important;
|
|
text-transform: none;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
.ritual-paper-keyline {
|
|
width: min(34rem, 72%);
|
|
height: 1px;
|
|
margin: 1.4rem auto 2.2rem;
|
|
background: linear-gradient(
|
|
90deg,
|
|
transparent,
|
|
rgba(49, 88, 255, 0.62),
|
|
rgba(255, 178, 30, 0.58),
|
|
rgba(220, 85, 36, 0.5),
|
|
transparent
|
|
);
|
|
}
|
|
|
|
article h2,
|
|
article h3 {
|
|
color: #f2f5fa;
|
|
font-family: Georgia, "Times New Roman", serif;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
article h2 {
|
|
margin-top: 3.1rem;
|
|
padding-top: 1.25rem;
|
|
border-top: 1px solid var(--ritual-paper-rule);
|
|
font-size: 1.48rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ritual-paper-page > h2:first-child,
|
|
.ritual-paper-page > h3:first-child {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
border-top: 0;
|
|
}
|
|
|
|
article h2#abstract {
|
|
margin-top: 1.3rem;
|
|
}
|
|
|
|
article h3 {
|
|
margin-top: 2.1rem;
|
|
color: rgba(232, 237, 244, 0.92);
|
|
font-size: 1.13rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
article p,
|
|
article li {
|
|
color: rgba(232, 237, 244, 0.88);
|
|
}
|
|
|
|
article a {
|
|
color: var(--ritual-paper-yellow);
|
|
text-decoration-thickness: 0.08em;
|
|
text-underline-offset: 0.18em;
|
|
}
|
|
|
|
article strong {
|
|
color: #f7f9fd;
|
|
}
|
|
|
|
article code {
|
|
color: #fbe6b2;
|
|
border: 1px solid rgba(255, 178, 30, 0.2);
|
|
border-radius: 4px;
|
|
background: rgba(17, 26, 73, 0.82);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
}
|
|
|
|
article blockquote {
|
|
margin: 1.35rem 0;
|
|
padding: 0.2rem 0 0.2rem 1.35rem;
|
|
border-left: 0.22rem solid rgba(220, 85, 36, 0.82);
|
|
}
|
|
|
|
article blockquote::before {
|
|
content: "quoted protocol";
|
|
display: block;
|
|
margin-bottom: 0.4rem;
|
|
color: var(--ritual-paper-faint);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.62rem;
|
|
letter-spacing: 0.09em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
article blockquote p {
|
|
margin: 0.35rem 0;
|
|
color: rgba(232, 237, 244, 0.92);
|
|
}
|
|
|
|
article ul,
|
|
article ol {
|
|
padding-left: 1.45rem;
|
|
}
|
|
|
|
article li::marker {
|
|
color: var(--ritual-paper-yellow);
|
|
}
|
|
|
|
.ritual-paper-abstract {
|
|
margin: 0.9rem 0 2rem;
|
|
padding: 1rem 0;
|
|
border-top: 1px solid var(--ritual-paper-rule);
|
|
border-bottom: 1px solid var(--ritual-paper-rule);
|
|
}
|
|
|
|
.ritual-paper-abstract p {
|
|
font-size: 0.98rem;
|
|
line-height: 1.66;
|
|
}
|
|
|
|
.ritual-paper-method-card,
|
|
.ritual-paper-results-strip {
|
|
margin: 1.35rem 0;
|
|
}
|
|
|
|
.ritual-paper-method-card {
|
|
padding: 0.8rem 0 0;
|
|
border-top: 1px solid var(--ritual-paper-amber-rule);
|
|
}
|
|
|
|
.ritual-paper-method-card p {
|
|
margin: 0.4rem 0;
|
|
}
|
|
|
|
.ritual-paper-results-strip {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
gap: 0;
|
|
overflow: hidden;
|
|
border-top: 1px solid var(--ritual-paper-amber-rule);
|
|
border-bottom: 1px solid var(--ritual-paper-amber-rule);
|
|
}
|
|
|
|
.ritual-paper-results-strip span {
|
|
padding: 0.85rem 0.65rem;
|
|
color: rgba(232, 237, 244, 0.88);
|
|
border-right: 1px solid rgba(255, 178, 30, 0.2);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.76rem;
|
|
line-height: 1.45;
|
|
text-align: center;
|
|
}
|
|
|
|
.ritual-paper-results-strip span:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.gamecult-media-card {
|
|
margin: 1.7rem 0 2rem;
|
|
padding: 0.85rem;
|
|
border: 1px solid rgba(96, 119, 255, 0.34);
|
|
border-radius: 6px;
|
|
background:
|
|
radial-gradient(circle at 100% 0%, rgba(255, 178, 30, 0.09), transparent 32%),
|
|
linear-gradient(135deg, rgba(17, 26, 73, 0.9), rgba(8, 11, 35, 0.96));
|
|
box-shadow:
|
|
0 18px 42px rgba(0, 0, 0, 0.32),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.04);
|
|
}
|
|
|
|
.gamecult-media-card img {
|
|
aspect-ratio: auto;
|
|
object-fit: contain;
|
|
border-radius: 4px;
|
|
border-color: rgba(174, 189, 210, 0.18);
|
|
background: #121018;
|
|
}
|
|
|
|
.gamecult-media-card figcaption {
|
|
color: rgba(232, 237, 244, 0.74);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.74rem;
|
|
line-height: 1.55;
|
|
}
|
|
|
|
.katex-display {
|
|
margin: 1.15rem 0;
|
|
padding: 0.8rem 1rem;
|
|
overflow-x: auto;
|
|
border: 1px solid rgba(96, 119, 255, 0.38);
|
|
border-radius: 6px;
|
|
background:
|
|
linear-gradient(135deg, rgba(17, 26, 73, 0.9), rgba(8, 11, 35, 0.95));
|
|
}
|
|
|
|
.ritual-paper-page-footer {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
align-items: end;
|
|
gap: 1rem;
|
|
margin: 2rem 0 0;
|
|
padding-top: 0.95rem;
|
|
border-top: 1px solid rgba(174, 189, 210, 0.2);
|
|
column-span: all;
|
|
}
|
|
|
|
.ritual-paper-footnotes {
|
|
display: grid;
|
|
gap: 0.45rem;
|
|
}
|
|
|
|
.ritual-paper-footnotes p {
|
|
margin: 0;
|
|
color: rgba(169, 178, 195, 0.86);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.7rem;
|
|
line-height: 1.48;
|
|
}
|
|
|
|
.ritual-paper-footnotes sup {
|
|
color: var(--ritual-paper-yellow);
|
|
margin-right: 0.28rem;
|
|
font-size: 0.72rem;
|
|
}
|
|
|
|
.ritual-paper-page-number {
|
|
color: var(--ritual-paper-yellow);
|
|
font-family: "IBM Plex Mono", Consolas, monospace;
|
|
font-size: 0.74rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
@media all and (min-width: 1120px) {
|
|
.ritual-paper-page {
|
|
column-count: 2;
|
|
column-gap: 2.6rem;
|
|
column-rule: 1px solid rgba(49, 88, 255, 0.2);
|
|
}
|
|
|
|
.ritual-paper-page::before,
|
|
article h1,
|
|
.ritual-paper-titleblock,
|
|
.ritual-paper-keyline,
|
|
article h2,
|
|
.ritual-paper-abstract,
|
|
.ritual-paper-method-card,
|
|
.ritual-paper-results-strip,
|
|
.gamecult-media-card,
|
|
.katex-display {
|
|
column-span: all;
|
|
}
|
|
|
|
article h3,
|
|
article blockquote,
|
|
article table,
|
|
article ol,
|
|
article ul {
|
|
break-inside: avoid;
|
|
}
|
|
|
|
article h3 {
|
|
break-after: avoid;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 760px) {
|
|
.page > #quartz-body .center > article {
|
|
margin-top: 0.8rem;
|
|
font-size: 0.98rem;
|
|
}
|
|
|
|
.ritual-paper-page {
|
|
margin-bottom: 1.15rem;
|
|
}
|
|
|
|
article h1,
|
|
.ritual-paper-titleblock {
|
|
text-align: left;
|
|
}
|
|
|
|
.ritual-paper-keyline {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.ritual-paper-results-strip {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.ritual-paper-page-footer {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.ritual-paper-page-number {
|
|
justify-self: start;
|
|
}
|
|
}
|
|
}
|
|
|
|
.page > #quartz-body .center > .page-header {
|
|
margin-top: 2.4rem;
|
|
}
|
|
|
|
.page > #quartz-body .center > .page-footer {
|
|
margin-top: 1.4rem;
|
|
}
|
|
|
|
.page > #quartz-body .center > .page-header > header {
|
|
display: block;
|
|
margin: 0 0 1.2rem;
|
|
}
|
|
|
|
.gamecult-titlebar {
|
|
--gamecult-title-size: clamp(2.1rem, 4vw, 3.3rem);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.9rem;
|
|
min-width: 0;
|
|
}
|
|
|
|
.gamecult-titlebar-top {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: 1.5rem;
|
|
min-width: 0;
|
|
}
|
|
|
|
.gamecult-titlebar-copy {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.18rem;
|
|
min-width: 0;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.gamecult-titlebar-title,
|
|
.gamecult-titlebar-title a {
|
|
margin: 0;
|
|
color: var(--dark);
|
|
font-family: var(--titleFont);
|
|
font-size: var(--gamecult-title-size);
|
|
font-weight: 200;
|
|
line-height: 0.92;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-titlebar-tagline {
|
|
margin: 0;
|
|
color: rgba(183, 199, 217, 0.84);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.88rem;
|
|
font-weight: 200;
|
|
letter-spacing: 0.02em;
|
|
line-height: 1.4;
|
|
text-transform: none;
|
|
max-width: 68ch;
|
|
}
|
|
|
|
.gamecult-titlebar-nav {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
gap: 0.8rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.gamecult-titlebar-links {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.4rem 1.2rem;
|
|
min-width: 0;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.gamecult-nav-link {
|
|
color: var(--darkgray);
|
|
font-family: var(--bodyFont);
|
|
font-size: 0.92rem;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gamecult-nav-link:hover,
|
|
.gamecult-nav-link:focus-visible,
|
|
.gamecult-nav-link.active {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
/* The community row is sized in em of the title's own size, so at every width
|
|
each box is no taller than the title's line box and each glyph no taller
|
|
than its cap height. */
|
|
.gamecult-titlebar-community {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
--gamecult-hit: 44px;
|
|
gap: max(0.35em, calc(var(--gamecult-hit) + 1px - 0.92em));
|
|
margin-left: auto;
|
|
flex: 0 0 auto;
|
|
font-size: var(--gamecult-title-size);
|
|
}
|
|
|
|
.gamecult-nav-wordmark,
|
|
.gamecult-nav-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 0.92em;
|
|
padding: 0;
|
|
line-height: 0;
|
|
color: rgba(236, 242, 250, 0.96);
|
|
flex: 0 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.gamecult-nav-icon {
|
|
width: 0.92em;
|
|
}
|
|
|
|
/* The hit area is at least --gamecult-hit square around each box; the box and
|
|
glyph keep their em sizes. The row's gap is floored so neighbouring hit
|
|
areas never cross (centres at least --gamecult-hit + 1px apart). */
|
|
.gamecult-nav-wordmark::after,
|
|
.gamecult-nav-icon::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: max(100%, var(--gamecult-hit));
|
|
height: max(100%, var(--gamecult-hit));
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.gamecult-nav-wordmark svg,
|
|
.gamecult-nav-icon svg {
|
|
display: block;
|
|
fill: currentColor;
|
|
filter: drop-shadow(0 0 0.1em rgba(89, 183, 255, 0.24));
|
|
}
|
|
|
|
.gamecult-nav-icon svg {
|
|
width: 0.62em;
|
|
height: 0.62em;
|
|
}
|
|
|
|
.gamecult-nav-wordmark svg {
|
|
width: 2.44em;
|
|
height: 0.34em;
|
|
}
|
|
|
|
.gamecult-nav-wordmark:hover,
|
|
.gamecult-nav-icon:hover {
|
|
color: #fff3e8;
|
|
}
|
|
|
|
.gamecult-nav-wordmark:hover svg,
|
|
.gamecult-nav-wordmark:focus-visible svg,
|
|
.gamecult-nav-icon:hover svg,
|
|
.gamecult-nav-icon:focus-visible svg {
|
|
filter: drop-shadow(0 0 0.35rem rgba(255, 138, 42, 0.28));
|
|
}
|
|
|
|
.gamecult-blog-index {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.gamecult-blog-index-intro {
|
|
padding: 0 0 0.4rem;
|
|
}
|
|
|
|
.gamecult-blog-index-intro p {
|
|
margin: 0;
|
|
color: rgba(215, 226, 240, 0.94);
|
|
font-size: 1rem;
|
|
line-height: 1.72;
|
|
}
|
|
|
|
.gamecult-blog-card-list {
|
|
display: grid;
|
|
gap: 0;
|
|
}
|
|
|
|
.gamecult-blog-card {
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.gamecult-blog-card-link {
|
|
display: block;
|
|
padding: 1.2rem 0 1.3rem;
|
|
color: inherit;
|
|
}
|
|
|
|
.gamecult-blog-card-link:hover h2 {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
.gamecult-blog-card-head {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.32rem;
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.gamecult-blog-card-head h2 {
|
|
margin: 0;
|
|
color: #eef5ff;
|
|
font-family: var(--titleFont);
|
|
font-size: clamp(1.3rem, 2.4vw, 1.7rem);
|
|
font-weight: 300;
|
|
letter-spacing: 0.02em;
|
|
line-height: 1.02;
|
|
}
|
|
|
|
.gamecult-blog-card-meta {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 0.45rem;
|
|
margin: 0;
|
|
color: rgba(183, 199, 217, 0.82);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.78rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-blog-card-author {
|
|
color: rgba(255, 138, 42, 0.92);
|
|
}
|
|
|
|
.gamecult-blog-card-meta-separator {
|
|
color: rgba(89, 183, 255, 0.62);
|
|
}
|
|
|
|
.gamecult-blog-card-description {
|
|
margin: 0;
|
|
color: rgba(220, 231, 246, 0.94);
|
|
font-size: 1rem;
|
|
line-height: 1.68;
|
|
}
|
|
|
|
.gamecult-repo-links {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.65rem;
|
|
margin: 1rem 0 1.1rem;
|
|
}
|
|
|
|
.gamecult-repo-link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
min-height: 2.1rem;
|
|
padding: 0.34rem 0.82rem;
|
|
border-radius: 999px;
|
|
border: 1px solid rgba(89, 183, 255, 0.16);
|
|
background: rgba(89, 183, 255, 0.06);
|
|
color: #dce7f6;
|
|
font-family: var(--titleFont);
|
|
font-size: 0.9rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
.gamecult-repo-link:hover {
|
|
background: rgba(255, 138, 42, 0.16);
|
|
border-color: rgba(255, 138, 42, 0.42);
|
|
color: #fff3e8;
|
|
}
|
|
|
|
.gamecult-repo-facts {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
|
|
gap: 0.8rem;
|
|
margin: 0 0 1.35rem;
|
|
}
|
|
|
|
.gamecult-repo-fact {
|
|
padding: 0.6rem 0 0;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.gamecult-repo-fact-label {
|
|
margin: 0 0 0.32rem;
|
|
color: rgba(255, 138, 42, 0.88);
|
|
font-size: 0.72rem;
|
|
font-weight: 500;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-repo-fact-value {
|
|
margin: 0;
|
|
color: #eef5ff;
|
|
font-family: var(--titleFont);
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.02em;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.page > #quartz-body .center > .popover-hint {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.page
|
|
> #quartz-body
|
|
.center
|
|
> .page-header
|
|
> .popover-hint
|
|
> .breadcrumb-container {
|
|
margin: 0 0 0.4rem;
|
|
}
|
|
|
|
.page
|
|
> #quartz-body
|
|
.center
|
|
> .page-header
|
|
> .popover-hint
|
|
> .breadcrumb-container
|
|
+ .article-title {
|
|
display: block;
|
|
margin: 0;
|
|
line-height: 1.04;
|
|
}
|
|
|
|
.page
|
|
> #quartz-body
|
|
.center
|
|
> .page-header
|
|
> .popover-hint
|
|
> .article-title
|
|
+ .content-meta {
|
|
margin-top: 0.22rem;
|
|
}
|
|
|
|
.breadcrumbs {
|
|
margin: 0 0 0.8rem;
|
|
color: rgba(183, 199, 217, 0.76);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.82rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
.breadcrumbs a {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
.article-title,
|
|
article > h1,
|
|
article > h2,
|
|
article > h3,
|
|
article > h4,
|
|
article > h5,
|
|
article > h6 {
|
|
font-family: var(--titleFont);
|
|
letter-spacing: 0.015em;
|
|
}
|
|
|
|
.article-title {
|
|
margin: 0;
|
|
font-size: clamp(2rem, 3vw, 2.85rem);
|
|
font-weight: 200;
|
|
line-height: 0.96;
|
|
}
|
|
|
|
.content-meta {
|
|
margin-top: 0.55rem;
|
|
color: rgba(183, 199, 217, 0.78);
|
|
}
|
|
|
|
.page > #quartz-body .center > article > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* KaTeX does not break inside a formula, so math wider than the column scrolls
|
|
in its own paragraph or display block instead of widening the page; math that
|
|
fits shows no scrollbar. */
|
|
article p:has(.katex),
|
|
article .katex-display {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--gray) transparent;
|
|
}
|
|
|
|
.page > #quartz-body .center > article .gamecult-outtake {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: min(34rem, 44vw);
|
|
max-width: calc(100vw - 2.4rem);
|
|
/* Hangs into the space right of the column, less .page's 1.2rem gutter, never past 14rem. */
|
|
margin: 3.1rem calc(-1 * clamp(0rem, (100vw - var(--gamecult-column)) / 2 - 1.2rem, 14rem)) 3.2rem auto;
|
|
padding: 0.2rem 0 0.2rem 1.4rem;
|
|
border-left: 0.28rem solid rgba(255, 138, 42, 0.84);
|
|
color: #eef5ff;
|
|
font-family: var(--bodyFont);
|
|
font-size: 1.08rem;
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
letter-spacing: 0;
|
|
line-height: 1.65;
|
|
}
|
|
|
|
@media all and (max-width: 1280px) {
|
|
.page > #quartz-body .center > article .gamecult-outtake {
|
|
width: min(32rem, 88%);
|
|
}
|
|
}
|
|
|
|
body[data-slug="Thing"] {
|
|
--thing-inset: 1.2rem;
|
|
|
|
@media all and not ($desktop) {
|
|
--thing-inset: 2.2rem;
|
|
}
|
|
|
|
@media all and ($mobile) {
|
|
--thing-inset: 1.7rem;
|
|
}
|
|
|
|
--thing-frame: calc(var(--gamecult-column) + 2 * var(--thing-inset));
|
|
|
|
.page {
|
|
max-width: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.page > #quartz-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.page > #quartz-body .center {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr);
|
|
grid-template-areas:
|
|
"stack"
|
|
"foot";
|
|
}
|
|
|
|
.page > #quartz-body .center > .page-header {
|
|
grid-area: stack;
|
|
z-index: 5;
|
|
align-self: start;
|
|
justify-self: center;
|
|
width: 100%;
|
|
max-width: var(--thing-frame);
|
|
box-sizing: border-box;
|
|
padding: 0 var(--thing-inset);
|
|
}
|
|
|
|
.page > #quartz-body > footer {
|
|
width: 100%;
|
|
max-width: var(--thing-frame);
|
|
min-width: 0;
|
|
margin-inline: auto;
|
|
box-sizing: border-box;
|
|
padding-inline: var(--thing-inset);
|
|
}
|
|
|
|
.page > #quartz-body .center > article {
|
|
grid-area: stack;
|
|
min-width: 0;
|
|
}
|
|
|
|
.page > #quartz-body .center > hr {
|
|
display: none;
|
|
}
|
|
|
|
.page > #quartz-body .center > .page-footer {
|
|
grid-area: foot;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
body[data-slug="Blog/the-sleeping-colossus-refuses-the-throne"] {
|
|
.page > #quartz-body .center > .page-header > .popover-hint {
|
|
display: none;
|
|
}
|
|
|
|
.page > #quartz-body .center > article {
|
|
margin-top: 1rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sai-player-full-content .sai-speaker-stage {
|
|
height: min(720px, calc(100vh - 17.5rem));
|
|
min-height: 360px;
|
|
}
|
|
}
|
|
|
|
.page-listing .section-li {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.page-listing .section-li > .section {
|
|
display: grid;
|
|
grid-template-columns: fit-content(8em) 1fr;
|
|
gap: 0.9rem;
|
|
padding: 0.9rem 0;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.page-listing .section-li .desc h3 a {
|
|
color: var(--dark);
|
|
}
|
|
|
|
a,
|
|
.folder-container > div > a,
|
|
.folder-container > div > button span {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
a.internal:where(:not(.gamecult-repo-link, .gamecult-action)) {
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
line-height: inherit;
|
|
}
|
|
|
|
a:hover,
|
|
.folder-container > div > a:hover,
|
|
.folder-icon:hover,
|
|
.explorer-content ul li > a.active {
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
@media all and ($mobile) {
|
|
.page {
|
|
padding: 0 0.7rem 1.8rem;
|
|
}
|
|
|
|
.page > #quartz-body .center > .page-header {
|
|
margin-top: 1.3rem;
|
|
}
|
|
|
|
.gamecult-titlebar {
|
|
--gamecult-title-size: 1.9rem;
|
|
}
|
|
|
|
.gamecult-titlebar-nav {
|
|
gap: 0.75rem;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.gamecult-titlebar-top {
|
|
flex-direction: column;
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.gamecult-titlebar-community {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.page > #quartz-body .center > article .gamecult-outtake {
|
|
max-width: 100%;
|
|
margin: 2.2rem 0 2.3rem;
|
|
padding: 0.1rem 0 0.1rem 1.1rem;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.page
|
|
> #quartz-body
|
|
.center
|
|
> .page-header
|
|
> .popover-hint
|
|
> .breadcrumb-container {
|
|
margin-bottom: 0.28rem;
|
|
}
|
|
}
|
|
|
|
body[data-slug="tour"],
|
|
body[data-slug="Pitch"] {
|
|
overflow: hidden;
|
|
|
|
.page {
|
|
max-width: none;
|
|
height: 100svh;
|
|
min-height: 100svh;
|
|
max-height: 100svh;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
.page > #quartz-body {
|
|
height: 100svh;
|
|
min-height: 0;
|
|
max-height: 100svh;
|
|
grid-template-columns: minmax(0, 1fr);
|
|
grid-template-rows: minmax(0, 1fr);
|
|
grid-template-areas: "grid-center";
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page > #quartz-body > footer,
|
|
.page > #quartz-body .center > .page-header,
|
|
.page > #quartz-body .center > .page-footer {
|
|
display: none;
|
|
}
|
|
|
|
.page > #quartz-body .center {
|
|
display: block;
|
|
grid-area: grid-center;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page > #quartz-body .center > article {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page::before {
|
|
display: none !important;
|
|
}
|
|
|
|
.gamecult-vn-source {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
body[data-slug="tour"] .gamecult-compound-vn.sai-player-speaker,
|
|
body[data-slug="Pitch"] .gamecult-compound-vn.sai-player-speaker {
|
|
--sai-sprite-pixel-scale: 4;
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100svh;
|
|
min-height: 100svh;
|
|
max-height: 100svh;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
}
|
|
|
|
body[data-slug="tour"] .gamecult-compound-vn .sai-speaker-stage,
|
|
body[data-slug="tour"] .gamecult-compound-vn .sai-speaker-stage.has-dom-cards,
|
|
body[data-slug="Pitch"] .gamecult-compound-vn .sai-speaker-stage,
|
|
body[data-slug="Pitch"] .gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
|
|
height: 100svh;
|
|
min-height: 100svh;
|
|
border: 0;
|
|
border-radius: 0;
|
|
background:
|
|
linear-gradient(180deg, rgba(6, 10, 15, 0.98), rgba(8, 14, 22, 0.94)),
|
|
linear-gradient(135deg, rgba(89, 183, 255, 0.04), rgba(255, 138, 42, 0.03));
|
|
box-shadow:
|
|
0 28px 68px rgba(0, 0, 0, 0.34),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.03);
|
|
}
|
|
|
|
@supports (height: 100dvh) {
|
|
body[data-slug="tour"],
|
|
body[data-slug="Pitch"] {
|
|
.page,
|
|
.page > #quartz-body,
|
|
.gamecult-compound-vn.sai-player-speaker,
|
|
.gamecult-compound-vn .sai-speaker-stage,
|
|
.gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
|
|
height: 100dvh;
|
|
min-height: 100dvh;
|
|
max-height: 100dvh;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-stage,
|
|
.gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
|
|
height: 100dvh;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-background {
|
|
display: block;
|
|
image-rendering: pixelated;
|
|
opacity: 0.72;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-scrim {
|
|
background:
|
|
linear-gradient(180deg, rgba(3, 5, 8, 0.08), rgba(3, 5, 8, 0.34)),
|
|
linear-gradient(90deg, rgba(89, 183, 255, 0.06), transparent 38%, rgba(255, 138, 42, 0.05));
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-scene {
|
|
top: 1.05rem;
|
|
left: 1.1rem;
|
|
border-color: rgba(89, 183, 255, 0.2);
|
|
color: rgba(220, 231, 246, 0.94);
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-graph-layer {
|
|
top: 3.6rem;
|
|
left: 1rem;
|
|
width: min(24rem, 28vw);
|
|
height: min(15rem, 32vh);
|
|
z-index: 4;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-graph-layer svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-dom-layer {
|
|
z-index: 5;
|
|
inset: 3.6rem 1rem 9.2rem calc(min(24rem, 28vw) + 1rem);
|
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-dom-card {
|
|
border-color: rgba(89, 183, 255, 0.16);
|
|
border-radius: 14px;
|
|
background:
|
|
linear-gradient(180deg, rgba(12, 19, 29, 0.78), rgba(8, 13, 21, 0.66)),
|
|
linear-gradient(135deg, rgba(89, 183, 255, 0.045), rgba(255, 138, 42, 0.035));
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-dom-card-title,
|
|
.gamecult-compound-vn .sai-speaker-name {
|
|
color: rgba(255, 138, 42, 0.96);
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-sprite {
|
|
width: auto;
|
|
min-width: 0;
|
|
max-width: none;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-sprite-image {
|
|
width: auto;
|
|
max-width: none;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-card {
|
|
left: 256px;
|
|
width: auto;
|
|
max-width: calc(100% - 256px);
|
|
border-top-color: rgba(89, 183, 255, 0.18);
|
|
grid-template-columns: minmax(0, 1fr);
|
|
background:
|
|
linear-gradient(135deg, rgba(5, 8, 13, 0.92), rgba(9, 14, 22, 0.82)),
|
|
linear-gradient(90deg, rgba(89, 183, 255, 0.04), rgba(255, 138, 42, 0.04));
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-body,
|
|
.gamecult-compound-vn .sai-speaker-line {
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-avatar-shell {
|
|
position: absolute;
|
|
left: -256px;
|
|
bottom: 0;
|
|
width: 256px;
|
|
height: 256px;
|
|
border-top: 1px solid rgba(89, 183, 255, 0.18);
|
|
border-right-color: rgba(89, 183, 255, 0.18);
|
|
background:
|
|
linear-gradient(180deg, rgba(4, 7, 12, 0.2), rgba(4, 7, 12, 0.76)),
|
|
radial-gradient(circle at 50% 18%, rgba(89, 183, 255, 0.1), transparent 46%);
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.gamecult-compound-vn .sai-graph-layer {
|
|
top: 3.2rem;
|
|
left: 0.75rem;
|
|
width: min(18rem, calc(100% - 1.5rem));
|
|
height: min(11rem, 28vh);
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-dom-layer {
|
|
inset: calc(3.2rem + min(11rem, 28vh) + 0.75rem) 0.75rem 9rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.gamecult-compound-vn .sai-speaker-card {
|
|
left: 128px;
|
|
max-width: calc(100% - 128px);
|
|
}
|
|
|
|
.gamecult-compound-vn .sai-speaker-avatar-shell {
|
|
left: -128px;
|
|
width: 128px;
|
|
height: 128px;
|
|
}
|
|
}
|
|
|
|
.gamecult-vn-source {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
|
|
gap: 0.85rem;
|
|
margin: 1rem 0 1.4rem;
|
|
}
|
|
|
|
.gamecult-vn-source-card {
|
|
min-width: 0;
|
|
padding: 1rem 1.05rem;
|
|
}
|
|
|
|
.gamecult-vn-source-card h2 {
|
|
margin: 0 0 0.5rem;
|
|
color: var(--dark);
|
|
font-family: var(--titleFont);
|
|
font-size: 1.1rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.04em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-vn-source-card p {
|
|
margin: 0;
|
|
}
|
|
|
|
.gamecult-vn-source-card p + p {
|
|
margin-top: 0.62rem;
|
|
}
|
|
|
|
.gamecult-vn-source-card img {
|
|
display: block;
|
|
width: 100%;
|
|
max-height: min(48vh, 420px);
|
|
object-fit: contain;
|
|
margin: 0.65rem 0 0.7rem;
|
|
border: 1px solid rgba(89, 183, 255, 0.12);
|
|
border-radius: 10px;
|
|
background: rgba(5, 8, 13, 0.72);
|
|
}
|
|
|
|
.gamecult-vn-doc-tree-card {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.gamecult-doc-tree-header p,
|
|
.gamecult-doc-tree-pitch p {
|
|
color: rgba(226, 238, 252, 0.84);
|
|
}
|
|
|
|
.gamecult-doc-tree-pitch {
|
|
margin: 0.85rem 0;
|
|
padding: 0 0 0 0.85rem;
|
|
border-left: 2px solid rgba(255, 198, 120, 0.62);
|
|
}
|
|
|
|
.gamecult-doc-tree-pitch h3 {
|
|
margin: 0 0 0.35rem;
|
|
color: rgba(255, 198, 120, 0.96);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.96rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.04em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-doc-tree-repos {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
|
|
gap: 0.45rem;
|
|
max-height: min(58vh, 34rem);
|
|
overflow: auto;
|
|
padding-right: 0.25rem;
|
|
}
|
|
|
|
.gamecult-doc-tree-repo {
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.gamecult-doc-tree-repo summary {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.7rem;
|
|
padding: 0.52rem 0.62rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gamecult-doc-tree-count,
|
|
.gamecult-doc-tree-path,
|
|
.gamecult-doc-tree-overflow {
|
|
color: rgba(226, 238, 252, 0.62);
|
|
font-size: 0.78rem;
|
|
}
|
|
|
|
.gamecult-doc-tree-list {
|
|
display: grid;
|
|
gap: 0.32rem;
|
|
margin: 0;
|
|
padding: 0 0.62rem 0.62rem;
|
|
list-style: none;
|
|
}
|
|
|
|
.gamecult-doc-tree-list li {
|
|
display: grid;
|
|
gap: 0.08rem;
|
|
min-width: 0;
|
|
}
|
|
|
|
.gamecult-doc-tree-list a {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.gamecult-doc-tree-path {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gamecult-home-hero {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
|
|
gap: 1rem;
|
|
margin: 1.15rem 0 1.6rem;
|
|
align-items: start;
|
|
}
|
|
|
|
.gamecult-media-card {
|
|
border-radius: 20px;
|
|
border: 1px solid rgba(89, 183, 255, 0.1);
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgba(13, 20, 31, 0.96),
|
|
rgba(8, 13, 21, 0.92)
|
|
);
|
|
box-shadow:
|
|
0 18px 36px rgba(0, 0, 0, 0.2),
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.02);
|
|
}
|
|
|
|
.gamecult-hero-panel > :first-child,
|
|
.gamecult-feature-card > :first-child,
|
|
.gamecult-media-card > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.gamecult-kicker {
|
|
margin: 0 0 0.7rem;
|
|
color: rgba(255, 138, 42, 0.96);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.76rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-hero-title {
|
|
margin: 0 0 0.85rem;
|
|
color: var(--dark);
|
|
font-family: var(--titleFont);
|
|
font-size: clamp(1.65rem, 4vw, 2.7rem);
|
|
font-weight: 200;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.05;
|
|
}
|
|
|
|
.gamecult-action-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.65rem;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.gamecult-action {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
min-height: 2.75rem;
|
|
max-width: 100%;
|
|
padding: 0.75rem 1.2rem;
|
|
border: 1px solid rgba(89, 183, 255, 0.3);
|
|
border-radius: 999px;
|
|
background: rgba(89, 183, 255, 0.08);
|
|
color: rgba(220, 231, 246, 0.96);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.84rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.025em;
|
|
line-height: 1.25;
|
|
text-align: center;
|
|
}
|
|
|
|
.gamecult-action:hover,
|
|
.gamecult-action.primary {
|
|
border-color: rgba(255, 138, 42, 0.48);
|
|
background: rgba(255, 138, 42, 0.14);
|
|
color: #fff3e8;
|
|
}
|
|
|
|
.gamecult-evidence-note {
|
|
margin: 1rem 0 0;
|
|
padding: 0 0 0 0.9rem;
|
|
border-left: 2px solid rgba(255, 138, 42, 0.62);
|
|
color: rgba(183, 199, 217, 0.88);
|
|
font-size: 0.86rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.gamecult-feature-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 0.8rem;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.gamecult-feature-card {
|
|
padding: 1.15rem 0 0;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.gamecult-feature-card h3 {
|
|
margin: 0 0 0.45rem;
|
|
color: var(--dark);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.98rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-feature-card p,
|
|
.gamecult-media-card p {
|
|
margin: 0;
|
|
color: rgba(183, 199, 217, 0.88);
|
|
font-size: 0.94rem;
|
|
line-height: 1.55;
|
|
}
|
|
|
|
.gamecult-studio-page {
|
|
--gamecult-studio-copy: rgba(220, 225, 232, 0.9);
|
|
}
|
|
|
|
.gamecult-studio-page > h2 {
|
|
margin: 3.6rem 0 1.35rem;
|
|
color: rgba(244, 247, 251, 0.96);
|
|
font-family: var(--titleFont);
|
|
font-size: clamp(1.65rem, 3vw, 2.25rem);
|
|
font-weight: 200;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.12;
|
|
}
|
|
|
|
.gamecult-studio-page > h2::after {
|
|
content: "";
|
|
display: block;
|
|
width: 3.5rem;
|
|
margin-top: 0.7rem;
|
|
border-bottom: 2px solid rgba(255, 138, 42, 0.58);
|
|
}
|
|
|
|
.gamecult-studio-page > p {
|
|
max-width: 76ch;
|
|
margin: 1rem 0;
|
|
color: var(--gamecult-studio-copy);
|
|
font-size: 1.06rem;
|
|
line-height: 1.78;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-home-hero {
|
|
grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
|
|
gap: 1.5rem;
|
|
margin: 1.4rem 0 3.2rem;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-hero-panel > p:not(.gamecult-kicker, .gamecult-evidence-note) {
|
|
color: var(--gamecult-studio-copy);
|
|
font-size: 1.02rem;
|
|
line-height: 1.72;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-kicker {
|
|
margin-bottom: 0.85rem;
|
|
color: rgba(169, 190, 211, 0.84);
|
|
font-size: 0.78rem;
|
|
letter-spacing: 0.12em;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-action-row {
|
|
gap: 0.75rem;
|
|
margin: 1.3rem 0;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-action {
|
|
box-sizing: border-box;
|
|
min-height: 2.7rem;
|
|
padding: 0.75rem 1.2rem;
|
|
border-radius: 8px;
|
|
color: rgba(232, 236, 242, 0.94);
|
|
font-size: 0.94rem;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-evidence-note {
|
|
margin-top: 1.35rem;
|
|
padding: 0 0 0 1rem;
|
|
border-left-color: rgba(255, 138, 42, 0.5);
|
|
color: rgba(206, 212, 220, 0.86);
|
|
font-size: 0.95rem;
|
|
line-height: 1.65;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-media-card {
|
|
gap: 1rem;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-media-card p {
|
|
color: rgba(206, 212, 220, 0.84);
|
|
font-size: 0.96rem;
|
|
line-height: 1.62;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-feature-grid {
|
|
gap: 1.7rem 2.4rem;
|
|
margin: 1.35rem 0 3rem;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-feature-card h3 {
|
|
margin-bottom: 0.65rem;
|
|
color: rgba(239, 243, 248, 0.94);
|
|
font-size: 1.18rem;
|
|
font-weight: 300;
|
|
letter-spacing: -0.01em;
|
|
line-height: 1.3;
|
|
text-transform: none;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-feature-card p {
|
|
color: var(--gamecult-studio-copy);
|
|
font-size: 1rem;
|
|
line-height: 1.68;
|
|
}
|
|
|
|
.gamecult-media-card {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.8rem;
|
|
padding: 0.8rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.gamecult-media-card img {
|
|
width: 100%;
|
|
aspect-ratio: 16 / 10;
|
|
object-fit: cover;
|
|
border-radius: 16px;
|
|
border: 1px solid rgba(89, 183, 255, 0.12);
|
|
background: rgba(5, 10, 18, 0.9);
|
|
}
|
|
|
|
.gamecult-embed-frame {
|
|
margin: 1.2rem 0 1.4rem;
|
|
}
|
|
|
|
.gamecult-embed-frame iframe {
|
|
width: 100%;
|
|
min-height: 640px;
|
|
border: 0;
|
|
border-radius: 14px;
|
|
background: #050a11;
|
|
}
|
|
|
|
@keyframes aetheriaInkTextIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(18px) scale(0.985);
|
|
filter: blur(10px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0) scale(1);
|
|
filter: blur(0);
|
|
}
|
|
}
|
|
|
|
@keyframes aetheriaInkTextOut {
|
|
from {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
filter: blur(0);
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: translateY(-8px);
|
|
filter: blur(8px);
|
|
}
|
|
}
|
|
|
|
@keyframes aetheriaInkSpeakerIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(14px);
|
|
filter: blur(8px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
filter: blur(0);
|
|
}
|
|
}
|
|
|
|
@media all and not ($desktop) {
|
|
.gamecult-home-hero {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-home-hero {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
}
|
|
|
|
@media all and ($mobile) {
|
|
.gamecult-feature-grid {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.gamecult-studio-page > h2 {
|
|
margin-top: 2.8rem;
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-feature-grid {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.gamecult-studio-page .gamecult-action {
|
|
width: 100%;
|
|
}
|
|
|
|
.gamecult-embed-frame iframe {
|
|
min-height: 520px;
|
|
}
|
|
}
|
|
|
|
article.integrated-dossier-page {
|
|
--integrated-blue: #59b7ff;
|
|
--integrated-orange: #ff8a2a;
|
|
|
|
font-family: "Ubuntu", var(--bodyFont), sans-serif;
|
|
font-weight: 300;
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4 {
|
|
font-family: "Montserrat", var(--headerFont), sans-serif;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 3rem;
|
|
padding-bottom: 0.48rem;
|
|
border-bottom: 1px solid var(--gamecult-rule);
|
|
color: var(--integrated-blue);
|
|
font-weight: 200;
|
|
}
|
|
|
|
h3 {
|
|
color: #d8e8f8;
|
|
font-weight: 300;
|
|
}
|
|
|
|
h4 {
|
|
color: var(--integrated-orange);
|
|
font-weight: 300;
|
|
}
|
|
|
|
p,
|
|
li,
|
|
td,
|
|
dd {
|
|
line-height: 1.68;
|
|
}
|
|
|
|
sup a {
|
|
color: #ffd6ad;
|
|
font-size: 0.72em;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.integrated-dossier-hero {
|
|
margin: 0 0 2rem;
|
|
padding: 0 0 1.6rem;
|
|
border-bottom: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.integrated-dossier-kicker,
|
|
.integrated-dossier-source {
|
|
margin: 0;
|
|
color: rgba(183, 199, 217, 0.78);
|
|
font-size: 0.78rem;
|
|
font-weight: 500;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.integrated-dossier-hero h1 {
|
|
margin: 0.3rem 0 0.75rem;
|
|
color: #edf6ff;
|
|
font-family: "Montserrat", var(--headerFont), sans-serif;
|
|
font-size: clamp(2.1rem, 6vw, 4.8rem);
|
|
font-weight: 100 !important;
|
|
line-height: 0.98;
|
|
}
|
|
|
|
.integrated-dossier-hero > p:not(.integrated-dossier-kicker, .integrated-dossier-source) {
|
|
max-width: 54rem;
|
|
color: #dbe9f7;
|
|
font-size: clamp(1rem, 1.5vw, 1.18rem);
|
|
}
|
|
|
|
.integrated-dossier-hero dl {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
|
|
gap: 0.85rem;
|
|
margin: 1.25rem 0 1rem;
|
|
}
|
|
|
|
.integrated-dossier-hero dl div {
|
|
padding: 0.6rem 0 0;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.integrated-dossier-hero dt,
|
|
.integrated-dossier-glossary dt {
|
|
color: var(--integrated-orange);
|
|
font-family: "Montserrat", var(--headerFont), sans-serif;
|
|
font-size: 0.78rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.integrated-dossier-hero dd,
|
|
.integrated-dossier-glossary dd {
|
|
margin: 0.25rem 0 0;
|
|
}
|
|
|
|
.integrated-dossier-note {
|
|
margin: 1.2rem 0;
|
|
padding: 0.1rem 0 0.1rem 1rem;
|
|
border-left: 2px solid var(--integrated-blue);
|
|
}
|
|
|
|
.integrated-dossier-note strong {
|
|
color: var(--integrated-blue);
|
|
}
|
|
|
|
.integrated-dossier-lead {
|
|
border-left-color: var(--integrated-orange);
|
|
}
|
|
|
|
.integrated-dossier-table {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 1.3rem 0;
|
|
overflow-x: auto;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.integrated-dossier-table tbody {
|
|
display: table;
|
|
width: 100%;
|
|
min-width: 42rem;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.integrated-dossier-table th,
|
|
.integrated-dossier-table td {
|
|
padding: 0.72rem 0.78rem;
|
|
border-bottom: 1px solid var(--gamecult-rule);
|
|
vertical-align: top;
|
|
text-align: left;
|
|
}
|
|
|
|
.integrated-dossier-table th {
|
|
color: var(--integrated-blue);
|
|
font-family: "Montserrat", var(--headerFont), sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.integrated-dossier-table tr:last-child th,
|
|
.integrated-dossier-table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.integrated-dossier-glossary {
|
|
padding: 0;
|
|
}
|
|
|
|
.integrated-dossier-glossary dt {
|
|
padding-top: 0.6rem;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.integrated-dossier-glossary dd + dt {
|
|
margin-top: 0.6rem;
|
|
}
|
|
|
|
|
|
.swarm-legend {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.8rem 1.8rem;
|
|
margin: 1.25rem 0 2rem;
|
|
color: var(--gray);
|
|
font-size: 0.875rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.swarm-legend strong { color: var(--dark); margin-right: 0.35rem; }
|
|
|
|
.swarm-directory {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 2.5rem;
|
|
margin-block: 1.5rem 3rem;
|
|
align-items: start;
|
|
}
|
|
|
|
.swarm-domain-card {
|
|
min-width: 0;
|
|
padding-top: 1.5rem;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.swarm-domain-card > header {
|
|
display: grid;
|
|
grid-template-columns: 4.5rem minmax(0, 1fr);
|
|
align-items: center;
|
|
gap: 1rem;
|
|
margin-bottom: 1.2rem;
|
|
}
|
|
|
|
.swarm-domain-card > header img,
|
|
.swarm-avatar-fallback {
|
|
box-sizing: border-box;
|
|
width: 4.5rem;
|
|
height: 4.5rem;
|
|
margin: 0;
|
|
object-fit: cover;
|
|
border: 1px solid rgba(255, 138, 42, 0.35);
|
|
border-radius: 0.65rem;
|
|
background: rgba(255, 138, 42, 0.08);
|
|
}
|
|
|
|
.swarm-avatar-fallback {
|
|
display: grid;
|
|
place-items: center;
|
|
color: var(--secondary);
|
|
font-family: var(--titleFont);
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
.swarm-domain-card h3 {
|
|
margin: 0.3rem 0 0.65rem;
|
|
font-family: var(--titleFont);
|
|
font-size: 1.5rem;
|
|
font-weight: 300;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.swarm-kicker {
|
|
margin: 0;
|
|
color: var(--gray);
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.swarm-badge {
|
|
display: inline-block;
|
|
padding: 0.35rem 0.65rem;
|
|
border: 1px solid rgba(148, 163, 184, 0.3);
|
|
border-radius: 0.4rem;
|
|
color: var(--darkgray);
|
|
font-size: 0.75rem;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.swarm-badge.face { color: var(--secondary); }
|
|
.swarm-badge.forming { border-style: dashed; }
|
|
|
|
.swarm-domain-card > p,
|
|
.swarm-persona p {
|
|
margin: 0 0 1.2rem;
|
|
color: var(--gamecult-studio-copy);
|
|
font-size: 1rem;
|
|
line-height: 1.68;
|
|
}
|
|
|
|
.swarm-domain-card ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.swarm-domain-card li {
|
|
margin: 0.8rem 0;
|
|
font-size: 0.95rem;
|
|
line-height: 1.5;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.swarm-domain-card li em {
|
|
display: block;
|
|
color: var(--gray);
|
|
font-size: 0.875rem;
|
|
font-style: normal;
|
|
}
|
|
|
|
.swarm-persona { margin-top: 1.2rem; }
|
|
.swarm-persona summary,
|
|
.swarm-notes summary {
|
|
padding-block: 0.65rem;
|
|
color: var(--darkgray);
|
|
cursor: pointer;
|
|
font-size: 0.95rem;
|
|
}
|
|
.swarm-persona p { margin-top: 0.75rem; }
|
|
.swarm-notes { margin-top: 2rem; }
|
|
|
|
.gamecult-action:focus-visible,
|
|
.swarm-persona summary:focus-visible,
|
|
.swarm-notes summary:focus-visible {
|
|
outline: 2px solid var(--secondary);
|
|
outline-offset: 4px;
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
.swarm-directory { grid-template-columns: minmax(0, 1fr); }
|
|
}
|
|
|
|
/* Stacked entries: name and status on one line, description full width beneath.
|
|
Ruled rows, no fill, border box or pill, per the Surfaces law. */
|
|
.gamecult-entries {
|
|
margin: 1rem 0 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.gamecult-entry {
|
|
padding: 0.85rem 0;
|
|
border-top: 1px solid var(--gamecult-rule);
|
|
}
|
|
|
|
.gamecult-entry p {
|
|
margin: 0;
|
|
}
|
|
|
|
.gamecult-entry-head {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
gap: 0.2rem 1rem;
|
|
}
|
|
|
|
.gamecult-entry-name {
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
color: var(--dark);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.gamecult-entry-status {
|
|
flex: none;
|
|
color: rgba(255, 138, 42, 0.96);
|
|
font-family: var(--titleFont);
|
|
font-size: 0.76rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gamecult-entry-body {
|
|
margin-top: 0.25rem;
|
|
color: rgba(183, 199, 217, 0.88);
|
|
font-size: 0.94rem;
|
|
line-height: 1.55;
|
|
}
|
|
|
|
.gamecult-entry-lead::first-letter {
|
|
text-transform: uppercase;
|
|
}
|