.be-paper>.reader-playback,.be-paper>.playback-sentinel,.be-paper>.drawing-viewport,body:has(.be-paper) .legend{display:none!important}.be-paper{background:#fff!important;color:#193653!important}.be-paper [hidden]{display:none!important}
.be-lesson{color:#193653;font-family:system-ui,sans-serif}.be-stage{padding:22px 0}.be-focus{min-width:0;animation:be-appear .2s ease-out}.be-paper [data-base=next]{background:#245bce;color:white;border-color:#245bce}
.be-board,.be-text{border:1px solid #aabed9;background:#f7faff;border-radius:4px;padding:17px;min-width:0;box-sizing:border-box}.be-board h3{font:650 18px/1.4 system-ui;text-align:center;margin:0 0 14px;overflow-wrap:anywhere}.be-bytes{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.be-bytes>div{padding:12px 7px;border:1px solid #8ca8d0;background:white;text-align:center;min-width:0}.be-bytes small,.be-bytes>div>span{display:block;font:13px/1.4 system-ui}.be-letter{display:block;font:650 38px/1.4 system-ui;margin:7px 0}.be-bytes .be-spots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:110px;margin:10px auto}.be-spots{display:flex;justify-content:center;gap:4px;min-width:0}.be-spots i{width:15px;height:17px;border:1px solid #7a93b5;background:white;border-radius:2px;box-sizing:border-box;flex:none}.be-spots .on{background:#285fae;border-color:#285fae}.be-spots .filling{border:2px dashed #a56d30;background:#fff7e8}.be-spots .filling.on{background:#8c492b}
.be-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.be-groups>div{border:1px solid #a9bdd9;background:white;padding:12px 6px;text-align:center;min-width:0}.be-groups small{display:block;font:13px/1.4 system-ui;margin-bottom:9px}.be-mini{text-align:center;font:600 14px/1.4 system-ui;margin:8px 0 12px!important}.be-cut-arrow{text-align:center;color:#245bce;font-size:27px;line-height:1;margin:12px 0}.be-key{font:13px/1.45 system-ui;text-align:center;color:#526882;margin:14px 0 0!important}
.be-lookups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.be-lookups>div{border-bottom:1px solid #afc1dc;background:white;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 20px 28px;align-items:center;gap:8px}.be-lookups small{grid-column:1/-1;font:13px system-ui}.be-lookups b{font:700 29px/1.3 monospace}.be-lookups>div>span:not(.be-spots){color:#245bce;font-size:23px}
.be-symbols{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.be-symbols>div{border:1px solid #96afd1;background:white;padding:12px;min-width:55px;text-align:center}.be-symbols b{font:700 32px/1.3 monospace;display:block}.be-symbols small{font:12px/1.4 system-ui;display:block;margin-top:5px}.be-symbols .be-end{border:2px dashed #a56d30;background:#fff7e8}
.be-dictionary{width:100%;border-collapse:collapse;text-align:center}.be-dictionary th{font:650 14px/1.4 system-ui;padding:10px 4px;border-bottom:1px solid #9fb5d3}.be-dictionary td{font:700 30px/1.4 monospace;padding:16px 6px;border-bottom:1px solid #c8d4e6}
.be-text{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:160px}.be-text>span{font:600 15px/1.5 system-ui;overflow-wrap:anywhere}.be-text output{font:700 35px/1.4 monospace;overflow-wrap:anywhere}.be-text p{font:14px/1.5 system-ui;margin:0!important}.be-roundtrip{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.4fr);align-items:center;gap:14px}.be-arrow{font:30px system-ui;color:#245bce;text-align:center}.be-warning-note{grid-column:1/-1;border-left:4px solid #a55b32;padding:11px;background:#fff5ed;font:600 14px/1.5 system-ui;margin:0!important}.be-rules{margin:0;padding-left:22px;display:grid;gap:10px;font:600 16px/1.5 system-ui}.be-lesson .ts-detail p,.be-lesson .ts-detail dd{overflow-wrap:anywhere}
@keyframes be-appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.be-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.be-roundtrip{gap:10px}.be-lookups{gap:8px}}
@media(max-width:600px){.be-stage{padding:16px 0}.be-board,.be-text{padding:12px}.be-board h3{font-size:16px;margin-bottom:10px}.be-groups{gap:7px}.be-groups>div{padding:9px 3px}.be-groups small{font-size:11px;margin-bottom:7px}.be-spots{gap:3px}.be-spots i{width:12px;height:14px}.be-bytes>div{padding:9px 5px}.be-bytes small,.be-bytes>div>span{font-size:12px}.be-letter{font-size:30px}.be-key{font-size:12px;margin-top:11px!important}.be-mini{font-size:12px;margin:7px 0 9px!important}.be-cut-arrow{font-size:22px;margin:8px 0}.be-lookups{grid-template-columns:1fr}.be-lookups>div{padding:7px 10px;grid-template-columns:minmax(0,1fr) 25px 35px;gap:6px}.be-lookups small{font-size:11px}.be-lookups b{font-size:25px}.be-symbols{gap:6px}.be-symbols>div{padding:8px 5px;min-width:40px}.be-symbols b{font-size:27px}.be-symbols small{font-size:11px}.be-dictionary th{font-size:12px;padding:8px 2px}.be-dictionary td{font-size:27px;padding:14px 3px}.be-dictionary .be-spots{gap:2px}.be-dictionary .be-spots i{width:10px;height:13px}.be-text{min-height:100px;gap:9px}.be-text output{font-size:28px}.be-text>span{font-size:13px}.be-text p{font-size:12px}.be-roundtrip{grid-template-columns:1fr;gap:8px}.be-roundtrip .be-text{min-height:90px}.be-roundtrip .be-board{padding:10px}.be-roundtrip .be-bytes>div{padding:7px 5px}.be-roundtrip .be-letter{font-size:27px;margin:4px 0}.be-roundtrip .be-arrow{font-size:0;line-height:1}.be-roundtrip .be-arrow:before{content:'↓';font-size:23px}.be-warning-note{font-size:12px;padding:9px}.be-rules{font-size:14px;gap:8px}}
@media(prefers-reduced-motion:reduce){.be-focus{animation:none}}