:root{--black: #000000;--off-white: #fffdf5;--yellow: #ffd23f;--coral: #ff6b6b;--sky: #74b9ff;--green: #88d498;--orange: #ffa552;--lavender: #b8a9fa;--card: #ffffff;--grid-line: rgba(0, 0, 0, .08);--page-bg: color-mix(in srgb, var(--lavender) 36%, var(--off-white));--font: Arial, sans-serif;--font-size: 18px;--line-height: 1.5;--letter-spacing: normal;--shadow-sm: 3px 3px 0 var(--black);--shadow-md: 5px 5px 0 var(--black);--shadow-lg: 8px 8px 0 var(--black)}html[data-dyslexia]{--font: "Open Sans", Verdana, Arial, sans-serif;--font-size: 21px;--line-height: 1.9;--letter-spacing: .06em}html[data-dyslexia] .question{font-size:30px;letter-spacing:normal}html[data-dyslexia] *{animation:none!important;transition:none!important}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);background:var(--page-bg);color:var(--black)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.navbar{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(58%,520px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;background:var(--yellow);border:3px solid var(--black);border-radius:999px;box-shadow:var(--shadow-md);z-index:10}.logo{font-weight:700;font-size:20px}.honey{font-weight:700;background:var(--orange);border:2px solid var(--black);border-radius:10px;padding:4px 10px;white-space:nowrap}.honey.bump{animation:honey-bump .45s ease}@keyframes honey-bump{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-3deg)}to{transform:scale(1)}}.panel-btn{font-weight:700;background:var(--sky);border:2px solid var(--black);border-radius:10px;padding:4px 12px;cursor:pointer}.page{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:96px 16px 32px}.card{background:var(--card);border:3px solid var(--black);border-radius:12px;box-shadow:var(--shadow-lg);padding:28px;text-align:center;animation:card-in .35s ease-out both}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.card.is-right{background:var(--green)}.card.is-wrong{background:var(--lavender)}.question-row{display:flex;align-items:flex-start;justify-content:center;gap:16px;margin-bottom:8px}.question{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0;text-align:left;line-height:1.35}.word{white-space:pre-wrap;transition:background .15s ease}.word.lit{background:var(--yellow);border-radius:4px;padding:0 2px}.read-btn{flex-shrink:0;font-size:16px;padding:10px 14px;background:var(--sky)}.speech-note{margin:12px auto;max-width:42ch;font-size:16px;background:var(--off-white);border:2px solid var(--black);border-radius:10px;padding:10px 14px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}@media(max-width:560px){.answers{grid-template-columns:1fr}.navbar{width:calc(100% - 24px)}}.answer,.btn{font-family:inherit;font-size:18px;font-weight:700;color:var(--black);background:var(--card);border:3px solid var(--black);border-radius:10px;box-shadow:var(--shadow-sm);padding:14px 16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.answer:hover:not(:disabled),.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--black)}.answer:active:not(:disabled),.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.answer.selected{background:var(--sky);box-shadow:2px 2px 0 var(--black);transform:translate(2px,2px)}.answer:disabled{opacity:.55;cursor:default}.btn{background:var(--yellow)}.hint-btn{background:var(--orange)}.answer:focus-visible,.btn:focus-visible,.panel-btn:focus-visible{outline:3px dashed var(--black);outline-offset:3px}.btn:disabled{opacity:.5;cursor:default}.message{font-weight:700;margin:16px 0}.progress{font-weight:700;background:var(--off-white);border:2px solid var(--black);border-radius:10px;display:inline-block;padding:4px 12px;margin:0 0 16px}.welcome-title{font-size:34px;margin:0 0 8px}.welcome-line{font-size:20px;font-weight:700;margin:6px 0}.device-note{font-size:16px;background:var(--off-white);border:2px solid var(--black);border-radius:10px;padding:10px 14px;max-width:40ch;margin:16px auto}.welcome-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.start-btn{margin-right:8px}.panel{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:15;width:min(92%,380px);background:var(--card);border:3px solid var(--black);border-radius:12px;box-shadow:var(--shadow-md);padding:18px;text-align:center}.panel-title{font-weight:700;margin:0 0 6px}.panel-state{margin:0 0 12px}.panel-note{font-size:15px;margin:12px 0 0}.toggle-on{background:var(--green)}.break-btn{margin-left:8px}.break-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in srgb,var(--sky) 50%,var(--off-white));display:grid;place-items:center;padding:16px}.break-card{background:var(--card);border:3px solid var(--black);border-radius:12px;box-shadow:var(--shadow-lg);padding:32px;text-align:center;max-width:420px}.breath-circle{width:150px;height:150px;border-radius:50%;background:var(--sky);border:3px solid var(--black);box-shadow:var(--shadow-sm);margin:0 auto 20px;animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.78)}50%{transform:scale(1.12)}}.breath-text{font-size:24px;font-weight:700;margin:0 0 8px}.breath-note{font-size:16px;margin:0 0 16px}.hints{display:grid;gap:10px;margin:0 0 16px;text-align:left}.hint{background:var(--off-white);border:2px solid var(--black);border-radius:10px;padding:10px 14px}.hint p{margin:0}.hint.steps{background:var(--sky)}.hint.worked{background:var(--yellow)}.hint.reveal{background:var(--card);border-width:3px}.hint-note{margin-top:6px;font-size:16px}.hint-btn{margin-left:8px}.footer{position:relative;z-index:1;text-align:center;padding:20px 16px 28px;font-size:15px;font-weight:700;opacity:.75}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}