.laser{width:100%;max-width:540px;min-width:0;margin:auto;color:#123039}.laser-scroll{max-width:100%;overflow:auto;padding:8px 0;overscroll-behavior-x:contain}.laser-grid{display:grid;grid-auto-rows:44px;position:relative;margin:0 auto;isolation:isolate}.laser-cell{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:12px;line-height:1;border:0;color:#123039}.laser-floor{background:#f6faf8;border:1px solid #dae7df}.laser-mirror{position:relative;border:2px solid #397c69;border-radius:7px;background:#fff;font:bold 24px/1 monospace;cursor:pointer;z-index:1}.laser-mirror.selected{box-shadow:inset 0 0 0 2px #b47c39;background:#f2f8ed}.laser-mirror:focus-visible{outline:3px solid #ba7524;outline-offset:2px}.laser-wall{background:#52665e;color:#52665e}.laser-border{font-size:12px;font-weight:800;background:transparent}.laser-rays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.laser-note{font-size:.8rem;line-height:1.6;color:#4f6c62}.laser-results{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;font-size:.8rem}.laser-results span{background:#edf4ef;border-radius:6px;padding:6px 9px}.laser-clear{min-height:44px}.laser-lesson-note{padding:12px;border-radius:10px;background:#eef5e9;font-size:.9rem;line-height:1.7}.laser-board{min-width:0;padding:8px 0}.laser-scroll:focus-visible{outline:2px solid #b47c39}.lesson .laser{margin-top:12px}