.sf-hud-row{flex-wrap:wrap;row-gap:2px}.sf-hud-title{margin-right:8px}.sf-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.sf-level{text-align:left;color:var(--navy);background:#fff;border:0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 0 0 2px #efe6d2,0 5px #c9b08a}.sf-level:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #f5a29a,0 7px #c9b08a}.sf-level:active{transform:translateY(3px);box-shadow:0 0 0 2px #efe6d2,0 2px #c9b08a}.sf-level:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.sf-level-n{color:#fff;width:36px;height:36px;font-family:var(--font-display);background:#d6336c;border-radius:11px;place-items:center;font-size:18px;font-weight:700;display:grid}.sf-level-body{gap:3px;min-width:0;display:grid}.sf-level-top{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.sf-level-top b{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2}.sf-grade{color:#a3263a;white-space:nowrap;background:#ffe9e6;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.sf-level-note{color:#5b6a8a;font-size:14px;line-height:1.35}.sf-level-star{width:24px;height:24px;margin-top:6px}.sf-task{color:#5b6a8a;min-height:1.35em;margin:0 100px 14px 0;font-size:17px;font-weight:500;line-height:1.35}.sf-sentence{font-family:var(--font-trace), Andika, sans-serif;color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:6px 4px;margin:0;font-size:clamp(24px,2.8vw,34px);line-height:1.3;display:flex}.sf-word{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;padding:4px 8px;transition:background .15s,box-shadow .15s,transform .12s;position:relative;box-shadow:inset 0 -3px #e3ebf7}.sf-word:hover:not(:disabled){box-shadow:inset 0 -3px 0 var(--brand-blue);background:#eef4fe}.sf-word:active:not(:disabled){transform:translateY(2px)}.sf-word:focus-visible{outline:3px solid var(--brand-blue);outline-offset:2px}.sf-word:disabled{cursor:default}.sf-word.miss{color:#b2414a;box-shadow:none;background:#ffeded;-webkit-text-decoration:line-through #b2414a73;text-decoration:line-through #b2414a73;text-decoration-thickness:2px}.sf-word.shake{animation:.45s crShake}.sf-word.spot{color:var(--navy);background:#fff1bf;animation:.3s cubic-bezier(.34,1.56,.64,1) crPop;box-shadow:0 0 0 3px #f5a623}.sf-fixed span{padding:4px 2px}.sf-fixed .sf-word-fixed{color:#0f5a34;background:#ddf6e8;border-radius:12px;padding:4px 8px;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) crPop;box-shadow:0 0 0 3px #22a861}.sf-inline-word{font-family:var(--font-trace), Andika, sans-serif;font-weight:700}.sf-desk-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sf-desk-hint{color:#4a3218;margin:0 0 12px;font-size:18px;font-weight:500}.sf-desk-row .sf-desk-hint{flex:220px;margin:0}.sf-choice{font-family:var(--font-trace), Andika, sans-serif;letter-spacing:.3px;overflow-wrap:anywhere;font-size:clamp(22px,2.2vw,27px);font-weight:700}@media (max-width:639px){.sf-levels{grid-template-columns:1fr;gap:10px}.sf-level{gap:10px;padding:10px 12px}.sf-level-top b{font-size:17px}.sf-task{margin:0 0 12px;padding-top:44px;font-size:16px}.sf-sentence{gap:4px 2px;font-size:24px}.sf-word{padding:3px 6px}.sf-desk-hint{font-size:16px}.sf-choices .cr-ans{min-height:60px}}.sf-level.sf-rev{background:#f6faf4;box-shadow:0 0 0 2px #cfe5d5,0 5px #b7cdb9}.sf-level.sf-hard{background:#fffaf0;box-shadow:0 0 0 2px #f6d48b,0 5px #d9b25e}