:root{color-scheme:light;--bg:#f6f5f0;--ink:#272c30;--muted:#73776f;--green:#38664b;--purple:#7553a0;font-family:'Segoe UI',system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink)}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--purple)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:4px}header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-size:28px;font-weight:750;letter-spacing:-1.5px;text-decoration:none;color:var(--ink)}.logo span{color:var(--green)}.header-actions{display:flex;align-items:center;gap:22px}select{border:0;background:transparent;color:var(--ink);font-size:13px;padding:8px;max-width:120px}.icon-button{border:0;background:none;font-size:20px;color:var(--ink);width:40px;height:40px}#scoreWrap{font-size:12px;color:var(--muted);white-space:nowrap}#score{font-size:19px;color:var(--ink);margin-left:6px;font-variant-numeric:tabular-nums}main{max-width:1240px;padding:0 24px 24px;margin:auto}#welcome{min-height:calc(100svh - 110px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 80px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(66px,10vw,118px);line-height:.98;letter-spacing:-6px;font-weight:600;margin:26px 0}h1 em{font-style:normal;color:var(--green)}#intro{color:var(--muted);font-size:17px;margin:0 0 30px}.primary{border:0;border-radius:14px;background:var(--green);color:white;font-weight:600;padding:17px 30px;min-width:180px;min-height:54px}.primary:hover{background:#2b533c}#game{max-width:1120px;margin:auto}.image-frame{height:calc(100svh - 190px);min-height:260px;max-height:850px;width:100%;padding:12px;border:0;border-radius:20px;background:#eaece6;display:flex;align-items:center;justify-content:center;cursor:zoom-in;overflow:hidden}.image-frame img{width:100%;height:100%;object-fit:contain;display:block}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:18px auto 0}.answer{min-height:62px;border-radius:14px;font-size:19px;font-weight:600;border:1px solid transparent;padding:15px}.human{background:#dfeadb;color:#315e40;border-color:#c3d3bd}.ai{background:#e9def4;color:#694797;border-color:#d7c4e7}.human:hover:not(:disabled){background:#d1e2cc}.ai:hover:not(:disabled){background:#deceed}#imageStatus{font-size:13px;text-align:center;color:var(--muted);margin:8px 0}#imageStatus:empty{display:none}#result{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:760px;margin:10px auto 0}.feedback{display:flex;flex-direction:column;gap:7px}.feedback strong{font-size:16px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:3px}#skip{display:block;margin:12px auto}dialog{background:var(--bg);color:var(--ink);border:0;border-radius:20px;max-width:560px;width:calc(100% - 32px);max-height:85svh;padding:32px;box-shadow:0 25px 90px #0002}dialog::backdrop{background:#202a3866;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin:0 28px 20px 0;letter-spacing:-.7px}dialog h3{font-size:18px}dialog p{font-size:14px;line-height:1.7}dialog .close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:var(--ink)}.menu-stats{display:flex;gap:30px;border-bottom:1px solid #d9dcd2;padding-bottom:20px}.menu-stats span{font-size:12px;color:var(--muted)}.menu-stats b{display:block;font-size:24px;color:var(--ink);margin-top:4px}.menu-links{display:flex;flex-direction:column;gap:20px;margin-top:24px}.menu-links button,.menu-links a{font-size:14px;color:var(--ink);border:0;background:none;text-align:left;padding:0;text-decoration:none}.fine{font-size:12px!important;color:var(--muted)}.image-dialog{max-width:1300px;padding:42px 16px 16px}.image-dialog img{width:100%;height:78svh;object-fit:contain}.source-page{max-width:950px}.source-page h1{font-size:36px;letter-spacing:-1px}.source-page h2{font-size:23px}.source-page p{font-size:14px;line-height:1.7}.source-page article{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:20px 0;border-top:1px solid #d9dcd2}.source-page article img{width:90px;height:90px;object-fit:contain}.source-page article h3{font-size:16px;margin:0}.source-page article p{font-size:12px;margin:6px 0;overflow-wrap:anywhere}.source-page section{margin:35px 0}noscript{display:block;text-align:center;padding:30px}@media(max-width:600px){header{height:66px;padding:0 18px}.logo{font-size:25px}.header-actions{gap:8px}select{font-size:12px;max-width:100px}main{padding:0 12px 16px}h1{letter-spacing:-4px}.image-frame{height:calc(100svh - 175px);min-height:240px;padding:6px;border-radius:14px}.answers{gap:10px;margin-top:12px}.answer{font-size:16px;padding:12px 8px;min-height:60px}#result{gap:12px;margin-top:12px}.feedback strong{font-size:14px}#result .primary{min-width:128px;padding:15px;font-size:13px}dialog{padding:28px 22px}#scoreLabel{display:none}.source-page article{grid-template-columns:60px 1fr;gap:12px}.source-page article img{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep the photograph itself unchanged when the reading direction changes. */
.logo,.eyebrow,h1{direction:ltr}select{max-width:165px;width:auto}.answer{overflow-wrap:anywhere;line-height:1.35}.text-button,.menu-links button,.menu-links a{text-align:start}html[dir="rtl"] dialog .close{right:auto;left:14px}html[dir="rtl"] dialog h2{margin-right:0;margin-left:28px}html[dir="rtl"] #score{margin-left:0;margin-right:6px}html[dir="rtl"] .image-frame{direction:ltr}html[dir="rtl"] .primary{letter-spacing:0}@media(max-width:600px){select{max-width:130px}.answer{font-size:15px;min-height:64px}.header-actions{gap:4px}#result .primary{min-width:110px}}

.welcome-record{display:flex;align-items:center;gap:12px;margin-top:24px;color:var(--muted);font-size:13px}.welcome-record strong{color:var(--green);font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}
