.ar-win{--s:1;z-index:960;opacity:0;transform-origin:0 0;will-change:transform;-webkit-tap-highlight-color:transparent;background:#f1f1f4;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 0 .5px #00000029,0 2px 6px #00000014,0 24px 70px -8px #0a14325c}.ar-win[data-place=mini]{z-index:940;cursor:pointer}.ar-win[data-place=mini] .tn-canvas{cursor:pointer}.ar-win:fullscreen{opacity:1!important;border-radius:0!important;width:100vw!important;height:100vh!important;transform:none!important}.ar-bar{width:calc(100% * var(--s));height:40px;margin-top:env(safe-area-inset-top);box-sizing:border-box;font-family:var(--text);transform:scale(calc(1 / var(--s)));transform-origin:0 0;-webkit-user-select:none;user-select:none;align-items:center;padding:0 14px;display:flex;position:absolute;top:0;left:0}.ar-lights{gap:8px;transition:opacity .18s;display:flex}.ar-light{cursor:default;border:0;border-radius:50%;place-items:center;width:12px;height:12px;padding:0;display:grid;box-shadow:inset 0 0 0 .5px #00000024}.ar-close{background:#ff5f57}.ar-min{background:#febc2e}.ar-zoom{background:#28c840}.ar-light svg{fill:none;stroke:#0000008c;stroke-width:1.2px;stroke-linecap:round;opacity:0;width:8px;height:8px;transition:opacity .12s}.ar-zoom svg{fill:#0000008c;stroke:none}.ar-lights:hover svg,.ar-light:focus-visible svg{opacity:1}.ar-light:focus-visible{outline-offset:1px;outline:2px solid #0071e399}.ar-title{color:#1d1d1f8f;font-size:13px;font-weight:var(--medium);font-variant-numeric:tabular-nums;letter-spacing:-.008em;white-space:nowrap;transition:opacity .18s;position:absolute;left:50%;transform:translate(-50%)}.ar-score b{color:#1d1d1f;font-weight:var(--semibold)}.ar-score i{opacity:.8;font-style:normal}.ar-note{color:#e5342b;font-weight:var(--semibold);animation:.36s cubic-bezier(.22,1,.36,1) both ar-note;display:inline-block}.ar-note[data-good]{color:#1f9d48}@keyframes ar-note{0%{opacity:0;filter:blur(3px);transform:translateY(5px)}}.ar-win[data-place=mini] .ar-title,.ar-win[data-place=mini] .ar-min,.ar-win[data-place=going] .ar-title{display:none}.ar-win[data-place=mini] .ar-lights{opacity:0}.ar-win[data-place=mini]:hover .ar-lights,.ar-win[data-place=mini]:focus-within .ar-lights{opacity:1}@media (hover:none){.ar-win[data-place=mini] .ar-lights{opacity:1}.ar-win:not([data-place=mini]) .ar-zoom{display:none}}
.dot{z-index:1000;mix-blend-mode:difference;pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:scale .2s cubic-bezier(.4,0,1,1);position:fixed;top:0;left:0;scale:0}.dot[data-on]{transition:scale .48s cubic-bezier(.34,1.56,.64,1);scale:1}@media (prefers-reduced-motion:reduce){.dot,.dot[data-on]{transition:none}}