.lesson-card{position:relative;z-index:4;grid-column:1/-1;margin:6px 0 10px;padding:12px 14px;background:#19231e;border:1px solid #354238;border-radius:10px;color:#edf1ea}.lesson-card[hidden]{display:none}.lesson-card header{display:flex;align-items:center;gap:8px}.lesson-card h2{font:650 16px/1.4 system-ui;margin:0;flex:1}.lesson-card small{font:600 11px system-ui;color:#d6bf8d}.lesson-card p{font:13px/1.55 system-ui;color:#b8c3b9;margin:6px 0}.lesson-card nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lesson-card button,.lesson-card a{font:600 12px/1.4 system-ui;padding:8px 10px;border:1px solid #4d5d50;border-radius:6px;background:#29352d;color:#e8eee9;text-decoration:none}.lesson-card .lesson-next{background:#d6bf8d;color:#14210e;border-color:#d6bf8d}.lesson-card button:disabled{opacity:.4}.lesson-card select{max-width:100%;background:#152019;color:#e5ebdf;border:1px solid #4d5d50;border-radius:5px;padding:5px;font:12px system-ui}.lesson-message{color:#e6edb2!important}body[data-lesson] .steps,body[data-lesson] #reset-spots,body[data-lesson] #retry,body[data-lesson] #layout-mode,body[data-lesson] .scoreboard{display:none!important}.lesson-exit{margin-left:auto}.lesson-finish{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.lesson-finish[hidden]{display:none}@media(orientation:landscape){.lesson-card{padding:8px 10px}.lesson-card h2{font-size:14px}.lesson-card p{font-size:12px;margin:4px 0}}@media(max-height:740px)and (orientation:portrait){.lesson-card{padding:8px 10px}.lesson-card p{font-size:12px;line-height:1.4}}.training-entry{margin-top:20px;border-top:1px solid #788c8844;padding-top:16px;max-width:550px}.training-entry h2{font:600 13px system-ui;color:#b8c5be;margin:0 0 6px}.training-entry p{font:12px/1.6 system-ui;color:#9fafa9;margin:0 0 10px}.training-links{display:flex;gap:10px;flex-wrap:wrap}.training-links a{flex:1;padding:12px 14px;border:1px solid #71858366;border-radius:8px;font:600 13px/1.4 system-ui;color:#edf1dc;background:#182b28;text-align:center;text-decoration:none}.training-links a:first-child{color:#d6bf8d}body.play-ui[data-lesson]>.lesson-card{flex:none;margin:0;padding:10px 16px;border:0;border-bottom:1px solid #ffffff20;border-radius:0}body.play-ui[data-lesson] .workspace{min-height:0!important}body.play-ui[data-lesson] .table-room{min-height:100px!important}.guide-practice{display:block;padding:12px;margin-top:12px;border:1px solid #d6bf8d77;border-radius:7px;color:#d6bf8d;text-align:center;text-decoration:none;font-size:14px}@media(orientation:landscape)and (max-height:600px){body.play-ui[data-lesson]>.lesson-card{padding:6px 14px}.lesson-card #lesson-hint{max-width:95ch;line-height:1.35;margin:3px 0}.lesson-card #lesson-message{display:none}.lesson-card nav{position:absolute;right:14px;top:6px}.lesson-card header{padding-right:410px}.lesson-card .lesson-exit{display:none}.lesson-card select{max-width:170px}}@media(orientation:landscape)and (max-height:600px){body.play-ui[data-lesson]>.lesson-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.lesson-card header{padding-right:0;min-width:0}.lesson-card h2{font-size:13px}.lesson-card nav{position:static;grid-column:2;grid-row:1}.lesson-card #lesson-hint,.lesson-card #lesson-message,.lesson-card .lesson-finish{grid-column:1/-1}.lesson-card[data-feedback=true] #lesson-hint{display:none}.lesson-card[data-feedback=true] #lesson-message{display:block;font-size:12px;line-height:1.35;margin:3px 0}.lesson-card select{max-width:160px}}body[data-challenge] .scoreboard{display:none!important}.challenge-heading{flex:none;padding:12px 16px;background:#19231e;border-bottom:1px solid #ffffff20;color:#edf1ea}.challenge-heading[hidden]{display:none}.challenge-heading strong{display:block;font:650 16px/1.4 system-ui}.challenge-heading small{display:block;font:12px/1.5 system-ui;color:#b6c5bd;margin-top:4px}@media(orientation:landscape)and (max-height:600px){.challenge-heading{padding:6px 14px}.challenge-heading strong{font-size:14px}.challenge-heading small{margin-top:1px}}