.game{width:min(100%,58rem);margin:0 auto}.game-header{margin:var(--space-6) auto var(--space-8);text-align:center}.quiz-index-link{display:inline-block;margin-bottom:var(--space-3);color:var(--color-muted);font-size:var(--font-size-label);font-weight:700;text-decoration:none}.quiz-index-link:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:.2em}.app-kicker{margin:0 0 var(--space-2);color:var(--color-accent);font-size:var(--font-size-caption);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.app-title{margin:0;color:var(--color-primary);font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:400;line-height:1.2}.app-instruction{max-width:36rem;margin:var(--space-3) auto 0;color:var(--color-primary);font-family:var(--font-family-heading);font-size:var(--font-size-copy);font-style:italic;line-height:1.6}.game-toolbar{margin-top:var(--space-6)}.score-summary{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}.score-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0}.score-item{display:grid;gap:var(--space-1);padding-inline:var(--space-2);text-align:center}.score-item+.score-item{border-left:1px solid var(--color-border)}.score-item dt{color:var(--color-muted);font-size:var(--font-size-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.score-item dd{margin:0;color:var(--color-primary);font-family:var(--font-family-serif);font-size:var(--font-size-subheading);font-weight:700}.question-card{position:relative;overflow:hidden;padding:clamp(1.5rem,5vw,3.25rem);border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-control);box-shadow:var(--shadow-card)}.question-card:before{position:absolute;inset:0 0 auto;height:4px;content:""}.question-label{width:fit-content;margin:0 auto var(--space-5);padding:.35rem .75rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-label);font-weight:700;letter-spacing:.04em}.question-label--spacer{visibility:hidden;-webkit-user-select:none;user-select:none}.question-heading{margin:0 0 var(--space-3);color:var(--color-muted);font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:500;text-align:center}.question-prompt{margin:0;font-size:var(--font-size-hebrew);font-weight:600;line-height:1.15;text-align:center}.question-prompt[lang=he]{font-family:var(--font-family-hebrew)}.question-transliteration{min-height:1.6rem;margin:var(--space-2) 0 var(--space-5);color:var(--color-muted);font-size:var(--font-size-copy);text-align:center}.answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.answer-button{min-height:3.5rem;padding:.85rem var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--font-size-body);font-weight:600;text-align:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.answer-button [lang=he]{font-family:var(--font-family-hebrew);font-size:var(--font-size-subheading)}.answer-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-control);box-shadow:0 5px 12px var(--color-shadow);transform:translateY(-2px)}.answer-button:disabled{cursor:not-allowed;opacity:.72}.answer-button--selected{border-width:2px;opacity:1!important}.answer-button--correct{border-color:var(--color-correct);background:var(--color-correct-soft);color:var(--color-correct);font-weight:700}.answer-button--incorrect{border-color:var(--color-incorrect);background:var(--color-incorrect-soft);color:var(--color-incorrect);font-weight:700}.answer-status{display:block;margin-top:var(--space-1);font-size:var(--font-size-label)}.question-feedback{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-medium);text-align:center}.question-feedback--correct{border-color:var(--color-correct);background:var(--color-correct-soft);color:var(--color-correct)}.question-feedback--incorrect{border-color:var(--color-incorrect);background:var(--color-incorrect-soft);color:var(--color-incorrect)}.feedback-text{margin:0;font-size:var(--font-size-body)}.next-action{display:flex;justify-content:flex-end}.next-button{margin-top:var(--space-4);padding:.8rem 1rem .8rem 1.25rem;border:1px solid var(--color-primary);border-radius:var(--radius-medium);background:var(--color-primary);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:700;transition:background-color .16s ease,transform .16s ease}.next-button:hover{background:var(--color-dark);transform:translateY(-1px)}.keyboard-hint{margin-left:var(--space-3);padding:.2rem .45rem;border:1px solid rgb(255 255 255 / 35%);border-radius:.25rem;color:#fffc;font-size:var(--font-size-caption);font-weight:500}@media (max-width: 48rem){.score-list{grid-template-columns:repeat(2,1fr);gap:var(--space-3) var(--space-2)}.score-item{border-left:none!important}}@media (max-width: 40rem){.game-header{margin-block:var(--space-5)}.question-card{padding:var(--space-4)}.answer-list{grid-template-columns:1fr}.keyboard-hint{display:none}}:root{--primary-dark: #2F3842;--primary-medium: #317197;--primary-light: #B54545;--background-light: #f5f5f5;--background-cream: #fafafa;--text-dark: #2F3842;--accent-warm: #F7DA90;--white: #ffffff;--shadow-light: rgba(47, 56, 66, .1);--shadow-medium: rgba(47, 56, 66, .2)}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Calibri,Arial,sans-serif;background-color:#317197;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#2e3842;height:56px}.site-header>h1{font-family:Rokkitt,serif;font-size:250%;margin:0;line-height:56px;text-align:center}.site-header>h1>a{color:#000;text-decoration:none}.site-header>h1>a>span:first-child{color:#fff}.site-header>h1>a>span:nth-child(2){color:#a6a9ad}#root{display:contents}.container{max-width:1300px;width:90%;min-height:100vh;background-color:#fff;-webkit-box-shadow:2px 10px 29px 0px rgba(0,0,0,.75);-moz-box-shadow:2px 10px 29px 0px rgba(0,0,0,.75);box-shadow:2px 10px 29px #000000bf;padding:20px;margin:56px auto 0}.content-inner{max-width:900px;margin:0 auto;padding:40px 20px}h2{font-family:"Hedvig Letters Serif",serif;font-size:32px;text-decoration:none;color:#1682b6;padding:0;margin-top:30px;margin-bottom:20px;display:block;text-align:center}h3{font-family:Merriweather,serif;color:var(--primary-dark);font-size:1.5rem;font-weight:700;margin-bottom:15px;margin-top:20px}p{font-family:"Hedvig Letters Serif",serif;font-size:1.1rem;line-height:1.6em}.subtitle{color:var(--primary-medium);font-size:1.2rem;font-weight:300;font-style:italic;text-align:center;margin-bottom:30px;font-family:"Hedvig Letters Serif",serif}.section-divider{border:none;border-top:2px solid #e0e6ed;margin:25px auto;width:60%}.site-footer{margin-top:60px;padding:30px 0;text-align:center}.site-footer .logo{display:block;margin:0 auto;background:url(https://ectypal.net/_/images/ectypallogo.svg) no-repeat center center;background-size:60px 100px;width:60px;height:100px}@media only screen and (max-width: 768px){.container{width:100%;padding:5px;box-shadow:none;border-radius:0}.content-inner{padding:15px 5px}.site-header>h1{font-size:200%}}@media only screen and (max-width: 600px){h2{font-size:24px}h3{font-size:1.2rem}}:root{--font-family-body: Calibri, Arial, sans-serif;--font-family-heading: "Hedvig Letters Serif", Georgia, serif;--font-family-serif: "Merriweather", Georgia, serif;--font-family-logo: "Rokkitt", Georgia, serif;--font-family-hebrew: "Noto Serif Hebrew", "Times New Roman", serif;--font-size-caption: .75rem;--font-size-label: .875rem;--font-size-body: 1rem;--font-size-copy: 1.1rem;--font-size-subheading: 1.25rem;--font-size-heading: clamp(1.5rem, 4vw, 2rem);--font-size-logo: clamp(1.575rem, 4.375vw, 2.625rem);--font-size-hebrew: clamp(3rem, 8vw, 5rem);--color-page: #ffffff;--color-canvas: #317197;--color-header: #2e3842;--color-dark: #2f3842;--color-primary: #317197;--color-primary-soft: #e8f4f8;--color-accent: #b54545;--color-warm: #f7da90;--color-surface: #f8f9fa;--color-text: #2f3842;--color-muted: #66727c;--color-border: #dce2e7;--color-correct: #267047;--color-correct-soft: #edf8f1;--color-incorrect: #a33b3b;--color-incorrect-soft: #fdf0f0;--color-focus: #1682b6;--color-control: #ffffff;--color-shadow: rgb(47 56 66 / 14%);--shadow-card: 0 8px 24px rgb(47 56 66 / 12%);--shadow-page: 2px 10px 29px rgb(0 0 0 / 55%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-small: .3rem;--radius-medium: .5rem;--radius-large: .75rem;text-rendering:optimizeLegibility}button,select{font:inherit}button:focus-visible,select:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}