:root{--purple:#5344ad;--ink:#293151;--muted:#646b85;--line:#ddddea}*{box-sizing:border-box}body{margin:0;background:#f4f5fa;color:var(--ink);font:16px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh}button{font:inherit;font-weight:700;background:white;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px 12px;min-height:44px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.6;cursor:default}button:focus-visible{outline:3px solid #edac30;outline-offset:2px}header{display:flex;justify-content:space-between;align-items:center;gap:8px;max-width:680px;margin:auto;padding:8px 12px}.brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:18px;color:var(--purple)}.brand>span{font-size:26px}header button{font-size:13px;padding:7px 9px}main{max-width:680px;margin:auto;padding:0 10px 10px}nav{display:flex;gap:7px;margin-bottom:7px}nav button{flex:1}nav button.active{background:var(--purple);color:white;border-color:var(--purple)}.levels{display:flex;gap:5px;margin-bottom:8px}.levels button{flex:1;font-size:13px;padding:7px 4px}.levels button.selected{color:var(--purple);border:2px solid var(--purple);padding:6px 3px}.game{background:white;border:1px solid var(--line);border-radius:14px;padding:12px}.game-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.eyebrow{font-size:12px;color:var(--muted);margin:0 0 3px}.game-title h2{font-size:20px;line-height:1.2;margin:0}.counter{font-weight:800;color:var(--purple);font-size:18px;white-space:nowrap}.staff{margin:2px 0}.staff svg{display:block;width:100%;height:clamp(120px,22dvh,175px)}.listen{display:flex;justify-content:center;gap:7px}.listen button{font-size:14px;min-height:42px;padding:7px 14px;background:#f2effc;color:var(--purple)}.feedback{font-size:14px;text-align:center;color:var(--muted);margin:8px 0;min-height:38px;display:flex;align-items:center;justify-content:center}.feedback.good{color:#217552}.feedback.retry{color:#99500f}.answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.note-button{background:var(--soft);border:2px solid var(--note);font-size:22px;padding:8px 3px;min-height:49px}.note-button small{display:block;font-size:12px}.note-button.chosen{outline:2px solid var(--purple);outline-offset:1px}.bottom{margin-top:9px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.bottom>span{font-size:14px;color:var(--muted);text-align:center;min-height:38px;display:flex;align-items:center;justify-content:center}.bottom button{background:var(--purple);color:white;border-color:var(--purple)}#progress-wrap{margin-top:8px}#progress-label{font-size:12px;color:var(--muted)}progress{display:block;width:100%;height:6px;appearance:none;border:0;background:#ece9f7;border-radius:10px;overflow:hidden;margin-top:4px}progress::-webkit-progress-bar{background:#ece9f7}progress::-webkit-progress-value{background:#aa8bec}progress::-moz-progress-bar{background:#aa8bec}[hidden]{display:none!important}dialog{width:calc(100% - 28px);max-width:420px;max-height:90dvh;overflow:auto;border:0;border-radius:16px;text-align:center;padding:24px;color:var(--ink)}dialog::backdrop{background:#24203c90}dialog h2{font-size:24px}dialog p{color:var(--muted)}dialog button{display:block;width:100%;margin-top:9px}dialog button:first-of-type{background:var(--purple);color:white}.result-icon{font-size:42px}#stars{font-size:24px;overflow-wrap:anywhere}@media(max-width:360px){.brand{font-size:16px}.levels button{font-size:12px}.game{padding:10px}.game-title h2{font-size:18px}.staff svg{height:120px}}@media(max-height:650px) and (orientation:portrait){header{padding-top:4px;padding-bottom:4px}.staff svg{height:112px}.feedback{min-height:34px;margin:5px 0}.bottom>span{min-height:34px}.game{padding:10px}}@media(orientation:landscape) and (max-height:550px){header{padding-top:4px;padding-bottom:4px}main{max-width:850px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:6px 12px}nav{grid-column:1;grid-row:1;align-self:start;flex-direction:column;margin:0}.levels{grid-column:1;grid-row:2;flex-direction:column;align-self:start;margin:0}.game{grid-column:2;grid-row:1/4;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.game-title{grid-column:1/-1}.staff{grid-column:1;grid-row:2/5}.staff svg{height:125px}.listen{grid-column:2}.feedback{grid-column:2;margin:0;font-size:13px;min-height:32px}.answers{grid-column:2;gap:5px}.note-button{min-height:44px;font-size:19px;padding:5px}.bottom{grid-column:1/-1;flex-direction:row;align-items:center;margin:0}.bottom>span{flex:1;font-size:13px;min-height:30px}.bottom button{min-height:40px;font-size:14px}#progress-wrap{grid-column:1/-1;margin:0}#progress-label{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none}}