:root{--paper: #f4efe4;--paper-2: #ebe3d2;--paper-3: #ddd2bc;--field: #fffcf5;--ink: #1f1c18;--ink-2: #474137;--ink-3: #6f675a;--rule: #1f1c18;--red: #c8302a;--red-text: #a8261f;--yellow: #f2c62b;--focus: #2457c5;--foot-bg: #1f1c18;--foot-fg: #e9e2d3;--foot-dim: #a99f8e;--display: Bahnschrift,'DIN Condensed','DIN Alternate','Roboto Condensed','Arial Narrow',sans-serif;--sans: system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--gutter: 16px;color-scheme: light dark}@media (prefers-color-scheme: dark){:root{--paper: #171512;--paper-2: #211e1a;--paper-3: #2d2924;--field: #0f0e0c;--ink: #eee7d8;--ink-2: #cdc4b3;--ink-3: #a1978a;--rule: #eee7d8;--red-text: #ff8b7b;--focus: #8fb0ff;--foot-bg: #0d0c0a}}@media (min-width: 768px){:root{--gutter: 28px}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{display: flex;flex-direction: column;min-height: 100vh;margin: 0;background: var(--paper);color: var(--ink);font: 400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing: antialiased}svg{display: block}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 0.2em}a:hover{color: var(--red-text);text-decoration-thickness: 2px}:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px}h1,h2,h3,h4{font-family: var(--display);font-weight: 700;font-stretch: 87.5%;line-height: 1.04;margin: 0 0 0.45em;text-wrap: balance}h1{font-size: clamp(2.5rem,1.6rem + 3.8vw,4.6rem);letter-spacing: -0.015em}h2{font-size: clamp(1.55rem,1.25rem + 1.1vw,2.1rem)}h3{font-size: 1.25rem}h4{font-size: 1.1rem}p,ul,ol{margin: 0 0 1em}.wrap{width: 100%;max-width: 1160px;margin-inline: auto;padding-inline: var(--gutter)}.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 8px;top: -80px;z-index: 20;padding: 10px 14px;background: var(--ink);color: var(--paper)}.skip:focus{top: 8px}.masthead{border-bottom: 3px solid var(--rule)}.masthead-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 4px 24px;padding-block: 10px}.brand{display: inline-flex;align-items: center;gap: 8px;text-decoration: none}.brand:hover{color: inherit}.brand-mark{width: 36px;height: 36px;transition: transform 0.2s}.brand:hover .brand-mark{transform: rotate(-8deg)}.brand-word{font: 700 1.55rem/1 var(--display);font-stretch: 87.5%;letter-spacing: -0.01em}.brand-tld{color: var(--red-text)}.nav{display: flex;flex-wrap: wrap;gap: 0 20px}.nav a{padding: 8px 0 5px;border-bottom: 3px solid transparent;font: 600 1.08rem/1 var(--display);font-stretch: 87.5%;text-decoration: none}.nav a:hover{border-color: var(--yellow);color: inherit}.nav a[aria-current='page']{border-color: var(--red)}@media (max-width: 540px){.brand-word{font-size: 1.35rem}.nav{width: 100%;gap: 0 18px}}.crumbs ol{display: flex;flex-wrap: wrap;gap: 2px 0;margin: 10px 0 0;padding: 0;list-style: none;font-size: 0.9rem;color: var(--ink-3)}.crumbs li + li::before{content: '/';margin: 0 8px;color: var(--ink-3)}.crumbs a{color: var(--ink-2)}.hero{padding-block: clamp(28px,5vw,64px) clamp(14px,2.5vw,28px)}.hero-tight{padding-top: clamp(16px,3vw,32px)}.hero h1{max-width: 21ch}.lead{max-width: 50ch;color: var(--ink-2);font-size: clamp(1.1rem,1rem + 0.4vw,1.3rem);line-height: 1.5}.section-h{margin-top: 0;padding-top: 12px;border-top: 3px solid var(--rule)}section + section{margin-top: clamp(36px,6vw,72px)}.hero + section{margin-top: clamp(4px,1.5vw,16px)}main{flex: 1}.prose{max-width: 68ch}.prose h2,.prose h3,.prose h4{margin-top: 1.4em}.prose h2:first-child,.prose h3:first-child{margin-top: 0}.prose li + li{margin-top: 0.35em}.arrow-link{display: inline-flex;align-items: center;gap: 8px;font: 700 1.1rem/1 var(--display);font-stretch: 87.5%;text-decoration: none;border-bottom: 3px solid var(--yellow);padding-bottom: 4px}.arrow-link::after{content: '→'}.cabinets{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: 30px 20px;margin: 0;padding: 0;list-style: none}.cabinets-small{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 18px 14px}.cabinet{--cab: #b3261e;--plate: #f6e7bf;display: flex;flex-direction: column;padding: 10px 10px 12px;border-radius: 28px 28px 8px 8px;background: linear-gradient(180deg,color-mix(in srgb,var(--cab) 80%,white),var(--cab) 22%,var(--cab) 75%,color-mix(in srgb,var(--cab) 72%,black));box-shadow: inset 0 2px 0 rgb(255 255 255 / 0.28),inset 0 -8px 0 rgb(0 0 0 / 0.2),0 14px 18px -14px rgb(0 0 0 / 0.75);color: var(--plate);text-decoration: none;transition: transform 0.12s}.cabinet:hover{color: var(--plate)}.cabinet:active{transform: translateY(2px)}.cabinet-top{padding: 7px 8px;border: 2px solid #221f1a;border-radius: 20px 20px 4px 4px;background: var(--plate);color: #221f1a;text-align: center}.cabinet-name{margin: 0;font-size: 1.3rem;letter-spacing: 0.05em;text-transform: uppercase}.cabinets-small .cabinet-name{font-size: 1.05rem}.cabinet-window{display: grid;place-items: center;margin-top: 10px;aspect-ratio: 3 / 2;overflow: hidden;border: 3px solid #2a2622;border-radius: 6px;background: #fbf6ea;box-shadow: inset 0 9px 9px -7px rgb(0 0 0 / 0.5),inset 0 -9px 9px -7px rgb(0 0 0 / 0.5)}.mini-reels,.mini-grid{display: grid;width: 100%;height: 100%}.mini-reels{grid-template-columns: repeat(3,1fr)}.mini-reel{display: grid;place-items: center;border-left: 2px solid rgb(0 0 0 / 0.14)}.mini-reel:first-child{border-left: 0}.mini-reel svg{width: 80%}.mini-grid{grid-template-columns: repeat(3,1fr);padding: 4px 18%}.mini-cell{display: grid;place-items: center}.mini-cell svg{width: 92%}.mini-pajatso{width: 100%;height: 100%}.cabinet-base{margin-top: 9px;font: 600 0.82rem/1.1 var(--display);letter-spacing: 0.08em;text-align: center;text-transform: uppercase}.cabinet:hover .mini-reel svg,.cabinet:focus-visible .mini-reel svg{animation: nudge 0.45s ease-in-out}.cabinet:hover .mini-reel:nth-child(2) svg{animation-delay: 0.06s}.cabinet:hover .mini-reel:nth-child(3) svg{animation-delay: 0.12s}@keyframes nudge{40%{transform: translateY(-14%)}70%{transform: translateY(5%)}}.cabinet-caption{margin: 10px 2px 0;color: var(--ink-2);font-size: 0.95rem;line-height: 1.45}.cabinet-figures{display: block;margin-top: 3px;color: var(--ink-3);font-size: 0.85rem;font-variant-numeric: tabular-nums}.t-tuplaseiska{--cab: #b3261e;--plate: #f6e7bf}.t-tulikuuma{--cab: #2a2420;--plate: #f29a2e}.t-marjamyrsky{--cab: #24553a;--plate: #f1e7c9}.t-messinki{--cab: #16474b;--plate: #d9b45c}.t-kirjokansi{--cab: #1f2c55;--plate: #e9c46a}.intro{display: grid;gap: 28px 56px}.intro-figures{align-self: start;padding: 18px 20px 22px;border: 2px solid var(--rule);background: var(--paper-2)}.intro-figures h2{font-size: 1.5rem}@media (min-width: 900px){.intro{grid-template-columns: minmax(0,1.6fr) minmax(260px,1fr)}}.intro-more{margin-top: 12px}.faq details{max-width: 820px}.faq details{border-bottom: 1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.faq summary{position: relative;padding: 16px 40px 16px 0;font: 700 1.2rem/1.25 var(--display);font-stretch: 87.5%;list-style: none;cursor: pointer}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: '+';position: absolute;right: 4px;top: 50%;translate: 0 -50%;font: 400 1.7rem/1 var(--display);color: var(--red-text)}.faq details[open] summary::after{content: '−'}.faq details p{max-width: 64ch;margin: -4px 0 18px;color: var(--ink-2)}.game{display: grid;grid-template-columns: minmax(0,1fr);grid-template-areas: 'title' 'stage' 'lead' 'specs';gap: 14px 36px;margin-top: 8px}.game-title{grid-area: title;margin: 0;font-size: clamp(2.1rem,1.5rem + 2vw,3rem)}.game-lead{grid-area: lead;margin: 6px 0 0}.game-stage{grid-area: stage;min-width: 0}.specs{grid-area: specs;padding: 16px 18px 10px;border: 2px solid var(--rule);background: var(--paper-2)}@media (min-width: 1040px){.game{grid-template-columns: minmax(0,1fr) 320px;grid-template-rows: auto auto 1fr;grid-template-areas: 'title title' 'stage lead' 'stage specs';align-items: start}.game-lead{margin-top: 0;font-size: 1.08rem}}.specs-h{margin-bottom: 6px;font-size: 1rem;letter-spacing: 0.1em;text-transform: uppercase}.specs dl{margin: 0}.specs dl > div{display: grid;grid-template-columns: 8.5em minmax(0,1fr);gap: 10px;padding: 9px 0;border-top: 1px dashed color-mix(in srgb,var(--ink) 35%,transparent)}.specs dt{color: var(--ink-3);font-size: 0.92rem}.specs dt a{color: inherit}.specs dd{margin: 0;font-weight: 600;font-variant-numeric: tabular-nums}.specs dd small{display: block;color: var(--ink-3);font-size: 0.85rem;font-weight: 400}.tags{display: flex;flex-wrap: wrap;gap: 6px}.tags a{padding: 2px 8px;border: 1.5px solid var(--rule);border-radius: 999px;font-size: 0.85rem;font-weight: 600;text-decoration: none}.guide{display: grid;gap: 24px 56px}@media (min-width: 900px){.guide{grid-template-columns: minmax(0,1.2fr) minmax(0,1fr)}}.steps{counter-reset: step;margin: 0;padding: 0;list-style: none}.steps li{counter-increment: step;position: relative;padding: 12px 0 12px 52px;border-top: 1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.steps li::before{content: counter(step);position: absolute;left: 0;top: 8px;font: 700 2rem/1 var(--display);color: var(--red-text)}.notes h3{margin-top: 1.2em}.notes h3:first-child{margin-top: 0}.notes p{color: var(--ink-2)}.pt-wrap{overflow-x: auto;margin-bottom: 28px}.paytable,.figures{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums}.paytable caption,.figures caption{padding-bottom: 10px;color: var(--ink-3);font-size: 0.92rem;text-align: left}.paytable th,.paytable td,.figures th,.figures td{padding: 8px 12px;border-bottom: 1px solid color-mix(in srgb,var(--ink) 22%,transparent);text-align: right}.paytable thead th,.figures thead th{border-bottom: 2px solid var(--rule);font: 700 0.95rem/1.2 var(--display);letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.paytable th[scope='row'],.paytable .pt-first,.figures th[scope='row'],.figures thead th:first-child{text-align: left}.paytable td{font-weight: 600}.pt-sym{display: flex;align-items: center;gap: 10px;font-weight: 600;white-space: nowrap}.pt-sym svg{flex: none;width: 42px;height: 42px}.figures{min-width: 720px}.figures th,.figures td{text-align: left;vertical-align: top}.figures th[scope='row'] a{font: 700 1.15rem/1.2 var(--display);font-stretch: 87.5%}.figures .num{font-weight: 700}.figures .sub{display: block;color: var(--ink-3);font-size: 0.85rem;font-weight: 400}.method{margin-top: 8px}.glossary{margin: 0;max-width: 900px}.glossary > div{display: grid;gap: 4px 32px;padding: 16px 0;border-top: 1px solid color-mix(in srgb,var(--ink) 25%,transparent);scroll-margin-top: 16px}.glossary > div:target{background: color-mix(in srgb,var(--yellow) 22%,transparent);box-shadow: -10px 0 0 color-mix(in srgb,var(--yellow) 22%,transparent),10px 0 0 color-mix(in srgb,var(--yellow) 22%,transparent)}.glossary dt{font: 700 1.2rem/1.25 var(--display);font-stretch: 87.5%}.glossary dd{margin: 0;max-width: 62ch;color: var(--ink-2)}@media (min-width: 760px){.glossary > div{grid-template-columns: 15em minmax(0,1fr)}}.prose-page{padding-bottom: 8px}.lost-links{display: flex;flex-wrap: wrap;gap: 10px 22px;padding: 0;list-style: none;font: 700 1.2rem/1 var(--display)}.contact-form{display: grid;gap: 20px;max-width: 34rem}.field{display: grid;gap: 6px}.field label{font: 700 1.15rem/1.2 var(--display);font-stretch: 87.5%}.field-note{color: var(--ink-3);font: 400 0.9rem/1 var(--sans)}.field input,.field textarea{width: 100%;padding: 10px 12px;border: 2px solid var(--rule);border-radius: 4px;background: var(--field);color: var(--ink);font: inherit}.field textarea{min-height: 10em;resize: vertical}.check{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 12px;align-items: start}.check input{width: 22px;height: 22px;margin: 2px 0 0;accent-color: var(--red)}.form-note{margin: -8px 0 0;color: var(--ink-2);font-size: 0.95rem}.form-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px}.btn{min-height: 52px;padding: 0 32px;border: 2px solid #221f1a;border-radius: 10px;background: var(--yellow);box-shadow: 0 4px 0 #b08a12,0 5px 0 #221f1a;color: #221f1a;font: 700 1.2rem/1 var(--display);font-stretch: 87.5%;letter-spacing: 0.06em;text-transform: uppercase;cursor: pointer;transition: transform 0.06s,box-shadow 0.06s,background-color 0.15s}.btn:hover:not(:disabled){background: color-mix(in srgb,var(--yellow) 85%,white)}.btn:active:not(:disabled){transform: translateY(3px);box-shadow: 0 1px 0 #b08a12,0 2px 0 #221f1a}.btn:disabled{cursor: progress;opacity: 0.6}.form-status{margin: 0;font-weight: 600}.form-status[data-state='error']{color: var(--red-text)}.hp-field{position: absolute;left: -10000px;width: 1px;height: 1px;opacity: 0}.colophon{margin-top: clamp(56px,8vw,96px);padding-block: 40px 22px;background: var(--foot-bg);color: var(--foot-fg);font-size: 0.95rem}.colophon a{color: var(--foot-fg)}.colophon a:hover{color: var(--yellow)}.colophon-grid{display: grid;gap: 28px 40px}@media (min-width: 760px){.colophon-grid{grid-template-columns: 1.4fr 0.8fr 0.9fr 1.3fr}}.colophon-brand{font: 700 1.4rem/1 var(--display);font-stretch: 87.5%}.colophon-about p:last-child{color: var(--foot-dim)}.colophon-h{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;font: 700 1rem/1 var(--display);letter-spacing: 0.08em;text-transform: uppercase}.colophon ul{margin: 0;padding: 0;list-style: none}.colophon li + li{margin-top: 6px}.age{display: inline-grid;place-items: center;width: 2.2em;height: 2.2em;border: 2px solid var(--foot-fg);border-radius: 50%;font-size: 0.8rem;letter-spacing: 0}.colophon-base{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 4px 24px;margin-top: 32px;padding-top: 16px;border-top: 1px solid rgb(255 255 255 / 0.18);color: var(--foot-dim);font-size: 0.85rem}.colophon-base p{margin: 0}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}.line-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(92px,1fr));gap: 12px 14px;margin: 0;padding: 0;list-style: none}.line-list li{display: flex;align-items: center;gap: 7px}.line-no{flex: none;width: 22px;border-radius: 4px;background: var(--c);color: #221f1a;font: 700 0.78rem/18px var(--display);text-align: center}.line-list svg{width: 100%;max-width: 72px;height: auto}.line-list rect{fill: color-mix(in srgb,var(--ink) 9%,transparent)}.line-list rect.on{fill: var(--c)}.line-list polyline{fill: none;stroke: var(--ink);stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round}.lines-h{margin-top: 8px}.line-list-page{max-width: 760px}