@charset "UTF-8";
:root{color-scheme:dark;--bg:#10141d;--panel:#1a202c;--line:#303948;--text:#f3f4f7;--muted:#aeb8ca;--lime:#caff54;--orange:#ffac77;--radius:24px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}header{max-width:1120px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:21px;font-weight:850}.brand-icon{background:var(--lime);color:var(--bg);border-radius:10px;width:35px;height:35px;text-align:center;font-size:25px;line-height:35px}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:10px}.header-note{color:var(--muted);font-size:13px}main{max-width:920px;margin:48px auto 60px;padding:0 24px;min-height:65vh}main:focus{outline:none}.eyebrow{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 14px}h1{font-size:clamp(32px,5vw,52px);line-height:1.2;letter-spacing:-2px;margin:0 0 20px}h2{line-height:1.45;font-size:25px;margin:16px 0}p{margin:0 0 20px}.muted{color:var(--muted)}.home-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center}.intro{font-size:17px;color:var(--muted);max-width:400px}.accent{color:var(--lime)}.orange{color:var(--orange)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.sample-card{transform:rotate(2deg);padding:32px}.sample-word{font-weight:900;font-size:46px;letter-spacing:-2px}.sample-message{border-radius:16px 16px 16px 3px;background:#293243;padding:18px;margin:18px 0}.tag{display:inline-block;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:750;background:#26302b;color:var(--lime)}.tag.retro{background:#3c2c27;color:var(--orange)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:14px 22px;font-weight:750;min-height:48px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--lime);color:#17200d;border-color:var(--lime)}.btn:hover{filter:brightness(1.1)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.facts{display:flex;gap:28px;margin-top:30px}.fact strong{display:block;font-size:22px}.fact span{font-size:12px;color:var(--muted)}.how{margin-top:48px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}.game{max-width:680px;margin:auto}.game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress{height:6px;border-radius:99px;background:#2c3442;margin-bottom:30px;overflow:hidden}.progress span{display:block;height:100%;background:var(--lime)}.question-word{font-size:14px;color:var(--muted);margin-bottom:12px}.question{font-size:clamp(21px,3vw,27px);line-height:1.65;letter-spacing:-.7px}.options{display:grid;gap:12px;margin-top:26px}.option{width:100%;text-align:left;display:flex;align-items:center;gap:15px;background:#202735;color:var(--text);padding:16px;border:1px solid #3b4658;border-radius:14px;line-height:1.55;min-height:64px}.option:not(:disabled):hover{border-color:var(--lime);background:#283240}.option .number{font-size:12px;color:var(--muted);border:1px solid #536075;border-radius:7px;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.option.correct{border-color:var(--lime);background:#263326}.option.wrong{border-color:var(--orange);background:#3d2b28}.answer-label{font-size:12px;font-weight:800;display:block;color:var(--lime)}.wrong .answer-label{color:var(--orange)}.feedback{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.feedback p{font-size:15px;color:var(--muted)}.wide{width:100%}.result{text-align:center;max-width:700px;margin:auto}.badge-mark{display:inline-grid;place-items:center;font-size:34px;color:var(--lime);width:84px;height:84px;border-radius:26px;background:#29372a;margin:8px 0 20px}.result h1{font-size:40px}.score-main{font-size:76px;font-weight:900;line-height:1.2;letter-spacing:-5px}.score-main small{font-size:18px;letter-spacing:0;color:var(--muted)}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.score-box{border:1px solid var(--line);border-radius:16px;padding:18px;text-align:left}.score-box strong{font-size:32px;display:block}.score-box span{font-size:13px}.score-bar{height:5px;background:#303847;border-radius:9px;margin-top:12px;overflow:hidden}.score-bar i{display:block;background:var(--lime);height:100%}.score-box.retro i{background:var(--orange)}.small{font-size:12px;color:var(--muted)}.result .actions{justify-content:center}.review-card{margin:18px 0}.review-card h2{font-size:20px}.answer-row{padding:10px 14px;background:#222c25;border-radius:10px;margin:10px 0;color:var(--lime);font-size:14px}.selected-row{font-size:13px;color:var(--orange)}#notice{max-width:850px;margin:0 auto 20px;padding:0 24px;color:var(--orange);font-size:14px}footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:24px 32px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}@media(max-width:640px){header{padding:18px 20px}.edition,.header-note{display:none}main{margin-top:30px;padding:0 20px}.home-grid{grid-template-columns:1fr;gap:30px}.sample-card{transform:none;padding:22px}.sample-word{font-size:35px}.panel{padding:22px;border-radius:20px}.how{flex-wrap:wrap;margin-top:30px}.question{font-size:21px}.game h1{font-size:29px;letter-spacing:-1px}.result h1{font-size:32px}.score-box{padding:14px}.actions .btn{flex:1}.facts{gap:25px}footer{padding:20px;flex-direction:column}.score-main{font-size:65px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.journey{margin:28px 0;text-align:center}.journey .progress{margin:20px 0}.journey p:last-child{margin-bottom:0}
.result .actions,.game>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.result .actions .btn,.game>.actions .btn{width:100%;min-width:0;word-break:keep-all;overflow-wrap:normal;white-space:normal;padding:14px 16px;line-height:1.5}
.result .actions .btn:last-child:nth-child(odd),.game>.actions .btn:last-child:nth-child(odd){grid-column:1 / -1}
@media(max-width:380px){.result .actions,.game>.actions{grid-template-columns:1fr}}
.feedback{display:flex;flex-direction:column;align-items:stretch}.feedback .btn[data-action="next"]{align-self:flex-end;min-width:140px}.header-tools{display:flex;align-items:center;gap:16px}.sound-toggle{min-height:44px;padding:8px 12px;font-size:12px;white-space:nowrap}.seo-intro{max-width:680px;margin:auto;padding:30px 24px 0;color:var(--muted)}.seo-intro h1{font-size:32px}.seo-intro ol{padding-left:24px}
