@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-normal-latin.woff2) format("woff2")}
/* Bring Milo Home (site/game.js), his ask 2026-10-09.
   Self-contained: the home page, the sub-pages and /play all link this one file, and the
   sub-pages do not share the home page's tokens, so every color and the button live here. */
.game{--g-green:#173F35;--g-green-hi:#1F4D41;--g-cream:#F7F3EA;--g-night:#0E211C;--g-brass:#D89B38;--g-ease:cubic-bezier(.16,1,.3,1);
  padding-block:72px 80px;background:var(--g-night);color:var(--g-cream);scroll-margin-top:76px;
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;font-weight:400;font-synthesis:none;font-variant-ligatures:no-common-ligatures}
.game,.game *,.game *::before,.game *::after,.play-page *,.play-page *::before,.play-page *::after{box-sizing:border-box}
.game__wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.game__head{max-width:640px}
.game__label{display:block;margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-brass)}
.game h2{margin:0;font-family:inherit;font-size:clamp(32px,3.8vw,52px);font-weight:400;letter-spacing:-.015em;line-height:1.04;color:var(--g-cream);text-wrap:balance}
.game__lead{margin:16px 0 0;font-size:18px;line-height:1.5;color:rgba(247,243,234,.8);max-width:52ch}
.game__keys{display:none}
.game--keys .game__keys{display:inline}
.game__stage{position:relative;margin-top:32px;border-radius:16px;overflow:hidden;aspect-ratio:1/.84;max-height:78svh;background:#E6DDC9;box-shadow:0 0 0 1px rgba(247,243,234,.12)}
.game__cv{display:block;width:100%;height:100%;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;cursor:pointer}
.game__ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:rgba(14,33,28,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.game__ov[hidden]{display:none}
.game__ov b{font-weight:400;font-size:34px;line-height:1.05;color:var(--g-cream)}
.game__ov p{max-width:34ch;margin:0;color:rgba(247,243,234,.88);font-size:17px;line-height:1.45}
.game__ov--end{background:rgba(14,33,28,.8)}
.game__score{font-size:20px !important;color:var(--g-cream) !important}
.game__best{font-size:15px !important;color:var(--g-brass) !important}
.game__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.gbtn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:12px;font:400 17px/1 'Inter',ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color .2s var(--g-ease),transform .2s var(--g-ease)}
.gbtn:hover{transform:translateY(-2px)}
.gbtn:active{transform:translateY(0) scale(.98)}
.gbtn:focus-visible{outline:2px solid var(--g-brass);outline-offset:3px}
.gbtn--green{background:var(--g-green);color:var(--g-cream);box-shadow:inset 0 0 0 1px rgba(247,243,234,.25)}
.gbtn--green:hover{background:var(--g-green-hi)}
.gbtn--cream{background:var(--g-cream);color:var(--g-green)}
.gbtn--cream:hover{background:#fff}
@media (max-width:767px){.game__stage{transition:aspect-ratio .3s var(--g-ease)}.game__stage.is-over{aspect-ratio:1/1.2;max-height:none}
  .game__ov{gap:8px;padding:18px}.game__ov b{font-size:28px}.game__ov p{font-size:15.5px}.game__score{font-size:17px !important}
  .game__btns .gbtn{min-height:46px;padding:0 18px;font-size:15px}}
@media (min-width:768px){.game{padding-block:110px 120px}.game__stage{aspect-ratio:2.2/1;max-height:520px}.game__ov b{font-size:44px}}
@media (prefers-reduced-motion:reduce){.gbtn,.game__stage{transition:none}.gbtn:hover{transform:none}}

/* /play: the standalone game page, also what the site shows when there is no internet */
.play-page{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:#0E211C}
.play-top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;width:100%;margin:0 auto;padding:18px 20px}
.play-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.play-brand img{display:block;width:auto;height:40px}
.play-brand img+img{height:26px}
.play-top a{display:inline-flex;align-items:center;min-height:44px;color:#F7F3EA;font:400 16px/1 'Inter',ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;text-underline-offset:4px}
.play-page .game{flex:1;padding-block:24px 56px}
@media (min-width:768px){.play-page .game{padding-block:40px 80px}}