.spell-lab{max-width:1000px;margin:auto;color:#173b43;letter-spacing:0}.spell-lab [hidden]{display:none!important}.spell-lab p{line-height:1.65}.spell-lab h2{font-size:24px;line-height:1.3}.spell-lab h3{font-size:20px;line-height:1.4}.spell-status,.spell-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.spell-status{border-block:1px solid #95aeb2;padding:12px 0;justify-content:space-between}.spell-lab button{min-height:44px;max-width:100%;font:600 16px Arial,sans-serif;border:1px solid #567b80;border-radius:5px;padding:10px 14px;color:#17444d;background:#fff;cursor:pointer}.spell-lab button:hover{background:#e5f4ee}.spell-lab .primary-action{width:auto;background:#126376;color:#fff}.spell-lab button:disabled{opacity:.55;cursor:default}.spell-lab :focus-visible{outline:3px solid #9a3b19;outline-offset:3px}.spell-cover{display:block;width:100%;aspect-ratio:20/7;max-height:280px;object-fit:contain}.spell-teach{padding:12px 18px;background:#e8f5f7;border-left:4px solid #20778b}.spell-example{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:18px 0;border-bottom:2px solid #8aa5a9}.spell-example>div{display:flex;gap:8px;align-items:center}.spell-example strong{font-size:32px;font-weight:700;letter-spacing:0}.spell-example button{width:46px;height:46px;padding:8px}.spell-example svg{width:24px;height:24px;fill:none;stroke:currentColor}.spell-bench{background:#e9f3ef;border-block:3px solid #38715e;padding:24px 16px;margin:18px 0}.spell-tiles{display:flex;justify-content:center;gap:10px;min-height:76px;margin-bottom:24px}.spell-tile{width:64px;height:72px;display:grid;place-items:center;font:bold 42px Arial,sans-serif;background:#fff;border:2px solid #466b70;border-bottom:6px solid #466b70;border-radius:6px}.spell-tile[data-pattern=true]{background:#ffdc77;color:#2f3517}.spell-tile[data-final=true]{background:#d8edf7;border-style:dashed;color:#174859}.spell-bench form{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.spell-bench label{font-weight:700}.spell-bench input{font:700 26px Arial,sans-serif;width:150px;max-width:100%;height:48px;box-sizing:border-box;border:2px solid #466b70;border-radius:4px;padding:6px 10px;background:#fff;color:#173b43}#spell-feedback{min-height:76px;background:#e2f3e8;border-left:4px solid #2b7149;padding:12px 16px;font-weight:600}#spell-feedback[data-error=true]{background:#fff0e5;color:#872f16;border-color:#b24422}#spell-stage{font-weight:700}#spell-hint-text,#spell-revealed{padding:12px 16px;border:1px dashed #466b70}#spell-audio{width:100%;max-width:460px}#spell-audio-status{min-height:26px}.spell-lab [tabindex="-1"]{scroll-margin-top:18px}@media(max-width:520px){.spell-bench{padding:20px 10px}.spell-tile{width:50px;height:60px;font-size:34px}.spell-tiles{gap:6px}.spell-example{gap:10px}.spell-example strong{font-size:28px}.spell-bench form{justify-content:flex-start}.spell-bench label{flex-basis:100%}.spell-lab h2{font-size:22px}}@media print{.spell-actions,.spell-status button,.spell-example button,.spell-bench form,#spell-audio,#spell-audio-status,#spell-start,#spell-again{display:none!important}.spell-bench,.spell-teach,#spell-feedback{background:#fff;color:#000;border-color:#000}.spell-example,.spell-bench{break-inside:avoid}.spell-tile{color:#000!important;background:#fff!important}.spell-lab{max-width:none}}
.spell-paths{border:0;border-block:1px solid #95aeb2;padding:12px 0;margin:16px 0;display:flex;flex-wrap:wrap;gap:8px 24px}.spell-paths legend{font-weight:700;padding:0 8px 0 0}.spell-paths label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.spell-paths input{width:20px;height:20px;flex:0 0 20px;accent-color:#126376}.spell-tiles{display:grid;grid-template-columns:repeat(var(--spell-letters,4),minmax(0,64px))}.spell-tile{width:auto;min-width:0}.spell-bench input{width:13ch}@media(max-width:520px){.spell-tile{width:auto}.spell-tiles[data-long=true] .spell-tile{font-size:22px;height:56px}.spell-tiles[data-long=true]{gap:4px}.spell-paths{display:block}.spell-paths label{margin:6px 0}}@media print{.spell-paths{display:none!important}}