:root{--color-bg:#0d1419;--color-text:#f4ecd8;--color-text-rgb:244, 236, 216;--color-link:#c9b896;--color-accent:#e87c3e;--color-text-hover:#fff;--color-border-subtle:rgba(var(--color-text-rgb), .35);--color-border-strong:rgba(var(--color-text-rgb), .55);--color-surface:rgba(var(--color-text-rgb), .12);--color-surface-hover:rgba(var(--color-text-rgb), .2);--color-divider:rgba(var(--color-text-rgb), .15);--font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--content-max-width:42rem;--radius-md:.5rem;--transition-fast:.15s ease}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);margin:0}body{overflow-x:hidden}body.game-active{height:100%;overflow:hidden}#renderCanvas{touch-action:none;width:100%;height:100%;display:block}#renderCanvas[hidden]{display:none!important}body.game-active #renderCanvas{position:fixed;inset:0}#changelogPage,#aboutPage{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.page-content{width:min(100%, var(--content-max-width))}#changelogPage h1,#aboutPage h1{letter-spacing:.04em;margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem)}.changelog-link,.back-link{color:var(--color-link);margin-top:0;text-decoration:none;display:inline-block}.changelog-link:hover,.back-link:hover{color:var(--color-text);text-decoration:underline}.back-link{margin-bottom:1.5rem}.changelog-entry{border-bottom:1px solid var(--color-divider);padding:1.25rem 0}.changelog-entry:first-of-type{padding-top:0}.changelog-entry:last-of-type{border-bottom:none}.changelog-entry h2{margin:0 0 .35rem;font-size:1.35rem}.changelog-entry time{opacity:.75;margin-bottom:.75rem;font-size:.9rem;display:block}.changelog-entry p{white-space:pre-wrap;margin:0;line-height:1.6}.about-section{margin-bottom:1.75rem}.about-section:last-of-type{margin-bottom:0}.about-section h2{letter-spacing:.02em;margin:0 0 .5rem;font-size:1.2rem}.about-section p{opacity:.88;margin:0;line-height:1.65}#landing{justify-content:center;align-items:flex-start;min-height:auto;padding:clamp(2.5rem,8vh,4rem) 1.5rem 6rem;display:flex}.landing-content{width:min(100%, var(--content-max-width))}#landing h1{letter-spacing:.04em;margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem)}.description{opacity:.92;margin:0 0 .75rem;font-size:1.05rem;line-height:1.65}.description--secondary{opacity:.72;margin-bottom:1rem;font-size:.98rem}.learn-more-link{text-align:center;color:var(--color-link);margin-bottom:1.75rem;text-decoration:none;display:block}.learn-more-link:hover{color:var(--color-text);text-decoration:underline}.play-wrap{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}#playButton{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;letter-spacing:.06em;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);padding:1rem 3rem;font-size:1.15rem;display:inline-block}#playButton:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}#playButton:disabled{opacity:.7;cursor:wait}.whats-new-link{max-width:min(100%,22rem);color:var(--color-text);text-align:center;transition:color var(--transition-fast);align-items:center;font-size:.95rem;text-decoration:none;display:inline-flex}.whats-new-link[hidden]{display:none!important}.whats-new-link:hover{color:var(--color-text-hover);text-decoration:underline}.whats-new-link:after{content:"";background:var(--color-accent);vertical-align:middle;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:6px;display:inline-block}.version-footer{opacity:.45;white-space:nowrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.version-footer .changelog-link{font-size:inherit;opacity:1}body.game-active .version-footer{display:none}
