:root{color:#253047;background:#fff8e8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{font:inherit}.page-shell{background:radial-gradient(circle at 12% 12%,#ffbe0b47,#0000 28%),radial-gradient(circle at 88% 8%,#5bc0eb47,#0000 25%),linear-gradient(145deg,#fff8e8,#e7fbff 72%);min-height:100vh;padding:28px 18px 42px}.start-shell{place-items:center;display:grid}.start-card,.game-top,.feedback,.summary-card{text-align:center;width:min(920px,100%);margin:0 auto}.sentence-card{text-align:center;width:min(1188px,100%);margin:0 auto}.start-card{background:#fff;border:4px solid #253047;border-radius:38px;padding:clamp(32px,7vw,72px);box-shadow:0 18px #ffd166}.eyebrow{color:#4d5f9f;letter-spacing:.04em;text-transform:uppercase;background:#fffc;border-radius:999px;margin:0 0 10px;padding:8px 14px;font-weight:800;display:inline-flex}h1{color:#253047;margin:0;font-size:clamp(2.5rem,9vw,5.5rem);line-height:.95}.intro{color:#4b587c;max-width:620px;margin:16px auto 0;font-size:clamp(1.1rem,2.4vw,1.35rem)}.sentence-card{background:#fff;border:4px solid #253047;border-radius:34px;margin-top:18px;padding:clamp(20px,4vw,34px);box-shadow:0 12px #ffd166}.game-top{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.game-top span{background:#fff;border:3px solid #253047;border-radius:999px;flex:150px;padding:10px 14px;font-size:1rem;font-weight:900;box-shadow:0 4px #ffd166}.sentence{white-space:nowrap;margin:0;font-size:clamp(1.55rem,4.2vw,3.2rem);font-weight:900;line-height:1.12}.choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1188px,100%);margin:34px auto 0;display:grid}.choice{color:#253047;cursor:pointer;background:linear-gradient(145deg,#fff,#eef6ff);border:4px solid #253047;border-radius:26px;padding:10px;font-size:1.05rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,filter .16s;display:block;overflow:hidden;box-shadow:0 10px #253047}.choice:disabled{cursor:default}.choice:hover,.choice:focus-visible{background:linear-gradient(145deg,#fffdf4,#e9f7ff);transform:translateY(-4px)}.choice:active,.choice-selected{transform:translateY(6px);box-shadow:0 4px #253047}.choice-selected{outline:5px solid #06d6a0}.picture img{aspect-ratio:11/8;filter:drop-shadow(0 12px 16px #25304733)saturate(1.12);object-fit:cover;background:#e9f7ff;border-radius:18px;width:100%;height:auto;display:block}.start-button{color:#253047;cursor:pointer;background:#06d6a0;border:3px solid #253047;border-radius:999px;margin-top:20px;padding:14px 28px;font-size:1.2rem;font-weight:900;box-shadow:0 5px #253047}.start-button:hover,.start-button:focus-visible{transform:translateY(-2px)}.summary-card{background:#fff;border:4px solid #253047;border-radius:34px;margin-top:8vh;padding:clamp(28px,6vw,54px);box-shadow:0 18px #ffd166}.summary-card h2{color:#253047;margin:0;font-size:clamp(2.2rem,7vw,4.5rem)}.summary-score{color:#087f5b;margin:18px 0 0;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900}.summary-detail{color:#4b587c;max-width:620px;margin:10px auto 0;font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:800}.feedback{color:#4b587c;background:#fffc;border-radius:24px;min-height:72px;margin-top:32px;padding:16px 22px;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:900}.feedback p{margin:0}.moving-on{color:#4b587c;font-size:1rem;margin-top:8px!important}.success{color:#087f5b}.try-again{color:#c2410c}@media (max-width:880px){.sentence{white-space:normal;text-wrap:balance}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.page-shell{padding-inline:12px}.sentence{font-size:clamp(1.25rem,6vw,1.8rem)}.choices{grid-template-columns:1fr}.picture img{max-height:209px}}