/* Hallmark · macrostructure: Workbench · theme: inherited Almanac · tone: quiet editorial · anchor hue: leaf green
 * nav: N1a Wordmark with two destinations · footer: Ft1 Mast-headed · enrichment: real gameplay captures
 * audience: Russian-speaking teens and adults · use: start playing · pre-emit critique: P5 H4 E4 S5 R5 V4 */
@import url('./tokens.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{background:var(--color-paper);color:var(--color-ink);scroll-behavior:smooth}body{font:var(--text-base)/1.65 var(--font-body);-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-weight:500;font-style:normal;line-height:1.04;letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0}h3{font-size:var(--text-lg);font-weight:550}p{max-width:60ch}img{display:block;max-width:100%;height:auto}nav,.actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}nav a,.button,.text-link,.quiet-link,.store-link{white-space:nowrap}.mast,.colophon,main>section,.document{width:min(1160px,calc(100% - 80px));margin-inline:auto}.mast{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-lg);border-bottom:1px solid var(--color-line)}.wordmark{font:500 48px/1 var(--font-display);letter-spacing:-.05em}.wordmark span{color:var(--color-accent)}.nav-play{font-size:var(--text-sm)}.preview-note{text-align:center;max-width:none;padding:var(--space-sm) var(--space-md);background:var(--color-accent-soft);color:var(--color-ink);font-size:var(--text-xs)}.skip-link{position:absolute;top:-100px;left:16px;background:var(--color-surface);padding:12px;z-index:10}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-2xl)}.hero h1{font-size:clamp(46px,4.9vw,72px);max-width:12ch}.lede{font-size:var(--text-lg);line-height:1.65;color:var(--color-muted);margin-top:var(--space-lg)}.hero .lede{max-width:31ch}.actions{margin-top:var(--space-xl);gap:var(--space-lg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-accent);color:var(--color-accent-ink);padding:14px 22px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-weight:500;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.button:hover{opacity:.9;text-decoration:none;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.text-link{color:var(--color-accent);font-size:15px;text-decoration:underline;text-underline-offset:5px}.quiet-link{display:inline-block;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-xl)}.game-capture{max-width:490px;justify-self:end}.game-capture img{border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--color-capture-shadow)}figcaption{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-md);max-width:50ch}.modes{padding-block:var(--space-2xl) 80px;border-top:1px solid var(--color-line)}h2{font-size:clamp(34px,4.1vw,54px)}.mode-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;margin-top:var(--space-2xl);max-width:920px}.mode-symbol{display:block;font:48px/1 var(--font-display);color:var(--color-accent);margin-bottom:var(--space-md)}.mode-columns p{margin-block:var(--space-md) var(--space-lg);color:var(--color-muted)}.languages,.rules,.faq{padding-block:64px;border-top:1px solid var(--color-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.languages p,.rules p{color:var(--color-muted)}.languages .actions{gap:var(--space-md)}.rules p{margin-top:var(--space-lg)}.small-copy{font-size:var(--text-sm)}.tile-guide{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-lg)}.tile-guide li{display:flex;align-items:center;gap:var(--space-lg)}.example{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-sm);font-size:28px;font-weight:550;position:relative}.example small{position:absolute;right:5px;bottom:0;font-size:12px}.correct{background:var(--color-correct);color:var(--color-correct-ink)}.present{background:var(--color-present);color:var(--color-present-ink)}.absent{background:var(--color-absent);color:var(--color-absent-ink)}details{border-bottom:1px solid var(--color-line);padding-block:var(--space-lg)}details:first-child{padding-top:0}summary{cursor:pointer;font-weight:500;list-style-position:outside;margin-left:18px;padding-left:var(--space-sm)}details p{color:var(--color-muted);margin-top:var(--space-md)}.last-word{padding-block:72px 80px;border-top:1px solid var(--color-line)}.last-word h2{max-width:18ch}.last-word p{margin-block:var(--space-lg) var(--space-xl);color:var(--color-muted)}.store-link{padding:12px 18px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm)}.colophon{padding-block:var(--space-xl);border-top:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.colophon .wordmark{font-size:36px}.colophon nav,.colophon p{font-size:var(--text-xs)}.colophon p{color:var(--color-muted)}.document{max-width:760px;padding-block:64px 80px}.document h1{font-size:clamp(44px,6vw,64px)}.document section{margin-top:var(--space-xl)}.document h2{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:0;font-weight:550;line-height:1.4}.document p{margin-top:var(--space-md);color:var(--color-muted)}.document p a,.policy-links a{text-decoration:underline;text-underline-offset:4px}.document .button{margin-top:var(--space-xl)}.hero-copy{animation:arrive var(--dur-long) var(--ease-out) both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.mast,.colophon,main>section,.document{width:calc(100% - 48px)}.hero{gap:var(--space-lg)}.hero h1{font-size:clamp(40px,5.6vw,55px)}.hero .actions{align-items:flex-start;flex-direction:column}.languages,.rules,.faq,.mode-columns{gap:var(--space-xl)}}
@media(max-width:620px){.mast,.colophon,main>section,.document{width:calc(100% - 40px)}.mast{padding-block:20px}.wordmark{font-size:38px}.mast nav{gap:var(--space-md)}.nav-play{display:none}.hero{grid-template-columns:minmax(0,1fr);padding-block:var(--space-xl) var(--space-2xl);gap:var(--space-xl)}.hero h1{font-size:clamp(42px,11vw,64px);max-width:14ch}.hero .lede{font-size:17px;margin-top:var(--space-md)}.hero .actions{flex-direction:row;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.hero .text-link{font-size:14px}.quiet-link{margin-top:var(--space-lg)}.game-capture{max-width:380px;width:100%;justify-self:center}.game-capture img{width:100%}.mode-columns{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);margin-top:var(--space-xl)}.modes{padding-block:var(--space-2xl)}.languages,.rules,.faq{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-2xl)}h2{font-size:38px}.last-word{padding-block:var(--space-2xl)}.colophon{align-items:flex-start;flex-direction:column}.colophon nav{gap:var(--space-md);font-size:12px}.document{padding-block:var(--space-xl)}.preview-note{font-size:11px}.tile-guide li{font-size:14px}.example{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}