*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.page{width:min(1040px,calc(100% - 28px));margin:auto;padding:28px 0 48px}header,.brand,.header-actions{display:flex;align-items:center;gap:18px}header{justify-content:space-between;margin-bottom:24px}.brand h1{margin:0}.brand p{margin:4px 0 0}.home-link{padding:9px 11px;text-decoration:none;font-weight:800;border-radius:999px}
    .game-shell{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:start}.quiz,.memo{background:white;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 12px 40px rgb(31 41 55/.05)}.quiz{padding:32px;border-top:4px solid #daa520}.direction-picker{margin:0 0 22px;padding:0;border:0}.direction-picker legend{font-size:.85rem;font-weight:750;margin-bottom:8px;color:#4b5563}.direction-options{display:flex;flex-wrap:wrap;gap:7px}.direction-options button{padding:8px 12px;border:1px solid #e1e8ee;border-radius:10px;background:#f5f8fa;color:#13598b;font-size:.78rem;font-weight:750;cursor:pointer}.direction-options button[aria-pressed=true]{background:#13598b;color:white;border-color:#13598b}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 18px;font-size:.85rem;font-weight:750;color:#667887}.score{padding:6px 10px;border-radius:999px;color:#72570b}.transform-card{padding:28px 20px;text-align:center;background:linear-gradient(145deg,#fffcf4,#fff);border:1px solid #eee4ce;border-radius:20px}.gender-path{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.75rem;font-weight:800}.gender-badge{padding:5px 10px;border-radius:999px}.gender-badge.m{background:#e9f2f8;color:#13598b}.gender-badge.f{background:#f8eaf0;color:#800020}.path-arrow{color:#988354;font-size:1.2rem}.word{margin:18px 0 10px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}.target-prompt{margin:0;color:#7a6740;font-size:.9rem;font-weight:650}.instruction{margin:20px 0;color:#6b7280;font-size:.85rem}.answer-label{display:block;font-size:.85rem;font-weight:750;margin-bottom:8px;color:#4b5563}.answer-row{display:flex;gap:10px}.answer-input{min-width:0;flex:1;padding:12px 16px;min-height:56px;border:2px solid #e5e7eb;border-radius:14px;font-size:1.1rem;color:#1f2937}.answer-input:focus{border-color:#13598b;outline:3px solid #e3eff7}.answer-input.correct{border-color:#16a34a;background:#f0fdf4}.answer-input.wrong{border-color:#800020;background:#fff1f2}.check,.next{border:0;padding:12px 18px;font-weight:800;cursor:pointer}.check:disabled{opacity:.5;cursor:default}.feedback{margin-top:22px;padding:18px;border-radius:16px;background:#f3f4f6}.feedback.good{background:#e9f8ef;color:#166534}.feedback.bad{background:#fbeef1;color:#650019}.feedback p{margin:6px 0 14px;font-size:.9rem}.next{width:100%}.memo{padding:24px}.memo h2{font-size:1.15rem;margin:0 0 18px}.rule{padding:16px 0;border-top:1px solid #e5e7eb}.rule b{display:block;color:#13598b;font-size:.9rem}.rule span{font-size:.82rem;color:#6b7280}.rule:first-of-type{border-top:0;padding-top:0}.pair-example{display:block!important;margin-top:5px}button:focus-visible,a:focus-visible{outline:3px solid #daa520;outline-offset:3px}
    @media(max-width:760px){.game-shell{grid-template-columns:1fr}.quiz{padding:24px 20px}.memo{padding:22px}.answer-row{flex-direction:column}.check{min-height:50px}.page{padding-top:16px}.transform-card{padding:24px 16px}.header-actions{flex-wrap:wrap}.direction-options button{flex:1 1 auto}}
  
    .question-label{display:block;margin:0 0 18px;color:#13598b;font-size:.78rem;font-weight:800;letter-spacing:.05em}.word.sentence{font-size:clamp(1.5rem,3.5vw,2.4rem);line-height:1.45}.sentence-blank{display:inline-block;min-width:2em;border-bottom:3px solid #daa520;color:#13598b}.choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0}.answer-choice{min-height:56px;padding:10px;border:1px solid #dce5ed;background:#f3f7fa;color:#13598b;border-radius:14px;font-weight:800;font-size:1.1rem;cursor:pointer}.answer-choice:hover:not(:disabled){background:#e4eff7}.answer-choice:disabled{cursor:default;opacity:.55}.answer-choice.correct{background:#e9f8ef;border-color:#16a34a;color:#166534;opacity:1}.answer-choice.wrong{background:#fbeef1;border-color:#800020;color:#650019;opacity:1}.completed-sentence{display:block;color:inherit;font-weight:700;margin-bottom:6px}.topline{flex-wrap:wrap}.score{max-width:100%;overflow-wrap:anywhere}.answer-form[hidden]{display:none}