:root{--bg: #0b0d12;--bg-glow: #161a25;--fg: #e8e6df;--muted: #8a8a94;--accent: #d9a441;--accent-ink: #1a1410;--panel: #15181f;--title-bar-height: 90px;--footer-inline-height: 26px;--features-idle-height: 84px;--features-playing-height: 34px;--features-height: var(--features-idle-height);--landing-gap: 6px;--landing-pad-bottom: 6px;--column-gap: 4px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Rubik,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;overflow:hidden}body{background:radial-gradient(ellipse 80% 60% at 50% 45%,var(--bg-glow) 0%,var(--bg) 70%),var(--bg);position:relative;isolation:isolate}.facade-bg{position:fixed;top:0;left:0;width:calc(100vw + 150px);height:calc(100vh + 150px);height:calc(100dvh + 150px);z-index:-2;pointer-events:none;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,150px);grid-template-rows:repeat(auto-fill,150px);filter:blur(1px) saturate(.55) brightness(.45)}.facade-bg__tile{width:150px;height:150px;background-image:var(--facade-atlas);background-size:600px 600px;background-repeat:no-repeat}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,#0b0d128c,#0b0d12d9 70%,#0b0d12f2)}#landing{display:flex;flex-direction:column;align-items:center;gap:var(--landing-gap);padding-bottom:var(--landing-pad-bottom);height:100vh;height:100dvh}.title-bar,.game-slot,.features,.site-footer{opacity:0;transition:opacity .24s ease 60ms}body.is-ready .title-bar,body.is-ready .game-slot,body.is-ready .features,body.is-ready .site-footer{opacity:1}.title-bar{width:100%;height:var(--title-bar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;padding:4px 16px 0;text-align:center;position:relative}.lang-switcher{position:absolute;top:6px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#15181f99;border:1px solid rgba(232,230,223,.12);border-radius:999px;color:var(--fg);font:inherit;font-size:.7rem;font-weight:500;letter-spacing:.02em;cursor:pointer;opacity:.78;transition:opacity .12s ease,background .12s ease}.lang-switcher:hover{opacity:1;background:#15181fd9}.lang-switcher__icon{width:14px;height:14px;flex-shrink:0}.lang-switcher__label{display:none}@media (min-width: 360px){.lang-switcher__label{display:inline}}.lang-list{position:absolute;top:100%;right:10px;margin:4px 0 0;padding:4px 0;min-width:160px;max-height:60vh;overflow-y:auto;list-style:none;background:var(--panel);border:1px solid rgba(232,230,223,.12);border-radius:8px;box-shadow:0 8px 32px #0000008c;z-index:10}.lang-list[hidden]{display:none}.lang-list__item{margin:0;padding:0}.lang-list__link{display:block;padding:8px 14px;color:var(--fg);text-decoration:none;font-size:.85rem;letter-spacing:.01em;opacity:.78;transition:opacity .12s ease,background .12s ease}.lang-list__link:hover{opacity:1;background:#e8e6df0f}.lang-list__item--current .lang-list__link{opacity:1;color:var(--accent)}.title-bar__name{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.92;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.title-bar__name-top{color:var(--fg);font-size:clamp(1.7rem,5vw,2.4rem);filter:url(#grunge-erode-a)}.title-bar__name-bottom{color:var(--accent);font-size:clamp(1.1rem,3.4vw,1.6rem);filter:url(#grunge-erode-b)}.svg-defs{position:absolute;width:0;height:0;pointer-events:none}.features{width:100%;height:var(--features-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:0 8px;transition:height .32s ease,opacity .24s ease 60ms}.feature{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 1 auto;min-width:0}.feature__icon{width:28px;height:28px;fill:var(--fg);opacity:.85;flex-shrink:0;transition:max-height .32s ease,opacity .22s ease,margin .32s ease;max-height:28px}.feature__label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--fg);opacity:.78;line-height:1.15}body.is-playing{--features-height: var(--features-playing-height)}body.is-playing .feature__icon{max-height:0;opacity:0;margin:0}@media (prefers-reduced-motion: reduce){.features,.feature__icon,.game-slot{transition:none}}.title-bar__tagline{margin:0;font-size:.82rem;font-weight:500;color:var(--fg);opacity:.82;letter-spacing:.01em}.game-column{display:flex;flex-direction:column;align-items:center;gap:var(--column-gap);flex-shrink:0;max-width:100vw}.game-slot{aspect-ratio:9 / 16;height:calc(100vh - var(--title-bar-height) - var(--features-height) - var(--footer-inline-height) - var(--landing-gap) - (var(--column-gap) * 2) - var(--landing-pad-bottom));height:calc(100dvh - var(--title-bar-height) - var(--features-height) - var(--footer-inline-height) - var(--landing-gap) - (var(--column-gap) * 2) - var(--landing-pad-bottom));max-width:100vw;background:var(--panel);border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #00000073;transition:height .32s ease,transform .2s ease,box-shadow .2s ease}.game-slot--idle{cursor:pointer;background-image:linear-gradient(180deg,#0b0d1226,#0b0d128c 60%,#0b0d1226),url(/preview.jpg);background-size:cover;background-position:center}.game-slot--idle:hover{box-shadow:0 14px 48px #0000008c}@keyframes play-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #d9a44140}50%{transform:scale(1.04);box-shadow:0 6px 28px #d9a44173}}.play-button{display:inline-flex;align-items:center;gap:10px;padding:14px 36px 14px 28px;font-family:inherit;font-size:1.125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease;box-shadow:0 4px 20px #d9a44140;animation:play-pulse 2.5s ease-in-out infinite}.play-button:hover:not(:disabled),.play-button:focus-visible:not(:disabled){animation:none;transform:translateY(-1px);box-shadow:0 6px 24px #d9a44166}.play-button:active:not(:disabled){animation:none;transform:translateY(0)}.play-button:disabled{animation:none;opacity:.5;cursor:default;box-shadow:none}@media (prefers-reduced-motion: reduce){.play-button{animation:none}}.play-button__icon{width:16px;height:16px;fill:var(--accent-ink);flex-shrink:0}.play-button__label{line-height:1}.unity-canvas{width:100%;height:100%;display:block;background:#000}.unity-progress{position:absolute;left:16px;right:16px;bottom:16px;height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden}.unity-progress__bar{width:0%;height:100%;background:var(--accent);transition:width .12s linear}.game-slot__error{padding:24px;color:var(--muted);text-align:center}.site-footer{width:100%;height:var(--footer-inline-height);padding:0 4px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums;flex-shrink:0}.site-footer__copy{letter-spacing:.02em}.site-footer__link{color:var(--muted);text-decoration:none;letter-spacing:.02em}.site-footer__link:hover{color:var(--fg)}