.sp-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.sp-radar-wrap{place-items:center;padding:18px;display:grid}.sp-radar{aspect-ratio:1;cursor:crosshair;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#2fd18e12,#0000 62%),#0d0d0d;border-radius:50%;width:100%;max-width:470px;position:relative;box-shadow:inset 0 0 0 1px #1d1d1d,inset 0 0 40px #000c}.sp-radar:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.sp-ring{width:calc(88%*var(--s));height:calc(88%*var(--s));pointer-events:none;border:1px dashed #ffffff14;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-ring:first-child{border:1px solid #2fd18e38}.sp-axis{pointer-events:none;background:#ffffff0d;position:absolute}.sp-axis.h{height:1px;top:50%;left:6%;right:6%}.sp-axis.v{width:1px;top:6%;bottom:6%;left:50%}.sp-dir{pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:#6f6f6f;font-size:11.5px;position:absolute}.sp-dir.f{color:#9a9a9a;top:1.2%;left:50%;transform:translate(-50%)}.sp-dir.b{bottom:1.2%;left:50%;transform:translate(-50%)}.sp-dir.l{transform-origin:50%;top:50%;left:.5%;transform:translateY(-50%)rotate(-90deg)}.sp-dir.r{transform-origin:50%;top:50%;right:.5%;transform:translateY(-50%)rotate(90deg)}.sp-head{pointer-events:none;width:13%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-head svg{fill:#4a4a4a;stroke:#1a1a1a;stroke-width:1.5px;width:100%;height:auto}.sp-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sp-line line{stroke:#ffe40059;stroke-width:1.5px;stroke-dasharray:4 4}.sp-dot{left:var(--x);top:var(--y);width:26px;height:26px;transform:translate(-50%,-50%)scale(var(--z));pointer-events:none;position:absolute}.sp-dot i{background:radial-gradient(circle at 38% 35%,#fffbb8,#ffe400 55%,#b9a400);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 14px 4px #ffe4008c}.sp-dot em{transform:translateX(-50%)scale(calc(1/var(--z)));color:var(--yellow);white-space:nowrap;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:12px;font-style:normal;font-weight:700;position:absolute;top:-22px;left:50%}.sp-radar[aria-busy=true] .sp-dot i,.sp-radar.playing .sp-dot i{animation:.6s ease-in-out infinite alternate sp-glow}@keyframes sp-glow{to{box-shadow:0 0 22px 8px #ffe40059}}.sp-radar.quiz{cursor:pointer}.sp-radar.quiz .sp-dot,.sp-radar.quiz .sp-line{visibility:hidden}.sp-ans,.sp-truth{pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute}.sp-ans{background:var(--orange);box-shadow:0 0 10px #ff652fcc}.sp-truth{background:var(--lcd-green);box-shadow:0 0 10px #2fd18ecc}.sp-side{flex-direction:column;gap:16px;min-width:0;display:flex}.sp-side .field{margin:0}.sp-play{align-self:stretch}.sp-play[aria-pressed=true]{transform:translateY(2px);box-shadow:inset 0 2px 6px #00000073,0 1px #0b0b0b}.sp-fader{grid-template-columns:56px minmax(0,1fr) 76px;align-items:center;gap:12px;display:grid}.sp-val{color:#e6e6e6;text-align:right;white-space:nowrap;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:14.5px;font-weight:700}.sp-note{color:#d2d2d2;background:#1b1b1b;border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.45;box-shadow:inset 0 0 0 1px #2e2e2e}.sp-quiz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 24px;margin-top:18px;padding:16px 18px;display:flex}.sp-quiz-text{flex:380px;min-width:0}.sp-quiz-text p{color:#e6e6e6;margin-top:4px;font-size:15.5px;font-weight:600;line-height:1.45}.sp-quiz-keys{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-atmos{margin-top:18px;padding:16px 18px 18px}.sp-atmos-head{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.sp-atmos-head .label{color:#c9c9c9;font-size:14px}.sp-atmos-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;margin-top:16px;display:grid}.sp-steps{color:#dcdcdc;margin:0;padding-left:22px;font-size:15px;line-height:1.5}.sp-steps li{margin:0 0 8px}.sp-steps li::marker{color:var(--yellow);font-weight:700}.sp-steps b{color:#fff}.sp-caps{background:#161616;border-radius:10px;padding:14px 16px;box-shadow:inset 0 0 0 1px #262626}.sp-caps ul{margin:10px 0 0;padding:0;list-style:none}.sp-caps li{color:#cfcfcf;border-bottom:1px solid #222;justify-content:space-between;gap:12px;padding:7px 0;font-size:14.5px;display:flex}.sp-caps li b{white-space:nowrap;color:#e6e6e6;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif}.sp-caps li b.yes{color:#39e09b}.sp-caps li b.no{color:#ff8a5c}.sp-caps li b.dim{color:#8f8f8f}.sp-caps p{color:#9a9a9a;margin-top:10px;font-size:13.5px;line-height:1.45}.sp-strip{margin-top:18px}.sp-strip .lcd-cell .seg{font-size:28px}@media (max-width:1080px){.sp-grid,.sp-atmos-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.sp-radar-wrap{padding:10px}.sp-dot{width:22px;height:22px}.sp-dir{font-size:10.5px}.sp-fader{grid-template-columns:50px minmax(0,1fr) 66px;gap:10px}.sp-quiz,.sp-atmos{padding:14px}}@media (prefers-reduced-motion:reduce){.sp-dot i{animation:none!important}}.tool-spatial .tg>.ic:nth-of-type(2),.tool-spatial .tg[aria-pressed=true]>.ic:first-of-type{display:none}.tool-spatial .tg[aria-pressed=true]>.ic:nth-of-type(2){display:block}