/* v67 interactive lesson parts (lesson-acts.js). Board = dark green panel (also the projector view); student screens sit on the dark .ls-stu page. */
.la-agenda{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.la-chip{font:600 13px system-ui,sans-serif;padding:6px 12px;border-radius:999px;border:1px solid #d9cfba;background:#fff;color:#4a554f;cursor:pointer}
.la-chip.on{background:#1F5A4F;border-color:#1F5A4F;color:#fff}
.la-chip.done{background:#eef5f0;border-color:#cfe2d6;color:#2b5e46}
.la-chip.la-end{cursor:default;background:#f6f1e4;color:#6b6656;border-style:dashed}
.la-chip:focus-visible{outline:3px solid #b07d16;outline-offset:2px}
.ls-teach.la-on{display:block}
.la-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}
.la-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font:800 12px system-ui;letter-spacing:.12em;text-transform:uppercase;color:#6b6656}
.la-board{background:#16302a;color:#fbf6ea;border-radius:16px;min-height:340px;padding:24px 28px;display:flex;flex-direction:column}
.la-k{display:flex;justify-content:space-between;gap:8px;font:800 13px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#e7cf8f;margin-bottom:10px}
.la-board h2{font:600 clamp(20px,2.2vw,32px)/1.25 Georgia,"Times New Roman",serif;margin:0 0 12px;color:#fff8ea}
.la-big{font:clamp(18px,2vw,28px)/1.45 Georgia,"Times New Roman",serif;margin-bottom:8px}
.la-big b,.la-q b,.la-srow b,.la-chip2 b{color:#ffe7a8}
.la-q b{color:#7a3d00;text-decoration:underline;text-underline-offset:4px}
.la-dim{color:#b9c9c0}
.la-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.la-opt{display:flex;align-items:center;gap:10px;border-radius:12px;padding:12px 14px;color:#fff;font:700 clamp(15px,1.5vw,20px) system-ui,sans-serif;position:relative;overflow:hidden;border:0;text-align:left}
.la-opt.c0{background:#b8392f}.la-opt.c1{background:#2a64a3}.la-opt.c2{background:#8f6a14}.la-opt.c3{background:#287a4a}
.la-opt>span{position:relative}
.la-shape{width:24px;flex:none;text-align:center;font-size:20px}
.la-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.2);transition:width .3s}
.la-n{margin-left:auto;font-variant-numeric:tabular-nums}
.la-opt.dim{opacity:.35}.la-opt.win{outline:4px solid #fff;outline-offset:-4px}
.la-timer{font-variant-numeric:tabular-nums;background:#0e211c;border-radius:999px;padding:2px 12px;color:#fff;letter-spacing:0}
.la-why{margin-top:12px;font-size:clamp(15px,1.4vw,19px);background:rgba(231,207,143,.14);border-left:4px solid #e7cf8f;padding:9px 13px;border-radius:6px}
.la-small{font-size:13px;color:#5d6a63;margin:6px 0}
.la-board .la-small{color:#b9c9c0}
.la-sort{display:grid;gap:7px}
.la-srow{display:grid;grid-template-columns:minmax(0,1fr) 130px 48px;gap:10px;align-items:center;font-size:clamp(14px,1.3vw,18px)}
.la-srow small{color:#b9c9c0}
.la-bar{height:10px;background:#0e211c;border-radius:6px;overflow:hidden}.la-bar i{display:block;height:100%;background:#7fd0a3;transition:width .3s}
.la-srow.weak .la-bar i{background:#f08b6f}
.la-podium{display:grid;gap:7px}
.la-prow{display:grid;grid-template-columns:36px minmax(0,1fr) 90px;gap:10px;align-items:center;background:#244a40;border-radius:10px;padding:9px 14px;font-size:clamp(16px,1.5vw,21px)}
.la-prow:first-child{background:#6d5a1e}.la-r{font-weight:800;color:#e7cf8f}.la-p{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.la-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:10px}
.la-card{background:#fff;color:#1f2a24;border-radius:12px;padding:14px 14px 12px;font:clamp(15px,1.4vw,19px)/1.4 Georgia,serif;position:relative}
.la-card.win{outline:4px solid #e7cf8f}
.la-tag{position:absolute;top:-9px;left:10px;background:#e7cf8f;color:#2b2414;font:700 12px system-ui;border-radius:6px;padding:1px 8px}
.la-hearts{font:700 14px system-ui;color:#a3362a;margin-top:6px}
.la-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.la-ctl .sp{flex:1}
.la-check{font-size:14px;display:inline-flex;gap:6px;align-items:center}
.la-private{background:#fffdf8;border:1px solid #e5dccb;border-radius:14px;padding:12px 14px;font-size:14px;position:sticky;top:12px}
.la-lock{display:inline-block;font-size:12px;color:#6a4c10;background:#fdf3dc;border-radius:6px;padding:2px 7px;margin-bottom:4px}
.la-h{font:800 12px system-ui;letter-spacing:.1em;text-transform:uppercase;color:#5d6a63;margin:12px 0 2px}
.la-wlist{display:grid;gap:6px;max-height:360px;overflow:auto}
.la-witem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start;border:1px solid #e5dccb;border-radius:8px;padding:7px 9px;background:#fff;font-size:14px}
.la-witem.star{border-color:#d6b768;background:#fdf6e3}
.la-witem small{display:block;color:#5d6a63}
.la-sum{margin:0;padding-left:18px}.la-sum li{margin:4px 0}
.ls-parts{display:grid;gap:6px;margin:6px 0}.ls-parts label{display:flex;gap:8px;align-items:flex-start}
/* projector */
.la-proj{min-height:70vh;padding:36px 44px}
.la-proj h2{font-size:clamp(28px,3.4vw,48px)}.la-proj .la-big{font-size:clamp(26px,3vw,42px)}
.la-proj .la-opt{font-size:clamp(20px,2.2vw,30px);padding:18px}
/* student */
.la-stu .ls-slide.la-q{min-height:0;padding:20px 24px}
.la-stu .la-q .ls-big{font-size:26px;margin:0}
.la-sopts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.la-sopts .la-opt{min-height:92px;font-size:20px;cursor:pointer}
.la-sopts .la-opt:disabled{cursor:default}
.la-sopts .la-opt:disabled:not(.picked):not(.dim){opacity:.75}
.la-sopts .la-opt.picked{outline:5px solid #fff;outline-offset:-5px}
.la-sopts .la-opt:focus-visible,.la-chip2:focus-visible,.la-bin:focus-visible,.la-vcard:focus-visible{outline:4px solid #f0c96b;outline-offset:2px}
.la-stimer{text-align:center;margin:12px 0 0;font:800 24px system-ui;color:#f0c96b;font-variant-numeric:tabular-nums}
.la-res{border-radius:14px;padding:16px;text-align:center;margin-top:12px;color:#fff8ea;font-size:17px}
.la-res.ok{background:#1f5a3a}.la-res.no{background:#6b2a22}.la-res.wait{background:#2a3a32}
.la-res b{display:block;font:700 24px Georgia,serif;margin-bottom:4px}
.la-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.la-chip2{border:2px solid #6b5a3f;background:#2b2015;color:#f3e5c9;border-radius:999px;padding:9px 14px;font:17px system-ui,sans-serif;cursor:pointer}
.la-chip2.sel{border-color:#f0c96b;background:#4a3a18}
.la-chip2.right{border-color:#7fd0a3}.la-chip2.wrong{border-color:#f08b6f;background:#3b211c}
.la-bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.la-bin{border:2px dashed #6b5a3f;border-radius:14px;min-height:150px;padding:10px;background:#1d140c;cursor:pointer}
.la-bin.hot{border-color:#f0c96b;border-style:solid}
.la-bh{font:800 17px system-ui;margin-bottom:8px;color:#fff3da}
.la-bin .la-chip2{font-size:15px;padding:6px 10px;margin:0 6px 6px 0}
.la-stu textarea{width:100%;min-height:110px;border-radius:12px;border:2px solid #6b5a3f;background:#fffdf8;color:#1f2a24;font:20px/1.45 Georgia,serif;padding:12px;margin-bottom:10px}
.la-vcards{display:grid;gap:10px;margin-top:8px}
.la-vcard{background:#fffdf8;color:#1f2a24;border-radius:12px;padding:12px 14px;font:19px/1.4 Georgia,serif;text-align:left;border:4px solid transparent;cursor:pointer}
.la-vcard:disabled{cursor:default}.la-vcard.picked{border-color:#f0c96b}
.la-tag2{display:block;font:700 13px system-ui;color:#6a4c10;margin-bottom:3px}
@media (max-width:900px){.la-main{grid-template-columns:1fr}.la-private{position:static}.la-opts{grid-template-columns:1fr}}
@media (max-width:520px){.la-sopts{grid-template-columns:1fr}.la-sopts .la-opt{min-height:64px}}
@media (prefers-reduced-motion:reduce){.la-fill,.la-bar i{transition:none}}