/* Shared exercise graphics in real lesson/module sessions. No remote assets. */
.bkl-dialog{width:min(820px,calc(100% - 24px));border-top-width:5px;border-radius:20px;background:#fffefb}
.bkl-dialog [data-bkl-screen]{padding:28px 30px 30px}
.bkl-dialog .bkl-activity-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.bkl-dialog .bkl-activity-meta .bkl-kicker{margin:0!important}
.bkl-dialog .bkl-phase{font-size:11px;font-weight:750;color:#66797c;white-space:nowrap}
.bkl-dialog h2{font-size:26px!important;line-height:1.4!important;margin:0 0 24px!important}
.bkl-dialog .bkd-board{margin:0 0 20px;padding:22px 22px 25px;border:1px solid #e0e5e2;border-radius:17px;background-color:#f6f8f5;background-image:linear-gradient(#c3cfc621 1px,transparent 1px),linear-gradient(90deg,#c3cfc621 1px,transparent 1px);background-size:20px 20px}
.bkl-dialog .bkd-board-caption{margin-bottom:20px;color:#667b79;font:750 10px/1.5 Manrope,system-ui;letter-spacing:.07em;text-align:center;text-transform:uppercase}
.bkl-dialog .bkd-token-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.bkl-dialog .bkd-token-group{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;flex-wrap:wrap}
.bkl-dialog .bkd-token{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:54px;padding:8px;background:#fff;border-radius:11px;box-shadow:0 3px 0 #dce4de;font:750 23px/1.4 Manrope,system-ui;color:#284557;box-sizing:border-box}
.bkl-dialog .bkd-token .bkd-shape{display:block;width:54px;height:54px;max-width:100%}
.bkl-dialog .bkd-token-word{display:block;font:700 12px/1.5 Manrope,system-ui;color:#3c5364;margin-top:4px}
.bkl-dialog .bkd-token-separator{font-size:28px;color:#a2b0a9;margin:0 3px}
.bkl-dialog .bkd-token-hole{border:2px dashed #ad9bce;background:#f0eafa;color:#7754a8;box-shadow:none;min-width:54px;min-height:68px}
.bkl-dialog .bkd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bkl-dialog .bkd-card-preview{border:1px solid #dce2df;background:#fff;border-radius:12px;padding:16px 8px 20px;box-shadow:0 3px 0 #dfe5df}
.bkl-dialog .bkd-card-body{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.bkl-dialog .bkd-card-label{font:800 10px/1.5 Manrope,system-ui;text-transform:uppercase;letter-spacing:.05em;color:#60717f}
.bkl-dialog .bkd-card-body .bkd-shape{width:100px;height:100px;max-width:100%;filter:drop-shadow(0 3px 0 #25374b0c)}
.bkl-dialog fieldset.bkl-visual-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bkl-dialog .bkl-visual-choices .bkl-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:31px 8px 14px;min-height:128px;border-radius:14px;box-shadow:0 4px 0 #dce1df}
.bkl-dialog .bkl-visual-choices input{position:absolute;top:10px;left:10px;width:17px;height:17px}
.bkl-dialog .bkl-choice-content{display:block;min-width:0;max-width:100%}
.bkl-dialog .bkl-choice .bkd-token{background:transparent;box-shadow:none;padding:0;min-width:24px;min-height:30px}
.bkl-dialog .bkl-choice .bkd-token .bkd-shape{width:36px;height:36px}
.bkl-dialog .bkl-visual-choices .bkd-token .bkd-shape{width:60px;height:60px}
.bkl-dialog .bkl-choice .bkd-token-row{justify-content:flex-start;gap:6px}
.bkl-dialog .bkl-choice .bkd-token-group{gap:4px}
.bkl-dialog .bkl-choice .bkd-token-separator{margin:0;font-size:22px}
.bkl-dialog .bkl-choice-correct{border-color:#3a885e;background:#eff8f1;box-shadow:0 3px 0 #c4ddcb}
.bkl-dialog .bkl-choice-wrong{border-style:dashed;border-color:#b68e4e;background:#fff9ef}
.bkl-dialog [data-stage=correction] .bkl-choice{cursor:default}
.bkl-dialog .bkd-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.bkl-dialog .bkd-coordinate-grid{width:min(100%,330px);margin:auto;border-collapse:separate!important;border-spacing:5px!important;table-layout:fixed;font:700 14px/1 Manrope,system-ui}
.bkl-dialog .bkd-coordinate-grid th,.bkl-dialog .bkd-coordinate-grid td{height:38px;padding:0!important;border:0!important;text-align:center;color:#576d7d;background:transparent;line-height:1}
.bkl-dialog .bkd-coordinate-grid td:not(:first-child){background:#fff;border:1px solid #c9d8cd!important;border-radius:6px;box-shadow:0 2px 0 #dfe6df}
.bkl-dialog .bkd-coordinate-grid .bkd-grid-start{background:#eee8f8!important;border:2px solid #8063ac!important}
.bkl-dialog .bkd-grid-marker{font-size:23px;color:#705198}
.bkl-dialog .bkd-board-note{text-align:center;font-size:12px!important;margin:13px 0 0!important}
.bkl-dialog .bkd-compass{position:relative;width:220px;max-width:100%;height:210px;margin:auto;background:radial-gradient(circle,#eee9f6 0 36%,transparent 37%);color:#6d51aa}
.bkl-dialog .bkd-compass-arrow{position:absolute;inset:55px 60px;display:grid;place-items:center;font-size:70px;line-height:1;font-family:system-ui}
.bkl-dialog .bkd-direction{position:absolute;font-size:13px;font-weight:750}.bkl-dialog .bkd-direction-north{top:0;left:0;right:0;text-align:center}.bkl-dialog .bkd-direction-south{bottom:0;left:0;right:0;text-align:center}.bkl-dialog .bkd-direction-east{right:0;top:92px}.bkl-dialog .bkd-direction-west{left:0;top:92px}
@media(max-width:600px){
 .bkl-dialog{width:calc(100% - 16px);border-radius:16px}.bkl-dialog [data-bkl-screen]{padding:22px 16px}.bkl-dialog h2{font-size:21px!important}.bkl-dialog .bkl-activity-meta{margin-bottom:18px;gap:8px}.bkl-dialog .bkl-activity-meta .bkl-kicker,.bkl-dialog .bkl-phase{font-size:9px!important}
 .bkl-dialog .bkd-board{padding:17px 9px 20px}.bkl-dialog .bkd-token-group{gap:5px}.bkl-dialog .bkd-token-row{gap:9px}.bkl-dialog .bkd-token{padding:5px;min-width:30px;min-height:40px}.bkl-dialog .bkd-token .bkd-shape{width:40px;height:40px}.bkl-dialog .bkd-token-word{font-size:11px}.bkl-dialog .bkd-token-hole{min-width:40px;min-height:54px}.bkl-dialog .bkd-token-separator{font-size:22px;margin:0 1px}
 .bkl-dialog .bkd-card-grid,.bkl-dialog fieldset.bkl-visual-choices{gap:8px}.bkl-dialog .bkl-visual-choices .bkl-choice{padding:31px 4px 12px;min-height:100px}.bkl-dialog .bkl-visual-choices .bkd-token .bkd-shape{width:45px;height:45px}.bkl-dialog .bkd-card-body{gap:10px}.bkl-dialog .bkd-card-body .bkd-shape{width:64px;height:64px}.bkl-dialog .bkd-card-label{font-size:9px;letter-spacing:0}.bkl-dialog .bkd-card-preview{padding:13px 5px}.bkl-dialog .bkl-choice .bkd-token .bkd-shape{width:24px;height:24px}.bkl-dialog .bkl-visual-choices .bkl-choice .bkd-token .bkd-shape{width:45px;height:45px}
}