:root{font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;color:#263238;background:#fff9ee;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #263238;--muted: #687578;--surface: #ffffff;--line: #e7dfd1;--coral: #eb765f;--coral-dark: #c9503f;--blue: #5d92c9;--blue-soft: #eaf4fc;--yellow-soft: #fff1b8;--green: #4d9c78;--green-soft: #e5f5ec;--red: #cf665c;--red-soft: #fff0ed}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;width:min(100% - 32px,960px);height:72px;margin:0 auto;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--ink);font-size:1.1rem;font-weight:800;text-decoration:none}.brand-mark,.results-icon{display:grid;color:var(--coral-dark);background:var(--yellow-soft);place-items:center}.brand-mark{width:38px;height:38px;border-radius:8px}.icon-button{display:grid;width:42px;height:42px;padding:0;color:var(--muted);cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:8px;place-items:center}.icon-button:hover{color:var(--coral-dark);background:var(--surface)}.game-layout{width:min(100% - 32px,760px);padding:28px 0 48px;margin:0 auto}.game-progress{margin-bottom:34px}.progress-copy{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:.875rem;font-weight:700}.progress-track{height:8px;overflow:hidden;background:#eee6d9;border-radius:4px}.progress-fill{display:block;height:100%;background:var(--coral);border-radius:inherit;transition:width .24s ease}.question-section{text-align:center}.eyebrow{margin:0 0 5px;color:var(--coral-dark);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{margin:0 0 24px;font-size:clamp(1.55rem,4vw,2rem);line-height:1.2}.picture-card{overflow:hidden;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:8px}.question-card{width:min(100%,230px);margin:0 auto;border-color:#d7cbbb;box-shadow:0 8px #eadfce}.picture-frame{display:grid;width:100%;aspect-ratio:1;overflow:hidden;background:var(--blue-soft);place-items:center}.picture-card:nth-child(2) .picture-frame{background:var(--yellow-soft)}.picture-card:nth-child(3) .picture-frame{background:var(--green-soft)}.picture-frame img{width:100%;height:100%;object-fit:cover}.fallback-picture{font-size:clamp(4.6rem,13vw,7.2rem);line-height:1;filter:drop-shadow(0 5px 2px rgb(38 50 56 / 10%))}.picture-label{display:block;padding:11px 8px 12px;margin:0;font-size:1.05rem;font-weight:800;text-align:center}.answers-section{margin-top:34px}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.answer-card{min-width:0;padding:0;cursor:pointer;box-shadow:0 4px #e6ddcf;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.answer-card:hover:not(:disabled),.answer-card:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 4px #bcd3e9;transform:translateY(-2px)}.answer-card:disabled{cursor:default}.answer-card.is-correct{background:var(--green-soft);border-color:var(--green);box-shadow:0 4px #b8ddc9}.answer-card.is-wrong{background:var(--red-soft);border-color:var(--red);box-shadow:0 4px #edc0bb}.feedback-panel{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px;margin-top:26px;background:var(--green-soft);border:1px solid #b8ddc9;border-radius:8px}.feedback-panel.is-try-again{background:var(--red-soft);border-color:#edc0bb}.feedback-panel strong,.feedback-panel span{display:block}.feedback-panel strong{margin-bottom:2px;font-size:1.05rem}.feedback-panel span{color:var(--muted);font-size:.9rem}.primary-button{display:inline-flex;flex:0 0 auto;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;color:#fff;font-weight:800;cursor:pointer;background:var(--coral-dark);border:0;border-radius:8px}.primary-button:hover{background:#aa4033}.results-panel{max-width:480px;padding:48px 28px;margin:50px auto 0;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px #eadfce}.results-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:8px}.results-panel h1{margin-bottom:18px}.results-panel>p:not(.eyebrow,.result-score){color:var(--muted)}.result-score{margin:0;color:var(--coral-dark);font-size:3.75rem;font-weight:800;line-height:1}.result-score span{color:var(--muted);font-size:1rem}.results-panel .primary-button{margin-top:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.app-header,.game-layout{width:min(100% - 24px,760px)}.game-layout{padding-top:22px}.game-progress{margin-bottom:26px}.question-card{width:190px}.answer-grid{gap:9px}.answer-card .picture-label{padding:9px 4px 10px;font-size:.92rem}.answer-card .fallback-picture{font-size:clamp(3.1rem,15vw,4.6rem)}.feedback-panel{align-items:stretch;flex-direction:column}.primary-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}