.teach .nl-stage{position:relative}.teach .nl-modes{flex-wrap:wrap;gap:8px;display:flex}.teach .nl-modes .mt-btn{flex:180px}.teach .nl-x .mt-btn[aria-pressed=true]:hover:not(:disabled){background:var(--ink);color:var(--paper)}.teach .mt-nl-svg.is-pen{cursor:crosshair;touch-action:none}.teach .nl-hop-words{line-height:1.15;font-size:clamp(24px,4.4vh,46px)!important}.teach .nl-hopper{pointer-events:none}.teach .nl-hop-body{fill:var(--good);stroke:var(--ink);stroke-width:3px}.teach .nl-hop-eye{fill:#fff;stroke:var(--ink);stroke-width:1.5px}.teach .nl-hop-pupil{fill:#1d2733}.teach .nl-hop-shadow{fill:color-mix(in srgb, var(--ink) 18%, transparent)}.teach .nl-hop-arc{fill:none;stroke:var(--link);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}.teach .nl-hop-arc.back{stroke:var(--stop)}.teach .nl-hop-ring{fill:none;stroke:var(--good);stroke-width:4px;transform-box:fill-box;transform-origin:50%;animation:.6s ease-out forwards nl-ring}@keyframes nl-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.teach .nl-hop-done .mt-nl-arc{animation:.5s ease-out nl-glow}@keyframes nl-glow{0%{stroke-width:9px}to{stroke-width:4px}}.teach .nl-stroke{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.teach .nl-stroke.c0{stroke:var(--ink)}.teach .nl-stroke.c1{stroke:var(--link)}.teach .nl-stroke.c2{stroke:var(--stop)}.teach .nl-stroke.c3{stroke:var(--good)}.teach .nl-pen{pointer-events:none}.teach .nl-pen.is-erasing{pointer-events:auto}.teach .nl-pen.is-erasing .nl-stroke{stroke-width:14px;stroke-opacity:.75;cursor:pointer}.teach .nl-pen-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teach .nl-swatch{border:3px solid var(--ink);border-radius:50%;width:52px;height:52px}.teach .nl-swatch.c0{background:var(--ink)}.teach .nl-swatch.c1{background:var(--link)}.teach .nl-swatch.c2{background:var(--stop)}.teach .nl-swatch.c3{background:var(--good)}.teach .nl-swatch[aria-pressed=true]{outline:4px solid var(--accent);outline-offset:3px}.teach .nl-cover{cursor:move;outline:none}.teach .nl-cover-card{fill:var(--tint);stroke:var(--ink);stroke-width:3px}.teach .nl-cover.is-lifted .nl-cover-card{fill:#0000;stroke-dasharray:10 8;stroke:var(--muted)}.teach .nl-cover-q{fill:var(--ink);font:800 40px var(--font-ui);pointer-events:none}.teach .nl-cover-handle{fill:var(--ink);cursor:nwse-resize}.teach .nl-cover-close circle{fill:var(--card);stroke:var(--ink);stroke-width:2px}.teach .nl-cover-close text{fill:var(--ink);font:700 20px var(--font-ui);pointer-events:none}.teach .nl-cover-close{cursor:pointer}.teach .nl-cover:focus-visible .nl-cover-card{stroke:var(--link);stroke-width:6px}.teach .nl-flagpanel{border:2px solid var(--ink);background:var(--card);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.teach .nl-flag-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teach .nl-flag-head h2{margin-right:auto;font-size:22px}.teach .nl-flag-q{margin:0;font-size:clamp(26px,4.6vh,52px);font-weight:700;line-height:1.15}.teach .nl-flag-q b{font-variant-numeric:tabular-nums;font-weight:800}.teach .nl-big{min-height:64px;font-size:20px}.teach .nl-teams{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.teach .nl-team{border:2px solid var(--rule);background:var(--card);min-height:64px;color:var(--ink);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;font-weight:700;display:flex}.teach .nl-team span{flex:1}.teach .nl-team b{font-variant-numeric:tabular-nums;font-size:30px}.teach .nl-team[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent)}.teach .nl-bury summary{cursor:pointer;color:var(--muted);min-height:32px;font-size:14px}.teach .nl-secret{-webkit-text-security:disc}.teach .nl-pin circle,.teach .nl-pin rect,.teach .nl-pin polygon{stroke:var(--ink);stroke-width:3px}.teach .nl-pin.t0 *{fill:#3b82f6}.teach .nl-pin.t1 *{fill:#f59e0b}.teach .nl-pin.t2 *{fill:#22c55e}.teach .nl-pin.t3 *{fill:#ec4899}.teach .nl-pin-stem{stroke:var(--ink);stroke-width:3px;stroke-dasharray:4 4}.teach .nl-away{fill:var(--ink);font:800 22px var(--font-ui);paint-order:stroke;stroke:var(--paper);stroke-width:6px;stroke-linejoin:round}.teach .nl-team-mark.is-best{transform-box:fill-box;animation:.7s ease-in-out 3 nl-bounce}@keyframes nl-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)}70%{transform:translateY(-4px)}}.teach .nl-flag{transform-box:view-box;animation:.9s cubic-bezier(.2,.8,.3,1.2) both nl-rise}.teach .nl-flag .nl-flag-pole{stroke:var(--ink);stroke-width:5px;stroke-linecap:round}.teach .nl-flag .nl-flag-cloth{fill:var(--stop);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:0;animation:1.2s ease-in-out infinite alternate nl-wave}.teach .nl-flag-tag{fill:var(--accent);stroke:var(--ink);stroke-width:3px}.teach .nl-flag-tagtext{fill:#1d2733;font:800 26px var(--font-ui);font-variant-numeric:tabular-nums}@keyframes nl-rise{0%{opacity:0;transform:translateY(150px)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes nl-wave{0%{transform:skewY(-4deg)scaleX(.94)}to{transform:skewY(4deg)scaleX(1.04)}}.teach .nl-ruled{fill:color-mix(in srgb, var(--muted) 30%, transparent)}.teach .nl-hunt-guess line{stroke:var(--ink);stroke-width:2px}.teach .nl-hunt-guess circle{fill:var(--card);stroke:var(--ink);stroke-width:3px}.teach .nl-hunt-guess text{fill:var(--ink);font:800 18px var(--font-ui)}.teach .nl-confetti{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.teach .nl-confetti span{opacity:0;border-radius:2px;width:10px;height:16px;animation-name:nl-fall;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-fill-mode:forwards;position:absolute;top:-16px}.teach .nl-confetti .c0{background:#3b82f6}.teach .nl-confetti .c1{background:#f59e0b}.teach .nl-confetti .c2{background:#22c55e}.teach .nl-confetti .c3{background:#ec4899}.teach .nl-confetti .c4{background:#a855f7}@keyframes nl-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 360px) rotate(var(--spin))}}.teach.is-projector .nl-modes .mt-btn,.teach.is-projector .nl-team,.teach.is-projector .nl-sum .mt-btn{min-height:64px;font-size:20px}.teach.is-projector .nl-swatch{width:64px;height:64px}@media (prefers-reduced-motion:reduce){.teach .nl-flag,.teach .nl-flag .nl-flag-cloth,.teach .nl-team-mark.is-best,.teach .nl-hop-ring,.teach .nl-hop-done .mt-nl-arc{animation:none}.teach .nl-confetti{display:none}}
