.lesson-board{aspect-ratio:1;border:1px solid var(--glass-border);width:100%;box-shadow:var(--glass-shadow-sm);-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative;overflow:hidden}.lb-sq{justify-content:center;align-items:center;display:flex;position:relative}.lb-light{background-color:#e8dcc8}.lb-dark{background-color:#9e7c5c}[data-theme=dark] .lb-light{background-color:#769ab8}[data-theme=dark] .lb-dark{background-color:#34526a}.lb-sq img{z-index:1;pointer-events:none;-webkit-user-drag:none;width:86%;height:86%;position:relative}.lb-sq[data-mark]:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.lb-sq[data-mark=from]:after{background:#facc1561}.lb-sq[data-mark=to]:after{background:#facc1599}.lb-sq[data-mark=capture]:after{background:#ef44444d;box-shadow:inset 0 0 0 3px #dc2626f2}.lb-sq[data-mark=danger]:after{background:#ef44448c}.lb-sq[data-mark=safe]:after{background:#22c55e80}.lb-sq[data-mark=key]:after{background:#3b82f64d;box-shadow:inset 0 0 0 3px #2563ebf2}.lb-coord{z-index:2;pointer-events:none;font-size:10px;font-weight:700;line-height:1;position:absolute}.lb-rank{top:2px;left:3px}.lb-file{bottom:2px;right:3px}.lb-light .lb-coord{color:#9e7c5c}.lb-dark .lb-coord{color:#e8dcc8}[data-theme=dark] .lb-light .lb-coord{color:#34526a}[data-theme=dark] .lb-dark .lb-coord{color:#c9d9e6}.lb-arrows{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.lb-swatch{background:#9e7c5c;border-radius:2px;width:10px;height:10px;display:inline-block;position:relative;overflow:hidden}.lb-swatch-from{background:#facc158c}.lb-swatch-to{background:#facc15d9}.lb-swatch-capture{background:#ef44444d;box-shadow:inset 0 0 0 2px #dc2626f2}.lb-swatch-danger{background:#ef4444bf}.lb-swatch-safe{background:#22c55ebf}.lb-swatch-key{background:#3b82f64d;box-shadow:inset 0 0 0 2px #2563ebf2}