/* لوحة مقياس الطفل: نسخة مطابقة للوحة أكاديمية بناء (kids_v04 / q1_board) */
.sm-board{direction:rtl;text-align:center;font-family:inherit;user-select:none;-webkit-user-select:none}
.sm-board[dir=ltr]{direction:ltr}
.sm-title{font-size:20px;font-weight:700;margin:4px 0 12px}
.sm-scene{position:relative;max-width:900px;margin:0 auto;line-height:0;border-radius:14px;overflow:visible}
.sm-scene>img{width:100%;height:auto;display:block;border-radius:14px;pointer-events:none;-webkit-user-drag:none}
.sm-spot{position:absolute;border:4px solid transparent;border-radius:16px;cursor:pointer;line-height:normal}
.sm-spot.sm-has-most{border-color:#22A55B;background:rgba(34,165,91,.10)}
.sm-spot.sm-has-least{border-color:#E03B3B;background:rgba(224,59,59,.10)}
.sm-slot{position:absolute;top:-22px;left:50%;transform:translateX(-50%);z-index:5}
.sm-tag{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:15px;font-weight:700;padding:3px 12px;border-radius:999px;color:#fff;display:none}
.sm-tag-most{display:block;background:#22A55B}
.sm-tag-least{display:block;background:#E03B3B}
.sm-tray{display:flex;justify-content:center;gap:48px;margin:26px 0 6px}
.sm-tray>div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:16px;font-weight:600;min-width:120px;min-height:112px}
.sm-mark{width:76px;height:76px;border-radius:50%;color:#fff;font-size:46px;line-height:76px;text-align:center;cursor:grab;touch-action:none;box-shadow:0 4px 12px rgba(0,0,0,.25);position:relative;z-index:10}
.sm-mark[data-k=most]{background:#22A55B}
.sm-mark[data-k=least]{background:#E03B3B}
.sm-slot .sm-mark{width:52px;height:52px;line-height:52px;font-size:30px}
.sm-mark.sm-drag{cursor:grabbing;z-index:1000;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.sm-mark.sm-sel{outline:5px solid #FFC107;outline-offset:3px}
.sm-video{max-width:900px;margin:0 auto;position:relative}
.sm-video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px;display:block}
.sm-vnote{margin-top:8px;font-size:15px;color:#555}
.sm-play{display:none}
.sm-replay{margin-top:12px;background:none;border:1px solid #bbb;border-radius:999px;padding:6px 16px;font:inherit;font-size:14px;cursor:pointer;color:#444}
.sm-note{margin-top:10px;font-size:15px;color:#555;line-height:1.6}
.sm-note.sm-warn{color:#E03B3B;font-weight:700}
@media(max-width:480px){
  .sm-slot .sm-mark{width:40px;height:40px;line-height:40px;font-size:24px}
  .sm-tag{font-size:12px;padding:2px 8px}
  .sm-tray{gap:24px}
  .sm-mark{width:64px;height:64px;line-height:64px;font-size:38px}
}
.sm-gate>div{position:absolute;background:transparent;z-index:20}
.sm-gate .g1{top:0;left:0;right:0;height:32%}
.sm-gate .g2{bottom:0;left:0;right:0;height:32%}
.sm-gate .g3{top:32%;bottom:32%;left:0;width:36%}
.sm-gate .g4{top:32%;bottom:32%;right:0;width:36%}
.sm-lock{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:30;background:transparent;outline:none;cursor:default}
.sm-video.sm-locked .sm-lock{display:block}
.sm-video.sm-locked .sm-gate{display:none}
.sm-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#000}
.sm-frame iframe{position:absolute;left:0;top:calc(-1 * var(--cut,125px));width:100%;height:calc(100% + 2 * var(--cut,125px));aspect-ratio:auto;border-radius:0}
.sm-prog{position:absolute;left:0;right:0;bottom:0;height:7px;background:rgba(255,255,255,.35);z-index:40;pointer-events:none;direction:ltr}
.sm-prog i{display:block;height:100%;width:0;background:#E03B3B}
.sm-big-btn{position:absolute;top:10px;left:10px;z-index:50;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;cursor:pointer;line-height:1.4}
.sm-video.sm-big{position:fixed;top:0;left:0;right:0;bottom:0;max-width:none;margin:0;background:#000;z-index:99999}
.sm-video:fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;max-width:none;margin:0;background:#000}
.sm-video:-webkit-full-screen{position:fixed;top:0;left:0;right:0;bottom:0;max-width:none;margin:0;background:#000}
.sm-video.sm-big .sm-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,177.78vh);max-width:none;border-radius:0}
.sm-video:fullscreen .sm-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,177.78vh);max-width:none;border-radius:0}
.sm-video:-webkit-full-screen .sm-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,177.78vh);max-width:none;border-radius:0}
.sm-video.sm-big .sm-vnote{display:none}
.sm-video:fullscreen .sm-vnote{display:none}
.sm-frame .sm-v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}
.sm-tap{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;z-index:60;background:#FF5200;color:#fff;border:0;border-radius:999px;padding:14px 26px;font:inherit;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.sm-tap[hidden]{display:none}
.sm-prog i{background:#FF5200}