.blot-root{display:inline-block;position:relative}.blot-root .blot-svg{display:block;overflow:visible}.blot-mood-locked .blot-heart{transform-origin:50%;transform-box:fill-box;animation:.42s ease-out blot-heart-pulse}.blot-mood-locked .blot-visor{transform-origin:50%;transform-box:fill-box;animation:.18s ease-in-out blot-visor-blink}.blot-mood-paid .blot-arm-right{animation:blot-arm-point .7s var(--ease-juice) 1 forwards;transform-origin:20% 20%;transform-box:fill-box}@keyframes blot-heart-pulse{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes blot-visor-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes blot-arm-point{to{transform:rotate(-70deg)}}@media (prefers-reduced-motion:reduce){.blot-mood-locked .blot-heart,.blot-mood-locked .blot-visor,.blot-mood-paid .blot-arm-right{animation:none}}.blot-drop{transform-origin:50% 100%;animation:.78s cubic-bezier(.55,0,.9,.4) forwards blot-drop}.blot-rise{animation:blot-rise .62s var(--ease-juice,cubic-bezier(.2, .9, .3, 1.2)) 1 both;transform-origin:50% 100%}@keyframes blot-drop{0%{opacity:1;transform:translateY(0)scale(1)}22%{transform:translateY(-14px)scale(1.04,.94)}to{opacity:.2;transform:translateY(140%)scale(.86,1.08)}}@keyframes blot-rise{0%{opacity:0;transform:translateY(70%)scale(.9,1.1)}60%{opacity:1;transform:translateY(-4%)scale(1.03,.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.blot-drop,.blot-rise{animation:none}}.blot-dial-row{--dial-colour:color-mix(in oklab, color-mix(in oklab, var(--color-game-action), var(--color-dial-hot) calc(var(--dial-heat,0) * 100%)), var(--color-dial-cold) calc(var(--dial-cold,0) * 100%));--dial-glow:calc(var(--dial-heat,0) * 26px + var(--dial-cold,0) * 22px)}.blot-dial-label{color:color-mix(in oklab, var(--color-game-ink-muted), var(--dial-colour) calc((var(--dial-heat,0) + var(--dial-cold,0)) * 80%));transition:color .12s linear}.blot-dial-readout{color:color-mix(in oklab, var(--color-game-ink), var(--dial-colour) calc((var(--dial-heat,0) + var(--dial-cold,0)) * 85%));text-shadow:0 0 var(--dial-glow) color-mix(in oklab, var(--dial-colour), transparent 35%);transition:color .12s linear, transform .12s var(--ease-juice,ease-out)}.blot-dial-row.is-active .blot-dial-readout{transform:scale(1.08)}.blot-dial{appearance:none;cursor:pointer;background:0 0;height:48px}.blot-dial:disabled{cursor:default;opacity:.5}.blot-dial::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--dial-colour) 0%, var(--dial-colour) var(--dial-fill,0%), var(--color-game-raised) var(--dial-fill,0%), var(--color-game-raised) 100%);height:18px;box-shadow:inset 0 2px 3px #00000059, 0 0 var(--dial-glow) color-mix(in oklab, var(--dial-colour), transparent 45%);border-radius:9px}.blot-dial::-moz-range-track{background:var(--color-game-raised);border-radius:9px;height:18px;box-shadow:inset 0 2px 3px #00000059}.blot-dial::-moz-range-progress{background:var(--dial-colour);height:18px;box-shadow:0 0 var(--dial-glow) color-mix(in oklab, var(--dial-colour), transparent 45%);border-radius:9px}.blot-dial::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-brand-cream);background:radial-gradient(circle at 35% 30%, var(--color-blot-lit), var(--color-brand-yellow) 55%, var(--color-blot-shade) 100%);width:34px;height:34px;box-shadow:0 3px 8px #00000059, 0 0 calc(var(--dial-glow) * 1.2) color-mix(in oklab, var(--dial-colour), transparent 30%);border-radius:50%;margin-top:-8px}.blot-dial::-moz-range-thumb{border:3px solid var(--color-brand-cream);background:radial-gradient(circle at 35% 30%, var(--color-blot-lit), var(--color-brand-yellow) 55%, var(--color-blot-shade) 100%);width:34px;height:34px;box-shadow:0 3px 8px #00000059, 0 0 calc(var(--dial-glow) * 1.2) color-mix(in oklab, var(--dial-colour), transparent 30%);border-radius:50%}.blot-dial:focus-visible{outline:3px solid var(--color-brand-cream);outline-offset:4px;border-radius:9px}