/* Närmast vinner (numberGuess): talreglage i mobilens nederdel och tallinje i TV:ns bildram. Laddas efter round-view.css. */
.number-control{display:grid;gap:2px;margin:0;padding:10px 12px 8px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.number-control label{margin:0;text-align:center;font-size:12px;color:var(--muted)}
.number-control output{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0;color:var(--accent);font-size:clamp(30px,9vw,42px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.number-control.is-revealed output::after{content:"✓";font-size:.6em}
.number-unit{font-size:.42em;font-weight:700;color:var(--ink)}
.number-slider{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px}
.number-slider input[type=range]{width:100%;min-height:44px;padding:0;border:0;background:transparent;accent-color:var(--accent);cursor:pointer}
.number-nudge{min-height:44px;padding:0;border:1px solid #59506f;border-radius:14px;background:#39324f;color:var(--ink);font-size:26px;font-weight:800;line-height:1}
.number-control input:disabled{cursor:default;opacity:.55}
.number-ticks{position:relative;height:16px;margin:0 56px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.number-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.number-bounds{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.number-own{color:var(--muted);font-weight:600;text-align:center}
.number-solution{margin:0;color:var(--accent);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.number-own-line{color:var(--ink)}
/* TV: bilden, eller skalan med spann och enhet, i den gemensamma bildramen. */
.number-picture{margin:0}
.number-picture img{display:block;width:100%;height:100%;object-fit:cover}
.number-credit{margin:0}
.number-range-panel{display:grid;align-content:center;gap:calc(var(--u)*2);padding:calc(var(--u)*3) calc(var(--u)*4);background:linear-gradient(150deg,#2b2442,#1a162e)}
.number-range-mark{justify-self:center;font-size:calc(var(--u)*12);line-height:1;color:#c5adff66;font-weight:850}
.number-scale{position:relative;height:calc(var(--u)*1)}
.number-scale .number-axis{position:absolute;left:0;right:0;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#c5adff55,#c5adffaa)}
.number-range-panel .number-range{margin:0;font-size:calc(var(--u)*2);color:var(--ink)}
.number-line-frame{display:grid;align-content:center;padding:calc(var(--u)*2) calc(var(--u)*3)}
/* Tallinjen: markeringar positioneras med klasser (ng-at-0 … ng-at-200 = 0–100 %). */
.number-line{margin:0;padding:0}
.number-line-caption{margin-bottom:calc(var(--u)*1.2);font-size:calc(var(--u)*2);color:var(--muted)}
.number-line-caption strong{color:var(--accent)}
.number-track{--lane:calc(var(--u)*4.6);--lanes:1;position:relative;height:calc(var(--lane) * var(--lanes) + var(--u)*6.4);margin:0 calc(var(--u)*2.4)}
.number-track.lanes-2{--lanes:2}.number-track.lanes-3{--lanes:3}.number-track.lanes-4{--lanes:4}
.number-axis{position:absolute;left:0;right:0;bottom:30px;height:4px;border-radius:2px;background:linear-gradient(90deg,#c5adff55,#c5adffaa)}
.number-marks{list-style:none;margin:0;padding:0}
.number-mark{--lane-index:0;position:absolute;z-index:1;bottom:calc(42px + var(--lane) * var(--lane-index));transform:translateX(-50%)}
.number-mark.lane-1{--lane-index:1}.number-mark.lane-2{--lane-index:2}.number-mark.lane-3{--lane-index:3}
.tv-round .number-mark .avatar{width:calc(var(--lane) - 6px);border-color:var(--player-color);font-size:calc(var(--u)*1.5)}
.number-mark:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:calc(var(--lane) * var(--lane-index) + 10px);margin-left:-1px;background:var(--player-color);opacity:.55}
.number-mark.is-closest{z-index:2}
.number-mark.is-closest .avatar{border-color:var(--accent);box-shadow:0 0 0 4px #d8fd7840,0 0 18px #d8fd7880}
.number-mark.is-closest:before{content:"Närmast";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;padding:1px 8px;border-radius:20px;background:var(--accent);color:#251c36;font-size:calc(var(--u)*1.2);font-weight:850;white-space:nowrap}
.is-zoomed .number-mark.off-left,.is-zoomed .number-mark.off-right{opacity:.5}
.is-zoomed .number-mark.off-left .avatar,.is-zoomed .number-mark.off-right .avatar{border-style:dashed}
.number-answer{position:absolute;top:0;bottom:24px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px #d8fd7888}
.number-answer-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;white-space:nowrap;color:var(--accent);font-size:calc(var(--u)*2);font-weight:850;font-variant-numeric:tabular-nums}
.number-range{display:flex;justify-content:space-between;gap:12px;margin:2px calc(var(--u)*2.4) 0;font-size:calc(var(--u)*1.6);color:var(--muted);font-variant-numeric:tabular-nums}
.number-range-zoom{display:none}.is-zoomed .number-range-full{display:none}.is-zoomed .number-range-zoom{display:flex}
.reveal-player.is-closest{border-color:var(--accent);box-shadow:0 0 0 2px #d8fd7855,0 0 22px #d8fd7833}
@media(prefers-reduced-motion:no-preference){
  .number-line.is-zooming .number-mark,.number-line.is-zooming .number-answer{transition:left 1.5s cubic-bezier(.65,0,.35,1)}
  .number-line.is-zooming.is-zoomed .number-mark.is-closest .avatar{animation:number-closest .5s ease-out 1.5s both}
  @keyframes number-closest{0%{transform:scale(1)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
}
.ng-at-0{left:0%}.ng-at-1{left:0.5%}.ng-at-2{left:1%}.ng-at-3{left:1.5%}.ng-at-4{left:2%}.ng-at-5{left:2.5%}.ng-at-6{left:3%}.ng-at-7{left:3.5%}.ng-at-8{left:4%}.ng-at-9{left:4.5%}.ng-at-10{left:5%}.ng-at-11{left:5.5%}.ng-at-12{left:6%}.ng-at-13{left:6.5%}.ng-at-14{left:7%}.ng-at-15{left:7.5%}.ng-at-16{left:8%}.ng-at-17{left:8.5%}.ng-at-18{left:9%}.ng-at-19{left:9.5%}.ng-at-20{left:10%}.ng-at-21{left:10.5%}.ng-at-22{left:11%}.ng-at-23{left:11.5%}.ng-at-24{left:12%}.ng-at-25{left:12.5%}.ng-at-26{left:13%}.ng-at-27{left:13.5%}.ng-at-28{left:14%}.ng-at-29{left:14.5%}.ng-at-30{left:15%}.ng-at-31{left:15.5%}.ng-at-32{left:16%}.ng-at-33{left:16.5%}.ng-at-34{left:17%}.ng-at-35{left:17.5%}.ng-at-36{left:18%}.ng-at-37{left:18.5%}.ng-at-38{left:19%}.ng-at-39{left:19.5%}.ng-at-40{left:20%}.ng-at-41{left:20.5%}.ng-at-42{left:21%}.ng-at-43{left:21.5%}.ng-at-44{left:22%}.ng-at-45{left:22.5%}.ng-at-46{left:23%}.ng-at-47{left:23.5%}.ng-at-48{left:24%}.ng-at-49{left:24.5%}.ng-at-50{left:25%}.ng-at-51{left:25.5%}.ng-at-52{left:26%}.ng-at-53{left:26.5%}.ng-at-54{left:27%}.ng-at-55{left:27.5%}.ng-at-56{left:28%}.ng-at-57{left:28.5%}.ng-at-58{left:29%}.ng-at-59{left:29.5%}.ng-at-60{left:30%}.ng-at-61{left:30.5%}.ng-at-62{left:31%}.ng-at-63{left:31.5%}.ng-at-64{left:32%}.ng-at-65{left:32.5%}.ng-at-66{left:33%}.ng-at-67{left:33.5%}.ng-at-68{left:34%}.ng-at-69{left:34.5%}.ng-at-70{left:35%}.ng-at-71{left:35.5%}.ng-at-72{left:36%}.ng-at-73{left:36.5%}.ng-at-74{left:37%}.ng-at-75{left:37.5%}.ng-at-76{left:38%}.ng-at-77{left:38.5%}.ng-at-78{left:39%}.ng-at-79{left:39.5%}.ng-at-80{left:40%}.ng-at-81{left:40.5%}.ng-at-82{left:41%}.ng-at-83{left:41.5%}.ng-at-84{left:42%}.ng-at-85{left:42.5%}.ng-at-86{left:43%}.ng-at-87{left:43.5%}.ng-at-88{left:44%}.ng-at-89{left:44.5%}.ng-at-90{left:45%}.ng-at-91{left:45.5%}.ng-at-92{left:46%}.ng-at-93{left:46.5%}.ng-at-94{left:47%}.ng-at-95{left:47.5%}.ng-at-96{left:48%}.ng-at-97{left:48.5%}.ng-at-98{left:49%}.ng-at-99{left:49.5%}.ng-at-100{left:50%}.ng-at-101{left:50.5%}.ng-at-102{left:51%}.ng-at-103{left:51.5%}.ng-at-104{left:52%}.ng-at-105{left:52.5%}.ng-at-106{left:53%}.ng-at-107{left:53.5%}.ng-at-108{left:54%}.ng-at-109{left:54.5%}.ng-at-110{left:55%}.ng-at-111{left:55.5%}.ng-at-112{left:56%}.ng-at-113{left:56.5%}.ng-at-114{left:57%}.ng-at-115{left:57.5%}.ng-at-116{left:58%}.ng-at-117{left:58.5%}.ng-at-118{left:59%}.ng-at-119{left:59.5%}.ng-at-120{left:60%}.ng-at-121{left:60.5%}.ng-at-122{left:61%}.ng-at-123{left:61.5%}.ng-at-124{left:62%}.ng-at-125{left:62.5%}.ng-at-126{left:63%}.ng-at-127{left:63.5%}.ng-at-128{left:64%}.ng-at-129{left:64.5%}.ng-at-130{left:65%}.ng-at-131{left:65.5%}.ng-at-132{left:66%}.ng-at-133{left:66.5%}.ng-at-134{left:67%}.ng-at-135{left:67.5%}.ng-at-136{left:68%}.ng-at-137{left:68.5%}.ng-at-138{left:69%}.ng-at-139{left:69.5%}.ng-at-140{left:70%}.ng-at-141{left:70.5%}.ng-at-142{left:71%}.ng-at-143{left:71.5%}.ng-at-144{left:72%}.ng-at-145{left:72.5%}.ng-at-146{left:73%}.ng-at-147{left:73.5%}.ng-at-148{left:74%}.ng-at-149{left:74.5%}.ng-at-150{left:75%}.ng-at-151{left:75.5%}.ng-at-152{left:76%}.ng-at-153{left:76.5%}.ng-at-154{left:77%}.ng-at-155{left:77.5%}.ng-at-156{left:78%}.ng-at-157{left:78.5%}.ng-at-158{left:79%}.ng-at-159{left:79.5%}.ng-at-160{left:80%}.ng-at-161{left:80.5%}.ng-at-162{left:81%}.ng-at-163{left:81.5%}.ng-at-164{left:82%}.ng-at-165{left:82.5%}.ng-at-166{left:83%}.ng-at-167{left:83.5%}.ng-at-168{left:84%}.ng-at-169{left:84.5%}.ng-at-170{left:85%}.ng-at-171{left:85.5%}.ng-at-172{left:86%}.ng-at-173{left:86.5%}.ng-at-174{left:87%}.ng-at-175{left:87.5%}.ng-at-176{left:88%}.ng-at-177{left:88.5%}.ng-at-178{left:89%}.ng-at-179{left:89.5%}.ng-at-180{left:90%}.ng-at-181{left:90.5%}.ng-at-182{left:91%}.ng-at-183{left:91.5%}.ng-at-184{left:92%}.ng-at-185{left:92.5%}.ng-at-186{left:93%}.ng-at-187{left:93.5%}.ng-at-188{left:94%}.ng-at-189{left:94.5%}.ng-at-190{left:95%}.ng-at-191{left:95.5%}.ng-at-192{left:96%}.ng-at-193{left:96.5%}.ng-at-194{left:97%}.ng-at-195{left:97.5%}.ng-at-196{left:98%}.ng-at-197{left:98.5%}.ng-at-198{left:99%}.ng-at-199{left:99.5%}.ng-at-200{left:100%}