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