/* World Engine: the same quiet, sharp interface on web and desktop. */
:root{color-scheme:dark;--bg:#050607;--text:#e7e9ea;--ink:#e7e9ea;--panel:#090d11;--muted:#8b98a5;--line:#283038;--gold:#e4be62;--gold-bright:#fff1ad;--paper:#050607;--carbon:#e7e9ea;--studio-gold:#e4be62;--rule:#283038}
body{background:#050607;color:#e7e9ea;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #bfe5ff;outline-offset:3px}
button,input,dialog,.button,.game-card,.game-stage,.game-info,.chat-panel,.chat-compose,.platform-download,.client-downloads a,.toast,.avatar-picker button{border-radius:0!important}
input{background:#090d11;border-color:#30373d;color:#e7e9ea}input::placeholder{color:#8b98a5}
.topbar{background:#050607;border-bottom:1px solid #283038}.topbar-inner{min-height:60px;max-width:1320px}.brand img{filter:none}.arcade-nav a,.arcade-nav button,.arcade-nav .nav-client{color:#a6b0b9}.arcade-nav a:hover,.arcade-nav button:hover{color:white}.account-button{color:#e7e9ea;border-color:#30373d}.shell{max-width:1320px;padding-bottom:58px}
.button,.platform-download{background:#0d1217;border:1px solid #30373d;color:#e7e9ea}.button:hover,.platform-download:hover{background:#19232c;border-color:#a6bac8}.button.primary{background:#e7e9ea;border-color:#e7e9ea;color:#050607}.button.primary:hover{background:#fff}
.client-banner{background:radial-gradient(ellipse at 80% 0%,#101d27 0%,transparent 65%),#080b0e;border:1px solid #283038;padding:32px;margin-bottom:32px;column-gap:38px}.client-eyebrow{color:#9eafbc;font:10px monospace;letter-spacing:2px}.client-banner h1{font-size:clamp(27px,3vw,42px);letter-spacing:-1.6px;font-weight:650;line-height:1.05;margin:12px 0}.client-banner p{font-size:13px;line-height:1.6;color:#8b98a5}.client-banner .client-preview{border-color:#30373d;box-shadow:0 20px 50px #0006}.client-downloads a{background:#e7e9ea;color:#050607;padding:10px 12px}.client-downloads a:hover{background:white}.client-fineprint,.client-fineprint button{color:#a6b0b9;font-size:11px}
.catalog-heading h1{font-size:23px;color:#e7e9ea}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game-card{background:#090d11;border-color:#283038;box-shadow:none}.game-card:hover{border-color:#bed9eb;box-shadow:none}.card-art{aspect-ratio:1.45}.card-body{padding:12px}.card-title h3{font-size:13px;min-height:34px;color:#e7e9ea}.card-play{color:#d7efff}.card-footer{color:#8b98a5}.card-art img{transition:transform .3s}.game-card:hover .card-art img{transform:scale(1.025)}
.wishlist{margin-top:36px}.wishlist-grid{border-color:#283038}.wishlist-card{background:transparent;border-color:#283038;padding:14px 0}.wishlist-card h3{color:#e7e9ea}.wishlist-vote{background:#090d11;color:#cbd5dd;border-color:#30373d}.wishlist-vote:hover{background:#18232c}.wishlist-vote[aria-pressed=true]{background:#d7efff;color:#050607;border-color:#d7efff}.wishlist-feedback{color:#bfd7e7}.account-banner,footer{border-color:#283038}.empty-state{color:#8b98a5}
#player .player-top,#player .player-top h1{color:#e7e9ea}#player #save-status{color:#8b98a5}.chat-panel,.game-info{background:#090d11;border-color:#283038}.chat-dot{background:#b8e0fb}.chat-meta,.eyebrow{color:#b8d3e5}.chat-compose button{background:#1b2833;color:#e7e9ea}.game-info{padding:12px}.chat-header{padding:14px}.chat-note{padding:10px 14px}dialog,#account-dialog{background:#090d11;border-color:#30373d}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.avatar-picker button[aria-pressed=true]{background:#243b4b;border-color:#c5eaff}.toast{background:#101c25;border-color:#436076;color:#e7e9ea}
/* Studio home: retain the work and research, unify the material and navigation. */
body>nav{background:#050607f5;border-bottom:1px solid #283038;min-height:60px;padding:14px 5vw}.nav-links{gap:24px}.nav-links a{color:#8b98a5}.nav-links .play-nav-link{color:#e7e9ea;font-weight:600}.brand-word{letter-spacing:.06em}.stars{opacity:.2!important}#field{opacity:.1}
.home-launch{padding:64px 6vw;max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px;position:relative;z-index:1}.home-kicker{font:11px var(--mono,monospace);letter-spacing:.16em;color:#8b98a5}.home-launch h1{font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-.055em;font-weight:650;margin:20px 0}.home-launch p{color:#8b98a5;font-size:15px;line-height:1.6;max-width:330px;margin-bottom:30px}.home-play{display:inline-flex;align-items:center;gap:35px;padding:14px 22px;background:#e7e9ea;color:#050607;font-size:14px;font-weight:650;text-decoration:none}.home-play span{font-size:20px}.home-download{color:#b5c2cb;font-size:12px;display:inline-block;margin:18px;text-decoration:none}.home-art img{display:block;width:100%;border:1px solid #283038;box-shadow:0 20px 80px #0008}.hero{padding-top:76px;max-width:1280px;margin:auto}.hero-video{border-top:1px solid #283038}.hero-video video{width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100svh - 100px);object-fit:contain}
.studio{background:#050607;color:#e7e9ea}.studio p,.premise-bottom p{color:#9da9b3}.studio h1,.studio h2,.studio h3{color:#e7e9ea}.premise h1 span{color:#798c9c}.premise h1{font-size:clamp(38px,6vw,76px)}.studio h2{font-size:clamp(30px,4vw,54px)}.section-rail{color:#8b98a5;border-color:#283038}.worlds,.questions{background:#090d11}.loop,.paper-mark{background:#0d151c;border-color:#30373d}.paper-mark{color:#d7efff;box-shadow:12px 14px 0 #101a22}.loop-top,.loop figcaption,.method-rows article,.question-list li{border-color:#30373d}.worlds h2 em,.flow-index,.flow-arrow,.loop figcaption strong,.loop-return{color:#d7efff}.project-copy p,.project-meta,.method-output,.question-list li span{color:#8b98a5}.studio .project,.studio .project-featured{border-color:#283038}
@media(max-width:1000px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-launch{gap:28px}.nav-links{gap:16px}}
@media(max-width:700px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-banner{padding:22px 18px}.topbar-inner{padding-top:12px}.arcade-nav{gap:18px}.home-launch{padding:40px 6vw;grid-template-columns:1fr;gap:24px}.home-launch h1{font-size:46px}.home-art{max-width:560px}.home-launch p{margin-bottom:20px}.nav-links{display:flex;gap:16px!important}.nav-links a:not(.client-nav-link):not(.play-nav-link){display:none}.nav-links .play-nav-link{display:block!important}.brand-word{font-size:10px}.nav-links a{font-size:11px}.home-download{margin-right:0}body>nav{padding:14px 5vw}.shell{padding-bottom:58px}}
@media(min-width:1001px){html:not(.native-client) body:has(#player:not([hidden])){height:100dvh;overflow:hidden}html:not(.native-client) body:has(#player:not([hidden])) .shell{height:calc(100dvh - 61px);padding-bottom:0}html:not(.native-client) body:has(#player:not([hidden])) main{height:100%;padding-top:14px}html:not(.native-client) #player:not([hidden]){height:100%;display:flex;flex-direction:column}html:not(.native-client) #player .play-layout{flex:1;min-height:0;padding-bottom:52px}html:not(.native-client) #player .game-column{display:flex;flex-direction:column;min-height:0}html:not(.native-client) #player .game-stage{flex:1;aspect-ratio:auto;min-height:0}html:not(.native-client) #player .chat-panel{min-height:0;max-height:none}html:not(.native-client) #player .chat-messages{min-height:0}html:not(.native-client) body:has(#player:not([hidden])) footer{display:none}html:not(.native-client) #player .player-top{margin-bottom:10px}html:not(.native-client) #player .game-downloads{margin-bottom:10px}}
.studio .work,.studio .research{background:#080b0e}footer.studio-contact{background:#0c141b;color:#e7e9ea;padding-bottom:65px}.studio-contact .section-rail,.colophon,.contact-bottom a,.project-copy .project-question,.patent-heading,.patent-pair article{border-color:#30373d}.contact-bottom p,.project-copy .project-question,.studio .comparison-note,.studio .work-note,.patent-pair .patent-status,.dream-intro .eyebrow,.project-index{color:#9da9b3}.paper-lines i{background:#4a6173}
@media(min-width:1001px){html:not(.native-client) body:has(#player:not([hidden])){display:flex;flex-direction:column}html:not(.native-client) body:has(#player:not([hidden]))>.topbar{flex:none}html:not(.native-client) body:has(#player:not([hidden]))>.shell{height:auto;flex:1;min-height:0;width:100%}}

/* Logo gold: light champagne through warm gold to bronze. */
:root{--accent:#e4be62;--accent-bright:#fff1ad;--accent-gradient:linear-gradient(145deg,#fff1ad 0%,#e4ba4d 52%,#bb831f 100%)}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--accent)}
.home-play,.client-downloads a,.button.primary{background:var(--accent-gradient);border-color:#e4be62;color:#171208}
.home-play:hover,.client-downloads a:hover,.button.primary:hover{background:linear-gradient(145deg,#fff6c8,#edca69 58%,#cd982d);color:#171208}
.nav-links .play-nav-link,.arcade-nav .nav-client,.arcade-nav a:hover,.arcade-nav button:hover,.client-fineprint button,.card-play,.home-download:hover,.client-eyebrow,.eyebrow,.chat-meta,.home-kicker{color:var(--accent)}
.client-banner{background:radial-gradient(ellipse at 78% 0%,#352914 0%,transparent 67%),#090b0d;border-top-color:#8f6d29}
.home-launch{background:radial-gradient(ellipse at 76% 40%,#d5a7350c,transparent 62%)}
.home-art img,.client-banner .client-preview{border-color:#57472c}
.game-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px #e4be6220}.game-card:hover .card-title h3{color:#f6df9b}
.wishlist-vote[aria-pressed=true]{background:var(--accent-gradient);border-color:#e4be62;color:#171208}.wishlist-vote:hover,.button:not(.primary):hover,.platform-download:hover{border-color:#b18a3f;background:#211c12;color:#f3d78c}
.chat-dot{background:var(--accent)}.chat-compose button{background:#e4be62;color:#171208}.avatar-picker button[aria-pressed=true]{background:#372b15;border-color:var(--accent)}
.worlds h2 em,.flow-index,.flow-arrow,.loop figcaption strong,.loop-return,.paper-mark{color:var(--accent)}
.native-client .player-top .button:hover,.native-client .player-top .button[aria-pressed=true]{border-color:#b18a3f;color:#f3d78c;background:#211c12}
/* Gold and silver are the two shared materials across every surface. */
:root{--silver:#ccd1d8;--silver-bright:#f5f7fa;--silver-gradient:linear-gradient(145deg,#f5f7fa 0%,#c7cdd5 48%,#89939f 100%);--silver-surface:linear-gradient(160deg,#20262d 0%,#101419 55%,#090b0e 100%)}
.topbar,body>nav{background:var(--silver-surface);border-bottom-color:#c7cdd533}
.home-launch h1,.client-banner h1,.brand-word{background:var(--silver-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.button:not(.primary),.wishlist-vote,.platform-download{background:var(--silver-gradient);color:#171b20;border-color:#c1c8d0}
.button:not(.primary):hover,.wishlist-vote:hover,.platform-download:hover{background:linear-gradient(145deg,#fff,#dfe4e9 55%,#a7b0ba);color:#12171c;border-color:#f5f7fa}
.button.primary,.button.bug-vote[aria-pressed=true],.wishlist-vote[aria-pressed=true]{background:var(--accent-gradient);color:#171208;border-color:#e4be62}
.button.primary:hover,.button.bug-vote[aria-pressed=true]:hover,.wishlist-vote[aria-pressed=true]:hover{background:linear-gradient(145deg,#fff6c8,#edca69 58%,#cd982d);color:#171208}
.platform-download img{filter:grayscale(1) brightness(.18)}
.chat-header,.game-info{background:var(--silver-surface)}
.wishlist-grid,.wishlist-card,.account-banner,footer,.section-rail{border-color:#aab4bf33}
.game-card{background:var(--silver-surface)}.card-footer,.card-title h3{color:#ccd1d8}.card-play{color:var(--accent)}
/* Carry the same materials through the entire studio website, not only its hero. */
.studio h1,.studio h2,.studio h3,.studio h4,.studio-contact h2,.catalog-heading h1,.wishlist-heading h2,#account-dialog h2,#bugs-dialog h2{background:var(--silver-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.premise h1 span{color:#bbc3cc}.studio .text-link,.studio-contact .contact-bottom a{color:var(--accent);border-bottom-color:#b88f3e}.studio .text-link:hover,.studio-contact .contact-bottom a:hover{color:var(--accent-bright)}
.studio .section-rail,.studio-contact .section-rail,.method-number,.project-index,.flow-index{color:#c7a762}
.studio .worlds,.studio .questions,.studio .research,footer.studio-contact{background:var(--silver-surface)}
.studio .loop,.studio .paper-mark,.studio .dream-figure{background:linear-gradient(145deg,#24211a,#0c1015 65%);border-color:#b18a3f66}
.studio .project-film,.studio .loop-top,.studio .dream-figure figcaption{border-color:#aab4bf44}.studio .question-list li span,.studio .method-output,.studio .patent-status{color:#c3b185}
.studio-contact .colophon a:hover{color:var(--accent)}.game-bugs:hover{color:var(--accent)}
/* Compact web library: downloads, then the games. */
html:not(.native-client) .client-banner{padding:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:36px;margin-bottom:28px}
html:not(.native-client) .client-banner h1{font-size:28px;margin:0;letter-spacing:-.035em}
html:not(.native-client) .client-banner .client-preview{max-height:220px;object-fit:contain;object-position:right center;border:0}
html:not(.native-client) .client-downloads{margin-top:20px;gap:8px}
html:not(.native-client) .client-fineprint{font-size:10px;margin-top:12px}
html:not(.native-client) .catalog-heading p{color:#a1aab2}
@media(max-width:850px){html:not(.native-client) .client-banner{display:block;padding:20px}html:not(.native-client) .client-banner h1{font-size:24px}}

.wishlist-heading .project-index-link{color:var(--accent);font-size:12px}

.game-build-map{display:inline-block;font-size:10px;color:#b5a16b;padding:4px 0 8px}.game-build-map:hover{color:var(--accent-bright)}

.catalog-title-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.catalog-projects-link{font-size:12px;color:var(--accent);white-space:nowrap}.catalog-projects-link:hover{color:var(--accent-bright);text-decoration:underline}@media(max-width:700px){.catalog-title-row{gap:6px 16px}.catalog-projects-link{font-size:11px}}
